/* ============================================================================
   Glass Command — Inbox's real visual direction, ported from the actual mock
   (mocks/inbox-redesign-b-glass-command.html, built 09-25, 893 lines). Joe's
   call 10-09: override the earlier "E, Minimal Signal" pick (still the rest
   of the app's own design system) for Inbox specifically.

   Per glass-dashboard-builder's own pitfall #1: this is the real file's CSS,
   carried over rule-by-rule, not a redescribed lookalike. Everything is
   scoped under .inbox (the real, already-existing root class inbox.js
   renders into) with its own --ig-* custom properties defined ON .inbox
   itself — never on :root — so nothing here can leak onto or collide with
   the rest of the app (the top nav, Leads' lcard/lrow tokens, anything else
   on the page). Structurally new pieces the old Inbox never had (stat tiles,
   a pill folder-tab row, a filters popover, an SVG quality ring) are real
   new markup in inbox.js, not CSS tricks on old elements.

   Deliberately kept, not in the mock: the real tab-strip/split-view above
   the conversation pane (the mock only ever shows one open conversation;
   the shipped app already lets a setter open several and split two side by
   side, a real feature, not a regression to drop for a prettier face), and
   the real zone-aware composer (Send / Copy+ManyChat / Copy+Instagram,
   with the "I sent it" confirmation step) — the mock's single generic
   "Send" button predates that logic and would be LESS correct than what
   already ships.
   ========================================================================== */

.inbox{
  --ig-bg-void:#05060a;
  --ig-panel-bg:rgba(20,24,34,.55);
  --ig-panel-border:rgba(255,255,255,.08);
  --ig-panel-blur:blur(20px);
  --ig-ink:rgba(255,255,255,.94);
  --ig-ink-dim:rgba(255,255,255,.62);
  --ig-ink-faint:rgba(255,255,255,.42);
  --ig-hairline:rgba(255,255,255,.09);
  --ig-ruby:#ff3b4e; --ig-ruby-soft:rgba(255,59,78,.14); --ig-ruby-border:rgba(255,59,78,.42);
  --ig-green:#34d399; --ig-green-soft:rgba(52,211,153,.13); --ig-green-border:rgba(52,211,153,.4);
  --ig-amber:#fbbf24; --ig-amber-soft:rgba(251,191,36,.13); --ig-amber-border:rgba(251,191,36,.4);
  --ig-gray:#98a2b3; --ig-gray-soft:rgba(152,162,179,.13); --ig-gray-border:rgba(152,162,179,.35);
  --ig-steel:#8cb4d6; --ig-steel-soft:rgba(140,180,214,.15); --ig-steel-border:rgba(140,180,214,.42);
  --ig-violet:#9b93f5; --ig-violet-soft:rgba(155,147,245,.14); --ig-violet-border:rgba(155,147,245,.38);
  --ig-r-xl:22px; --ig-r-lg:16px; --ig-r-md:13px; --ig-r-sm:9px;

  /* no overflow:hidden here: the blooms clip inside .inbox-ambient on their own, and the
     Filters popover has to be able to hang below the frame */
  position:relative; isolation:isolate;
  display:flex !important; flex-direction:column; gap:12px;
  grid-template-columns:none !important; /* undo style.css's old grid on .inbox itself */
  background:var(--ig-bg-void); border-radius:var(--ig-r-xl);
  padding:14px 16px 16px; font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:var(--ig-ink); letter-spacing:-.01em;
}
.inbox-ambient{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; border-radius:inherit; }
.inbox-bloom{ position:absolute; border-radius:50%; filter:blur(120px); will-change:transform; }
.inbox-bloom.ruby{ width:620px; height:620px; top:-220px; left:-160px; background:radial-gradient(circle, rgba(255,59,78,.3), transparent 70%); animation:ig-drift1 28s ease-in-out infinite alternate; }
.inbox-bloom.blue{ width:680px; height:680px; bottom:-260px; right:-180px; background:radial-gradient(circle, rgba(91,141,239,.28), transparent 70%); animation:ig-drift2 34s ease-in-out infinite alternate; }
.inbox-bloom.steel{ width:520px; height:520px; top:8%; right:4%; background:radial-gradient(circle, rgba(140,180,214,.2), transparent 70%); animation:ig-drift3 24s ease-in-out infinite alternate; }
.inbox-bloom.violet{ width:420px; height:420px; bottom:8%; left:14%; background:radial-gradient(circle, rgba(155,147,245,.13), transparent 70%); animation:ig-drift4 30s ease-in-out infinite alternate; }
@keyframes ig-drift1{ from{transform:translate(0,0) scale(1);} to{transform:translate(50px,36px) scale(1.08);} }
@keyframes ig-drift2{ from{transform:translate(0,0) scale(1);} to{transform:translate(-42px,-30px) scale(1.06);} }
@keyframes ig-drift3{ from{transform:translate(0,0) scale(1);} to{transform:translate(-36px,42px) scale(1.1);} }
@keyframes ig-drift4{ from{transform:translate(0,0) scale(1);} to{transform:translate(30px,-22px) scale(1.05);} }
.inbox-grain{ position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.04; border-radius:inherit;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") repeat; }
.inbox-content{ position:relative; z-index:2; display:flex; flex-direction:column; gap:12px; min-height:0; flex:1; }

.inbox .glass{ background:var(--ig-panel-bg); backdrop-filter:var(--ig-panel-blur) saturate(160%); -webkit-backdrop-filter:var(--ig-panel-blur) saturate(160%); border:1px solid var(--ig-panel-border); border-radius:var(--ig-r-xl); box-shadow:0 20px 50px -20px rgba(0,0,0,.55), 0 1px 0 rgba(255,255,255,.06) inset; }

/* ---- top strip: live stat tiles ---- */
.inbox-topstrip{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.inbox-stat{ position:relative; display:flex; flex-direction:column; gap:1px; padding:8px 16px; border-radius:14px; background:var(--ig-panel-bg); backdrop-filter:var(--ig-panel-blur); -webkit-backdrop-filter:var(--ig-panel-blur); border:1px solid var(--ig-panel-border); min-width:112px; }
.inbox-stat[data-glow="blue"]{ box-shadow:0 0 22px -8px rgba(91,141,239,.6); border-color:rgba(91,141,239,.3); }
.inbox-stat[data-glow="amber"]{ box-shadow:0 0 22px -8px rgba(251,191,36,.55); border-color:rgba(251,191,36,.28); }
.inbox-stat[data-glow="green"]{ box-shadow:0 0 22px -8px rgba(52,211,153,.55); border-color:rgba(52,211,153,.28); }
.inbox-stat-num{ font-size:20px; font-weight:800; letter-spacing:-.02em; line-height:1.15; }
.inbox-stat-label{ font-size:11.5px; color:var(--ig-ink-faint); font-weight:500; }
.inbox-stat-sub{ font-size:11px; color:var(--ig-ink-faint); margin-top:1px; }
.inbox-topstrip-spacer{ flex:1; }
.inbox-sync{ display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:var(--ig-ink-dim); white-space:nowrap; }
.inbox-sync .dot{ width:7px; height:7px; border-radius:50%; background:var(--ig-gray); flex:none; }
.inbox-sync.green .dot{ background:var(--ig-green); }
.inbox-sync.amber .dot{ background:var(--ig-amber); }
.inbox-sync.red .dot{ background:var(--ig-ruby); }

/* ---- utility row: folder pills + search + filters ---- */
.inbox-utility{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.inbox-folders{ display:flex; align-items:center; gap:4px; padding:4px; border-radius:999px; background:rgba(255,255,255,.03); border:1px solid var(--ig-hairline); flex:none; }
.inbox-folder-tab{ display:flex; align-items:center; gap:7px; padding:7px 15px; border-radius:999px; font-size:12.5px; font-weight:700; color:var(--ig-ink-faint); white-space:nowrap; cursor:pointer; }
.inbox-folder-tab.active{ background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.84)); color:#14161c; box-shadow:0 4px 14px -4px rgba(0,0,0,.4); }
.inbox-folder-tab .n{ font-family:var(--font-mono,monospace); font-size:10.5px; padding:1px 7px; border-radius:999px; background:rgba(0,0,0,.14); opacity:.75; }
.inbox-folder-tab.active .n{ background:rgba(20,22,28,.12); }
.inbox-folder-tab .n.alert{ background:var(--ig-ruby); color:#2a0a10; opacity:1; }

.inbox-search{ display:flex; align-items:center; gap:8px; padding:8px 13px; border-radius:12px; background:rgba(0,0,0,.28); border:1px solid var(--ig-hairline); color:var(--ig-ink-faint); width:100%; max-width:300px; }
.inbox-search svg{ width:14px; height:14px; flex:none; }
.inbox-search input{ flex:1; background:none; border:0; color:var(--ig-ink); font-size:13px; min-width:0; font-family:inherit; }
.inbox-search input::placeholder{ color:var(--ig-ink-faint); }
.inbox-search:focus-within{ border-color:var(--ig-steel-border); }

.inbox-filters-wrap{ position:relative; flex:none; margin-left:auto; }
.inbox-filters-btn{ display:flex; align-items:center; gap:7px; padding:8px 15px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid var(--ig-hairline); font-weight:700; font-size:12.5px; color:var(--ig-ink); cursor:pointer; }
.inbox-filters-btn svg{ width:14px; height:14px; color:var(--ig-ink-dim); }
.inbox-filters-btn.open{ background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.22); }
.inbox-filter-count{ display:inline-flex; align-items:center; justify-content:center; min-width:17px; height:17px; padding:0 5px; border-radius:999px; background:var(--ig-ruby); color:#2a0a10; font-size:10.5px; font-weight:700; font-family:var(--font-mono,monospace); }
.inbox-chev{ width:12px; height:12px; color:var(--ig-ink-faint); transition:transform .15s ease; }
.inbox-filters-btn.open .inbox-chev{ transform:rotate(180deg); }

.inbox-filters-panel{ position:absolute; top:calc(100% + 10px); right:0; width:380px; z-index:60; padding:18px; display:none; flex-direction:column; gap:16px; }
.inbox-filters-panel.open{ display:flex; }
.ifp-head{ display:flex; align-items:center; justify-content:space-between; }
.ifp-title{ font-size:13.5px; font-weight:800; }
.ifp-close{ width:24px; height:24px; border-radius:8px; display:grid; place-items:center; color:var(--ig-ink-faint); cursor:pointer; }
.ifp-close:hover{ background:rgba(255,255,255,.06); color:var(--ig-ink); }
.ifp-close svg{ width:13px; height:13px; }
.ifp-section{ display:flex; flex-direction:column; gap:8px; }
.ifp-label{ font-size:11.5px; font-weight:600; color:var(--ig-ink-faint); }
.inbox-seg{ display:inline-flex; padding:3px; gap:2px; border-radius:10px; background:rgba(0,0,0,.22); border:1px solid var(--ig-hairline); align-self:flex-start; }
.inbox-seg button{ padding:6px 13px; border-radius:8px; font-size:12px; font-weight:700; color:var(--ig-ink-faint); cursor:pointer; background:none; border:0; font-family:inherit; }
.inbox-seg button.active{ background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.84)); color:#14161c; }
.ifp-chipgrid{ display:flex; flex-wrap:wrap; gap:7px; }
.inbox-tgl{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:600; background:rgba(255,255,255,.04); border:1px solid var(--ig-hairline); color:var(--ig-ink-dim); cursor:pointer; font-family:inherit; }
.inbox-tgl .n{ font-family:var(--font-mono,monospace); font-size:10.5px; color:var(--ig-ink-faint); }
.inbox-tgl.active{ background:rgba(255,255,255,.13); border-color:rgba(255,255,255,.32); color:var(--ig-ink); }
.inbox-tgl.active .n{ color:var(--ig-ink-dim); }
.ifp-stepper{ display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ig-ink-dim); }
.ifp-stepper input{ width:40px; background:rgba(0,0,0,.25); border:1px solid var(--ig-hairline); border-radius:7px; color:var(--ig-ink); text-align:center; font-family:var(--font-mono,monospace); font-size:12.5px; padding:4px 2px; }
.ifp-footer{ display:flex; align-items:center; justify-content:space-between; padding-top:12px; border-top:1px solid var(--ig-hairline); }
.ifp-reset{ font-size:12px; font-weight:600; color:var(--ig-ink-faint); background:none; border:0; cursor:pointer; }
.ifp-reset:hover{ color:var(--ig-ink); }
.ifp-done{ padding:7px 18px; border-radius:10px; background:#fff; color:#14161c; font-weight:700; font-size:12px; border:0; cursor:pointer; }

/* ---- workspace: list / conversation(s) / rail ---- */
.inbox-workspace{ flex:1; min-height:0; display:grid; grid-template-columns:330px minmax(0,1fr) 300px; gap:12px; }
.inbox .pane{ display:flex; flex-direction:column; min-height:0; overflow:hidden; margin:0; padding:0; }
@media (max-width:1180px){ .inbox-workspace{ grid-template-columns:280px minmax(0,1fr) 260px; } }

/* list pane */
.inbox .list-pane .list{ flex:1; min-height:0; overflow-y:auto; padding:8px; display:flex; flex-direction:column; gap:2px; scrollbar-width:thin; }
.inbox .th{ display:grid; grid-template-columns:40px 1fr auto; gap:11px; padding:10px 9px; border-radius:13px; cursor:pointer; border:1px solid transparent; }
.inbox .th:hover{ background:rgba(255,255,255,.035); }
.inbox .th.sel{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); }
.inbox .th .avwrap{ position:relative; flex:none; }
.inbox .av{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font-weight:700; font-size:14px; color:#fff;
  background:radial-gradient(circle at 32% 26%, rgba(255,255,255,.3), transparent 42%), linear-gradient(135deg,#2c3547,#151822);
  border:1px solid rgba(255,255,255,.1); background-size:cover; background-position:center; }
.inbox .av{ position:relative; overflow:hidden; }
.inbox .av img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.inbox .qdot{ position:absolute; right:-1px; bottom:-1px; width:10px; height:10px; border-radius:50%; border:2px solid var(--ig-bg-void); }
.inbox .qdot.hot{ background:var(--ig-green); } .inbox .qdot.warm{ background:var(--ig-amber); } .inbox .qdot.cold{ background:var(--ig-gray); }
.inbox .th-main{ min-width:0; display:flex; flex-direction:column; gap:3px; }
.inbox .th-top{ display:flex; align-items:baseline; gap:6px; min-width:0; }
.inbox .th-name{ font-weight:700; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--ig-ink); }
.inbox .th-handle{ font-size:11.5px; color:var(--ig-ink-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.inbox .th-facts{ font-size:11.5px; color:var(--ig-ink-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.inbox .th-prev{ font-size:12px; color:var(--ig-ink-dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.inbox .th-prev.due{ color:var(--ig-ink); font-weight:600; }
.inbox .th-pills{ display:flex; align-items:center; gap:4px; flex-wrap:wrap; margin-top:1px; }
.inbox .th-meta{ display:flex; flex-direction:column; align-items:flex-end; gap:5px; flex:none; padding-top:1px; }
.inbox .th-meta .time{ font-family:var(--font-mono,monospace); font-size:10.5px; color:var(--ig-ink-faint); white-space:nowrap; }

.inbox .pill,.inbox .chip{ display:inline-flex; align-items:center; gap:4px; padding:2.5px 8px; border-radius:999px; font-size:10.5px; font-weight:700; white-space:nowrap; border:1px solid transparent; }
.inbox .pill.tier-hot,.inbox .chip.green{ background:var(--ig-green-soft); border-color:var(--ig-green-border); color:#7be3bd; }
.inbox .pill.tier-warm,.inbox .chip.yellow{ background:var(--ig-amber-soft); border-color:var(--ig-amber-border); color:#fbcc63; }
.inbox .pill.tier-cold,.inbox .chip.gray{ background:var(--ig-gray-soft); border-color:var(--ig-gray-border); color:#adb5c2; }
.inbox .chip.blue{ background:var(--ig-steel-soft); border-color:var(--ig-steel-border); color:#a9cbe8; }
.inbox .chip.red{ background:var(--ig-ruby-soft); border-color:var(--ig-ruby-border); color:#ff8f9b; }
.inbox .owner-chip{ display:inline-flex; align-items:center; gap:4px; padding:2.5px 8px; border-radius:999px; font-size:10.5px; font-weight:700; background:var(--ig-violet-soft); border:1px solid var(--ig-violet-border); color:#c9c4fa; white-space:nowrap; }
.inbox .owner-chip svg{ width:8px; height:8px; }

/* conversation pane */
.inbox .convo-pane{ position:relative; }
.inbox .tabstrip{ display:flex; align-items:center; gap:4px; padding:9px 10px; border-bottom:1px solid var(--ig-hairline); overflow-x:auto; flex:none; scrollbar-width:thin; }
.inbox .ctab{ display:flex; align-items:center; gap:6px; padding:6px 10px 6px 7px; border-radius:10px; background:rgba(255,255,255,.04); border:1px solid var(--ig-hairline); font-size:12px; font-weight:600; color:var(--ig-ink-dim); white-space:nowrap; cursor:pointer; flex:none; }
.inbox .ctab .av{ width:18px; height:18px; font-size:9px; }
.inbox .ctab.active{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.22); color:var(--ig-ink); }
.inbox .ctab .draft{ font-size:9.5px; color:var(--ig-amber); font-weight:700; }
.inbox .ctab .x{ opacity:.5; padding:0 2px; } .inbox .ctab .x:hover{ opacity:1; }
.inbox #ib-split{ background:rgba(255,255,255,.05); border:1px solid var(--ig-hairline); color:var(--ig-ink-dim); border-radius:8px; padding:5px 11px; font-size:11.5px; font-weight:700; }

.inbox .convos{ flex:1; min-height:0; display:flex; }
.inbox .convos.split .convo{ border-right:1px solid var(--ig-hairline); }
.inbox .convos.split .convo:last-child{ border-right:0; }
.inbox .convo{ flex:1; min-width:0; display:flex; flex-direction:column; min-height:0; }
.inbox .thread-head{ display:flex; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid var(--ig-hairline); flex:none; }
.inbox .thread-head .av{ width:42px; height:42px; font-size:15px; }
.inbox .thread-head .nm{ font-size:15px; font-weight:800; letter-spacing:-.01em; }
.inbox .thread-head .sub{ font-size:11.5px; color:var(--ig-ink-faint); margin-top:2px; }
.inbox .thread-summary{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:10px 16px; border-bottom:1px solid var(--ig-hairline); flex:none; }
.inbox .thread-summary .tier{ display:inline-flex; align-items:center; gap:4px; padding:2.5px 9px; border-radius:999px; font-size:10.5px; font-weight:700; }
.inbox .tier.hot{ background:var(--ig-green-soft); color:#7be3bd; border:1px solid var(--ig-green-border); }
.inbox .tier.warm{ background:var(--ig-amber-soft); color:#fbcc63; border:1px solid var(--ig-amber-border); }
.inbox .tier.cold{ background:var(--ig-gray-soft); color:#adb5c2; border:1px solid var(--ig-gray-border); }
.inbox .thread-summary .facts{ font-size:11.5px; color:var(--ig-ink-faint); }

.inbox .msgs{ flex:1; min-height:0; overflow-y:auto; padding:18px 18px; display:flex; flex-direction:column; gap:10px; scrollbar-width:thin; }
.inbox .daysep{ align-self:center; font-size:11px; color:var(--ig-ink-faint); background:rgba(255,255,255,.04); padding:3px 11px; border-radius:999px; margin:6px 0; }
.inbox .m{ display:flex; gap:8px; max-width:72%; }
.inbox .m.lead{ align-self:flex-start; }
.inbox .m.ours{ align-self:flex-end; flex-direction:row-reverse; max-width:72%; }
.inbox .m .av-slot{ width:26px; flex:none; }
.inbox .m .av-slot .av{ width:26px; height:26px; font-size:11px; }
.inbox .m .b{ padding:10px 14px; border-radius:16px; font-size:13px; line-height:1.5; }
.inbox .m.lead .b{ background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); border-bottom-left-radius:4px; color:var(--ig-ink); }
.inbox .m.ours .b{ background:linear-gradient(135deg, rgba(155,147,245,.24), rgba(91,141,239,.16)); border:1px solid rgba(155,147,245,.32); border-bottom-right-radius:4px; color:#fff; }
.inbox .m.ours.team .b{ background:linear-gradient(135deg, rgba(52,211,153,.18), rgba(52,211,153,.08)); border-color:rgba(52,211,153,.3); }
.inbox .m.ours.unverified .b{ border-style:dashed; opacity:.85; }
.inbox .src{ font-size:10.5px; color:var(--ig-ink-faint); margin:1px 2px 0; }
.inbox .src.in{ align-self:flex-start; margin-left:34px; }
.inbox .src.out{ align-self:flex-end; }
.inbox .gap{ align-self:center; font-size:11.5px; color:var(--ig-amber); background:var(--ig-amber-soft); border:1px solid var(--ig-amber-border); padding:5px 12px; border-radius:999px; margin:4px 0; }
.inbox .busy{ margin:0 16px 10px; padding:9px 13px; border-radius:11px; background:var(--ig-amber-soft); border:1px solid var(--ig-amber-border); font-size:12px; color:var(--ig-ink); display:flex; align-items:center; gap:10px; flex-wrap:wrap; flex:none; }

.inbox .composer{ padding:12px 16px 14px; border-top:1px solid var(--ig-hairline); display:flex; flex-direction:column; gap:8px; flex:none; }
.inbox .composer .zone{ font-size:11.5px; color:var(--ig-ink-faint); display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.inbox .pillbox{ display:flex; align-items:flex-end; gap:8px; }
.inbox .pillbox textarea{ flex:1; background:rgba(255,255,255,.045); border:1px solid var(--ig-hairline); border-radius:14px; padding:10px 13px; color:var(--ig-ink); font-size:13px; resize:none; min-height:40px; max-height:120px; font-family:inherit; }
.inbox .pillbox textarea::placeholder{ color:var(--ig-ink-faint); }
.inbox .pillbox textarea:focus{ outline:none; border-color:var(--ig-steel-border); }
.inbox .sendtext{ display:inline-flex; align-items:center; gap:6px; padding:10px 16px; border-radius:12px; background:#fff; color:#14161c; font-weight:700; font-size:12.5px; flex:none; border:0; cursor:pointer; }
.inbox .sendtext:hover{ background:#f0f0f0; }
.inbox .confirmbox:not(:empty){ margin-top:2px; }
.inbox .confirm,.inbox .busy{ padding:9px 13px; border-radius:11px; background:rgba(255,255,255,.05); border:1px solid var(--ig-hairline); font-size:12px; color:var(--ig-ink); }
.inbox .confirm q{ display:block; margin:6px 0 9px; padding:8px 11px; background:rgba(0,0,0,.25); border-radius:9px; font-style:normal; color:var(--ig-ink-dim); quotes:none; }
.inbox .confirm .btn,.inbox .busy .btn{ font-family:inherit; }

/* rail pane */
.inbox .rail-pane .list,.inbox .rail{ flex:1; min-height:0; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:18px; scrollbar-width:thin; }
.inbox .rail .lbl{ font-size:11px; font-weight:700; color:var(--ig-ink-faint); text-transform:none; letter-spacing:0; margin:0 0 7px; }
.inbox .rail .owner{ font-size:12.5px; color:var(--ig-ink-dim); display:flex; flex-direction:column; gap:3px; padding:11px 12px; border-radius:13px; background:rgba(255,255,255,.035); border:1px solid var(--ig-hairline); }
.inbox .rail .owner b{ color:var(--ig-ink); font-size:13px; }
.inbox .rail .muted{ color:var(--ig-ink-faint); }

.inbox .qscore{ display:flex; align-items:baseline; gap:8px; }
.inbox .qscore b{ font-size:24px; font-weight:800; }
.inbox .qbar{ height:5px; border-radius:99px; background:rgba(255,255,255,.1); overflow:hidden; margin-top:8px; }
.inbox .qbar i{ display:block; height:100%; border-radius:inherit; }
.inbox .qbar.hot i{ background:var(--ig-green); } .inbox .qbar.warm i{ background:var(--ig-amber); } .inbox .qbar.cold i{ background:var(--ig-gray); }
.inbox .qbreak{ display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
.inbox .qbreak span{ font-size:11px; padding:3px 9px; border-radius:999px; }
.inbox .qbreak .plus{ background:var(--ig-green-soft); color:#7be3bd; border:1px solid var(--ig-green-border); }
.inbox .qbreak .minus{ background:var(--ig-ruby-soft); color:#ff8f9b; border:1px solid var(--ig-ruby-border); }

.inbox .stepper{ display:flex; align-items:center; flex-wrap:wrap; gap:0; }
.inbox .step{ font-size:11px; font-weight:600; color:var(--ig-ink-faint); padding:3px 8px; border-radius:999px; }
.inbox .step.done{ color:var(--ig-ink-dim); }
.inbox .step.now{ background:var(--ig-steel-soft); color:#a9cbe8; border:1px solid var(--ig-steel-border); font-weight:700; }
.inbox .step.dis{ background:var(--ig-ruby-soft); color:#ff8f9b; border:1px solid var(--ig-ruby-border); padding:4px 10px; }
.inbox .stepline{ width:7px; height:1px; background:var(--ig-hairline); margin:0 2px; }

.inbox .kv{ display:grid; grid-template-columns:auto 1fr; gap:6px 12px; font-size:12px; }
.inbox .kv span:nth-child(odd){ color:var(--ig-ink-faint); }
.inbox .kv span:nth-child(even){ color:var(--ig-ink); text-align:right; }

.inbox .tags{ display:flex; flex-wrap:wrap; gap:6px; }
.inbox .iglabel{ font-size:10.5px; font-weight:700; padding:3px 10px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid var(--ig-hairline); color:var(--ig-ink); }
.inbox .iglabel.auto{ opacity:.8; }
.inbox .iglabel.add{ color:var(--ig-ink-faint); border-style:dashed; background:none; cursor:pointer; }
.inbox .iglabel[data-rmlabel]{ cursor:pointer; }

.inbox .links{ display:flex; flex-direction:column; gap:5px; font-size:12px; }
.inbox .links a{ color:var(--ig-steel); text-decoration:none; }
.inbox .links a:hover{ text-decoration:underline; }

.inbox .actions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.inbox .rail .btn{ font-family:inherit; }

.inbox .empty{ padding:30px 18px; text-align:center; color:var(--ig-ink-faint); font-size:12.5px; line-height:1.5; }

/* ---- overrides of style.css rules that outrank the glass rules by specificity ----
   (.convo.ig was the earlier "reads as Instagram" black canvas; Glass Command
   keeps the conversation inside the glass pane instead) */
.inbox .th.sel{ box-shadow:none; }
.inbox .daysep{ text-transform:none; letter-spacing:0; }
.inbox .qbreak{ flex-direction:row; }
.inbox .convos.split .convo + .convo{ border-left:0; }
.inbox .convo.ig{ background:transparent; color:var(--ig-ink); }
.inbox .convo.ig .thread-head,.inbox .convo.ig .thread-summary,.inbox .convo.ig .composer{ border-color:var(--ig-hairline); }
.inbox .convo.ig .thread-head .sub,.inbox .convo.ig .thread-summary .facts,.inbox .convo.ig .daysep,.inbox .convo.ig .src{ color:var(--ig-ink-faint); }
.inbox .convo.ig .m.lead .b{ background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); color:var(--ig-ink); }
.inbox .convo.ig .m.ours .b{ background:linear-gradient(135deg, rgba(155,147,245,.24), rgba(91,141,239,.16)); border:1px solid rgba(155,147,245,.32); }
.inbox .convo.ig .m.ours.team .b{ background:linear-gradient(135deg, rgba(52,211,153,.18), rgba(52,211,153,.08)); border:1px solid rgba(52,211,153,.3); }
.inbox .convo.ig .m.ours.team.unverified .b{ background:rgba(52,211,153,.07); border:1px dashed rgba(52,211,153,.4); }
.inbox .pillbox,.inbox .convo.ig .pillbox{ background:none; border:0; padding:0; border-radius:0; }

/* ---- composer tools: Maya drafts, the setter chooses the kind and sends ---- */
.inbox .ctools{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.inbox .maya-btn{ display:inline-flex; align-items:center; gap:7px; padding:7px 13px; border-radius:11px; font-size:12px; font-weight:700; color:#fff; cursor:pointer; font-family:inherit;
  background:linear-gradient(135deg, rgba(155,147,245,.35), rgba(91,141,239,.25)); border:1px solid rgba(155,147,245,.5); box-shadow:0 0 18px -8px rgba(155,147,245,.8); }
.inbox .maya-btn:hover{ background:linear-gradient(135deg, rgba(155,147,245,.5), rgba(91,141,239,.35)); }
.inbox .maya-btn[disabled]{ opacity:.6; cursor:default; }
.inbox .maya-btn svg{ width:13px; height:13px; }
.inbox .kind-seg{ display:inline-flex; padding:3px; gap:2px; border-radius:10px; background:rgba(0,0,0,.22); border:1px solid var(--ig-hairline); }
.inbox .kind-seg button{ padding:5px 10px; border-radius:8px; font-size:11.5px; font-weight:700; color:var(--ig-ink-faint); cursor:pointer; background:none; border:0; font-family:inherit; }
.inbox .kind-seg button.active{ background:rgba(255,255,255,.13); color:var(--ig-ink); border:1px solid rgba(255,255,255,.2); padding:4px 9px; }
.inbox .kind-seg button[title]{ cursor:help; }
.inbox .ctools .hint{ font-size:11.5px; color:var(--ig-ink-faint); }
.inbox .draft-why{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:11.5px; color:var(--ig-ink-dim); padding:8px 11px; border-radius:10px; background:rgba(155,147,245,.1); border:1px solid rgba(155,147,245,.28); }
.inbox .draft-why b{ color:var(--ig-ink); font-weight:700; }
.inbox .draft-why .redo{ margin-left:auto; background:none; border:0; color:var(--ig-ink-dim); font-weight:700; font-size:11.5px; cursor:pointer; font-family:inherit; text-decoration:underline; }
.inbox .draft-why.err{ background:var(--ig-ruby-soft); border-color:var(--ig-ruby-border); color:#ffb3bb; }
.inbox .draft-why.warn{ background:var(--ig-amber-soft); border-color:var(--ig-amber-border); color:#fbcc63; }
.inbox .sendtext svg{ width:13px; height:13px; }

/* ---- start a new conversation ---- */
.inbox-new-btn{ display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border-radius:12px; background:#fff; color:#14161c; font-weight:700; font-size:12.5px; border:0; cursor:pointer; font-family:inherit; flex:none; }
.inbox-new-btn:hover{ background:#f0f0f0; }
.inbox-new-btn svg{ width:13px; height:13px; }
.inbox-new-form{ display:flex; align-items:center; gap:8px; flex-wrap:nowrap; flex:none; }
.inbox-new-form input{ background:rgba(0,0,0,.28); border:1px solid var(--ig-hairline); border-radius:10px; color:var(--ig-ink); font-size:13px; padding:8px 11px; font-family:inherit; width:190px; }
.inbox-new-form input:focus{ outline:none; border-color:var(--ig-steel-border); }
.inbox-new-form .go{ padding:8px 14px; border-radius:10px; background:#fff; color:#14161c; font-weight:700; font-size:12px; border:0; cursor:pointer; font-family:inherit; }
.inbox-new-form .no{ background:none; border:0; color:var(--ig-ink-faint); font-weight:600; font-size:12px; cursor:pointer; font-family:inherit; }
.inbox .chip.violet{ background:var(--ig-violet-soft); border-color:var(--ig-violet-border); color:#c9c4fa; }

@media (max-width:980px){
  .inbox{ height:auto; }
  .inbox-workspace{ display:flex; flex-direction:column; }
  .inbox .pane{ min-height:420px; }
  .inbox-topstrip{ overflow-x:auto; flex-wrap:nowrap; }
  .inbox-search{ max-width:none; }
  .inbox-filters-panel{ left:0; right:0; width:auto; }
}