/* Shared Bunting dashboard language: ink surfaces, restrained chrome, red actions. */
:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--red:#e0002b;--line:#262d3b;--muted:#94a0b4;--surface:#0c1220;--canvas:#060b17;--focus:#e94160;background:var(--canvas);color:#e7ecf5}
body{background:var(--canvas);font-size:13px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{transition:background .15s,border-color .15s,box-shadow .15s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[role=option]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}button{background:#0c1220;border:1px solid #2b3444;color:#dce3ee;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:550}button:hover{background:#172033;border-color:#47536b}.primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 1px 2px #0003}.primary:hover{background:#f00938;border-color:#f00938}.sidebar{background:#10141c;width:255px;border-color:var(--line);padding:20px 14px;scrollbar-width:thin;scrollbar-color:#354052 transparent}.shell{margin-left:255px}.brand{font-size:13px;letter-spacing:1.2px;gap:10px;padding:0 4px}.brand-mark{display:grid;place-items:center;background:var(--red);border-radius:7px;width:29px;height:29px;font-size:19px;color:#fff;font-weight:800;flex:none}.brand small{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:4px}.workspace{font-size:10px;letter-spacing:1.2px;color:#8390a5;margin:26px 7px 10px}nav{gap:4px}nav button{gap:12px;padding:10px 11px;font-size:12px;color:#b8c2d2;font-weight:550;border-radius:6px}nav button.active{background:#d9002b;color:white;box-shadow:none}nav button:hover{background:#202938}nav button.active:hover{background:#eb0030}.nav-icon{display:flex;align-items:center;justify-content:center;width:18px}.nav-count{background:#ffffff20!important;border-radius:4px!important;font-size:10px!important;padding:2px 6px!important}header{background:#080e1b;border-color:var(--line);height:37px;padding:0 20px;font-size:11px}header span{font-size:10px;color:#95a2b7}.environment{background:#201c15;border-bottom:1px solid #493c24;color:#d9bd83;font-size:10px;padding:7px}main{padding:23px 20px 40px}.eyebrow{color:#e54561;font-size:9px;letter-spacing:1.4px;margin-bottom:6px}h1{font-size:20px;text-transform:none;letter-spacing:-.45px;font-weight:650}h2{font-size:13px;letter-spacing:0;font-weight:600}h3{font-size:12px;font-weight:600}.page-title{padding-bottom:18px;gap:20px;border-color:var(--line);margin-bottom:13px}#subtitle{font-size:12px;color:#99a7bd;margin-top:7px}.header-actions{gap:8px}.freshness{font-size:10px;color:#7f8da4;margin-bottom:19px;gap:6px}.freshness b{color:#a4b0c2}.live-dot{background:#65bb9e;width:5px;height:5px}.filters{gap:12px}.filters label{font-size:9px;color:#91a0b8;letter-spacing:.8px;gap:6px}.filters input,#search{background:#0a101c;border:1px solid #2b3444;border-radius:6px;min-height:36px;color:#e8eef8;padding:9px 10px;font-size:12px;letter-spacing:0;box-shadow:0 1px 2px #0002}.filters input::placeholder{color:#68778e}.filters #result-count{font-size:10px;color:#8190a7}#clear-filters{font-size:11px;color:#aab6c9;background:transparent}.sidebar-bottom{color:#9faec4;font-size:10px;padding:24px 6px 0}.sidebar-bottom a{color:#b5c1d4}.sort-bar{background:#0b1220;border-color:var(--line);padding:12px;gap:10px;border-radius:7px}.sort-bar label{color:#90a0b9;font-size:9px;gap:6px;min-width:185px}.sort-bar span{font-size:11px}.sort-bar>button{height:36px;font-size:10px}.source-note{color:#90a0b7;font-size:11px;line-height:1.75;margin:15px 0}.panel,.metric{background:#0a101d;border-color:var(--line);border-radius:8px;box-shadow:0 1px 3px #0002}.panel-head{padding:16px}.panel-head p{font-size:11px;color:var(--muted)}.panel-body{padding:0 16px 18px}.metrics{gap:12px;margin-bottom:18px}.metric{padding:18px}.metric-label{color:#94a3b9;font-size:10px;letter-spacing:.55px}.metric-value{font-family:inherit;font-size:28px;letter-spacing:-1px;font-weight:650;color:#f0f5fd}.metric p{color:#8796ad;font-size:10px}.metric.red .metric-value{color:#ed153e}.badge{background:#1c273a;color:#b1c0d8;font-size:9px;padding:4px 7px;letter-spacing:.15px}.badge.green{background:#12372f;color:#9cdbbf}.badge.amber{background:#3d2f16;color:#eac888}.badge.red{background:#451e2a;color:#fba9b9}.table-wrap{scrollbar-width:thin;scrollbar-color:#344158 #0a101d}table{font-size:12px}th{background:#111a2b;color:#91a1b9;border-color:#263248;font-size:9px;font-weight:550;letter-spacing:.8px;padding:11px 12px}td{color:#bdc8d9;border-color:#1e293b;padding:10px 12px}td strong{color:#e7edf7;font-weight:600}tbody tr:hover{background:#111c2e}.customer-grid{font-size:11px}.customer-grid td{padding:8px 11px}.customer-grid td.amount{color:#bdc8d9}.customer-name{font-size:11px;font-weight:600;line-height:1.45;color:#e0e8f4;background:transparent;border:0;padding:0}.customer-name:hover{background:transparent;color:#fff}.table-button{background:#111a29;border:1px solid #303d53;color:#c9d6e9;border-radius:5px;font-size:9px;padding:4px 8px}.expand{color:#8193ad;background:transparent;border:0}.tier{font-size:9px;letter-spacing:.1px;padding:4px 6px;border-radius:4px}.tier-3{background:#a92441;color:#ffdae2}.tier-2{background:#895018;color:#ffe0b5}.tier-1{background:#69571f;color:#f4e1a1}.expanded-content{background:#080e19;border-left:2px solid #c91a40;padding:18px}.table-foot{padding:12px 14px;color:#8c9bb2}.table-foot button{font-size:11px}.callout,#notice{background:#1c201f;border:1px solid #3a443d;color:#c2d1c6;border-radius:7px;font-size:11px;padding:14px 16px;line-height:1.7}.callout strong{color:#dce7de}#notice.error{background:#2d1722;border-color:#653045;color:#f2b6c7}.bar{height:7px;background:#1b273c}.bar span{background:#d81440}.aging-row{font-size:11px;grid-template-columns:70px 1fr 105px}.workflow-row{border-color:var(--line);padding:17px 0;gap:12px}.workflow-row h3{font-family:inherit;font-size:12px}.workflow-row p{font-size:11px;color:var(--muted)}.step{background:#281828;color:#ee7e98;border:1px solid #4b2336;border-radius:7px}.workflow-row button{font-size:10px}.subnav{gap:6px;margin-bottom:16px}.subnav button.selected{background:#30182b;border-color:#79314b;color:#ffc4d3}.hold-item{padding:16px;border-color:var(--line)}.hold-item p{font-size:11px;line-height:1.7;color:var(--muted)}.settings-grid{padding:14px 18px 24px;font-size:12px;color:var(--muted);gap:22px}.settings-grid strong{color:#ccd7e8}.prose{color:#9eacc1;font-size:12px}.link{color:#f783a0}footer{border-color:var(--line);color:#75849c;font-size:10px;padding:16px 20px}.empty{padding:45px 20px;color:#899ab3}.empty h2{font-size:16px;color:#d6e0f0;margin-bottom:10px}
/* Every interactive form surface belongs to the app, including pop-up menus. */
.ui-source{display:none!important}.ui-select{width:100%;min-height:36px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0a101c;border:1px solid #2c374a;color:#dbe5f4;border-radius:6px;text-align:left;font-size:12px;letter-spacing:0;text-transform:none;font-weight:450;box-shadow:0 1px 2px #0002}.ui-select:hover,.ui-select[aria-expanded=true]{background:#111c2d;border-color:#53617a}.ui-select>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-chevron{display:flex;color:#7f90a9;flex:none;transition:transform .15s}.ui-select[aria-expanded=true] .ui-chevron{transform:rotate(180deg)}.ui-popover{position:fixed;z-index:1000;overflow:auto;scrollbar-width:thin;scrollbar-color:#3a4962 #0d1626;background:#101a2a;color:#dbe6f6;border:1px solid #39465d;padding:5px;border-radius:8px;box-shadow:0 18px 55px #0009,0 2px 8px #0006;font-size:12px;letter-spacing:0;text-transform:none;font-weight:450}.ui-option{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:34px;border-radius:5px;padding:8px 10px;cursor:pointer;outline-offset:-2px!important}.ui-option:hover,.ui-option:focus{background:#23314a}.ui-option[aria-selected=true]{color:#ffc0d0;background:#3c1c30}.ui-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.ui-option span{display:flex;color:#f47794}.ui-calendar{width:280px!important;max-height:none!important;padding:12px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:6px}.calendar-heading strong{font-size:12px;font-weight:600}.calendar-heading button{padding:3px 9px;font-size:20px;background:transparent}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.calendar-weekday{font-size:10px;color:#8596af;padding:6px 0}.calendar-grid button{font-size:11px;min-height:29px;padding:4px;border-color:transparent;background:transparent;color:#d0dbed}.calendar-grid button:hover{background:#293954}.calendar-grid button[aria-pressed=true]{background:var(--red);color:#fff}.calendar-grid button:disabled{opacity:.25}.calendar-footer{border-top:1px solid #2b384e;margin-top:10px;padding-top:10px}.calendar-footer button{font-size:11px;width:100%;background:#111d30}
#overlay{background:#02050dc2;backdrop-filter:blur(3px)}.drawer{background:#0b1220;border-left:1px solid #303b50;box-shadow:-20px 0 70px #0008;padding:28px;width:min(840px,96vw);scrollbar-width:thin;scrollbar-color:#35445d transparent}.drawer-heading{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.drawer-heading h2{font-size:21px;font-weight:650;letter-spacing:-.35px}.drawer-heading p{color:#90a0b7;font-size:11px;line-height:1.7}.drawer .panel{margin-top:18px}.drawer>.panel{border-color:#273349}.drawer .panel-head h2{font-size:13px}.drawer .detail-line{border-color:#253147;font-size:11px;color:#9cacbf;line-height:1.8;padding:12px 0}.drawer .detail-line strong{color:#d0dced;font-weight:550}.drawer label,dialog label{font-size:11px;font-weight:500;line-height:1.5;color:#a4b3ca;display:block;margin:15px 0;letter-spacing:.1px}.drawer input:not([type=checkbox]),.drawer textarea,dialog textarea,dialog input:not([type=checkbox]):not(.ui-source){background:#080f1c;color:#e0e9f8;border:1px solid #33425a;border-radius:6px;padding:11px 12px;margin-top:7px;width:100%;box-shadow:inset 0 1px 2px #0003;font-size:12px}.drawer textarea{min-height:300px;line-height:1.85;resize:vertical}.drawer input:focus,.drawer textarea:focus,dialog textarea:focus{border-color:#cf4263}.draft-head h2{font-size:17px}.draft-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding-top:5px}.draft-actions button:first-child{margin-right:auto}.draft-actions button{font-size:11px;padding:10px 12px}.icon{padding:4px 10px;font-size:22px;line-height:1.2;background:transparent;color:#8b9bb3;border-color:transparent}.icon:hover{background:#1c293e;border-color:#35445d}dialog{background:#0e1727;color:#e2eaf7;border:1px solid #39465d;border-radius:12px;padding:25px;box-shadow:0 25px 110px #000b;max-width:540px;width:calc(100vw - 36px);overflow:visible}dialog::backdrop{background:#02050dc2;backdrop-filter:blur(4px)}dialog h2{font-size:19px;letter-spacing:-.3px;font-weight:650}.dialog-heading{margin-bottom:16px;align-items:center}.dialog-heading h2{font-size:19px}dialog p{color:#a1b1c8;font-size:12px;line-height:1.8;margin:14px 0}dialog textarea{min-height:110px;resize:vertical}dialog .callout{background:#251d19;border-color:#59402b;color:#e1c3a1;margin:14px 0}dialog .primary[type=submit]{width:100%;margin-top:10px;min-height:39px}dialog .ui-select{margin-top:7px;min-height:40px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.dialog-actions button{min-width:100px}.ui-confirm{max-width:460px}.ui-confirm p{margin-top:15px}.check{display:flex!important;gap:12px!important;align-items:flex-start!important;background:#131f32;padding:13px;border:1px solid #2e3c54;border-radius:7px;color:#d0dcef!important;font-size:12px!important}#recipient-confirmed,input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-block!important;width:18px!important;height:18px!important;min-width:18px;padding:0!important;margin:1px 0 0!important;border:1px solid #64748c!important;border-radius:4px;background:#0b1322;cursor:pointer;box-shadow:none!important;flex:none}#recipient-confirmed:checked,input[type=checkbox]:checked{background-color:#dc0030;border-color:#f03d64!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4 10-10' stroke='white' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.check:has(input:checked){border-color:#823249;background:#26192b}*{scrollbar-color:#35445c #090f1c;scrollbar-width:thin}::selection{background:#87304f;color:#fff}
@media(min-width:1600px){main{padding-top:23px}}@media(max-width:1100px){.sidebar{width:235px}.shell{margin-left:235px}.header-actions button{font-size:11px}main{padding:20px 16px}.metric-value{font-size:25px}}@media(max-width:720px){.sidebar{position:static;width:100%;padding:17px}.shell{margin:0}.brand{font-size:13px}nav{gap:4px}nav button{padding:9px;font-size:11px}.filters{grid-template-columns:1fr 1fr;gap:12px}.filters .workspace{grid-column:1/-1}main{padding:20px 14px}.page-title{align-items:flex-start;gap:14px}.header-actions{flex-direction:row;width:100%;justify-content:flex-start}.header-actions button{flex:1}.drawer{padding:22px 16px;width:100vw}.drawer-heading h2{font-size:19px}.draft-actions{gap:8px}.draft-actions button{flex:1;padding:10px;font-size:10px}.draft-actions button:first-child{flex-basis:100%;margin:0}.ui-select{min-height:40px}.sort-bar{align-items:center}.sort-bar label{flex:1}.metrics{gap:9px}.metric{padding:14px}.metric-value{font-size:23px}.workflow-row{flex-wrap:wrap}.workflow-row button{margin-left:43px}.settings-grid{grid-template-columns:1fr;gap:10px}dialog{padding:21px}.dialog-actions button{flex:1}.customer-grid td{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Navigation stays visible while the filter region scrolls independently. */
@media(min-width:721px){.sidebar{overflow:hidden}.sidebar>.brand,.sidebar>.workspace,.sidebar>nav,.sidebar>.sidebar-bottom{flex:none}.sidebar>.filters{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;margin-top:8px;scrollbar-width:thin}.sidebar>.filters>.workspace{margin-top:15px}.sidebar-bottom{padding-top:15px}.sidebar-bottom p{margin:5px 0;padding:5px 0}}
.sort-bar .ui-select span{margin:0;align-self:auto;font-size:12px;color:inherit}.inline-notice{position:sticky;top:0;z-index:5;background:#183329;color:#bce4cf;border:1px solid #37624e;border-radius:7px;padding:12px 14px;font-size:12px;line-height:1.6;margin-bottom:16px;box-shadow:0 6px 20px #0004}.inline-notice.error{background:#351d2b;border-color:#803f55;color:#ffbed1}
/* A light, customer-facing email sits inside the dark accounting workspace. */
.email-mode{display:flex;gap:4px;background:#080f1c;border:1px solid #2d3b51;border-radius:7px;padding:4px;margin:20px 0 12px;width:max-content;max-width:100%}.email-mode button{background:transparent;border-color:transparent;font-size:11px;padding:8px 13px;color:#91a5c0}.email-mode button.selected{background:#24314a;color:#f1f5fd;border-color:#3a4b67}.email-preview-status{font-size:11px;line-height:1.7;color:#9eb3cf;margin:10px 0 13px}.email-preview-status.pending{background:#2a2118;border:1px solid #5a422a;border-radius:6px;padding:10px 12px;color:#e3c398}#email-preview-frame{display:block;width:100%;height:800px;border:1px solid #2b3a51;border-radius:8px;background:#eef1f6}.email-edit-help{display:block;font-size:10px;color:#8ca1bf;line-height:1.7;margin-top:10px}.shipment-details summary{padding:16px;font-size:12px;font-weight:550;cursor:pointer;color:#c2cfe3;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.shipment-details summary::-webkit-details-marker{display:none}.shipment-details summary span{font-size:10px;color:#8298b8}.shipment-details summary::after{content:'+';color:#a6b6cf;font-size:18px}.shipment-details[open] summary::after{content:'−'}.shipment-details summary:focus-visible{outline:2px solid var(--focus);outline-offset:-3px;border-radius:7px}.shipment-details summary:hover{background:#152136}.shipment-details summary span{margin-left:auto}@media(max-width:720px){#email-preview-frame{height:760px}.email-mode{width:100%}.email-mode button{flex:1}.draft-actions{padding-top:14px}}

.sidebar .brand{font-size:15px;font-weight:650;letter-spacing:0;color:#eef3fa;padding:6px 7px}.app-navigation{display:flex;align-items:center;gap:0;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.app-navigation::-webkit-scrollbar{display:none}.app-navigation a{display:block;color:#a7b4c8;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:0 13px;border-left:1px solid #263248}.app-navigation a:hover{color:#fff}.app-navigation .app-home{padding-left:0;border:0;color:#f1f4fa}.app-navigation .app-home span:first-child{color:#e0002b}.app-navigation .app-home span:last-child{color:#9babc1;font-size:14px;margin-left:4px}@media(max-width:720px){header{overflow:hidden}.app-navigation{width:100%}.app-navigation a{padding:0 10px}.app-navigation .app-home span{display:inline}}

/* Sales Navigator app shell */
:root{--shell-sidebar:oklch(0.208 0.042 265.755);--shell-active:oklch(0.279 0.041 260.031)}.sidebar{background:var(--shell-sidebar);padding:0 8px 10px}.brand-row{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;flex:none}.sidebar .brand{font-size:15px;padding:0;white-space:nowrap}.shell-toggle{display:grid;place-items:center;width:28px;height:28px;padding:0;background:transparent;border:0;color:#bbc7d8;font-size:17px;flex:none}.shell-toggle:hover{background:#28364b}#sidebar-open{display:none}header{background:rgb(22,22,28);height:36px}.sidebar .workspace{margin:17px 8px 6px;letter-spacing:0;text-transform:none;font-size:11px}.sidebar nav{gap:2px}.sidebar nav button{height:32px;padding:6px 9px;font-size:12px}.sidebar nav button.active,.sidebar nav button.active:hover{background:var(--shell-active);box-shadow:none}.sidebar .sidebar-bottom{padding:12px 7px 0}.sidebar-collapsed .sidebar{width:47px;padding-left:4px;padding-right:4px}.sidebar-collapsed .shell{margin-left:47px}.sidebar-collapsed .brand{display:none}.sidebar-collapsed .brand-row{padding:0;justify-content:center}.sidebar-collapsed .workspace,.sidebar-collapsed .filters,.sidebar-collapsed .sidebar-bottom,.sidebar-collapsed .nav-count{display:none!important}.sidebar-collapsed .sidebar nav button{font-size:0;justify-content:center;padding:6px}.sidebar-collapsed .sidebar nav .nav-icon{display:flex!important}.sidebar-collapsed .sidebar nav{display:grid}.sidebar-collapsed .sidebar nav button:focus-visible{outline-offset:-2px}@media(max-width:720px){.sidebar{position:fixed;inset:0 auto 0 0;width:255px;height:100dvh;z-index:60;transform:translateX(-100%);transition:transform .2s;display:flex;overflow:hidden}.sidebar-mobile-open .sidebar{transform:translateX(0)}.sidebar .filters{display:flex;flex:1;min-height:0;overflow-y:auto}.sidebar .sidebar-bottom{display:block}#sidebar-open{display:grid}.shell{margin-left:0}.sidebar nav{display:grid;overflow:visible;margin-top:0}.sidebar nav button{font-size:12px}.sidebar nav .nav-icon,.sidebar nav .nav-count{display:flex}#sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#0009;z-index:59}.app-navigation{min-width:0;flex:1}}

/* Sales Navigator shell reference */
.sidebar{background:oklch(0.208 0.042 265.755);padding:0 8px 8px;border-right:1px solid oklch(0.279 0.041 260.031)}.brand-row{height:52px;padding:8px 4px;gap:8px}.sidebar .brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:0;min-width:0}.brand img{width:24px;height:24px;object-fit:contain;flex:none}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-toggle svg,.footer-tools svg,.home-icon svg{width:16px;height:16px}.sidebar .workspace{height:32px;display:flex;align-items:center;margin:0;padding:0 8px;color:oklab(0.968 -0.00263402 -0.00648552 / .7);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.sidebar nav{gap:4px}.sidebar nav button{height:32px;padding:8px;gap:8px;font-size:14px;font-weight:400;color:oklch(0.968 0.007 247.896)}.sidebar nav button.active,.sidebar nav button.active:hover{background:oklch(0.279 0.041 260.031);font-weight:500}.sidebar nav .nav-icon{width:16px;height:16px}.sidebar .sidebar-bottom{padding:8px 0 0;margin-top:auto}.footer-tools{display:flex;justify-content:center;padding:4px}.footer-tools button{height:32px;width:32px;display:grid;place-items:center;padding:0;background:transparent;border:0;color:#b9c8dc}.footer-tools button:hover{background:oklch(0.279 0.041 260.031)}.user-card{margin:0 4px;display:flex;align-items:center;gap:10px;border:1px solid #304057;background:#1b293e99;border-radius:6px;padding:8px;text-decoration:none}.user-avatar{width:32px;height:32px;display:grid;place-items:center;flex:none;border:1px solid #304057;background:#1d2b40;border-radius:50%;font-size:11px;font-weight:700}.user-details{display:flex;flex-direction:column;min-width:0;gap:2px;line-height:1.2}.user-details strong,.user-details #identity-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details strong{font-size:12px;color:#f1f5fa}.user-details #identity-email{font-size:10px;color:#a6b7ce}.user-role{font-size:10px;width:max-content;background:#30405799;color:#d6e1ef;border-radius:3px;padding:1px 6px}.footer-rule{margin:8px 8px 0;border-top:1px solid #304057}.legal-links{display:flex;justify-content:center;gap:8px;padding:6px 8px 8px;text-transform:uppercase;font-size:10px;letter-spacing:.04em}.legal-links a{color:#bac8da}.legal-links a:hover{color:#fff}.legal-links span{color:#64748b}header{background:rgb(22,22,28);height:36px;padding:0 12px}.app-navigation{height:36px;gap:12px;font-size:12px}.app-brand{display:flex;align-items:center;gap:6px;flex:none;color:#fff;font-weight:700;letter-spacing:.02em}.app-brand img{width:16px;height:16px;object-fit:contain}.app-brand .gpt-blue{color:#3b82f6;font-size:inherit}.app-brand .home-icon{display:inline-flex;color:#94a3b8;border:0;padding:0}.app-links{display:flex;align-items:center;gap:4px;border-left:1px solid #334155;padding-left:12px}.app-links a{border:0;padding:4px 8px;color:#a9b5c6;font-size:12px;letter-spacing:.06em}.app-links span{color:#64748b;font-size:12px}.sidebar-collapsed .sidebar .brand span{display:none}.sidebar-collapsed .sidebar .brand{display:flex}.sidebar-collapsed .sidebar .brand-row{height:52px}.sidebar-collapsed .sidebar .brand img{display:none}.sidebar-collapsed .sidebar-bottom{display:block!important}.sidebar-collapsed .sidebar-bottom .user-card,.sidebar-collapsed .sidebar-bottom .footer-rule,.sidebar-collapsed .sidebar-bottom .legal-links{display:none}.sidebar-collapsed .footer-tools{padding:4px 0}@media(max-width:720px){.sidebar .brand{display:flex}.app-links span{display:inline}.app-brand .gpt-blue{display:inline}.sidebar .workspace{display:flex}}

/* Keep the longer AR title visible within the shared Sales Navigator sidebar. */
.sidebar .brand { font-size:12px; letter-spacing:.12em; }
@media(max-width:720px) { .app-brand > span { display:inline; } }

/* Keep the full application name legible beside the sidebar toggle. */
.sidebar .brand span { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.2; }

.invoice-link { padding:0; border:0; background:transparent; text-decoration:underline; text-underline-offset:3px; font-weight:700; }

#signature-dialog { max-height:90vh; overflow-y:auto; }

.sig-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:6px;margin:12px 0}.sig-toolbar label{margin:0;font-size:10px}.sig-toolbar select{min-width:85px}.sig-toolbar .ui-select{min-width:80px;margin-top:3px}.sig-editor{background:#fff;color:#172033;min-height:180px;max-height:340px;overflow:auto;border:1px solid #71819b;border-radius:7px;padding:14px;margin:12px 0 18px;line-height:1.45}.sig-editor img{max-width:100%;height:auto}.sig-editor:focus{outline:2px solid #e00030}.sig-editor:empty:before{content:'Type or paste your signature here';color:#7b8798;pointer-events:none}

.sig-link-menu{position:absolute;z-index:100;background:#17243a;border:1px solid #566a86;border-radius:6px;padding:4px;box-shadow:0 8px 24px #0008}.sig-link-panel{background:#17243a;border:1px solid #435875;border-radius:6px;padding:10px;margin:10px 0}.sig-link-panel label{margin:0 0 8px}.sig-link-panel button{margin-right:6px}

.sig-editor a[href] { color:#1558b0; text-decoration:underline; text-underline-offset:2px; cursor:pointer; }
.sig-editor a[href] img { outline:2px solid #1558b0; outline-offset:2px; }

.sig-image-controls{display:flex;align-items:end;gap:12px;margin:8px 0;color:#a6b7ce;font-size:11px}.sig-image-controls[hidden]{display:none}.sig-image-controls label{margin:0}.sig-image-controls input{width:90px!important;margin:4px 0 0!important}.sig-editor img.sig-image-selected{outline:2px solid #e00030;outline-offset:2px;cursor:move}

.sig-resize-handle{position:fixed;z-index:200;width:14px;height:14px;padding:0;border:2px solid white;border-radius:3px;background:#e00030;cursor:nwse-resize;touch-action:none;box-shadow:0 1px 5px #0008}.sig-resize-handle:hover{background:#ff365c}.sig-resize-handle[hidden]{display:none}

/* Full-width customer workspace: controls and statement remain visible side by side. */
.drawer{width:100vw;max-width:none;padding:20px 28px}.drawer-heading{padding-bottom:12px;margin-bottom:12px}.drawer .panel{margin-top:12px}.statement-layout{display:grid;grid-template-columns:minmax(300px, .85fr) minmax(440px,1.45fr);gap:28px;align-items:start}.statement-controls,.statement-preview{min-width:0}.statement-preview .email-mode{margin-top:0}.statement-preview #email-preview-frame{height:clamp(420px,68vh,1000px)}.statement-preview #email-edit-pane textarea{min-height:55vh}.statement-controls .draft-actions{margin-top:18px}@media(max-width:850px){.drawer{padding:18px 16px}.statement-layout{grid-template-columns:1fr;gap:18px}.statement-preview #email-preview-frame{height:65vh;min-height:360px}}

.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-header .email-mode{margin:0}.preview-header #send-draft{min-width:100px}@media(max-width:480px){.preview-header{flex-wrap:wrap}.preview-header .email-mode{width:auto}}

.email-sync{margin:0 0 12px;line-height:1.6}.email-thread{border:1px solid #304057;border-radius:7px;margin:10px 0;overflow:hidden}.email-thread>summary{cursor:pointer;padding:12px 14px;background:#111d30;color:#e6edf8;display:flex;justify-content:space-between;gap:12px;font-weight:600}.email-thread>summary span{color:#9aacc4;font-size:11px;font-weight:400}.email-message{padding:15px;border-top:1px solid #304057;color:#cbd7e7}.email-message-head{display:flex;justify-content:space-between;gap:12px;color:#e9f0fb}.email-message-head time{color:#91a6bf;font-size:11px}.email-message p{font-size:11px;line-height:1.7;color:#9fb1c8;margin:8px 0}.email-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}.email-attachment-note{color:#e6ba75!important}

.sig-editor p,.sig-editor div{margin:0;line-height:1.3}

.email-message-preview{display:block;width:100%;height:520px;max-height:70vh;border:1px solid #304057;border-radius:8px;background:#fff}

/* Navigation within the expanded customer account. */
.drawer{padding-left:68px;transition:padding-left .18s ease}.drawer.account-nav-open{padding-left:232px}.account-nav{position:fixed;top:0;bottom:0;left:0;width:52px;background:#0e192c;border-right:1px solid #304057;z-index:2;padding:16px 8px;transition:width .18s ease;overflow:hidden}.account-nav-open .account-nav{width:216px}.account-nav-toggle{width:36px;height:36px;padding:0;font-size:24px;line-height:1}.account-nav-content{width:198px;margin-top:24px;visibility:hidden}.account-nav-open .account-nav-content{visibility:visible}.account-nav-content p{margin:0 8px 12px;color:#96aac4;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.account-nav-content button{display:block;width:100%;text-align:left;margin:4px 0;padding:10px;border-color:transparent;background:transparent;color:#e4ecf7;white-space:normal}.account-nav-content button:hover,.account-nav-content button:focus-visible{background:#1d2c43;border-color:#35465d}.drawer .panel[id]{scroll-margin-top:18px}@media(max-width:700px){.drawer{padding-left:60px}.drawer.account-nav-open{padding-left:60px}.account-nav-open .account-nav{box-shadow:8px 0 30px #000a}}

.account-nav{background:#0d1729;padding:16px 10px;border-right:1px solid #26364e}.account-nav-open .account-nav{width:216px}.account-nav-toggle{display:block;margin-left:auto;border:1px solid #35445d;background:#101d31;border-radius:7px;color:#a9bad0}.account-nav-content{margin-top:14px;width:194px}.account-nav-brand{font-weight:750;letter-spacing:1.5px;color:#f1f5fb;padding:3px 8px 22px;border-bottom:1px solid #27364b}.account-nav-brand span{color:#97a9c3}.account-nav-content p{margin:20px 9px 9px;color:#859cb9}.account-nav-content button{display:flex;align-items:center;gap:10px;padding:11px 9px;color:#c6d5e7;line-height:1.35;border-radius:7px}.account-nav-content button.active{background:#1c2a40;color:#fff;border-color:#304159}.account-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;font-size:16px;color:#a8bbd3;flex:none}.email-thread.email-item>summary{align-items:center;gap:16px}.email-item-heading{display:flex;gap:12px;align-items:center;min-width:0}.email-item-heading strong{font-size:11px;color:#edf3fb;min-width:64px}.email-item-heading span{font-size:12px;color:#c3d1e4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-item time{color:#9aacc4;font-size:11px;white-space:nowrap}

.followup-dialog{max-width:700px;max-height:90vh;overflow:auto}.followup-dialog p{margin:10px 0 16px}.followup-kicker{font-size:10px!important;letter-spacing:1.3px;color:#a4b6ce!important;margin:0 0 7px!important}.followup-dialog label{display:block;margin:16px 0;color:#c1d0e2}.followup-dialog textarea{width:100%;margin-top:8px}.followup-days{display:flex;align-items:center;gap:9px;margin-top:8px}.followup-days input{width:90px}.followup-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;flex-wrap:wrap}.followup-actions .primary{width:auto!important;margin:0!important}.followup-dialog iframe{width:100%;height:380px;background:#fff;border:1px solid #52617a;border-radius:7px}

.account-followup-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-followup-status{color:#a7b9cf;font-size:11px}

.send-status-dialog{max-width:400px;text-align:center;padding:32px 28px;border:1px solid #35465e;border-radius:14px;background:#0e192b}.send-status-dialog::backdrop{background:#02050dd9;backdrop-filter:blur(5px)}.send-status-dialog h2{font-size:21px;margin:14px 0 7px;color:#f3f6fb}.send-status-dialog p{font-size:12px;line-height:1.7;color:#aabbd2;margin:0 auto 22px;max-width:300px}.send-status-dialog .primary{min-width:130px;padding:10px 22px}.send-status-icon{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:50%;background:#172741;color:#b6c9e3;font-size:27px;font-weight:700}.send-status-icon.success{background:#143d30;color:#68df9e}.send-status-icon.error{background:#451c2b;color:#ffa9b6}.send-spinner{width:26px;height:26px;border:3px solid #394e6a;border-top-color:#f0003c;border-radius:50%;animation:send-spin .8s linear infinite}@keyframes send-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.send-spinner{animation-duration:2s}}

.followup-dialog:has(.followup-editor){width:min(1400px,95vw);max-width:1400px}.followup-editor{display:grid;grid-template-columns:minmax(260px,0.7fr) minmax(380px,1.3fr);gap:24px}.followup-dialog .followup-invoices{display:flex;align-items:center;gap:9px}.followup-dialog .followup-invoices input{width:auto}.followup-dialog .followup-editor iframe{height:60vh;min-height:380px}@media(max-width:850px){.followup-editor{grid-template-columns:1fr}}

/* Customer navigation shares the main app sidebar's sizing, colors and controls. */
.drawer{padding-left:63px}.drawer.account-nav-open{padding-left:271px}
.account-nav,.account-nav-open .account-nav{width:47px;padding:0 4px 8px;background:var(--shell-sidebar);border-right:1px solid var(--shell-active)}
.account-nav-open .account-nav{width:255px;padding:0 8px 8px}
.account-nav-header{height:52px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0}
.account-nav-open .account-nav-header{justify-content:space-between;padding:8px 4px}
.account-nav-brand{display:none;border:0;padding:0;color:#f1f5fb;font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.account-nav-open .account-nav-brand{display:flex;align-items:center;gap:8px;min-width:0}
.account-nav-brand img{width:24px;height:24px;object-fit:contain;flex:none}.account-nav-brand span{color:inherit;overflow:hidden;text-overflow:ellipsis}
.account-nav-toggle{width:28px;height:28px;margin:0;display:grid;place-items:center;padding:0;background:transparent;border:0;border-radius:4px;color:#bbc7d8}.account-nav-toggle svg{width:16px;height:16px}.account-nav-toggle:hover{background:#28364b}
.account-nav-content,.account-nav-open .account-nav-content{width:auto;margin:0;visibility:visible}.account-nav-content p{display:none}.account-nav-open .account-nav-content p{height:32px;display:flex;align-items:center;margin:0;padding:0 8px;color:oklab(0.968 -0.00263402 -0.00648552 / .7);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.account-nav-content button,.account-nav-open .account-nav-content button{display:flex;align-items:center;justify-content:center;width:100%;height:32px;margin:0 0 4px;padding:8px;gap:8px;border:0;border-radius:6px;background:transparent;color:oklch(0.968 0.007 247.896);font-size:14px;font-weight:400;text-align:left;white-space:nowrap}.account-nav-open .account-nav-content button{justify-content:flex-start}.account-nav-content button:hover,.account-nav-content button.active,.account-nav-content button.active:hover{background:var(--shell-active);color:#fff}.account-nav-content button.active{font-weight:500}.account-nav-icon{width:16px;height:16px;color:inherit;flex:none}.account-nav-icon svg{width:16px;height:16px}.account-nav-label{display:none}.account-nav-open .account-nav-label{display:block;overflow:hidden;text-overflow:ellipsis}.account-nav-content button:focus-visible,.account-nav-toggle:focus-visible{outline:2px solid #f04a69;outline-offset:-2px}
@media(max-width:700px){.drawer,.drawer.account-nav-open{padding-left:63px}.account-nav-open .account-nav{box-shadow:8px 0 30px #000a}}

#current-statement-frame{display:block;width:100%;height:800px;border:1px solid #2b3a51;border-radius:8px;background:#eef1f6}#current-statement-frame[hidden]{display:none}@media(max-width:720px){#current-statement-frame{height:760px}}

.page-title.dashboard-title h1{color:#ff607d;font-size:26px;line-height:1.2;letter-spacing:.02em;text-transform:none}

.followup-toolbar{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:8px 0}.followup-toolbar button{padding:7px}.followup-dialog .followup-toolbar label{display:flex;align-items:center;gap:5px;margin:0}.followup-toolbar input[type=color]{width:36px;height:32px;padding:2px}.followup-message{min-height:150px;max-height:360px;overflow:auto;background:#fff;color:#17243a;padding:12px;border-radius:6px;line-height:1.4}.followup-message img{max-width:100%;height:auto}

.followup-metrics{display:flex;gap:12px;margin-bottom:14px}.followup-metrics>div{flex:1;border:1px solid #26364e;border-radius:7px;padding:10px}.followup-metrics strong,.followup-metrics span{display:block}.followup-metrics strong{font-size:20px;color:#f1f5fb}.followup-metrics span{font-size:10px;color:#9fb0c8;margin-top:4px}.followup-today-list{max-height:160px;overflow-y:auto}.followup-today-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #26364e;padding:9px 0;font-size:11px}.followup-today-row time{color:#9fb0c8;white-space:nowrap}

.contacts-dialog{max-width:900px}.contact-edit-row{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:8px;align-items:center;margin:8px 0}.contact-edit-row input{width:100%;margin:0}.contact-edit-row label{display:flex;align-items:center;gap:5px;margin:0}.contact-edit-row input[type=checkbox]{width:auto}.inline-reply{padding:14px 0}.reply-editor{background:white;color:#17243a;min-height:120px;padding:12px;border-radius:6px;margin:8px 0}.inline-reply label{margin:8px 0}.inline-reply .primary{margin-top:8px}@media(max-width:700px){.contact-edit-row{grid-template-columns:1fr 1fr}.contact-edit-row label{grid-column:1}}

.received-inbox{overflow:hidden}.received-day{padding:13px 18px 8px;color:#9eb1cd;background:#0b1424;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.received-card{border-top:1px solid #26364e}.received-card>summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:16px 18px;background:#0d1728}.received-card>summary::-webkit-details-marker{display:none}.received-card>summary:hover,.received-card[open]>summary{background:#17253b}.received-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#233550;color:#edf4ff;font-size:15px;font-weight:700}.received-heading{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.received-heading strong{font-size:13px;color:#f5f8ff}.received-heading span{font-size:12px;color:#cbd8ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.received-heading small{font-size:11px;color:#91a8c5}.received-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;white-space:nowrap}.received-meta time{font-size:11px;color:#9eb1cd}.received-open{font-size:11px;font-weight:600;color:#cbdcf5}.received-card[open] .received-open{font-size:0}.received-card[open] .received-open:after{content:'Close email';font-size:11px}.received-card .email-message{padding:18px}.received-card .inline-reply{max-width:1000px;padding:20px 0}.received-card .inline-reply h3{font-size:16px;margin:0 0 4px;color:#eef5ff}.received-card .reply-editor{border:1px solid #8295af;min-height:150px}.received-card .email-attachments{margin-top:12px}@media(max-width:650px){.received-card>summary{align-items:flex-start}.received-meta time{font-size:10px}.received-heading span{white-space:normal}}

.received-entry{width:100%;border:0;border-radius:0;border-top:1px solid #26364e;display:flex;text-align:left;align-items:center;gap:14px;padding:16px 18px;background:#0d1728}.received-entry:hover{background:#17253b}.thread-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.thread-header h2{margin:16px 0 4px;font-size:21px}.thread-message+.thread-message{border-top:1px solid #304057}.thread-meta{display:flex;justify-content:space-between;gap:12px}.thread-meta time{color:#9eb1cd}.reply-all-dialog{width:min(1100px,95vw);max-width:none;max-height:90vh;overflow:auto}.reply-all-dialog .inline-reply{padding-top:0}.reply-all-dialog .inline-reply>label{display:block;margin:10px 0}.reply-all-dialog .inline-reply>label input:not([type=file]){display:block;width:100%;margin-top:5px}.reply-all-dialog .reply-all-chain{border:1px solid #304057;border-radius:8px}.reply-all-dialog .email-message-preview{height:350px}

.contacts-search{max-width:380px}.contacts-search label{display:block;margin-bottom:6px;color:#9eb1cd;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.contacts-search input{display:block;width:100%;height:36px;margin:0;padding:0 11px;border:1px solid #304057;border-radius:6px;background:#080f1d;color:#eaf1fb;font-size:12px}.contacts-search input::placeholder{color:#73849e}.contacts-search input:focus{border-color:#829bc2;outline:2px solid #405a81;outline-offset:1px}.contact-edit-row label{white-space:nowrap}

.thread-single{padding:15px}.thread-single-frame{height:70vh;max-height:none}.thread-tools{display:flex;align-items:flex-start;gap:12px;padding-top:12px;flex-wrap:wrap}.thread-tools details{color:#c8d7ea}.thread-tools summary{cursor:pointer;padding:8px}.thread-tools .email-attachments{padding:7px 0;font-size:12px}.reply-all-dialog .thread-single-frame{height:450px}

.reply-all-dialog{width:min(1200px,96vw);padding:18px 22px}.reply-all-dialog .dialog-heading{margin-bottom:8px}.reply-all-dialog .inline-reply>label{margin:6px 0}.reply-all-dialog .inline-reply>label input:not([type=file]){padding:8px 10px;margin-top:3px}.reply-all-dialog .followup-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:8px 0}.reply-all-dialog .followup-toolbar>button{min-height:32px;padding:5px 9px}.reply-all-dialog .followup-toolbar>.ui-select{flex:0 1 115px;width:auto;min-width:85px;min-height:32px;margin:0;padding:5px 8px}.reply-all-dialog .followup-toolbar>label{display:flex;align-items:center;gap:5px;margin:0}.reply-all-dialog .followup-toolbar input[type=color]{width:42px;height:30px;padding:3px;margin:0}.reply-compose-paper{background:#fff;color:#17243a;border:1px solid #8295af;border-radius:7px;min-height:330px;overflow:auto}.reply-all-dialog .reply-compose-paper .reply-editor{border:0;border-radius:0;min-height:180px;margin:0;padding:16px 16px 8px;outline-offset:-3px}.reply-signature-preview{display:block;width:100%;background:#fff;color:#17243a;padding:0 16px 12px;font:14px Arial,sans-serif;overflow-wrap:anywhere}.reply-signature-preview img{max-width:100%;height:auto}.reply-signature-preview a{pointer-events:none}.reply-signature-preview[hidden]{display:none}.reply-all-dialog .inline-reply>p{margin:6px 0;line-height:1.45}.reply-all-dialog .inline-reply>.primary{margin-top:6px}

.sidebar .nav-count.unread-count{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:999px;background:#dc0030;color:#fff;text-align:center;font-size:10px;font-weight:700}.unread-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#ef1745;vertical-align:middle}.received-entry.is-unread{background:#15243a}.received-entry.is-unread .received-heading span{font-weight:700;color:#f5f8ff}.unread-context-menu{position:fixed;z-index:1200;min-width:160px;padding:5px;border:1px solid #40516c;border-radius:8px;background:#101c2e;box-shadow:0 10px 30px #0008}.unread-context-menu button{width:100%;border:0;background:transparent;color:#eaf1fc;text-align:left;font-size:12px;padding:9px}.unread-context-menu button:hover{background:#26374f}.thread-header-actions{display:flex;gap:8px}

.received-heading .marked-unread-by{color:#ff667c;font-size:11px;font-weight:650;white-space:normal;overflow-wrap:anywhere}

.received-entry .received-heading{flex:0 1 auto}.received-entry .marked-unread-by,.received-entry .marked-unread-spacer{flex:1;min-width:0}.received-entry .marked-unread-by{color:#ff526f;font-size:11px;font-weight:650;text-align:left;white-space:normal;overflow-wrap:anywhere}.received-entry .received-meta{margin-left:auto}@media(max-width:700px){.received-entry .marked-unread-by{font-size:10px}}

#notice.unread-notice,.inline-notice.unread-notice{color:#ff526f;background:#2a1823;border-color:#703247}

.contact-review{grid-column:1/-1;padding:9px 12px;border:1px solid #75462b;border-radius:6px;background:#291d18;color:#f4c38f;font-size:11px}.contact-review label{margin-top:7px;color:#f7d2ac;white-space:normal}
.reply-attachments{margin:8px 0}.reply-attachments-label{display:block;color:#aabbd2;font-size:11px;margin-bottom:5px}.reply-attachment-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:42px;padding:6px;border:1px solid #304057;border-radius:6px;background:#08111f}.reply-attachment-bar>button{white-space:nowrap;padding:6px 10px}.reply-attachment-list{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.reply-attachment-chip{display:inline-flex;align-items:center;gap:5px;max-width:260px;background:#1c2c44;border:1px solid #415572;border-radius:5px;color:#e7eef9;padding:3px 4px 3px 9px;font-size:12px}.reply-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-attachment-chip button{border:0;background:transparent;color:#b6c6da;font-size:17px;padding:0 4px;line-height:1.2}.reply-attachment-chip button:hover{color:#ff4968}.reply-attachment-menu{position:fixed;z-index:10000;padding:4px;background:#111d30;border:1px solid #40536d;border-radius:6px;box-shadow:0 8px 24px #0008}.reply-attachment-menu button{white-space:nowrap;border:0;padding:9px 12px}
.contacts-dialog[open]{display:flex;flex-direction:column;width:min(900px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:hidden;padding:0}.contacts-heading{padding:22px 24px 12px;flex:none}.contacts-heading .dialog-heading{margin-bottom:8px}.contacts-heading p{margin:6px 0 12px}.contacts-editor{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 12px;flex:1}.contacts-actions{display:flex;justify-content:flex-end;gap:10px;flex:none;border-top:1px solid #304057;background:#0e1727;padding:14px 24px}.contacts-actions button{min-width:110px}.contacts-dialog .contact-edit-row input:not([type=checkbox]){margin:0}.contacts-empty{padding:8px 0}@media(max-width:700px){.contacts-dialog[open]{max-height:calc(100dvh - 16px)}.contacts-heading{padding:16px 16px 10px}.contacts-editor{padding:0 16px 10px}.contacts-actions{padding:12px 16px}}
.contacts-heading .contacts-error{color:#ff899d;margin:8px 0 0}

.conversation-contacts-dialog{width:min(580px,calc(100vw - 32px));max-height:85vh;background:#0d1729;color:#e9f0fc;border:1px solid #364760;border-radius:10px;padding:24px}.conversation-contacts-dialog::backdrop{background:#000b}.conversation-contact-list{max-height:45vh;overflow:auto;margin:20px 0;border:1px solid #293a52;border-radius:7px}.conversation-contact{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid #26364c;cursor:pointer}.conversation-contact:last-child{border-bottom:0}.conversation-contact input{margin-top:4px;accent-color:#df0030}.conversation-contact span{display:grid;gap:2px}.conversation-contact small{color:#9eafc7}.conversation-contact-actions{display:flex;justify-content:flex-end;gap:8px}.conversation-contacts-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between}.conversation-contacts-dialog .dialog-heading h2{margin:0}

/* Keep the account close control square when its heading grows. */
.drawer-heading #close-drawer{width:36px;height:36px;min-width:36px;flex:0 0 36px;align-self:flex-start;display:grid;place-items:center;padding:0}

.environment-indicator{flex:none;color:#e9c487;font-size:10px;font-weight:700;letter-spacing:.06em;white-space:nowrap;padding:0 12px}.environment-indicator[hidden]{display:none}