.outbox-dialog form { display: grid; gap: 14px; }
.outbox-card-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.outbox-order-actions{display:flex;flex-wrap:wrap;gap:6px}.outbox-order-actions button{min-height:44px;font-size:12px}.outbox-order-note{font-size:12px;color:var(--muted);align-self:center}
.outbox-dialog label { display: grid; gap: 6px; color: var(--ink); }
.outbox-dialog input, .outbox-dialog textarea { width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); font: inherit; }
.outbox-dialog textarea { resize: vertical; }
.outbox-dialog .empty-actions { flex-wrap: wrap; }
@media(max-width: 600px) { .mobile-nav .nav-item { font-size: 10px; padding-inline: 3px; } }

.outbox-reminder{margin:14px 0;display:flex;flex-wrap:wrap;gap:8px}
.outbox-reminder-link{display:flex;flex:1 1 100%;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;padding:10px 14px;border:1px solid #c18e36;border-radius:9px;background:#fff1d4;color:#624006;font-size:14px;font-weight:650;text-decoration:none;line-height:1.5}
.outbox-reminder-action{font-size:12px;font-weight:600}.outbox-reminder-recipient{font-size:14px;font-weight:650}.outbox-reminder-subject{font-size:13px;font-weight:400;line-height:1.45}
.outbox-reminder-link:hover{background:#ffe3a6;text-decoration:underline}
.outbox-reminder-link:focus-visible{outline:3px solid #d09837;outline-offset:3px}
.outbox-status-approved{background:#def4e5;color:#16472a;border-color:#44855d}
.outbox-status-sent{background:#e6edf4;color:#30485d;border-color:#72899d}
@media(prefers-color-scheme:dark){.outbox-reminder-link{background:#4a3819;color:#ffe3a4;border-color:#c69443}.outbox-reminder-link:hover{background:#614821}.outbox-status-approved{background:#203f2c;color:#c7efd2}.outbox-status-sent{background:#283744;color:#d2e6f5}}

.outbox-email-alternative{border:1px solid var(--line);border-radius:9px;padding:12px}.outbox-email-alternative summary{cursor:pointer;font-weight:600}.outbox-email-alternative textarea{margin:10px 0}.outbox-email-alternative [aria-disabled=true]{opacity:.5;cursor:default}.outbox-contact-note{font-size:12px;line-height:1.6}.outbox-contact-note a{display:inline-block;margin-right:12px;color:var(--ink)}

.outbox-dialog{overflow:hidden;padding:20px}.outbox-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 100px);min-height:0;gap:12px}.outbox-fixed-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-shrink:0}.outbox-fixed-head h2{font-size:23px}.outbox-fixed-head p{margin:7px 0}.outbox-form-content{overflow-y:auto;min-height:0;display:grid;gap:12px;padding-right:6px}.outbox-fixed-actions{flex-shrink:0;display:flex;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin:0;background:var(--surface)}.outbox-dialog form>p:empty{display:none}.outbox-dialog form>p[role=alert]{margin:0;font-size:13px}.outbox-whatsapp-dialog textarea[name=body]{min-height:120px;max-height:34dvh}.outbox-whatsapp-launch{background:#255e3e;color:#fff;border-color:#3b9b68}@media(max-width:600px){.outbox-dialog{padding:14px}.outbox-dialog form{max-height:calc(100dvh - 65px)}.outbox-fixed-head h2{font-size:21px}.outbox-fixed-head button{font-size:11px;max-width:90px}.outbox-fixed-actions button{font-size:12px;padding:9px 10px}}

.outbox-channel-picker{flex-shrink:0}.outbox-channel-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.outbox-channel-buttons button{display:flex;flex-direction:column;gap:4px;align-items:center;padding:8px 3px;font-size:12px;min-width:0}.outbox-channel-buttons small{font-size:9px;font-weight:400;line-height:1.25}.outbox-channel-buttons .channel-available{border:1px solid #459a68;background:#e3f4e9;color:#17472a}.outbox-channel-buttons .channel-partial{border:1px solid #b58b39;background:#fff0c9;color:#624610}.outbox-channel-buttons .channel-unavailable{border:1px solid #a5aaa6;opacity:.55}.outbox-channel-buttons [aria-pressed=true]{outline:2px solid currentColor;outline-offset:1px}.outbox-channel-panel{max-height:22dvh;overflow:auto;font-size:12px;white-space:pre-line}.outbox-channel-panel p{margin:8px 0}.outbox-channel-panel button{font-size:12px;margin:3px}.outbox-channel-panel textarea{max-height:12dvh}.outbox-channel-panel:empty{display:none}@media(prefers-color-scheme:dark){.outbox-channel-buttons .channel-available{background:#213f2b;color:#d1f4de}.outbox-channel-buttons .channel-partial{background:#4a3819;color:#ffe3a4}}

.outbox-main-fields,.outbox-extra-fields{display:grid;gap:12px}.outbox-details{border:1px solid var(--line);border-radius:9px;padding:10px 12px}.outbox-details summary,.outbox-channel-panel summary{cursor:pointer;font-weight:600}.outbox-details[open]>.outbox-extra-fields{margin-top:12px}.outbox-details .outbox-contact-note:empty{display:none}.outbox-details .outbox-contact-note:not(:empty){margin-top:12px}.outbox-dialog [hidden]{display:none!important}.outbox-channel-panel details{margin:8px 0}.outbox-channel-panel details textarea{margin-top:8px}

.outbox-discussion{border:1px solid #78935d;border-radius:10px;background:var(--paper);padding:12px}.outbox-discussion>summary{cursor:pointer;font-weight:600;min-height:24px}.outbox-discussion-content{display:grid;gap:12px;margin-top:12px}.outbox-discussion p{font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.outbox-discussion [role=alert]{color:#a3483c}.outbox-discussion [role=alert]:empty,.outbox-discussion [role=status]:empty{display:none}.outbox-discussion .empty-actions{display:flex;gap:8px;margin:0}.outbox-discussion button{min-height:44px;font-size:12px}.outbox-discussion-history{display:grid;gap:12px}.outbox-discussion-turn{border-top:1px solid var(--line);padding-top:10px}.outbox-discussion-turn>details>summary{cursor:pointer;font-weight:600;font-size:13px;min-height:30px}.outbox-discussion-turn details p{max-height:28dvh;overflow:auto;margin:8px 0}.outbox-discussion-reply{display:grid;gap:8px;padding:10px;border-radius:8px;background:var(--surface);margin-top:8px}.outbox-dialog .outbox-discuss-button{background:#e7f1da;border-color:#78935d;color:#344f27;font-weight:600}@media(prefers-color-scheme:dark){.outbox-dialog .outbox-discuss-button{background:#344c2c;color:#e0efcf}.outbox-discussion [role=alert]{color:#edb6a6}}

.outbox-body-field{display:grid;gap:6px}.outbox-body-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.outbox-body-heading label{min-width:0}.outbox-body-heading .outbox-text-expand{min-height:44px;padding:8px 12px;font-size:13px}.outbox-text-dialog{position:fixed;inset:auto;top:var(--text-viewport-top,0px);left:var(--text-viewport-left,0px);width:var(--text-viewport-width,100%);max-width:none;height:100vh;height:var(--text-viewport-height,100dvh);max-height:none;box-sizing:border-box;margin:0;padding:calc(10px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));border:0;border-radius:0;background:var(--surface);color:var(--ink);overflow:hidden}.outbox-text-dialog::backdrop{background:var(--surface)}.outbox-text-sheet{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0}.outbox-text-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.outbox-text-head h2{font-size:18px;line-height:1.25;margin:0;min-width:0;overflow-wrap:anywhere}.outbox-text-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}.outbox-text-tools button{min-height:44px;min-width:44px;padding:8px 10px;font-size:14px}.outbox-text-dialog textarea{flex:1 1 0%;display:block;width:100%;min-width:0;min-height:0;max-height:none;box-sizing:border-box;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:var(--message-font-size,18px)/1.65 system-ui,sans-serif;resize:none;overflow:auto;overscroll-behavior:contain}.outbox-text-note{flex-shrink:0;font-size:12px;line-height:1.4;color:var(--muted);margin:0}.outbox-text-dialog button:focus-visible{outline:3px solid var(--forest);outline-offset:2px}

/* Message composer: one discussion area and one scroll surface. */
.outbox-dialog{width:min(720px,calc(100vw - 32px));height:min(850px,calc(var(--outbox-vh,100dvh) - 32px));max-height:calc(var(--outbox-vh,100dvh) - 32px);box-sizing:border-box;padding:16px;min-height:0}
.outbox-dialog form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;max-height:none;min-height:0;gap:10px}
.outbox-fixed-head{align-items:center;gap:10px}.outbox-fixed-head h2{font-size:19px;line-height:1.2}.outbox-fixed-head p{font-size:12px;line-height:1.3;margin:3px 0 0}.outbox-fixed-head button{min-width:44px;min-height:44px;max-width:none;padding:6px 12px;font-size:24px}
.outbox-form-content{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;align-content:start;grid-auto-rows:max-content;gap:14px;padding:2px 6px 4px 0}
.outbox-dialog .outbox-message-title{font-size:21px;line-height:1.3;overflow-wrap:anywhere;margin:0}
.outbox-fixed-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:8px;align-items:stretch;padding-top:10px;padding-bottom:env(safe-area-inset-bottom,0px)}
.outbox-fixed-actions button{font-size:14px;line-height:1.25;min-height:46px;padding:10px 8px;min-width:0;overflow-wrap:anywhere}.outbox-primary-action{background:var(--forest);color:var(--surface);font-weight:650}.outbox-dialog .outbox-primary-action{background:#355c40;color:#fff;border-color:#628267}
.outbox-dialog input,.outbox-dialog textarea{font-size:16px;min-width:0}.outbox-dialog textarea[name=body]{min-height:clamp(220px,38dvh,360px);max-height:none;line-height:1.55}.outbox-channel-panel{max-height:none;overflow:visible;white-space:normal;font-size:13px}.outbox-channel-panel p{line-height:1.45;margin:8px 0 0}.outbox-channel-panel textarea{max-height:none}.outbox-channel-buttons button{min-height:54px}.outbox-channel-buttons small{font-size:10px}
.outbox-discussion>summary,.outbox-details>summary{display:flex;align-items:center;min-height:44px}.outbox-discussion>summary:before,.outbox-details>summary:before{content:'▸';margin-right:6px}.outbox-discussion[open]>summary:before,.outbox-details[open]>summary:before{content:'▾'}.outbox-discussion>summary::marker,.outbox-details>summary::marker{content:''}
.outbox-dialog .outbox-feedback{margin:0;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.outbox-feedback:empty{display:none}.outbox-feedback[role=alert]{color:#b15143}.outbox-details>button{margin-top:12px}
@media(max-width:600px){.outbox-dialog{position:fixed;inset:auto;top:var(--outbox-top,0px);left:var(--outbox-left,0px);width:var(--outbox-vw,100vw);max-width:none;height:var(--outbox-vh,100dvh);max-height:var(--outbox-vh,100dvh);margin:0;border:0;border-radius:0;padding:calc(10px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 8px calc(12px + env(safe-area-inset-left,0px))}.outbox-dialog form{max-height:none;gap:8px}.outbox-dialog .outbox-message-title{font-size:20px}.outbox-form-content{padding-right:3px}.outbox-fixed-actions button{font-size:14px}.outbox-dialog textarea[name=body]{min-height:clamp(220px,38dvh,360px)}.outbox-discussion,.outbox-details{padding:8px 10px}.outbox-fixed-head h2{font-size:18px}.outbox-fixed-head button{font-size:24px;max-width:none}}