/* ============================================================================
   InboxAxe — ONE desk shell (2026-09-07). Applies only under html.ia-shell.
   Motif: the operator's desk. One calm chrome on every page: a 56px bar with the
   brand chip, tabs for the desks, the owner, and the RI as a constant presence.
   White ground, black print, gold only for the one thing to tap and small marks.
   Dense, hairline-divided, no floating navigation, no glows, no billboard type.
   Tokens come from inboxaxe_opulent.css; this file only composes and tightens.
   ========================================================================== */
html.ia-shell{ --sh-h:56px; --sh-ink:#16181D; --sh-soft:#5B6472; --sh-faint:rgba(22,24,29,.45);
  --sh-line:rgba(22,24,29,.10); --sh-paper:#FFFFFF; --sh-paper2:#F4F5F7; --sh-gold:#8A6415; --sh-gold-bright:#A97C3F;
  --sh-green:#1F7A4D; --sh-radius:12px; --sh-font-d:"Montserrat","Poppins","Segoe UI Semibold",ui-sans-serif,system-ui,sans-serif;
  --sh-font-b:"Optima","Avenir Next","Segoe UI",ui-sans-serif,system-ui,sans-serif; }
html.ia-shell body{ background:var(--sh-paper); color:var(--sh-ink); font-family:var(--sh-font-b); font-size:14.5px; line-height:1.5; }

/* ---- the page's own chrome steps aside (its live controls are re-homed into the bar by ia_shell.js) */
html.ia-shell header.topbar, html.ia-shell header#iaTop, html.ia-shell header.top, html.ia-shell body > header:not(.ia-bar){ display:none !important; }

/* ---- the bar */
html.ia-shell .ia-bar{ position:sticky; top:0; z-index:80; height:var(--sh-h); display:flex; align-items:center; gap:10px; padding:0 14px;
  background:rgba(255,255,255,.96); backdrop-filter:blur(10px); border-bottom:1px solid var(--sh-line); font-family:var(--sh-font-d); }
html.ia-shell .ia-bar .sb-brand{ display:flex; align-items:center; gap:9px; text-decoration:none; color:var(--sh-ink); margin-right:6px; }
html.ia-shell .ia-bar .sb-brand img{ width:28px; height:28px; border-radius:7px; background:#0B0B0D; display:block; }
html.ia-shell .ia-bar .sb-brand .n{ font-weight:800; font-size:15px; letter-spacing:.01em; }
html.ia-shell .ia-bar .sb-brand .n b{ color:#D4A22E; }
html.ia-shell .ia-bar .sb-brand .n{ display:block; line-height:1; }
html.ia-shell .ia-bar .sb-brand .sl{ display:block; margin-top:2px; font-size:8.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#8A6415; white-space:nowrap; }
@media (max-width:900px){ html.ia-shell .ia-bar .sb-brand .sl{ display:none; } }
html.ia-shell .ia-tabs{ display:flex; align-items:center; gap:2px; min-width:0; overflow:auto; scrollbar-width:none; }
html.ia-shell .ia-tabs::-webkit-scrollbar{ display:none; }
html.ia-shell .ia-tabs a{ display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 9px; border-radius:8px; font-size:13px; font-weight:650;
  color:var(--sh-soft); text-decoration:none; white-space:nowrap; }
html.ia-shell .ia-tabs a:hover{ background:var(--sh-paper2); color:var(--sh-ink); }
html.ia-shell .ia-tabs a[aria-current="page"]{ background:var(--sh-ink); color:#fff; }
html.ia-shell .ia-tabs a .cnt{ min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:#D4A22E; color:#1a1305; font-size:11px; font-weight:800; display:inline-grid; place-items:center; }
html.ia-shell .ia-bar .sb-grow{ flex:1; }
html.ia-shell .ia-bar .sb-actions{ display:flex; align-items:center; gap:8px; flex:0 0 auto; }
html.ia-shell .ia-bar .sb-actions *{ white-space:nowrap; }
html.ia-shell .ia-bar .sb-actions label.search{ width:38px; transition:width .18s ease; overflow:hidden; }
html.ia-shell .ia-bar .sb-actions label.search:focus-within, html.ia-shell .ia-bar .sb-actions label.search:hover{ width:200px; }
html.ia-shell .ia-bar .sb-actions label.search input{ height:34px; font-size:13px; }
html.ia-shell .ia-bar .sb-actions .pill{ max-width:220px; overflow:hidden; text-overflow:ellipsis; display:inline-flex; }
html.ia-shell .ia-bar .sb-actions .pill > span:last-child{ overflow:hidden; text-overflow:ellipsis; }
html.ia-shell .ia-bar .sb-actions #voiceReadHost button{ font-size:12px; padding:0 10px; }
html.ia-shell .ia-ri .nm{ white-space:nowrap; }
html.ia-shell .ia-me .who b, html.ia-shell .ia-me .who span{ white-space:nowrap; max-width:180px; overflow:hidden; text-overflow:ellipsis; }
html.ia-shell .ia-bar .sb-actions > *{ margin:0 !important; }
html.ia-shell .ia-bar .sb-actions .btn, html.ia-shell .ia-bar .sb-actions button, html.ia-shell .ia-bar .sb-actions .btn-quiet, html.ia-shell .ia-bar .sb-actions a.btn{
  height:34px; padding:0 12px; font-size:13px; border-radius:8px; box-shadow:none; }
html.ia-shell .ia-bar .sb-actions .pill{ height:30px; padding:0 10px; font-size:12px; }
html.ia-shell .ia-bar .sb-actions #voiceReadHost button{ height:34px; }
html.ia-shell .ia-ri{ display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 12px 0 6px; border:1px solid var(--sh-line); border-radius:999px;
  background:var(--sh-paper); color:var(--sh-ink); font-family:var(--sh-font-d); font-weight:700; font-size:13px; cursor:pointer; }
html.ia-shell .ia-ri:hover{ border-color:var(--sh-gold-bright); }
html.ia-shell .ia-ri .face{ width:26px; height:26px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#F0C24B,#8A6415 70%); display:grid; place-items:center; color:#1a1305; font-weight:900; font-size:12px; }
html.ia-shell .ia-ri .dot{ width:7px; height:7px; border-radius:50%; background:var(--sh-green); }
html.ia-shell .ia-ri small{ font-weight:600; color:var(--sh-soft); font-size:11px; }
html.ia-shell .ia-me{ display:flex; align-items:center; gap:8px; padding-left:10px; margin-left:2px; border-left:1px solid var(--sh-line); }
html.ia-shell .ia-me .av{ width:30px; height:30px; border-radius:50%; background:#0B0B0D; color:#F0C24B; display:grid; place-items:center; font-weight:800; font-size:13px; font-family:var(--sh-font-d); }
html.ia-shell .ia-me .who{ line-height:1.1; }
html.ia-shell .ia-me .who b{ display:block; font-size:12.5px; font-weight:700; }
html.ia-shell .ia-me .who span{ display:block; font-size:11px; color:var(--sh-faint); font-family:ui-monospace,Menlo,monospace; }
html.ia-shell .ia-me .out{ border:0; background:transparent; color:var(--sh-faint); cursor:pointer; font-size:16px; padding:4px; }
html.ia-shell .ia-me .out:hover{ color:var(--sh-ink); }
@media (max-width:1600px){ html.ia-shell .ia-me .who{ display:none; } }
@media (max-width:820px){ html.ia-shell .ia-me .who{ display:none; } html.ia-shell .ia-bar .sb-brand .n{ display:none; } html.ia-shell .ia-ri small{ display:none; } }

/* ---- type scale on the desk: a desk, not a billboard */
html.ia-shell h1{ font-family:var(--sh-font-d); font-size:24px !important; font-weight:800; letter-spacing:-.01em; margin:2px 0 6px !important; }
html.ia-shell h2{ font-family:var(--sh-font-d); font-size:17px; margin:0 0 8px; }
html.ia-shell .eyebrow, html.ia-shell .stamp-cap{ font-size:10.5px; letter-spacing:.18em; }
html.ia-shell .desk-sub, html.ia-shell .ia-lede{ font-size:14px; color:var(--sh-soft); margin:0 0 14px; }
html.ia-shell .btn, html.ia-shell .btn-gold, html.ia-shell .btn-ghost{ padding:8px 14px !important; font-size:13px !important; border-radius:9px !important; box-shadow:none !important; text-shadow:none !important; }
html.ia-shell .btn-gold{ background:#8A6415 !important; color:#fff !important; border:1px solid #8A6415 !important; }
html.ia-shell .btn-gold:hover{ background:#A97C3F !important; border-color:#A97C3F !important; }

/* ---- desk (ia_inbox): the mail rail is a rail, the centre is the work */
html.ia-shell main.shell{ grid-template-columns:216px minmax(0,1fr) !important; gap:22px !important; padding:18px 18px 40px !important; max-width:1360px; margin:0 auto; }
html.ia-shell .mail-col{ position:sticky; top:calc(var(--sh-h) + 12px) !important; background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important; }
html.ia-shell .mail-col .col-head{ padding:2px 8px 8px; }
html.ia-shell .mail-col .compose{ width:100%; margin:0 0 10px !important; height:38px; }
html.ia-shell .folder-list{ gap:2px !important; }
html.ia-shell .folder-item{ min-height:36px !important; padding:0 10px !important; border-radius:8px !important; font-size:14px !important; gap:10px !important; color:var(--sh-ink) !important; }
html.ia-shell .folder-item:hover{ background:var(--sh-paper2) !important; color:var(--sh-ink) !important; }
html.ia-shell .folder-item.active{ background:var(--sh-paper2) !important; border-color:transparent !important; color:var(--sh-ink) !important; font-weight:700; }
html.ia-shell .folder-item .icon{ width:16px; height:16px; }
html.ia-shell .mail-col .eyebrow{ font-size:10px; }
html.ia-shell .mailbox-status{ font-size:11.5px; color:var(--sh-faint); padding:10px 8px; background:transparent !important; border:0 !important; box-shadow:none !important; }
html.ia-shell .task-card, html.ia-shell .today-list, html.ia-shell .panel, html.ia-shell .card{ border:1px solid var(--sh-line) !important; border-radius:var(--sh-radius) !important; box-shadow:none !important; background:var(--sh-paper) !important; }
html.ia-shell .task-card{ padding:14px 16px !important; }
html.ia-shell .panel-h{ padding:10px 14px !important; font-size:12px; border-bottom:1px solid var(--sh-line); }
html.ia-shell .panel-b{ padding:12px 14px !important; }
html.ia-shell .ia-wrap{ max-width:920px; margin:0 auto; padding:18px 18px 40px; }

/* the RI's day brief: a card in the flow, first thing under the title, never a floating overlay */
html.ia-shell .ia-brief{ display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:start; margin:0 0 14px; padding:12px 14px; border:1px solid var(--sh-line);
  border-left:3px solid #D4A22E; border-radius:var(--sh-radius); background:var(--sh-paper2); color:var(--sh-ink); font-size:14px; line-height:1.5; }
html.ia-shell .ia-brief .face{ width:30px; height:30px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#F0C24B,#8A6415 70%); display:grid; place-items:center; color:#1a1305; font-weight:900; font-size:13px; font-family:var(--sh-font-d); }
html.ia-shell .ia-brief b{ font-family:var(--sh-font-d); }
html.ia-shell .ia-brief .x{ border:0; background:transparent; color:var(--sh-faint); cursor:pointer; font-size:14px; }
html.ia-shell .ia-brief-src{ display:none !important; }

/* the chat: a dock that opens from the RI chip, bottom-right, never over the work */
html.ia-shell .chat-fab{ display:none !important; }
html.ia-shell .chat-dock{ left:auto !important; right:18px !important; bottom:18px !important; transform:none !important; width:min(420px, calc(100vw - 36px)) !important;
  border:1px solid var(--sh-line) !important; border-radius:14px !important; box-shadow:0 18px 50px rgba(15,23,42,.14) !important; }
html.ia-shell .chat-dock.open{ transform:none !important; }

/* texts desk: its own header goes; its controls live in the bar */
html.ia-shell #shell.shell{ grid-template-columns:320px 1fr; }

/* contacts + team + focused pages: same paper, same rhythm */
html.ia-shell .rail{ border:0 !important; box-shadow:none !important; background:transparent !important; }
html.ia-shell body.ia-crm main.shell{ grid-template-columns:minmax(0,1fr) 340px !important; }
html.ia-shell .top-nav{ display:none !important; }
html.ia-shell .settings-link{ padding:12px 14px !important; }
html.ia-shell #toast{ z-index:90; }

/* texts desk: the line status sits above the search, not in the bar */
html.ia-shell .list .top{ flex-wrap:wrap; }
html.ia-shell .list .top #numPill{ width:100%; order:-1; height:auto; padding:5px 10px; font-size:12px; white-space:normal; max-width:none; }