@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/barlow-condensed-700.ttf") format("truetype")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/dm-sans-400.ttf") format("truetype")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/dm-sans-600.ttf") format("truetype")}
:root{--ink:#1b1b1a;--paper:#f2f0e9;--paper-soft:#ebe8e0;--accent:#fb460f;--line:#d1cec5;--muted:#89877f;--display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{min-width:320px;min-height:100%;margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
body{font-size:14px;line-height:1.45}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;z-index:50;top:-60px;left:18px;padding:9px 12px;background:var(--accent);color:var(--ink);font-weight:600}.skip-link:focus{top:18px}
.admin-app{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100dvh;background:var(--paper)}
.inbox-sidebar{display:flex;flex-direction:column;min-height:100dvh;background:var(--ink);color:var(--paper)}
.sidebar-header{padding:27px 25px 22px;border-bottom:1px solid rgba(242,240,233,.16)}.admin-brand{display:block;width:128px}.admin-brand img{display:block;width:100%;height:auto}.private-label{display:block;margin-top:20px;color:rgba(242,240,233,.56);font-size:9px;font-weight:600;letter-spacing:.18em}
.sidebar-tools{padding:18px 18px 15px}.search-field{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(242,240,233,.42);padding:7px 0}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--paper);font-size:12px}.search-field input::placeholder{color:rgba(242,240,233,.54)}.search-icon{color:rgba(242,240,233,.66);font-size:18px;line-height:1}.new-company-button{display:block;width:100%;margin-top:15px;padding:10px 12px;border:1px solid var(--accent);background:var(--accent);color:var(--ink);font-size:12px;font-weight:600;text-align:left}.new-company-button span{font-size:18px;line-height:0;margin-right:6px}
.list-heading{display:flex;align-items:center;gap:10px;padding:0 22px 11px;color:rgba(242,240,233,.56);font-size:10px;font-weight:600;letter-spacing:.15em}.list-heading strong{color:var(--paper);font-weight:600}.refresh-button{margin-left:auto;border:0;background:transparent;color:rgba(242,240,233,.7);font-size:17px;padding:0 3px}.company-list{flex:1;overflow:auto;border-top:1px solid rgba(242,240,233,.16)}.company-row{display:block;width:100%;padding:15px 22px;border:0;border-left:3px solid transparent;background:transparent;color:var(--paper);text-align:left}.company-row:hover{background:rgba(242,240,233,.08)}.company-row.is-selected{border-left-color:var(--accent);background:rgba(242,240,233,.12)}.company-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.company-row strong{max-width:210px;overflow:hidden;color:var(--paper);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.company-status{color:rgba(242,240,233,.55);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.company-row p{margin:7px 0 0;overflow:hidden;color:rgba(242,240,233,.66);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.company-row time{display:block;margin-top:8px;color:rgba(242,240,233,.42);font-size:10px}.list-empty{padding:24px 22px;color:rgba(242,240,233,.56);font-size:12px}.sidebar-footer{display:flex;flex-direction:column;gap:9px;padding:16px 22px 20px;border-top:1px solid rgba(242,240,233,.16);color:rgba(242,240,233,.55);font-size:10px}.sidebar-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer a{color:var(--paper);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.conversation-shell{position:relative;min-width:0;min-height:100dvh;background:var(--paper)}.conversation-topbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 30px;border-bottom:1px solid var(--line)}.topbar-brand{font:700 18px/.9 var(--display);letter-spacing:.01em}.topbar-brand span{color:var(--accent)}.topbar-brand small{margin-left:10px;color:var(--muted);font:600 9px/1 var(--body);letter-spacing:.18em}.topbar-session{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#438a58}.topbar-session kbd{margin-left:16px;color:var(--muted);font-size:10px}
.conversation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 68px);padding:30px;text-align:center}.empty-mark{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border:1px solid var(--ink);font-size:25px}.conversation-empty h1{margin:0;font:700 clamp(42px,5vw,74px)/.86 var(--display);letter-spacing:-.025em;text-transform:uppercase}.conversation-empty p{max-width:340px;margin:16px 0 23px;color:var(--muted);font-size:13px}.empty-action{padding:10px 14px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:12px;font-weight:600}.empty-action:hover{background:var(--ink);color:var(--paper)}
.conversation-view{display:flex;flex-direction:column;height:calc(100dvh - 68px);min-height:540px}.thread-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 34px 19px;border-bottom:1px solid var(--line)}.thread-heading{display:flex;align-items:flex-start;gap:13px;min-width:0}.thread-back{display:none;padding:2px 13px 0 0;border:0;background:transparent;color:var(--muted);font-size:11px}.status-dot{width:9px;height:9px;margin-top:8px;border-radius:50%;background:var(--accent);flex:none}.thread-name-row{display:flex;align-items:center;gap:10px;min-width:0}.thread-name-row h1{max-width:700px;margin:0;font:700 clamp(34px,4vw,61px)/.86 var(--display);letter-spacing:-.028em;text-transform:uppercase;overflow-wrap:anywhere}.status-pill{padding:4px 7px;border:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.1em;white-space:nowrap}.thread-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}.details-button{padding:9px 0;border:0;background:transparent;color:var(--ink);font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.details-button span{margin-left:7px;color:var(--accent)}.follow-up-strip{display:flex;align-items:center;gap:10px;padding:10px 34px;border-bottom:1px solid var(--line);background:rgba(251,70,15,.08);font-size:11px}.follow-up-icon{color:var(--accent);font-size:10px}.follow-up-strip strong{display:block;font-weight:600}.follow-up-strip small{display:block;margin-top:1px;color:var(--muted);font-size:10px}
.timeline{display:flex;flex:1;flex-direction:column;gap:16px;padding:25px clamp(22px,5vw,78px);overflow:auto}.timeline-day{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.timeline-day::before,.timeline-day::after{height:1px;flex:1;background:var(--line);content:""}.timeline-item{display:flex;flex-direction:column;max-width:min(72%,620px);align-self:flex-start}.timeline-item.is-outbound{align-self:flex-end;align-items:flex-end}.timeline-item.is-system{align-self:center;align-items:center;max-width:80%}.timeline-meta{display:flex;gap:11px;align-items:center;margin:0 4px 5px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.timeline-item.is-outbound .timeline-meta{flex-direction:row-reverse}.timeline-body{margin:0;padding:11px 14px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ink);color:var(--paper);font-size:13px;line-height:1.5}.timeline-item.is-inbound .timeline-body{background:var(--paper-soft);color:var(--ink)}.timeline-item.is-system .timeline-body{padding:6px 10px;background:transparent;color:var(--muted);font-size:11px;font-style:italic}.timeline-project{display:block;margin:5px 4px 0;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.attachment-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.attachment-card{display:flex;align-items:center;gap:8px;min-width:180px;padding:7px 8px;border:1px solid rgba(242,240,233,.34);background:rgba(242,240,233,.1);color:inherit;font-size:11px}.is-inbound .attachment-card{border-color:var(--line);background:var(--paper)}.attachment-thumb{width:34px;height:34px;object-fit:cover;background:rgba(242,240,233,.18)}.attachment-file{display:grid;place-items:center;width:34px;height:34px;background:var(--accent);color:var(--ink);font-size:9px;font-weight:700}.attachment-copy{min-width:0}.attachment-copy strong{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-copy small{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.composer{padding:12px 28px 15px;border-top:1px solid var(--ink);background:var(--paper)}.composer-toolbar,.composer-footer{display:flex;align-items:center;gap:10px}.type-select select,.direction-select select{padding:3px 3px;border:0;background:transparent;color:var(--ink);font-size:10px;font-weight:600;letter-spacing:.08em}.direction-select select{color:var(--muted);font-weight:400}.composer-spacer{flex:1}.attach-button{padding:3px 0;border:0;background:transparent;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:3px}.file-name{max-width:180px;overflow:hidden;color:var(--ink-soft);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.composer textarea{display:block;width:100%;margin:8px 0 7px;padding:4px 0;border:0;border-bottom:1px solid var(--line);outline:0;resize:vertical;background:transparent;color:var(--ink);font-size:13px;line-height:1.45}.composer textarea:focus{border-color:var(--ink)}.composer-hint{color:var(--muted);font-size:10px}.composer-footer .send-button{margin-left:auto}
.send-button{padding:9px 13px;border:1px solid var(--accent);background:var(--accent);color:var(--ink);font-size:11px;font-weight:600}.send-button:hover{background:#ff6039}.cancel-button{padding:9px 13px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:11px}
.details-drawer{position:fixed;z-index:20;top:0;right:0;display:flex;flex-direction:column;width:min(390px,92vw);height:100dvh;transform:translateX(105%);border-left:1px solid var(--ink);background:var(--paper);box-shadow:-18px 0 34px rgba(27,27,26,.16);transition:transform .18s ease}.details-drawer.is-open{transform:translateX(0)}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:23px 24px 19px;border-bottom:1px solid var(--ink)}.drawer-kicker{display:block;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.15em}.drawer-header h2{max-width:280px;margin:8px 0 0;font:700 43px/.86 var(--display);letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:anywhere}.drawer-close{display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:22px;line-height:1}.drawer-close:hover{border-color:var(--ink)}.drawer-content{flex:1;overflow:auto;padding:20px 24px 35px}.detail-section{margin-bottom:25px}.detail-section h3{margin:0 0 11px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.detail-form{display:grid;gap:9px}.detail-form label{display:block}.detail-form label span{display:block;margin-bottom:4px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.detail-form input,.detail-form textarea,.detail-form select{width:100%;padding:8px 9px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);font-size:12px}.detail-form textarea{min-height:70px;resize:vertical}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-actions{display:flex;justify-content:flex-end;margin-top:5px}.drawer-list-row{padding:9px 0;border-bottom:1px solid var(--line)}.drawer-list-row strong{display:block;font-size:12px}.drawer-list-row small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.muted-copy{margin:0;color:var(--muted);font-size:11px}
.company-dialog{width:min(420px,calc(100% - 30px));padding:0;border:1px solid var(--ink);background:var(--paper);color:var(--ink)}.company-dialog::backdrop{background:rgba(27,27,26,.72)}.dialog-form{padding:23px}.dialog-head{display:flex;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid var(--ink)}.dialog-head h2{margin:7px 0 0;font:700 49px/.86 var(--display);letter-spacing:-.025em;text-transform:uppercase}.dialog-field{display:block;margin-top:23px}.dialog-field span{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.dialog-field input{width:100%;padding:10px 9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:13px}.dialog-field input[aria-invalid="true"]{border-color:var(--accent)}.dialog-error{min-height:18px;margin:10px 0 0;color:var(--accent);font-size:11px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}
.toast{position:fixed;z-index:40;right:20px;bottom:20px;max-width:360px;padding:11px 14px;transform:translateY(12px);border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:12px;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s}.toast.is-visible{transform:translateY(0);opacity:1}
.mobile-list-button{display:none}
@media(max-width:800px){.admin-app{display:block}.inbox-sidebar{position:fixed;z-index:30;top:0;left:0;width:min(340px,92vw);transform:translateX(-105%);box-shadow:16px 0 32px rgba(27,27,26,.22);transition:transform .18s}.inbox-sidebar.is-open{transform:translateX(0)}.conversation-topbar{padding:0 18px}.mobile-list-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:16px}.topbar-brand{margin-right:auto;margin-left:14px}.topbar-session span:not(.connection-dot),.topbar-session kbd{display:none}.thread-header{align-items:flex-start;padding:17px 18px 16px}.thread-back{display:block}.thread-name-row{display:block}.thread-name-row h1{font-size:43px}.status-pill{display:inline-block;margin-top:7px}.timeline{padding:20px 16px;gap:15px}.timeline-item{max-width:88%}.composer{padding:11px 14px 14px}.composer-hint{display:none}.composer-footer .send-button{margin-left:auto}.details-button{padding-top:4px}.conversation-empty{min-height:calc(100dvh - 68px);padding:20px}.conversation-empty h1{font-size:56px}}
@media(prefers-reduced-motion:reduce){.inbox-sidebar,.details-drawer,.toast{transition:none}}