/* Upvort design system — DESIGN_LOCK.md + neat/clean international standard.
   Indigo #4338CA/#2A1F8F + green #22C55E carried through EVERY card, button,
   icon chip and active link — never hero-only. Soft grey background, white
   rounded cards, muted grey body text, large bold numbers only for KPIs.
   SVG icon chips only; no emoji sidebar links. */
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#eef1f7;color:#111827;line-height:1.5}
a{color:inherit;text-decoration:none}
.top{background:linear-gradient(135deg,#0f172a,#1e1b4b 55%,#2A1F8F);color:#fff;padding:14px 20px;border-bottom:3px solid #22C55E}
.topsearch{flex:1;max-width:360px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff}
.topsearch::placeholder{color:#e5e7eb}
.profile{display:flex;align-items:center;gap:10px;font-size:13px}
.profile .avatar{background:#22C55E;color:#06220f}
.hero{background:linear-gradient(135deg,#0f172a,#2A1F8F);color:#fff;border:1px solid #2A1F8F}
.hero h2{color:#fff;font-size:26px;margin:0 0 6px}
.hero p{color:#d1d5db}
.phone-mock{width:150px;background:#111827;border:2px solid #334155;border-radius:22px;padding:12px;margin-left:auto}
.phone-mock .bubble{max-width:100%}
.opbar{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:600}
.toprow{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.brand{font-size:24px;font-weight:800;letter-spacing:.2px}
.status{font-size:12.5px;opacity:.96}.status b{background:#22C55E;color:#06220f;padding:3px 9px;border-radius:999px;margin-right:6px}
.nav{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.nav a{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600}
.nav a:hover{background:rgba(255,255,255,.28)}
.nav a.active{background:#fff;color:#2A1F8F;border-color:#fff}
.banner{background:#fff7cc;border-bottom:1px solid #facc15;color:#713f12;padding:10px 16px;font-size:13px;text-align:center;font-weight:600}
.wrap{max-width:1100px;margin:0 auto;padding:20px}
h1{font-size:30px;line-height:1.2;margin:6px 0 4px;letter-spacing:-.02em}
.sub{color:#6b7280;font-size:15px;margin:0 0 20px}
.section-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.section-head:before{content:"";width:6px;height:22px;border-radius:999px;background:linear-gradient(180deg,#4338CA,#22C55E);flex-shrink:0}
.kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#4338CA;font-weight:800}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 3px rgba(15,23,42,.08);border:1px solid #e7eaf3}
.card:hover{box-shadow:0 4px 14px rgba(15,23,42,.08)}
.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}
.num{font-size:30px;font-weight:800;margin:8px 0 2px;letter-spacing:-.02em}
.muted{color:#6b7280;font-size:13.5px}
.shortcuts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:12px}
.short{text-align:center;padding:18px 6px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb}
.short:hover{border-color:#4338CA}
.short .ic{width:44px;height:44px;margin:0 auto 10px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;box-shadow:0 2px 8px rgba(67,56,202,.25)}
.bar{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:8px}
.bar i{display:block;height:100%;background:linear-gradient(90deg,#4338CA,#22C55E)}
.bars{display:flex;align-items:flex-end;gap:9px;height:110px;margin-top:14px}
.bars i{flex:1;background:linear-gradient(180deg,#4338CA,#2A1F8F);border-radius:8px 8px 0 0}
.bars i.g{background:linear-gradient(180deg,#22C55E,#16a34a)}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:9px 6px;border-bottom:1px solid #e5e7eb}
td{padding:11px 6px;border-bottom:1px solid #f3f4f6}
.pill{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.pill.green{background:#dcfce7;color:#14532d}.pill.yellow{background:#fef9c3;color:#713f12}.pill.red{background:#fee2e2;color:#991b1b}.pill.lime{background:#c8ff2e;color:#111}
.inbox{background:#0b0b0b;color:#fff;border-radius:18px;overflow:hidden;display:flex;border:1px solid #222}
.chatlist{background:#111;padding:18px;width:300px;flex-shrink:0}
.chatlist h3{margin:0 0 12px;font-size:17px}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.filters span{font-size:12px;padding:5px 11px;border-radius:999px;background:#222;color:#ddd;font-weight:600}
.filters span.on{background:#c8ff2e;color:#111;font-weight:800}
.chat{padding:11px;border-radius:13px;background:#1a1a1a;margin-bottom:9px;display:flex;gap:11px;align-items:center;cursor:pointer}
.chat:hover{background:#232323}
.avatar{width:40px;height:40px;border-radius:50%;background:#4338CA;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}
.pane{padding:28px;background:linear-gradient(135deg,#0f172a,#14532d 55%,#3f6212);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;flex:1}
.pane p{color:#d1d5db;max-width:440px}
.bubble{max-width:75%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.4;word-break:break-word}
.bubble.customer{background:#1f2937;color:#fff;align-self:flex-start;border-bottom-left-radius:4px}
.bubble.agent{background:#c8ff2e;color:#111;align-self:flex-end;border-bottom-right-radius:4px}
.composer{display:flex;gap:8px;align-items:center;background:#111;padding:12px;border-top:1px solid #222}
.composer input{background:#1a1a1a;color:#fff;border-color:#333}
.composer button{margin:0;white-space:nowrap}
.filters span{cursor:pointer}
.out{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:14px;white-space:pre-wrap;word-break:break-word;font-size:13px;margin-top:16px}
button{background:#4338CA;color:#fff;border:0;padding:9px 14px;border-radius:10px;cursor:pointer;margin:4px 4px 4px 0;font-weight:600;font-size:14px}
button:hover{background:#2A1F8F}
button.green{background:#16a34a}
input,select{padding:9px 11px;border:1px solid #d1d5db;border-radius:10px;margin:4px 0;font-size:14px}
label{display:block;font-size:13px;font-weight:600;color:#374151;margin-top:8px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.footer{color:#6b7280;font-size:12.5px;text-align:center;padding:20px}
@media(max-width:800px){.span4,.span5,.span6,.span7,.span8{grid-column:span 12}.shortcuts{grid-template-columns:repeat(2,1fr)}.inbox{flex-direction:column}.chatlist{width:auto}.form-grid{grid-template-columns:1fr}.wrap{padding:18px 14px}}
/* Dashboard enrichment: avatar rows, pipeline stage rows, section bands. */
.avatar-row{display:flex;align-items:center;gap:11px;padding:11px;border-radius:13px;background:#f8fafc;border:1px solid #e5e7eb;margin-bottom:9px}
.avatar-row:hover{border-color:#4338CA}
.stage-row{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14px}
#dashSearch{width:100%;max-width:520px}
/* Unified sidebar: labelled, grouped, icons WITH labels on every page. */
.shell{display:flex;align-items:stretch;min-height:calc(100vh - 90px)}
.sidebar{width:272px;flex-shrink:0;background:#ffffff;color:#4b5563;padding:20px 12px 12px;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid #e5e7eb;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.sidenav{display:flex;flex-direction:column;gap:20px}
.navgroup-title{font-size:11px;font-variant:small-caps;letter-spacing:.14em;color:#6b7280;font-weight:700;padding:0 12px 8px}
.sidenav a{display:flex;align-items:center;gap:11px;color:#4b5563;padding:9px 12px;border-radius:10px;font-size:14px;font-weight:500;line-height:1.45;position:relative}
.sidenav a:hover{background:#f3f4f6;color:#111827}
.sidenav a.active{background:#eef2ff;color:#4338CA;font-weight:700}
.sidenav a.active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:#4338CA}
.sidenav a svg{flex-shrink:0;width:21px;height:21px}
.sidenav a.active svg{color:#4338CA}
.sidefoot{margin-top:20px;padding:12px 10px;border-top:1px solid #e5e7eb;font-size:12px;color:#6b7280;line-height:1.6}
.maincol{flex:1;min-width:0}
@media(max-width:800px){.shell{flex-direction:column}.sidebar{width:auto;height:auto;position:static}}
/* Colour polish v5 — digital, colourful function icons, harmonised shell.
   Brand anchor stays indigo #4338CA/#2A1F8F + green #22C55E. The sidebar SVG
   keeps its 21px attribute size; the chip is padding + soft tint around it
   (colour comes from the inline style on each icon). Inactive chips are
   slightly muted so the sidebar still reads colourful; the active chip gets
   a coloured ring and the label stays bold indigo. Card borders, section
   bands and status pills are harmonised to the same palette — colourful,
   not garish. The brand logo file itself is untouched by this block. */
.sidenav a svg{border-radius:9px;padding:4px;box-sizing:content-box;opacity:.92}
.sidenav a:hover svg{opacity:1}
.sidenav a.active svg{opacity:1;box-shadow:0 0 0 1.5px currentColor}
.card{border-color:#e2e8f0}
.section-head:before{background:linear-gradient(180deg,#4338CA,#22C55E)}
.pill.green{background:#dcfce7;color:#14532d}
.pill.yellow{background:#fef9c3;color:#713f12}
.pill.red{background:#fee2e2;color:#991b1b}
button:focus-visible,input:focus-visible{outline:2px solid #4338CA;outline-offset:2px}
.hero{border-color:#2A1F8F}
.top{border-bottom-color:#22C55E}

.brand img{display:block;flex:none;}
.collapsed .brand-text{display:none;}

/* Master-list design upgrade: professional, international, easy, fun.
   Locked logo untouched; v5 indigo #4338CA/#2A1F8F + green #22C55E kept.
   Only additive polish: no existing rule above is changed, so every
   tested selector (.sidenav a, .card, .pill, .num, .top) keeps working. */
body{scroll-behavior:smooth}
.maincol{min-width:0}
.card{transition:box-shadow .18s ease,transform .18s ease}
.card:hover{transform:translateY(-1px)}
button.primary,button.btn-primary{background:#4338CA}
button.secondary{background:#fff;color:#4338CA;border:1.5px solid #4338CA}
button.secondary:hover{background:#eef2ff}
button:disabled{opacity:.55;cursor:not-allowed}
.list-search{width:100%;max-width:520px;margin:0 0 12px}
.empty-state{border:1.5px dashed #c7cbe0;border-radius:14px;padding:20px;text-align:center;background:#f8fafc}
.empty-state b{display:block;font-size:16px;margin-bottom:4px}
.empty-state .next-step{color:#4338CA;font-weight:700}
.side-panel{border:1px solid #e2e8f0;border-radius:16px;padding:18px;background:#fff}
.side-panel h3{margin:0 0 4px;font-size:18px}
@media(max-width:800px){.side-panel{padding:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.card:hover{transform:none}}

/* Redesign worker additions (append-only): locked v5 tokens, applied
   consistently. Card border restored to the v5 token #e7eaf3 (a later
   polish block had overridden it to #e2e8f0). Active sidebar stays
   light-indigo #eef2ff + indigo #4338CA text + 3px left bar (v5).
   Light colour-scheme only. No existing rule above is changed. */
.card{border-color:#e7eaf3}
.span3{grid-column:span 3}
h2{font-size:24px;line-height:1.25;margin:6px 0 4px;letter-spacing:-.01em}
h3{font-size:18px;line-height:1.3;margin:8px 0 4px}
.page-head{margin:0 0 20px}
.page-head h1{margin-bottom:4px}
.page-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.btn-primary{display:inline-block;background:#4338CA;color:#fff;border:0;padding:9px 14px;border-radius:10px;font-weight:600;font-size:14px;text-align:center}
.btn-primary:hover{background:#2A1F8F;color:#fff}
.btn-secondary{display:inline-block;background:#fff;color:#4338CA;border:1.5px solid #4338CA;padding:9px 14px;border-radius:10px;font-weight:600;font-size:14px;text-align:center}
.btn-secondary:hover{background:#eef2ff;color:#4338CA}
.btn-danger{display:inline-block;background:#dc2626;color:#fff;border:0;padding:9px 14px;border-radius:10px;font-weight:600;font-size:14px;text-align:center}
.btn-danger:hover{background:#b91c1c;color:#fff}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}
.form-row{display:grid;gap:2px;margin-bottom:10px}
.form-row label{margin-top:0}
.form-row input,.form-row select,.form-row textarea{width:100%}
.loading{padding:16px;text-align:center;color:#6b7280;font-size:14px}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2ff;color:#4338CA;white-space:nowrap}
.list{list-style:none;margin:0;padding:0}
.list-item{padding:10px 2px;border-bottom:1px solid #f3f4f6;font-size:14px}
.list-item:last-child{border-bottom:0}
.table-wrap{overflow-x:auto}
.table-wrap table{min-width:560px}
.plan-rings{display:flex;gap:12px;flex-wrap:wrap}
/* Sidebar onboarding guide: a footer card OUTSIDE the nav link list, so
   the nav stays exactly 52 links. Gating-aware: hidden by layout script
   when onboarding is not visible to this caller. */
.side-guide{margin:20px 10px 0;padding:14px;border:1px solid #e7eaf3;border-radius:16px;background:#f8fafc}
.side-guide b{font-size:14px;color:#111827}
.side-guide p{margin:4px 0 10px}
.side-guide a{color:#4338CA;font-weight:700;font-size:14px}
/* Public homepage, same v5 language as the panel. */
.home-hero{background:linear-gradient(135deg,#0f172a,#1e1b4b 55%,#2A1F8F);color:#fff;border-bottom:3px solid #22C55E;border-radius:16px;padding:28px;display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.home-hero-text{flex:1;min-width:280px}
.home-hero h1{color:#fff;font-size:34px;line-height:1.15}
.home-lead{color:#d1d5db;font-size:16px}
.home-eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#a5b4fc;font-weight:800;margin:0 0 8px}
.home-note{color:#d1d5db;font-size:13px}
.home-hero-art{text-align:center;margin-left:auto}
.home-hero-art img{display:block;margin:0 auto 12px}
.home-mock{width:220px;background:#111827;border:2px solid #334155;border-radius:22px;padding:14px;text-align:left}
.home-trust{display:flex;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid #e7eaf3;border-radius:16px;padding:16px 18px;margin-bottom:20px;font-size:14px}
.home-trust>span{flex:1;min-width:180px}
.home-feature{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;background:#fff;border:1px solid #e7eaf3;border-radius:16px;padding:20px;margin-bottom:16px}
.home-feature-art{display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:14px;padding:12px}
.home-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.home-step-num{width:36px;height:36px;border-radius:50%;background:#4338CA;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:8px}
.home-footer{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#6b7280;font-size:13px;padding:20px 4px}
.home-footer a{color:#4338CA;font-weight:600}
@media(max-width:800px){.span3{grid-column:span 12}.home-hero h1{font-size:28px}.home-feature{grid-template-columns:1fr}.home-steps{grid-template-columns:1fr}.home-hero-art{margin-left:0}}

/* Organized layout — system + dashboard + inbox (append-only, v5 tokens).
   No rule above is changed. New .org-* classes only arrange existing
   markup into one hierarchy: page head, labelled sections, inbox columns.
   Dashboard tokens: bg #eef1f7, cards #fff / border #e7eaf3, indigo
   #4338CA, green #22C55E, muted #6b7280. Light only. */
.org-maincol{min-width:0}
.org-page-head{margin-bottom:8px}
.org-section{margin-bottom:2px}
.org-section-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:2px 2px 12px}
.org-section-title{font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:#4338CA;font-weight:800}
.org-section .grid{gap:16px}
.org-home{display:flex;flex-direction:column;gap:4px}
.org-home-head{margin-top:10px}
.org-home-grid{margin-bottom:4px}
.org-home .home-hero.org-section{margin-bottom:16px}
.org-chatlist{display:flex;flex-direction:column}
.org-chatlist-head{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.org-chatlist-head h3{margin:0}
.org-filters{margin-bottom:12px}
.org-chatlist-rows{flex:1;overflow-y:auto;min-height:120px}
.org-chat-col{min-height:480px}
.org-pane{flex:1}
.org-composer-main{flex:1 1 100%;display:flex;gap:8px;align-items:center}
.org-composer-main input{flex:1}
.org-composer-tools{flex:1 1 100%;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.org-composer-status{flex:1 1 100%;display:flex;gap:12px;flex-wrap:wrap;min-height:18px}
.org-composer-status .muted{font-size:12.5px}
.org-side-toggle-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:10px 12px;background:#f8fafc;border-top:1px solid #e7eaf3}
.org-side-toggle-row button{margin:0}
.org-tool-block{border-top:1px solid #f3f4f6;padding-top:10px}
.org-inbox-note{padding:0 12px 12px}
@media(max-width:800px){.org-chat-col{min-height:0}.org-chatlist-rows{overflow-y:visible}}

/* Follow-up (sibling /mobile clash): light v5 bubbles + composer.
   Appended last so these two classes — and only these two — override the
   older dark bubble/composer rules. Same selectors, later in the file, so
   specificity is unchanged and every other rule keeps working. Light
   backgrounds, v5 borders (#e7eaf3 / #d1d5db), dark readable text.
   Received (left): white. Sent (right): v5 green tint #dcfce7. The
   composer keeps its row layout and wraps its inbox rows to full width,
   so the single-row mobile composer (input + Send) is unchanged. */
.bubble{background:#fff;color:#111827;border:1px solid #e7eaf3;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.bubble.customer{background:#fff;color:#111827;align-self:flex-start;border-bottom-left-radius:4px}
.bubble.agent{background:#dcfce7;color:#111827;border-color:#bbf7d0;align-self:flex-end;border-bottom-right-radius:4px}
.composer{background:#fff;border-top:1px solid #e7eaf3;flex-wrap:wrap}
.composer input{background:#fff;color:#111827;border-color:#d1d5db}
.composer input::placeholder{color:#6b7280}

/* Integration (parent decision): fully light inbox shell. The bubbles and
   composer were already restyled to light v5 tokens; leaving the shell
   (.inbox/.chatlist/.pane) dark would put light bubbles inside a dark box,
   which is not professional and breaks the v5 light-only theme. Same
   selectors appended last, so these override the older dark shell rules
   without touching them. Dark readable text throughout. */
.inbox{background:#fff;color:#111827;border:1px solid #e7eaf3}
.chatlist{background:#f8fafc;color:#111827}
.chatlist h3{color:#111827}
.chat{background:#fff;color:#111827;border:1px solid #e7eaf3}
.chat:hover{background:#eef2ff}
.pane{background:#fff;color:#111827}
.pane p{color:#4b5563}

/* Map-adaptation pass (OnCloud structure, locked v5 tokens only): two-column
   shells for report/settings/catalog pages, titled inbox tool sections,
   two-column doc layout, dashboard two-column overview, step pills and
   delivery-flow diagram. No new colours: indigo #4338CA, green #22C55E,
   borders #e7eaf3, light surfaces only. */
.shell2{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}
.shell2-main{min-width:0}
.subnav{background:#fff;border:1px solid #e7eaf3;border-radius:16px;padding:14px;position:sticky;top:16px}
.subnav-group{margin-bottom:14px}
.subnav-group b{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;margin-bottom:6px}
.subnav-group a{display:block;color:#4338CA;font-weight:600;padding:5px 0;text-decoration:none}
.subnav-group a:hover{text-decoration:underline}
.toolsec{border:1px solid #e7eaf3;border-radius:14px;padding:12px;margin-top:10px;background:#fff}
.toolsec-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.toolsec-head button{background:#eef2ff;border:0;border-radius:8px;padding:4px 10px;cursor:pointer;color:#4338CA;font-weight:700}
.doc2{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start}
.doc2-col{display:grid;gap:16px;align-content:start}
.twocol{display:grid;grid-template-columns:7fr 5fr;gap:16px;align-items:start}
.stack{display:grid;gap:16px;align-content:start}
.stepnav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.stepnav button{border:1px solid #e7eaf3;background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:600}
.stepnav button.on{background:#4338CA;color:#fff;border-color:#4338CA}
.flowstep{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.flowstep>span{border:1px solid #e7eaf3;border-radius:14px;padding:10px 14px;background:#fff}
.flowstep>span[aria-hidden="true"]{border:0;padding:0;background:none;color:#4338CA;font-weight:800}
.phone-preview{background:#fff;border:1px solid #e7eaf3;border-radius:22px;padding:14px;max-width:320px}
.phone-preview .bubble{max-width:100%}
@media(max-width:800px){.shell2,.doc2,.twocol{grid-template-columns:1fr}.subnav{position:static}}

/* Dashboard + inbox fix (27 Oct 2026, owner order): flat dashboard, light
   shell, dark lime inbox. Append-only: no rule above is changed, so every
   tested token (.sidenav a.active, .card 16px/18px, .wrap 1100, .num 30,
   button 10px) keeps working. The v5 theme lock was lifted by the owner
   27 Oct 08:58; indigo #4338CA + green #22C55E accents are kept, the shell
   goes light, and the inbox returns to its locked dark + lime look. */
/* Shell hardening: explicit widths so .maincol can never squeeze. */
.shell{width:100%}
.sidebar{flex:0 0 272px}
.maincol{flex:1 1 auto;min-width:0;width:calc(100% - 272px)}
.banner{min-width:0;overflow-wrap:break-word}
.guide-bar{display:flex;gap:10px;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #e7eaf3;min-width:0;overflow-wrap:break-word}
/* Light header (was dark gradient): white bar, dark text, green rule kept. */
.top{background:#fff;color:#0f172a;border-bottom:3px solid #22C55E;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.topsearch{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}
.topsearch::placeholder{color:#94a3b8}
/* Flat dashboard: one flow column, explicit grids with minmax(0,1fr) —
   no nested 12-col grids, no template-less stacks, nothing to squeeze. */
.dash{display:flex;flex-direction:column;gap:20px;min-width:0;width:100%}
.dash .card{min-width:0}
.dash-section{min-width:0}
.dash-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.dash-twocol{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.dash-half{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.dash-acct{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.dash-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
@media(max-width:1100px){.dash-twocol{grid-template-columns:1fr}.dash-acct{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dash-half,.dash-acct,.dash-kpi{grid-template-columns:1fr}}
@media(max-width:800px){.maincol{width:auto}.sidebar{flex:none}}
/* Inbox: dark modern zone (lime accent), inside the light shell. Same
   selectors as the older light overrides, appended later, so dark wins. */
.inbox{background:#0b0b0b;color:#fff;border:1px solid #222;flex-wrap:wrap}
.chatlist{background:#0b0b0b;color:#fff}
.chatlist h3{color:#fff}
.chat{background:#1a1a1a;color:#fff;border:1px solid #222}
.chat:hover{background:#232323}
.chat b{color:#fff}
#chatSearch{background:#1a1a1a;color:#fff;border-color:#333;border-radius:999px}
#chatSearch::placeholder{color:#6b7280}
.org-pane{display:block;padding:0;text-align:left;min-height:480px;background:linear-gradient(180deg,#101d12 0%,#3f6212 50%,#16240f 100%);color:#fff}
.org-pane .muted{color:#9ca3af}
.pane-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:480px;padding:28px;gap:8px}
.pane-empty-icon{width:88px;height:88px;border-radius:50%;background:#c8ff2e;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(200,255,46,.12),0 0 40px rgba(200,255,46,.35)}
.pane-empty h2{color:#fff;font-size:26px;margin:8px 0 4px}
.pane-empty p{color:#9ca3af}
.org-chat-header{background:#0b0b0b;border-bottom:1px solid #222;padding:16px 20px}
.org-chat-header h2{color:#fff;margin:10px 0 2px}
.org-chat-header .muted{color:#9ca3af}
.org-chat-tabs{display:flex;gap:8px;flex-wrap:wrap}
.org-chat-tabs button{background:#1a1a1a;color:#d1d5db;border:1px solid #333;margin:0}
.org-chat-tabs button.on{background:#c8ff2e;color:#111;border-color:#c8ff2e}
#chatTabReplyPane{padding:16px 20px}
#chatTabNotePane{padding:16px 20px}
.org-pane>.card{margin:0 20px 16px;background:#1a1a1a;border-color:#2a2a2a;color:#e5e7eb}
.org-pane>.card .muted{color:#9ca3af}
.org-pane .card button{background:#222;color:#e5e7eb;border:1px solid #333}
.org-pane .card button:hover{border-color:#c8ff2e;color:#fff}
.org-pane .bubble{box-shadow:none}
.org-pane .bubble.customer{background:#c8ff2e;color:#111;border-color:#c8ff2e;align-self:flex-start}
.org-pane .bubble.agent{background:#1f2937;color:#fff;border-color:#374151;align-self:flex-end}
.date-divider{align-self:center;margin:6px 0}
.date-divider span{background:#0b0b0b;color:#c8ff2e;border:1px solid #333;padding:4px 14px;border-radius:999px;font-size:12px;font-weight:700}
.org-pane .voice-player button{background:#222;color:#e5e7eb;border:1px solid #333}
.org-pane textarea,.org-pane input,.org-pane select{background:#1a1a1a;color:#fff;border-color:#333}
.composer{background:#111;border-top:1px solid #222}
.composer input{background:#1a1a1a;color:#fff;border-color:#333}
.composer input::placeholder{color:#6b7280}
.composer .muted{color:#9ca3af}
.org-composer-main input{border-radius:999px;padding:12px 18px}
.composer-send{background:#c8ff2e;color:#111}
.composer-send:hover{background:#b8f01e;color:#111}
.composer-tool{background:#222;color:#e5e7eb;border:1px solid #333}
.composer-tool:hover{border-color:#c8ff2e;color:#fff}
#quickHint button{background:#222;color:#e5e7eb;border:1px solid #333}
.org-side-toggle-row{background:#111;border-top:1px solid #222}
.org-side-toggle-row .muted{color:#9ca3af}
#sidePanel{width:360px;flex-shrink:0;background:#111;color:#e5e7eb;border:1px solid #222;border-radius:0;overflow-y:auto}
#sidePanel .toolsec{background:#1a1a1a;border-color:#2a2a2a;color:#e5e7eb}
#sidePanel .muted{color:#9ca3af}
#sidePanel label{color:#d1d5db}
#sidePanel input,#sidePanel select,#sidePanel textarea{background:#1a1a1a;color:#fff;border-color:#333}
#sidePanel .toolsec-head button{background:#222;color:#c8ff2e}
#sidePanel button{background:#222;color:#e5e7eb;border:1px solid #333}
.org-inbox-note{color:#9ca3af}
@media(max-width:1000px){#sidePanel{flex-basis:100%;width:auto;max-height:420px}}
@media(max-width:800px){#sidePanel{width:auto;flex-basis:auto}}

/* Doodle-pattern pane (own tile, faint white line shapes). */
.org-pane{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27140%27%20height%3D%27140%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271.5%27%20opacity%3D%270.07%27%3E%3Ccircle%20cx%3D%2720%27%20cy%3D%2720%27%20r%3D%2712%27%2F%3E%3Crect%20x%3D%2760%27%20y%3D%2710%27%20width%3D%2726%27%20height%3D%2718%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M20%2070q10-12%2020%200q-10%2012-20%200%27%2F%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%2790%27%20r%3D%2710%27%2F%3E%3Cpath%20d%3D%27M60%2060l14%2014M74%2060L60%2074%27%2F%3E%3Crect%20x%3D%2795%27%20y%3D%2735%27%20width%3D%2720%27%20height%3D%2726%27%20rx%3D%274%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#101d12 0%,#3f6212 50%,#16240f 100%)}

/* Header cleanup (27 Oct 2026, owner order): the LIVE banner strip and the
   header status line were deleted from layout(), so the header is now
   logo + search + profile only. Polish: clear name/role hierarchy, pill
   search, Logout styled like the Login link, shell height matched to the
   shorter single-row header. The old .banner/.status rules stay in the
   file unused (append-only convention) — no element renders them. */
.top .profile b{font-size:14px;font-weight:700;color:#0f172a}
.topsearch{border-radius:999px}
#topLogoutBtn{background:none;border:0;color:#4338CA;font-weight:700;padding:9px 0;box-shadow:none}
#topLogoutBtn:hover{background:none;color:#2A1F8F}
.shell{min-height:calc(100vh - 72px)}

/* OnCloud-style options (follow-up 27 Oct 2026, owner orders 09:35-09:36):
   dropdowns as dark pills with a lime caret, chat/tool action buttons as
   true pills, dashboard channel-filter buttons as pills with a lime
   active state, and the Your Inboxes 3-col grid collapsing on small
   screens so no section squeezes. Filter chips, channel tabs and chat
   tabs already matched the reference (lime active / dark inactive) and
   are untouched. Append-only: no rule above is changed. */
.org-pane select, #sidePanel select{appearance:none;-webkit-appearance:none;box-sizing:border-box;border-radius:999px;padding:9px 34px 9px 14px;background-color:#1a1a1a;color:#fff;border:1px solid #333;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c8ff2e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}
.org-pane .card button, .org-pane .voice-player button, #sidePanel button{border-radius:999px}
#channelFilterCard button.oc-chan{background:#fff;color:#111827;border:1.5px solid #d1d5db;border-radius:999px;padding:7px 14px}
#channelFilterCard button.oc-chan.on{background:#c8ff2e;color:#111;border-color:#c8ff2e}
#channelFilterCard button.oc-chan:hover{border-color:#c8ff2e}
@media(max-width:800px){#inboxEntryCards{grid-template-columns:1fr!important}}

/* Inbox side form (27 Oct 2026 owner order): all tools in a right-hand form column, visible by default. */
#sidePanel.org-side-form{padding:16px}
#sidePanel .toolsec{margin-top:12px}
#sidePanel .toolsec-head b{font-size:14px}
#sidePanel .toolsec button{margin:2px}
/* Collapsible sidebar (27 Oct 2026 owner order): icon-only rail when collapsed; labels stay in markup, tooltips via title. */
.side-collapse-row{display:flex;align-items:center;gap:8px;padding:2px 12px 10px}
#sideCollapseBtn{border:1px solid #e7eaf3;background:#fff;border-radius:999px;width:32px;height:32px;cursor:pointer;font-weight:700;color:#4338CA;flex-shrink:0}
@media(min-width:801px){
.shell.sidebar-collapsed .sidebar{width:64px;flex:0 0 64px;padding:20px 8px 12px}
.shell.sidebar-collapsed .sidebar .navgroup-title,.shell.sidebar-collapsed .sidebar .sidenav a span,.shell.sidebar-collapsed .side-guide,.shell.sidebar-collapsed .sidefoot,.shell.sidebar-collapsed .side-collapse-label{display:none}
.shell.sidebar-collapsed .sidebar .sidenav a{justify-content:center;padding:9px 0}
.shell.sidebar-collapsed .side-collapse-row{justify-content:center;padding:2px 0 10px}
}

/* Fix-up round 2 (27 Oct 2026, live-panel findings):
   - Inbox uses the full main column: the 1100px centered .wrap leaves a
     wide grey gutter between the sidebar and the Chats list on wide
     screens, and hiding the side panel never reclaims it. :has() keeps
     every other page on the 1100px wrap; a browser without :has() just
     ignores the rule and keeps the old layout, nothing breaks.
   - Side-panel toggle row stays clickable: it moved to the top of the
     chat column (inboxSimple.ts) and paints above siblings here. */
.org-main:has(#simpleInbox){max-width:none}
.org-side-toggle-row{position:relative;z-index:2}

/* Dashboard redesign (27 Oct 2026, owner order 14:47 + reinforcements
   14:53/14:55): black panel header, black hero + Operational panel,
   lime accent, white cards, pastel inbox tints, purple/blue/pink
   section accents, reference text style on every dashboard word
   (Inter-first family kept — the exact reference family cannot be
   determined from the static images; weights/sizes/spacing/colours
   below carry the match). Dashboard + header only: sidebar, footer
   and every other page are untouched. Append-only: no rule above
   is changed. */
/* Black panel header (layout only; publicLayout keeps class="top"). */
.top-panel{background:#0a0a0a;color:#fff;border-bottom:1px solid #262626;box-shadow:none}
.top-panel .topsearch{background:#1f2937;border-color:#374151;color:#fff}
.top-panel .topsearch::placeholder{color:#9ca3af}
.top-panel .profile b{color:#fff}
.top-panel .profile .avatar{background:#c8ff2e;color:#111}
.top-panel .brand-text{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.01em}
.top-panel #topLogoutBtn{color:#fff}
.top-panel #topLogoutBtn:hover{color:#c8ff2e}
/* Dashboard Guide button: fixed to the very bottom corner, dashboard
   only (the script adds .dash-guide to the guide bar on /dashboard;
   other pages keep the bar where it is). */
.guide-bar.dash-guide{position:fixed;right:20px;bottom:20px;z-index:60;background:#fff;border:1px solid #e7eaf3;border-radius:999px;box-shadow:0 8px 24px rgba(15,23,42,.18);padding:8px 10px}
.guide-bar.dash-guide .muted{display:none}
.guide-bar.dash-guide button{margin:0}
.guide-bar.dash-guide + #guidePanel{position:fixed;right:20px;bottom:76px;width:420px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 96px);overflow:auto;z-index:120}
/* Dashboard uses the full main column (same :has pattern as inbox). */
.org-main:has(.dashx){max-width:none}
/* Dashboard typography + layout (scoped to .dashx, so no other page
   changes): greeting 30/800, section labels 12/800 uppercase wide,
   card titles 15/700 dark, stat numbers 30/800, captions 13 muted,
   pills 11/700, buttons 700, hero headline 32/800 white. */
.dashx{display:flex;flex-direction:column;gap:20px;min-width:0;width:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#111827}
.dashx h1#greeting{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 4px}
.dashx .sub{font-size:14px;color:#6b7280}
.dashx .org-section-title{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#111827}
.dashx .section-head:before{display:none}
.dashx .kicker{font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;color:#111827}
.dashx .muted{font-size:13px;color:#6b7280}
.dashx .pill{font-size:11px;letter-spacing:.02em}
.dashx button{font-weight:700}
.dashx .num{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#111827}
.dashx table th{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}
.dashx table td{font-size:14px}
.dashx .avatar-row b{font-size:14px;font-weight:700}
.dx-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;align-self:center}
.dx-search{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px}
.dx-hero{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.dx-hero-grid{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.dx-hero-text{flex:1;min-width:260px}
.dx-hero h2{color:#fff;font-size:32px;font-weight:800;line-height:1.15;letter-spacing:-.02em;margin:0 0 8px}
.dx-hero p{color:#d1d5db;font-size:15px}
.dx-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.dx-hero .btn-primary{background:#c8ff2e;color:#111}
.dx-hero .btn-primary:hover{background:#b8f01e;color:#111}
.dx-hero .btn-secondary{background:transparent;color:#fff;border:1.5px solid #374151}
.dx-hero .btn-secondary:hover{background:#1f2937;color:#fff}
.dx-hero-mocks{display:flex;gap:12px;margin-left:auto;flex-wrap:wrap}
.dx-hero-mocks .phone-mock{margin-left:0;width:150px;flex-shrink:0}
.dx-mock-row{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #1f2937}
.dx-inbox-card{border-radius:16px;padding:16px;border:1px solid}
.dx-inbox-card b{font-size:15px}
.dx-inbox-whatsapp{background:#f0fdf4;border-color:#bbf7d0}
.dx-inbox-instagram{background:#fdf2f8;border-color:#fbcfe8}
.dx-inbox-messenger{background:#eff6ff;border-color:#bfdbfe}
.dx-oper-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.dx-rail{display:flex;flex-direction:column;gap:16px;min-width:0}
.dx-oper{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.dashx .dx-oper .kicker{color:#fff}
.dashx .dx-oper .muted{color:#9ca3af}
.dashx .dx-oper .flowstep>span{background:#fff;color:#111827;border-color:#e7eaf3}
.dashx .dx-oper .flowstep>span[aria-hidden="true"]{color:#c8ff2e;background:none;border:0}
#operGreet{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}
.dashx .shortcuts{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.dashx .short{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;background:#1a1a1a;border:1px solid #2a2a2a;color:#fff}
.dashx .short:hover{border-color:#c8ff2e}
.dashx .short .ic{margin:0;flex-shrink:0;width:44px;height:44px}
.dx-feat-num{width:28px;height:28px;border-radius:50%;background:#262626;color:#c8ff2e;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}
.dx-feat-text{flex:1;min-width:0;text-align:left}
.dx-feat-text b{display:block;color:#fff;font-size:15px}
.dx-feat-text .muted{display:block;font-size:13px}
.dx-tag{font-size:10px;font-weight:800;letter-spacing:.08em;padding:4px 8px;border-radius:999px;white-space:nowrap}
.dx-live{display:inline-flex;align-items:center;gap:6px;background:#c8ff2e;color:#111;font-size:11px;font-weight:800;letter-spacing:.08em;padding:3px 10px;border-radius:999px;margin-left:auto;white-space:nowrap}
.dx-live-dot{width:10px;height:10px;border-radius:50%;background:#c8ff2e;animation:dx-pulse 2s infinite;flex-shrink:0}
@keyframes dx-pulse{0%{box-shadow:0 0 0 0 rgba(200,255,46,.5)}70%{box-shadow:0 0 0 8px rgba(200,255,46,0)}100%{box-shadow:0 0 0 0 rgba(200,255,46,0)}}
.dx-globe-row{display:flex;gap:16px;align-items:center;margin-top:16px;padding:16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;flex-wrap:wrap}
.dx-globe-wrap{position:relative;flex-shrink:0}
.dx-globe-wrap .dx-live-dot{position:absolute;top:10px;right:12px}
.dx-stat-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.dx-stat{display:block;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:16px}
.dx-stat b{color:#fff;font-size:15px}
.dx-num-sm{font-size:28px;font-weight:800;letter-spacing:-.02em;color:#fff;margin:6px 0 2px}
.dx-stat .muted{color:#9ca3af}
.dx-stat svg{margin-top:10px;display:block}
.dx-acct{border-top:3px solid #e7eaf3}
.dx-acct-yellow{border-top-color:#eab308}
.dx-acct-blue{border-top-color:#2563EB}
.dx-acct-purple{border-top-color:#7C3AED}
.dx-acct-green{border-top-color:#22C55E}
.dx-acct-pink{border-top-color:#DB2777}
.dx-acct-indigo{border-top-color:#4338CA}
.dx-rt-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.dx-rt{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.dx-rt .muted{color:#9ca3af}
.dx-rt .dx-num{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff;margin:6px 0 8px}
@media(max-width:1100px){.dx-rt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dx-stat-tiles{grid-template-columns:1fr}.dx-rt-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dx-live-dot{animation:none}}

/* Fix-up round 3 (27 Oct 2026, owner brief 15:40): dashboard shell + home
   strictly as the reference, presentation only. No element id, JS-used
   class, API call, or database logic changed here. */
/* Dark hero / status / metrics win over .card regardless of rule order. */
.dashx .dx-hero{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.dashx .dx-oper{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.dashx .dx-rt{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
/* Right rail beside the dark status panel at desktop widths; it stacks
   only below 900px (the old 1100px breakpoint stacked it on ordinary
   desktop viewports once the sidebar is counted). */
.dashx .dx-oper-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
@media(max-width:900px){.dashx .dx-oper-grid{grid-template-columns:1fr}}
/* Header: black bar wins over .top under any order; search centred. */
.top.top-panel{background:#0a0a0a;color:#fff;border-bottom:1px solid #262626;box-shadow:none}
.top-panel .topsearch{margin-left:auto;margin-right:auto}
/* Thin black icon rail: every nav item stays as a rail icon with its
   title tooltip; labels, guide card and footer hide in the rail. The
   collapse control (sideCollapseBtn, DESIGN_LOCK production toggle;
   state persists via upvort_sidebar_collapsed) hides the rail;
   #sideExpandBtn restores it. */
.sidebar{width:58px;flex:0 0 58px;background:#0a0a0a;color:#9ca3af;padding:20px 8px 12px;border-right:1px solid #262626}
.maincol{width:calc(100% - 58px)}
.sidebar .navgroup-title,.sidebar .sidenav a span,.sidebar .side-guide,.sidebar .sidefoot,.sidebar .side-collapse-label{display:none}
.sidebar .sidenav a{justify-content:center;padding:10px 0;color:#9ca3af}
.sidebar .sidenav a:hover{background:#1f2937;color:#fff}
.sidebar .sidenav a.active{background:rgba(198,243,18,.14);color:#C6F312;box-shadow:inset 3px 0 0 #C6F312}
.sidebar .sidenav a.active::before{display:none}
.sidebar .sidenav a.active svg{color:#C6F312;box-shadow:0 0 0 1.5px #C6F312}
.sidebar .side-collapse-row{display:flex;justify-content:center;padding:2px 0 10px}
.shell.sidebar-collapsed .sidebar{display:none}
#sideExpandBtn{display:none}
.shell.sidebar-collapsed #sideExpandBtn{display:flex;position:fixed;left:12px;top:76px;z-index:70;width:40px;height:40px;align-items:center;justify-content:center;background:#0a0a0a;color:#C6F312;border:1px solid #262626;border-radius:999px;font-size:16px;cursor:pointer}
@media(max-width:800px){.shell{flex-direction:column}.sidebar{width:auto;height:auto;position:static;flex:none;padding:12px}.maincol{width:auto}.sidebar .sidenav{display:flex;flex-wrap:wrap;gap:4px}.sidebar .sidenav a{padding:8px}}
/* Dashboard heading gaps that were missing: shortcut title/description
   and recent-chat name/preview sit on separate lines with air between. */
.dashx .dx-feat-text b{margin-bottom:2px}
.dashx .avatar-row b{display:block;margin-bottom:2px}
.dashx .org-section-head{margin-bottom:14px}
/* Stat-card coloured-square icons (reference card style). */
.dx-stat{position:relative}
.dx-stat-ic{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:8px}
/* Channel filter selected state, unmistakable on top of the lime fill. */
#channelFilterCard button.oc-chan.on{box-shadow:0 0 0 1.5px #0a0a0a}
/* Homepage trust phrases: .org-row had no rule, so the four phrases ran
   together with zero space between them. */
.home-trust{display:flex;gap:16px;flex-wrap:wrap}
/* Login "Forgot password?" never splits across two lines (it moves whole
   to the next line instead); no login markup restyled beyond this. */
.card a[onclick*="showForgot"]{white-space:nowrap}
/* Inbox Hide toggle: desktop rows never wrap, the toggle row and its
   button sit above the side form in stacking order, and the chat column
   clips instead of spilling underneath the form. Below 1000px the side
   form still drops to its own full row, as before. */
.inbox{flex-wrap:nowrap}
#sidePanel{position:relative;z-index:1}
.org-side-toggle-row{position:relative;z-index:20}
.org-side-toggle-row button{position:relative;z-index:21;pointer-events:auto}
.org-chat-col{min-width:0;overflow:hidden}
@media(max-width:1000px){.inbox{flex-wrap:wrap}}

/* ---- Inbox redesign (27 Oct 2026): inbox-scoped presentation only ---- */
/* Page-scoped shell: no top bar on /inbox only; full-height columns. */
body:has(#simpleInbox) .top.top-panel{display:none}
body:has(#simpleInbox) .shell{height:100vh;min-height:0}
body:has(#simpleInbox) .maincol{display:flex;flex-direction:column;height:100vh;overflow:hidden}
body:has(#simpleInbox) .org-main{flex:1;min-height:0;max-width:none;padding:0;display:flex;flex-direction:column}
#simpleInbox{display:flex;flex:1;min-height:0;border-radius:0;border:0}
#simpleInbox .chatlist{width:322px;flex:0 0 322px;background:#0A0A0A;padding:18px;display:flex;flex-direction:column;min-height:0;border:0}
#simpleInbox .org-chatlist-rows{flex:1;overflow-y:auto;min-height:0}
#simpleInbox .org-chat-col{flex:1;min-width:0;min-height:0;position:relative}
#simpleInbox .org-chatlist-head{border:0;padding:0;margin-bottom:14px}
.ibx-biz-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
#ibxBizName{margin:0;color:#fff;font-size:22px;font-weight:800}
.ibx-plan-pill{background:#C6F312;color:#111;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}
.ibx-biz-sub{font-size:12px;margin-bottom:10px}
.ibx-logged-in{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.06em;color:#9ca3af;text-transform:uppercase;margin-bottom:12px}
#ibxLoggedInName{color:#C6F312}
.ibx-search-wrap{position:relative}
#simpleInbox .ibx-search-wrap input{background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:999px;padding:11px 40px 11px 16px;width:100%}
.ibx-search-ic{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:17px;pointer-events:none}
#simpleInbox .filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
#simpleInbox .filters span{flex-shrink:0}
#simpleInbox .filters span.on{background:#C6F312;color:#111}
#simpleInbox #channelTabs{scrollbar-width:thin}
#simpleInbox #channelTabs>span{flex-shrink:0}
.ibx-chip-divider{width:1px;align-self:stretch;background:#333;flex-shrink:0;margin:0 4px}
.ibx-label-chips{display:inline-flex;gap:6px;align-items:center}
.ibx-label-chip{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;background:transparent;color:#ddd;border:1px solid #444;cursor:pointer;white-space:nowrap}
.ibx-label-chip.on{box-shadow:0 0 0 1.5px #fff}
.ibx-label-chip .ibx-dot{width:8px;height:8px;border-radius:50%;background:#C6F312;flex-shrink:0}
#simpleInbox .chat{position:relative;transition:transform .15s ease,background .15s ease;animation:ibx-fadeup .35s backwards}
#simpleInbox .chat:nth-child(2){animation-delay:60ms}
#simpleInbox .chat:nth-child(3){animation-delay:120ms}
#simpleInbox .chat:nth-child(4){animation-delay:180ms}
#simpleInbox .chat:nth-child(5){animation-delay:240ms}
#simpleInbox .chat:nth-child(6){animation-delay:300ms}
#simpleInbox .chat:nth-child(7){animation-delay:360ms}
#simpleInbox .chat:nth-child(8){animation-delay:420ms}
#simpleInbox .chat:nth-child(9){animation-delay:480ms}
#simpleInbox .chat:nth-child(10){animation-delay:540ms}
#simpleInbox .chat:hover{transform:translateY(-3px)}
#simpleInbox .chat.selected{background:#1a2e12;box-shadow:inset 3px 0 0 #C6F312}
.ibx-avatar{position:relative;flex-shrink:0}
.ibx-unread-dot{position:absolute;top:0;right:0;width:10px;height:10px;border-radius:50%;background:#C6F312;border:2px solid #0A0A0A;animation:ibx-pulse 2s infinite}
.ibx-preview{display:flex;gap:6px;align-items:center;color:#9ca3af;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ibx-preview span{overflow:hidden;text-overflow:ellipsis}
.ibx-row-right{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.ibx-row-time{color:#9ca3af;font-size:11px}
.ibx-read-pill{background:#7C3AED;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.ibx-star{color:#C6F312;font-size:14px;line-height:1}
.ibx-assignee{width:22px;height:22px;border-radius:50%;background:#333;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ibx-tag-pill{font-size:11px;border:1px solid #C6F312;color:#C6F312;padding:1px 8px;border-radius:999px}
.ibx-empty{text-align:center;padding:40px 16px;display:flex;flex-direction:column;gap:8px;align-items:center}
.ibx-empty-ic{font-size:32px}
.ibx-empty b{color:#fff}
.ibx-empty-filter{color:#9ca3af;text-align:center}
.ibx-list-foot{padding-top:12px;text-align:center}
#ibxLoadMore{background:#1f2937;color:#fff;border:1px solid #333;border-radius:999px;padding:8px 18px;cursor:pointer;font-weight:700}
#ibxLoadMore:hover{border-color:#C6F312;color:#C6F312}
/* Conversation header */
#simpleInbox .org-side-toggle-row{display:flex;gap:8px;align-items:center;padding:10px 16px;background:#0A0A0A;border-bottom:1px solid #262626}
#simpleInbox .org-side-toggle-row button{background:#1f2937;color:#fff;border:1px solid #333;border-radius:999px;padding:7px 14px;cursor:pointer;font-weight:700}
#simpleInbox .org-side-toggle-row button:hover{border-color:#C6F312}
.ibx-chat-head{background:#0A0A0A;border-bottom:1px solid #262626;padding:14px 16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ibx-back{display:none}
.ibx-head-main{display:flex;gap:12px;align-items:center;flex:1;min-width:0}
.ibx-head-avatar{width:48px;height:48px;font-size:18px;flex-shrink:0}
.ibx-head-id{min-width:0}
.ibx-head-id h2{margin:0;color:#fff;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ibx-head-phone{color:#9ca3af;font-size:13px}
.ibx-chan-chip{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#C6F312;background:#1a1a1a;border:1px solid #333;padding:2px 8px;border-radius:6px}
.ibx-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ibx-head-actions button{background:#1f2937;color:#fff;border:1px solid #333;border-radius:999px;padding:7px 14px;font-weight:700;cursor:pointer;font-size:13px}
.ibx-head-actions button:hover{border-color:#C6F312}
.ibx-head-actions .ibx-block-btn{border-color:#dc2626;color:#fca5a5}
.ibx-head-flag.on{color:#C6F312;border-color:#C6F312}
.ibx-window-pill{display:inline-flex;gap:4px;align-items:center;font-size:12px;font-weight:800;padding:5px 11px;border-radius:999px;background:#333;color:#ddd;white-space:nowrap}
.ibx-window-pill.open{background:#C6F312;color:#111}
.ibx-banner{flex:1 1 100%;background:rgba(217,119,6,.15);border:1px solid rgba(217,119,6,.4);color:#fbbf24;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600}
#simpleInbox .org-chat-tabs{display:flex;gap:6px}
#simpleInbox .org-chat-tabs button{background:#1f2937;color:#ddd;border:1px solid #333;border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:700}
#simpleInbox .org-chat-tabs button.on{background:#C6F312;color:#111;border-color:#C6F312}
#simpleInbox #chatRiskTag{flex:1 1 100%}
/* Message area: olive wallpaper with own doodle tile */
#simpleInbox #pane{display:flex;flex-direction:column;min-height:0;flex:1;padding:0;position:relative;background-color:#4A6B1F;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'><g fill='none' stroke='%23ffffff' stroke-opacity='0.08' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><rect x='20' y='20' width='60' height='44' rx='12'/><path d='M32 64l4 12 10-12'/><rect x='110' y='16' width='40' height='70' rx='10'/><path d='M122 76h16'/><path d='M210 52c-4-8-16-8-20 0-4-8-16-8-20 0-4 10 10 20 20 28 10-8 24-18 20-28z'/><path d='M60 140l6 14 15 2-11 11 3 15-13-7-13 7 3-15-11-11 15-2z'/><path d='M150 140l44-26-20 40-12-12z'/><path d='M162 142l18 12'/><path d='M210 150v26M226 138v38M242 160v16'/><path d='M204 184h48'/></g></svg>");background-size:280px 280px;overflow:hidden}
#simpleInbox .pane-empty{min-height:0;flex:1}
#simpleInbox #chatTabReplyPane{flex:1;overflow-y:auto;min-height:0;padding:16px}
#simpleInbox #chatTabNotePane{flex:1;overflow-y:auto;min-height:0;padding:16px}
#simpleInbox #customerInfo{background:#0A0A0A;color:#fff;border:1px solid #262626;margin:0 16px 12px}
#simpleInbox #customerInfo h3{color:#fff}
#simpleInbox .bubble{max-width:75%;box-shadow:none;animation:ibx-msg-in .25s backwards}
#simpleInbox .bubble.customer{background:#C6F312;color:#111;border-color:#C6F312;align-self:flex-start;border-bottom-left-radius:4px}
#simpleInbox .bubble.agent{background:#16212C;color:#fff;border-color:#16212C;align-self:flex-end;border-bottom-right-radius:4px}
.ibx-sender{display:block;font-size:11px;font-weight:800;margin-bottom:4px}
.bubble.agent .ibx-sender{color:#C6F312}
.bubble.customer .ibx-sender{color:#3f6212}
.ibx-meta{display:block;font-size:11px;margin-top:6px;text-align:right;opacity:.75}
.ibx-msg-del{border:0;background:transparent;cursor:pointer;opacity:.45;font-size:13px;line-height:1;padding:0 2px;margin-left:4px}
.bubble:hover .ibx-msg-del{opacity:1}
@media (hover:none){.ibx-msg-del{opacity:.8}}
.ibx-deleted{font-style:italic;opacity:.7}
.ibx-ticks{color:#60a5fa;font-weight:800}
.ibx-media-card{display:flex;gap:8px;align-items:center;background:rgba(0,0,0,.18);border-radius:10px;padding:10px}
.ibx-message-video{display:block;max-width:100%;border-radius:12px}
.ibx-media-caption{margin-top:6px}
.bubble.customer .ibx-media-card{background:rgba(0,0,0,.12)}
.ibx-media-ic{font-size:22px}
#simpleInbox .date-divider{display:flex;justify-content:center;margin:12px 0}
#simpleInbox .date-divider span{background:#0A0A0A;color:#ddd;font-size:12px;font-weight:700;padding:4px 14px;border-radius:999px;border:1px solid #333}
#simpleInbox .bubble [dir="auto"]{font-family:"Noto Nastaliq Urdu",Inter,system-ui,sans-serif}
#simpleInbox .voice-player{display:flex;gap:8px;align-items:center;background:#fff;color:#111;border-radius:999px;padding:8px 12px;flex-wrap:wrap;position:relative}
#simpleInbox .voice-player audio{display:none}
#simpleInbox .voice-player button{background:#111;color:#fff;border:0;border-radius:999px;padding:6px 12px;cursor:pointer;font-weight:700}
#simpleInbox .voice-player select{background:#f1f1f1;color:#111;border:1px solid #ddd;border-radius:8px}
.ibx-voice-bar{flex:1;min-width:80px;height:6px;background:#e5e5e5;border-radius:999px;overflow:hidden;cursor:pointer}
.ibx-voice-prog{display:block;height:100%;background:#65a30d;width:0%}
.ibx-voice-time{font-size:12px;font-weight:700;white-space:nowrap}
.ibx-voice-vol{width:70px}
.ibx-voice-drop{position:absolute;right:0;bottom:calc(100% + 8px);background:#0A0A0A;color:#fff;border:1px solid #333;border-radius:12px;padding:10px;z-index:70;min-width:220px}
.ibx-voice-drop button{display:block;width:100%;text-align:left;background:#1f2937;color:#fff;border:1px solid #333;border-radius:8px;padding:8px 10px;margin:4px 0;cursor:pointer}
.ibx-voice-drop select{width:100%;background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:8px;padding:6px;margin-top:4px}
.ibx-voice-drop label{display:block;font-size:12px;color:#9ca3af;margin-top:8px}
.ibx-no-voice button[data-voice-play],.ibx-no-voice button:not(.ibx-voice-menu),.ibx-no-voice select,.ibx-no-voice .ibx-voice-bar,.ibx-no-voice .ibx-voice-time,.ibx-no-voice .ibx-voice-vol{display:none}
.ibx-no-voice::after{content:"Voice file not downloaded yet.";font-size:12px;color:#666}
.ibx-jump{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;z-index:40;background:#0A0A0A;color:#C6F312;border:1px solid #C6F312;border-radius:999px;padding:8px 16px;font-weight:800;cursor:pointer}
/* Composer */
#simpleInbox .composer{background:#0A0A0A;border-top:1px solid #262626;padding:12px;display:flex;flex-wrap:wrap;gap:8px}
.ibx-composer-main{position:relative;display:flex;gap:8px;align-items:center;flex:1 1 100%}
.ibx-paperclip,.ibx-mic{width:44px;height:44px;border-radius:50%;background:#1f2937;color:#fff;border:1px solid #333;font-size:18px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.ibx-paperclip:hover,.ibx-mic:hover{border-color:#C6F312}
#simpleInbox .composer input#msg{background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:999px;padding:12px 16px}
#simpleInbox .composer input#msg.ibx-disabled{opacity:.55}
.ibx-quick-reply{background:rgba(198,243,18,.14);color:#C6F312;border:1px solid #C6F312;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer;white-space:nowrap;flex-shrink:0}
.composer-send.ibx-send{width:48px;height:48px;border-radius:50%;background:#C6F312;color:#111;border:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}
#simpleInbox .org-composer-tools{display:flex;gap:8px;flex-wrap:wrap}
#simpleInbox .composer-tool{background:#1f2937;color:#fff;border:1px solid #333;border-radius:999px;padding:7px 14px;cursor:pointer;font-weight:700}
#simpleInbox .composer-tool:hover{border-color:#C6F312}
#simpleInbox #composerChannel{color:#9ca3af}
/* Dropdowns and popups */
.ibx-drop-wrap{position:relative}
.ibx-drop{position:absolute;z-index:60;background:#111;border:1px solid #333;border-radius:14px;padding:12px;box-shadow:0 12px 32px rgba(0,0,0,.5);animation:ibx-pop .15s backwards;text-align:left}
.ibx-chat-head .ibx-drop{top:calc(100% + 8px);left:0;right:auto;min-width:280px;max-width:min(340px, calc(100vw - 32px))}
.ibx-composer-main .ibx-drop{bottom:calc(100% + 8px);left:0;min-width:300px;max-width:360px}
.ibx-drop-row{display:flex;gap:8px;align-items:center;padding:6px 0}
.ibx-drop-row button{margin-left:auto;background:#1f2937;color:#fff;border:1px solid #333;border-radius:8px;padding:2px 8px;cursor:pointer}
.ibx-drop select,.ibx-drop input{width:100%;background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:10px;padding:8px 10px;margin:6px 0}
.ibx-drop>button{background:#1f2937;color:#fff;border:1px solid #333;border-radius:999px;padding:7px 14px;cursor:pointer;font-weight:700;margin:4px 0}
.ibx-drop>button:hover{border-color:#C6F312}
.ibx-drop-tags{margin-top:10px;font-size:12px;color:#9ca3af}
.ibx-attach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ibx-attach-tile{background:#1a1a1a;border:1px solid #333;border-radius:14px;padding:14px 8px;text-align:center;cursor:pointer;color:#fff}
.ibx-attach-tile:hover{border-color:#C6F312}
.ibx-attach-ic{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:20px;color:#fff}
.ibx-qr-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;letter-spacing:.04em;font-size:13px;margin-bottom:8px}
.ibx-qr-edit{color:#C6F312}
.ibx-qr-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column}
.ibx-qr-item{text-align:left;background:transparent;border:0;border-bottom:1px solid #262626;padding:10px 4px;cursor:pointer;color:#fff}
.ibx-qr-item:hover{background:#1f2937}
.ibx-qr-badge{display:inline-block;background:#2563EB;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;margin-bottom:4px}
.ibx-qr-item b{display:block}
.ibx-qr-item span{color:#9ca3af;font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ibx-mode-dots{display:flex;gap:8px;margin-bottom:8px}
.ibx-mode-dot{width:14px;height:14px;border-radius:50%;background:#333;border:2px solid transparent}
.ibx-mode-dot.on{background:#C6F312;border-color:#C6F312;box-shadow:0 0 0 2px rgba(198,243,18,.3)}
.ibx-handler-pauses{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ibx-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#0A0A0A;color:#fff;border:1px solid #C6F312;border-radius:12px;padding:12px 18px;z-index:200;box-shadow:0 12px 32px rgba(0,0,0,.5);animation:ibx-toast-in .25s backwards}
.ibx-info{position:relative;display:inline-block;cursor:pointer;color:#C6F312;font-weight:800;margin-left:4px}
.ibx-info summary{list-style:none;display:inline}
.ibx-info summary::-webkit-details-marker{display:none}
.ibx-info-pop{position:absolute;left:0;bottom:calc(100% + 6px);width:260px;background:#111;color:#fff;border:1px solid #C6F312;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:400;z-index:70;box-shadow:0 12px 32px rgba(0,0,0,.5)}
/* Right tool rail + slide-in panel */
.ibx-toolcol{display:flex;flex-shrink:0;min-height:0}
.ibx-rail{width:54px;flex:0 0 54px;background:#0A0A0A;border-left:1px solid #262626;display:flex;flex-direction:column;gap:4px;padding:12px 5px;overflow-y:auto}
.ibx-rail-btn{width:44px;height:44px;border-radius:12px;background:transparent;border:1px solid transparent;color:#9ca3af;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ibx-rail-btn:hover{background:#1f2937;color:#fff}
.ibx-rail-btn.on{background:rgba(198,243,18,.14);color:#C6F312;border-color:#C6F312}
#sidePanel{width:360px;flex:0 0 360px;background:#0A0A0A;border:0;border-left:1px solid #262626;border-radius:0;overflow-y:auto;min-height:0;padding:16px;animation:ibx-slide .22s backwards}
.ibx-panel-head{display:flex;gap:10px;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #262626}
.ibx-panel-ic{width:40px;height:40px;border-radius:12px;background:rgba(198,243,18,.14);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.ibx-panel-titles{flex:1;min-width:0}
#ibxPanelTitle{display:block;color:#fff;font-size:16px}
#ibxPanelSub{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ibx-panel-x{background:#1f2937;color:#fff;border:1px solid #333;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:14px;flex-shrink:0}
#sidePanel .toolsec{background:#111;border:1px solid #262626;color:#fff}
#sidePanel .toolsec-head b{color:#fff}
#sidePanel input,#sidePanel select,#sidePanel textarea{background:#1a1a1a;color:#fff;border:1px solid #333;border-radius:10px;padding:9px 11px}
#sidePanel button{background:#1f2937;color:#fff;border:1px solid #333;border-radius:999px;padding:8px 16px;cursor:pointer;font-weight:700}
#sidePanel button:hover{border-color:#C6F312}
#sidePanel a{color:#C6F312}
#sidePanel .muted{color:#9ca3af}
#sidePanel .ibx-block-btn{border-color:#dc2626;color:#fca5a5}
.ibx-amber-banner{background:rgba(217,119,6,.15);border:1px solid rgba(217,119,6,.4);color:#fbbf24;border-radius:10px;padding:10px 12px;font-size:13px}
.ibx-check{display:flex;gap:8px;padding:5px 0;font-size:13px}
.ibx-check.ok{color:#bbf7d0}
.ibx-check.missing{color:#fca5a5}
.ibx-check span{font-weight:800}
.ibx-oms-row{padding:7px 0;border-bottom:1px solid #262626}
.ibx-oms-row:last-child{border-bottom:0}
.ibx-dup{background:rgba(220,38,38,.12);border:1px solid rgba(220,38,38,.4);color:#fca5a5;border-radius:10px;padding:10px;margin-bottom:10px}
.ibx-band{display:inline-block;font-weight:800;padding:3px 12px;border-radius:999px;margin-bottom:10px}
.ibx-band.green{background:#22C55E;color:#06220f}
.ibx-band.yellow{background:#eab308;color:#111}
.ibx-band.red{background:#dc2626;color:#fff}
.ibx-bar-row{display:flex;gap:8px;align-items:center;font-size:13px;margin:6px 0}
.ibx-bar{flex:1;height:8px;background:#262626;border-radius:999px;overflow:hidden}
.ibx-bar span{display:block;height:100%;background:#C6F312}
.ibx-primary-mate{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:10px 12px;margin-bottom:10px}
.ibx-primary-badge{background:#f97316;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;margin-left:8px}
.ibx-stepper{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}
.ibx-step{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:#1f2937;color:#9ca3af;border:1px solid #333}
.ibx-step.done{background:#1a2e12;color:#bbf7d0;border-color:#365314}
.ibx-step.cur{background:#C6F312;color:#111;border-color:#C6F312}
/* Motion */
@keyframes ibx-fadeup{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@keyframes ibx-msg-in{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@keyframes ibx-slide{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
@keyframes ibx-pop{from{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes ibx-toast-in{from{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
@keyframes ibx-pulse{0%{box-shadow:0 0 0 0 rgba(198,243,18,.5)}70%{box-shadow:0 0 0 6px rgba(198,243,18,0)}100%{box-shadow:0 0 0 0 rgba(198,243,18,0)}}
@media(prefers-reduced-motion:reduce){#simpleInbox .chat,#simpleInbox .bubble,#sidePanel,.ibx-drop,.ibx-toast,.ibx-unread-dot{animation:none}}
/* Responsive: tablet narrows, panel overlays */
@media(max-width:1100px){#simpleInbox .chatlist{width:292px;flex-basis:292px}#sidePanel{width:360px;flex-basis:360px}}
@media(max-width:1000px){#simpleInbox{flex-wrap:nowrap}#simpleInbox .ibx-toolcol{position:fixed;right:0;top:0;bottom:0;z-index:80;box-shadow:-12px 0 32px rgba(0,0,0,.5)}#simpleInbox #sidePanel{height:100%}}
/* Responsive: mobile one screen at a time */
@media(max-width:700px){body:has(#simpleInbox) .shell{flex-direction:row}body:has(#simpleInbox) .sidebar{width:58px;flex:0 0 58px;height:100vh;position:sticky}body:has(#simpleInbox) .sidebar .sidenav{display:flex;flex-direction:column;flex-wrap:nowrap}body:has(#simpleInbox) .footer{display:none}#simpleInbox{flex-direction:column}#simpleInbox .chatlist{width:auto;flex:1;min-height:0}#simpleInbox:not(.ibx-show-chat) .org-chat-col,#simpleInbox:not(.ibx-show-chat) .ibx-toolcol{display:none}#simpleInbox.ibx-show-chat .chatlist{display:none}#simpleInbox.ibx-show-chat .org-chat-col{flex:1;min-height:0}#simpleInbox.ibx-show-chat .ibx-toolcol{flex-direction:column}#simpleInbox.ibx-show-chat .ibx-toolcol .ibx-rail{width:auto;flex:none;flex-direction:row;overflow-x:auto;border-left:0;border-top:1px solid #262626;padding:8px}#simpleInbox.ibx-show-chat .ibx-toolcol #sidePanel{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:75vh;z-index:80}#simpleInbox .ibx-back{display:inline-flex}.ibx-head-actions{flex-wrap:wrap}.ibx-composer-main{flex-wrap:wrap}.ibx-quick-reply{order:3}}

/* Font + sizing refinement — 27 Oct 2026 (inbox only): Inter-first stack, one step smaller text, compact rows. No IDs, JS-used classes, APIs, or logic touched. */
#simpleInbox{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Nastaliq Urdu",sans-serif;line-height:1.45}
#simpleInbox .chat{padding:8px 11px}
#simpleInbox .chat b{font-size:13px}
#ibxBizName{font-size:17px}
.ibx-biz-sub{font-size:11px}
.ibx-logged-in{font-size:10px}
.ibx-plan-pill{font-size:10px}
.ibx-label-chip{font-size:11px}
.ibx-preview{font-size:12px}
.ibx-row-time{font-size:10px}
.ibx-read-pill{font-size:10px}
.ibx-tag-pill{font-size:10px}
.ibx-star{font-size:13px}
.ibx-head-id h2{font-size:16px}
.ibx-head-phone{font-size:12px}
.ibx-chan-chip{font-size:10px}
.ibx-head-actions button{font-size:12px}
.ibx-window-pill{font-size:11px}
.ibx-banner{font-size:12px}
#simpleInbox .bubble{font-size:13px;line-height:1.35}
.ibx-sender{font-size:10px}
.ibx-meta{font-size:10px}
#simpleInbox .date-divider span{font-size:11px}
#simpleInbox .composer input#msg{font-size:13px}
.ibx-voice-time{font-size:11px}
.ibx-voice-drop label{font-size:11px}
.ibx-drop-tags{font-size:11px}
.ibx-qr-head{font-size:12px}
.ibx-qr-item span{font-size:11px}
.ibx-info-pop{font-size:12px}
#ibxPanelTitle{font-size:14px}
#ibxPanelSub{font-size:11px}
#sidePanel{font-size:13px}
.ibx-amber-banner{font-size:12px}
.ibx-check{font-size:12px}
.ibx-bar-row{font-size:12px}
.ibx-step{font-size:11px}

/* Dashboard + inbox artifact alignment — 27 Oct 2026 (presentation only):
   58px shell rail (artifact dashboard), 322px inbox list / 292px tablet,
   54px tool rail, 360px slide-in panel, 980px conversation cap, hero
   greeting eyebrow. No IDs, JS classes, APIs, or logic touched. */
.dx-hero-greet{color:#c8ff2e;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}
#simpleInbox #chatTabReplyPane,#simpleInbox #chatTabNotePane{max-width:980px;margin-left:auto;margin-right:auto}

/* ============ R3 FINAL RULINGS — panel redesign (28 Oct 2026) ============
   Authority: backend facts + access rules > R3 > earlier contracts >
   diagrams. Append-only: no earlier rule is edited, so every old
   grep-based test token stays in this file; R3 wins visually because
   this block is LAST and uses equal-or-higher specificity.
   Shell: 64px white header; sidebar 216 expanded / 72 collapsed
   (3000ms idle-collapse, hover/focus expands, pin prevents collapse);
   canvas #F5F7FA; content padding 24px; white cards; border #E2E8F0;
   radius 12px; card padding 20px. Type: DejaVu Sans (title 28/700,
   section 18/700, body 14/400, field label 14/600, helper 12/400,
   key metric 28/700). Primary #007F76 / hover #00665E.
   Focus #60A5FA 3px + 2px offset. Selection #EAF7F5.
   PRESERVED by design (R3 does not rule on them): dashboard
   hero/operational/realtime black cards (owner-approved batch-4
   dashboard content) and the inbox dark zone's own colours; R3
   geometry still applies to the inbox. Marketing homepage is a
   separate file and does not link this stylesheet. */
/* R3 tokens + typography */
body{font-family:"DejaVu Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#F5F7FA;color:#0F172A;font-size:14px}
h1{font-size:28px;font-weight:700}
h2{font-size:18px;font-weight:700}
h3{font-size:18px;font-weight:700}
label{font-size:14px;font-weight:600}
.muted{color:#64748B}
.num{font-size:28px;font-weight:700}
.dashx .num{font-size:28px;font-weight:700}
.dashx h1#greeting{font-size:28px;font-weight:700}
.dashx .kicker{font-size:18px;font-weight:700;letter-spacing:0;text-transform:none}
.dashx .dx-hero h2{font-size:28px;font-weight:700}
.dashx .dx-rt .dx-num{font-weight:700}
.dashx .dx-num-sm{font-weight:700}
#operGreet{font-size:28px;font-weight:700}
table th{color:#64748B}
::selection{background:#EAF7F5}
/* R3 buttons: 14/700, centred, min-height 44px, padding 10px 16px, radius 8px, gap 8px, sentence case */
button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:700;background:#007F76;color:#fff;text-align:center}
button:hover{background:#00665E}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#007F76;color:#fff;min-height:44px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:700;text-align:center}
.btn-primary:hover{background:#00665E;color:#fff}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#0F172A;border:1px solid #E2E8F0;min-height:44px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:700;text-align:center}
.btn-secondary:hover{border-color:#007F76;color:#007F76}
.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#B42318;color:#fff;min-height:44px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:700;text-align:center}
.btn-danger:hover{background:#b91c1c;color:#fff}
button:disabled{background:#E2E8F0;color:#94A3B8;cursor:not-allowed}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #60A5FA;outline-offset:2px}
/* R3 fields: 44px height, 1px #E2E8F0, radius 8px, 12px inner padding, 14px text */
input,select{height:44px;padding:12px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px}
textarea{min-height:44px;padding:12px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px}
/* R3 status pills: success/warning/error/neutral */
.pill.green{background:#DCFAE6;color:#067647}
.pill.yellow{background:#FEF0C7;color:#B54708}
.pill.red{background:#FEE4E2;color:#B42318}
.pill.neutral{background:#EEF2F6;color:#475467}
/* R3 cards + content */
.maincol{background:#F5F7FA}
.card{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;padding:20px}
@media(min-width:801px){.wrap{padding:24px}}
.guide-bar{background:#fff;border-bottom:1px solid #E2E8F0}
/* R3 teal accents on shared controls (old indigo/green accents superseded) */
.stepnav button.on{background:#007F76;border-color:#007F76}
.flowstep>span[aria-hidden="true"]{color:#007F76}
.short:hover{border-color:#007F76}
.avatar-row:hover{border-color:#007F76}
.bar i{background:#007F76}
/* R3 header: 64px white bar, logo in 32px slot, brand name 22px/700 */
.top{height:64px;min-height:64px;background:#FFFFFF;color:#0F172A;border-bottom:1px solid #E2E8F0;box-shadow:none;padding:0 20px}
.top.top-panel{background:#FFFFFF;color:#0F172A;border-bottom:1px solid #E2E8F0;box-shadow:none;height:64px;min-height:64px}
.toprow{height:100%}
.top .brand-text{font-size:22px;font-weight:700;color:#0F172A}
.top-panel .topsearch{background:#F5F7FA;border-color:#E2E8F0;color:#0F172A}
.top-panel .topsearch::placeholder{color:#94A3B8}
.top-panel .profile b{color:#0F172A}
.top-panel .profile .avatar{background:#007F76;color:#FFFFFF}
.top-panel .brand-text{color:#0F172A;font-size:22px;font-weight:700}
.top-panel #topLogoutBtn{color:#007F76}
.top-panel #topLogoutBtn:hover{color:#00665E}
@media(max-width:800px){.top,.top-panel{height:auto;min-height:64px}}
/* R3 Connect WhatsApp header shortcut: right side, before member menu */
.r3-connect-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:206px;min-height:44px;padding:10px 16px;border-radius:8px;background:#007F76;color:#FFFFFF;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none;flex-shrink:0}
.r3-connect-wa:hover{background:#00665E;color:#FFFFFF}
.r3-connect-wa:focus-visible{outline:3px solid #60A5FA;outline-offset:2px}
.r3-connect-wa svg{width:20px;height:20px;flex-shrink:0}
.r3-connect-wa[aria-disabled="true"]{background:#E2E8F0;color:#94A3B8;pointer-events:none}
.wa-live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.25);flex-shrink:0}
.r3-connect-err{font-size:12px;color:#B42318;font-weight:700}
/* R3 sidebar, desktop: 216 expanded / 72 collapsed, rail #0B1220, active #123E3A, text #CBD5E1 / selected #FFFFFF */
@media(min-width:801px){
.shell .sidebar{width:216px;flex:0 0 216px;background:#0B1220;color:#CBD5E1;border-right:1px solid #0B1220;padding:20px 12px 12px}
.shell .maincol{width:calc(100% - 216px)}
.shell .sidebar .navgroup-title{display:block;color:#94A3B8}
.shell .sidebar .sidenav a{display:flex;align-items:center;gap:11px;color:#CBD5E1;padding:9px 12px;justify-content:flex-start}
.shell .sidebar .sidenav a span{display:inline}
.shell .sidebar .sidenav a:hover{background:#1E293B;color:#FFFFFF}
.shell .sidebar .sidenav a.active{background:#123E3A;color:#FFFFFF}
.shell .sidebar .sidenav a.active::before{display:block;background:#007F76}
.shell .sidebar .sidenav a.active svg{color:#FFFFFF;box-shadow:0 0 0 1.5px #FFFFFF}
.shell .sidebar .sidenav a svg{width:20px;height:20px}
.shell .sidebar .side-guide{display:block}
.shell .sidebar .side-guide b{color:#FFFFFF}
.shell .sidebar .side-guide a{color:#FFFFFF;font-weight:700}
.shell .sidebar .side-guide .muted{color:#94A3B8}
.shell .sidebar .sidefoot{display:block;color:#94A3B8;border-top:1px solid #1E293B}
.shell .sidebar .side-collapse-label{display:inline;color:#CBD5E1}
.shell .sidebar .side-collapse-row{justify-content:flex-start}
.shell .sidebar #sideCollapseBtn{background:#123E3A;color:#FFFFFF;border-color:#1E293B}
.shell .sidebar .muted{color:#94A3B8}
.shell.sidebar-collapsed .sidebar{width:72px;flex:0 0 72px;display:block;padding:20px 8px 12px}
.shell.sidebar-collapsed .maincol{width:calc(100% - 72px)}
.shell.sidebar-collapsed .sidebar .navgroup-title,.shell.sidebar-collapsed .sidebar .sidenav a span,.shell.sidebar-collapsed .sidebar .side-guide,.shell.sidebar-collapsed .sidebar .sidefoot,.shell.sidebar-collapsed .sidebar .side-collapse-label{display:none}
.shell.sidebar-collapsed .sidebar .sidenav a{justify-content:center;padding:9px 0}
.shell.sidebar-collapsed .sidebar .side-collapse-row{justify-content:center}
.shell.sidebar-collapsed #sideExpandBtn{display:none}
}
.shell{min-height:calc(100vh - 64px)}

/* R3 inbox: the 64px header stays above the inbox (the old no-top-bar
   rule is superseded); inbox height is calc(100dvh - 64px). */
body:has(#simpleInbox) .top.top-panel{display:block}
body:has(#simpleInbox) .shell{height:calc(100dvh - 64px);min-height:0}
body:has(#simpleInbox) .maincol{display:flex;flex-direction:column;height:calc(100dvh - 64px);overflow:hidden}
/* R3 inbox grid, desktop: closed 244px minmax(0,1fr) 48px, open 216px
   minmax(0,1fr) 340px 48px; DOM order chat list, conversation,
   inspector, tools rail (rail last via explicit grid columns). */
@media(min-width:1201px){
#simpleInbox{display:grid;grid-template-columns:244px minmax(0,1fr) 48px;height:calc(100dvh - 64px)}
#simpleInbox.ibx-panel-open{grid-template-columns:216px minmax(0,1fr) 340px 48px}
#simpleInbox .org-toolcol{display:contents}
#simpleInbox .chatlist{grid-column:1;width:auto;min-height:0}
#simpleInbox .org-chat-col{grid-column:2;min-height:0}
#simpleInbox #sidePanel{grid-column:3;width:auto;min-height:0}
#simpleInbox .ibx-rail{grid-column:4;width:48px;flex:0 0 48px;min-height:0}
}
/* R3 inbox drawer below 1200px: 340px overlay beside the 48px rail,
   close restores the conversation. Below 1000px the fixed toolcol
   strip also starts below the 64px header (no header overlap). */
@media(min-width:701px) and (max-width:1200px){
#simpleInbox .chatlist{width:244px;flex:0 0 244px}
#simpleInbox .ibx-rail{width:48px;flex:0 0 48px}
#simpleInbox #sidePanel{position:fixed;right:48px;top:64px;bottom:0;width:340px;flex:0 0 340px;z-index:80;box-shadow:-12px 0 32px #0B12201F}
}
@media(max-width:1000px){
#simpleInbox .ibx-toolcol{top:64px}
}
/* R3 inbox: chat header row 80px; composer min 88px, grows to 160px
   then internal scroll; inspector padding 24px; rail 48px. */
#simpleInbox .ibx-head-main{min-height:80px}
#simpleInbox .composer{min-height:88px;max-height:160px;overflow-y:auto}
#simpleInbox #sidePanel{padding:24px}
#simpleInbox .ibx-rail{width:48px;flex:0 0 48px}
/* R3 rating tiles: 2x2, values 28px/700, labels 12px, tiles 140x80,
   gap 12px, inside the 340px inspector; risk pill below. */
.ibx-rating-tiles{display:grid;grid-template-columns:140px 140px;gap:12px;margin:12px 0}
.ibx-rating-tile{width:140px;height:80px;background:#1a1a1a;border:1px solid #262626;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.ibx-rating-val{font-size:28px;font-weight:700;color:#fff;line-height:1.1}
.ibx-rating-lab{font-size:12px;color:#9ca3af}
.ibx-risk-pill{display:inline-block;font-weight:700;padding:6px 14px;border-radius:999px;margin-top:4px}
.ibx-risk-pill.green{background:#DCFAE6;color:#067647}
.ibx-risk-pill.yellow{background:#FEF0C7;color:#B54708}
.ibx-risk-pill.red{background:#FEE4E2;color:#B42318}
/* R3 voice preview: record, preview, explicit send or cancel. */
#voicePreview{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:1 1 100%}
#voicePreview audio{flex:1;min-width:200px}
/* R3 shadow token on inbox dropdowns. */
.ibx-drop{box-shadow:0 12px 32px #0B12201F}

/* R3 flow connect-nodes: port hover/focus (append-only, Phase 5) */
.fb-port-in:hover{border-color:#007F76!important}
.fb-port-out:hover{background:#007F76!important}
.fb-port-in:focus,.fb-port-out:focus{outline:3px solid #60A5FA;outline-offset:2px}

/* WhatsApp-style single-line composer (owner order, 29 Oct 2026): bar order paperclip, text, Quick Reply, mic, circular blue send; Quick Reply popup above the bar with quick replies on top (Edit) and approved templates below; all surfaces follow R3 tokens, never the reference app's dark theme. */
#simpleInbox .ibx-composer-main{flex-wrap:nowrap}
#simpleInbox .ibx-composer-main input{height:44px;border:1px solid #E2E8F0;border-radius:8px;padding:12px;font-size:14px;min-width:0}
#simpleInbox .ibx-composer-main input:focus{outline:3px solid #60A5FA;outline-offset:2px}
#simpleInbox .ibx-composer-main .ibx-paperclip,#simpleInbox .ibx-composer-main .ibx-mic{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox .ibx-composer-main .ibx-paperclip:hover,#simpleInbox .ibx-composer-main .ibx-mic:hover{border-color:#007F76}
#simpleInbox .ibx-mic.ibx-recording{background:#FEE4E2;color:#B42318;border-color:#FECACA}
#simpleInbox .ibx-quick-reply{background:#FFFFFF;color:#2563EB;border:1px solid #2563EB;border-radius:8px;min-height:44px;padding:10px 16px;order:0}
#simpleInbox .ibx-quick-reply:hover{border-color:#1D4ED8}
#simpleInbox .composer-send.ibx-send{background:#2563EB;color:#FFFFFF}
#simpleInbox .composer-send.ibx-send:hover{background:#1D4ED8}
#simpleInbox .ibx-composer-main .ibx-drop{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0;box-shadow:0 12px 32px #0B12201F}
#simpleInbox .ibx-attach-tile{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox .ibx-attach-tile:hover{border-color:#007F76}
#simpleInbox .ibx-qr-item{color:#0F172A;border-bottom:1px solid #E2E8F0}
#simpleInbox .ibx-qr-item:hover{background:#EAF7F5}
#simpleInbox .ibx-qr-item span:not(.ibx-qr-badge){color:#64748B}
#simpleInbox .ibx-qr-edit{color:#007F76;font-weight:700}
#simpleInbox .ibx-qr-list{max-height:none;overflow:visible}
#simpleInbox .ibx-picker-scroll{max-height:360px;overflow-y:auto;display:flex;flex-direction:column}
#simpleInbox .ibx-tpl-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;letter-spacing:.04em;font-size:13px;margin:12px 0 8px}
#simpleInbox .ibx-tpl-form{display:flex;flex-direction:column;gap:8px;border-top:1px solid #E2E8F0;margin-top:8px;padding-top:8px}
#simpleInbox .ibx-tpl-var-row{display:flex;flex-direction:column;gap:4px;font-size:13px}
#simpleInbox .ibx-tpl-var-row input{height:44px;border:1px solid #E2E8F0;border-radius:8px;padding:12px;font-size:14px}
#simpleInbox .ibx-tpl-send{background:#007F76;color:#FFFFFF;border:1px solid #007F76;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700}
#simpleInbox .ibx-tpl-send:hover{background:#00665E}
#simpleInbox .ibx-tpl-cancel{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700}
#simpleInbox .ibx-tpl-cancel:hover{border-color:#007F76}
#simpleInbox .ibx-composer-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1 1 100%}
#simpleInbox .ibx-mini-btn{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700}
#simpleInbox .ibx-mini-btn:hover{border-color:#007F76}
#simpleInbox #voicePreview .composer-tool{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0;border-radius:8px;min-height:44px;padding:10px 16px}
#simpleInbox #voicePreview .ibx-voice-send{background:#007F76;color:#FFFFFF;border-color:#007F76}
@media(max-width:700px){#simpleInbox .ibx-quick-reply{padding:10px 10px}}

/* ============ I4 EXACT INBOX REPLACEMENT (29 Oct 2026) ============
   Authority: UPVORT_INBOX_I4_REPLACEMENT_DESIGN.pdf + owner order
   29 Oct 2026 08:47 (option A, I4-exact). This layer is LAST and uses
   equal-or-higher specificity, so it wins visually; every earlier rule
   stays in the file (append-only), so old grep-based tokens survive.
   Scope: #simpleInbox.upvort-inbox-i4 ONLY (plus the inbox-only global
   nav overlay, min-width 801px). Palette: R3 teal primary #007F76 /
   hover #00665E; icon accents blue #2563EB / orange #F97316 /
   violet #7C3AED / pink #DB2777 stay accents only. DejaVu Sans.
   SUPERSEDES: the locked blue #2563EB composer buttons (Quick Reply
   + circular send are teal here), the old dark inbox zone, the old
   244/216px list, 340px inspector, 48px rail, 88px composer. */
/* I4 base: canvas, type, list column */
#simpleInbox.upvort-inbox-i4{font-family:"DejaVu Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#F5F7FA;color:#0F172A;height:calc(100dvh - 64px)}
#simpleInbox.upvort-inbox-i4 .chatlist{background:#FFFFFF;border-right:1px solid #E2E8F0;padding:16px}
#simpleInbox.upvort-inbox-i4 .org-chatlist-head{margin-bottom:12px}
#simpleInbox.upvort-inbox-i4 #ibxBizName{font-size:18px;font-weight:700;color:#0F172A}
#simpleInbox.upvort-inbox-i4 .ibx-biz-sub{font-size:12px;color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-search-wrap input{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0;border-radius:999px;padding:11px 40px 11px 16px}
#simpleInbox.upvort-inbox-i4 .filters span{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}
#simpleInbox.upvort-inbox-i4 .filters span.on{background:#007F76;color:#FFFFFF;border-color:#007F76}
#simpleInbox.upvort-inbox-i4 #channelTabs>span{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}
#simpleInbox.upvort-inbox-i4 #channelTabs>span.on{background:#007F76;color:#FFFFFF;border-color:#007F76}
#simpleInbox.upvort-inbox-i4 #labelChips{display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
#simpleInbox.upvort-inbox-i4 .ibx-label-chip{background:#FFFFFF;border:1px solid #E2E8F0;color:#0F172A;border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap;font-size:12px}
#simpleInbox.upvort-inbox-i4 .ibx-label-chip.on{background:#007F76;color:#FFFFFF;border-color:#007F76}
/* I4 rows: 46px avatar, name 14/700, timestamp 10, preview 12, teal unread, Read + double-tick */
#simpleInbox.upvort-inbox-i4 .chat{background:#FFFFFF;border-bottom:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .chat:hover{background:#F5F7FA}
#simpleInbox.upvort-inbox-i4 .chat.selected{background:#EAF7F5;box-shadow:inset 3px 0 0 #007F76}
#simpleInbox.upvort-inbox-i4 .chat b{font-size:14px;font-weight:700;color:#0F172A}
#simpleInbox.upvort-inbox-i4 .ibx-preview{font-size:12px;color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-row-time{font-size:10px;color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-avatar{width:46px;height:46px}
#simpleInbox.upvort-inbox-i4 .ibx-avatar svg{width:46px;height:46px;display:block}
#simpleInbox.upvort-inbox-i4 .ibx-avatar img{width:46px;height:46px;border-radius:12px;object-fit:cover;display:block}
#simpleInbox.upvort-inbox-i4 .ibx-unread-dot{background:#007F76;border-color:#FFFFFF}
#simpleInbox.upvort-inbox-i4 .pill.lime{background:#007F76;color:#FFFFFF}
#simpleInbox.upvort-inbox-i4 .ibx-read-pill{background:#EAF7F5;color:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-star{color:#F97316}
#simpleInbox.upvort-inbox-i4 .ibx-tag-pill{border-color:#007F76;color:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-assignee{background:#EAF7F5;color:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-empty b{color:#0F172A}
#simpleInbox.upvort-inbox-i4 .ibx-empty-filter{color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-list-error{background:#FEF0C7;border:1px solid #FEDF89;color:#B54708;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:12px}
#simpleInbox.upvort-inbox-i4 .ibx-list-error button{background:#FFFFFF;color:#007F76;border:1px solid #007F76;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700;cursor:pointer}
#simpleInbox.upvort-inbox-i4 #ibxLoadMore{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 #ibxLoadMore:hover{border-color:#007F76;color:#007F76}
/* I4 header: white, 80px at >=1680, two-row 112px at 1440-1679 */
#simpleInbox.upvort-inbox-i4 .ibx-chat-head{background:#FFFFFF;border-bottom:1px solid #E2E8F0;padding:12px 16px;min-height:80px}
#simpleInbox.upvort-inbox-i4 .ibx-head-main{min-height:48px}
#simpleInbox.upvort-inbox-i4 .ibx-head-avatar{width:46px;height:46px}
#simpleInbox.upvort-inbox-i4 .ibx-head-avatar svg{width:46px;height:46px;display:block}
#simpleInbox.upvort-inbox-i4 .ibx-head-avatar img{width:46px;height:46px;border-radius:12px;object-fit:cover;display:block}
#simpleInbox.upvort-inbox-i4 .ibx-head-id h2{color:#0F172A;font-size:17px}
#simpleInbox.upvort-inbox-i4 .ibx-head-phone{color:#64748B;font-size:12px}
#simpleInbox.upvort-inbox-i4 .ibx-chan-chip{background:#EAF7F5;color:#007F76;border-color:#E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions button{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0;border-radius:8px;padding:10px 16px;min-height:44px;font-size:13px}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions button:hover{border-color:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions .ibx-block-btn{border-color:#FECACA;color:#B42318}
#simpleInbox.upvort-inbox-i4 .ibx-head-flag.on{color:#007F76;border-color:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-window-pill{background:#EEF2F6;color:#475467}
#simpleInbox.upvort-inbox-i4 .ibx-window-pill.open{background:#DCFAE6;color:#067647}
#simpleInbox.upvort-inbox-i4 .ibx-rating-pill{background:#EAF7F5;color:#007F76;border:1px solid #E2E8F0;border-radius:999px;padding:8px 14px;font-weight:800;font-size:13px;cursor:pointer;min-height:44px}
#simpleInbox.upvort-inbox-i4 .ibx-rating-pill.green{background:#DCFAE6;color:#067647}
#simpleInbox.upvort-inbox-i4 .ibx-rating-pill.yellow{background:#FEF0C7;color:#B54708}
#simpleInbox.upvort-inbox-i4 .ibx-rating-pill.red{background:#FEE4E2;color:#B42318}
#simpleInbox.upvort-inbox-i4 .ibx-head-row1,#simpleInbox.upvort-inbox-i4 .ibx-head-row2{display:flex;gap:8px;align-items:center}
#simpleInbox.upvort-inbox-i4 .ibx-banner{background:#FEF0C7;border-color:#FEDF89;color:#B54708}
#simpleInbox.upvort-inbox-i4 .ibx-banner button{background:#FFFFFF;color:#007F76;border:1px solid #007F76;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700;cursor:pointer}
#simpleInbox.upvort-inbox-i4 .org-chat-tabs button{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .org-chat-tabs button.on{background:#007F76;color:#FFFFFF;border-color:#007F76}
/* I4 pane + bubbles: chat bg #F0F6F4 flat, incoming white, outgoing #DDF4EC, body 15px/23 */
#simpleInbox.upvort-inbox-i4 #pane{background-color:#F0F6F4;background-image:none}
#simpleInbox.upvort-inbox-i4 .bubble{font-size:15px;line-height:23px}
#simpleInbox.upvort-inbox-i4 .bubble.customer{background:#FFFFFF;color:#0F172A;border-color:#E2E8F0}
#simpleInbox.upvort-inbox-i4 .bubble.agent{background:#DDF4EC;color:#0F172A;border-color:#DDF4EC}
#simpleInbox.upvort-inbox-i4 .ibx-sender{color:#64748B}
#simpleInbox.upvort-inbox-i4 .bubble.agent .ibx-sender{color:#64748B}
#simpleInbox.upvort-inbox-i4 .bubble.customer .ibx-sender{color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-meta{color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-ticks{color:#2563EB}
#simpleInbox.upvort-inbox-i4 .ibx-media-card{background:rgba(0,0,0,.05)}
#simpleInbox.upvort-inbox-i4 .date-divider span{background:#FFFFFF;color:#64748B;border-color:#E2E8F0}
#simpleInbox.upvort-inbox-i4 .voice-player{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .voice-player button{background:#007F76;color:#FFFFFF}
#simpleInbox.upvort-inbox-i4 .voice-player select{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-voice-prog{background:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-voice-bar{background:#E2E8F0}
#simpleInbox.upvort-inbox-i4 #customerInfo{background:#FFFFFF;color:#0F172A;border-color:#E2E8F0}
#simpleInbox.upvort-inbox-i4 #customerInfo h3{color:#0F172A}
#simpleInbox.upvort-inbox-i4 #chatTabReplyPane,#simpleInbox.upvort-inbox-i4 #chatTabNotePane{max-width:none;margin:0}
/* I4 composer: 72px min, white bar, input 48 rounded 24, one row, teal send, popup 446x510 with 12px gap */
#simpleInbox.upvort-inbox-i4 .composer{background:#FFFFFF;border-top:1px solid #E2E8F0;padding:12px;min-height:72px;overflow:visible}
#simpleInbox.upvort-inbox-i4 .ibx-composer-main{flex-wrap:nowrap;gap:8px}
#simpleInbox.upvort-inbox-i4 .composer textarea#msg{flex:1;min-width:0;height:48px;min-height:48px;max-height:108px;overflow-y:auto;resize:none;background:#F5F7FA;color:#0F172A;border:1px solid #E2E8F0;border-radius:24px;padding:12px 16px;font-size:15px;line-height:23px}
#simpleInbox.upvort-inbox-i4 .composer textarea#msg.ibx-disabled{opacity:.55}
#simpleInbox.upvort-inbox-i4 .ibx-paperclip,#simpleInbox.upvort-inbox-i4 .ibx-mic{width:44px;height:44px;background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-paperclip:hover,#simpleInbox.upvort-inbox-i4 .ibx-mic:hover{border-color:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-quick-reply{background:#FFFFFF;color:#007F76;border:1px solid #007F76;border-radius:8px;min-width:146px;min-height:44px;padding:10px 16px}
#simpleInbox.upvort-inbox-i4 .ibx-quick-reply:hover{border-color:#00665E;color:#00665E}
#simpleInbox.upvort-inbox-i4 .composer-send.ibx-send{background:#007F76;color:#FFFFFF}
#simpleInbox.upvort-inbox-i4 .composer-send.ibx-send:hover{background:#00665E}
#simpleInbox.upvort-inbox-i4 .composer-send.ibx-send:disabled{background:#E2E8F0;color:#94A3B8}
#simpleInbox.upvort-inbox-i4 .ibx-drop{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-composer-main .ibx-drop{bottom:calc(100% + 12px)}
#simpleInbox.upvort-inbox-i4 .ibx-qr-drop{width:446px;max-width:100%;max-height:510px}
#simpleInbox.upvort-inbox-i4 .ibx-picker-scroll{max-height:400px}
#simpleInbox.upvort-inbox-i4 .ibx-qr-item{color:#0F172A;border-bottom:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-qr-item:hover{background:#EAF7F5}
#simpleInbox.upvort-inbox-i4 .ibx-qr-item span:not(.ibx-qr-badge){color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-qr-badge{background:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-qr-selected{background:#EAF7F5;outline:2px solid #007F76}
#simpleInbox.upvort-inbox-i4 .ibx-qr-search input{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0;border-radius:8px}
#simpleInbox.upvort-inbox-i4 .ibx-attach-tile{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-attach-tile:hover{border-color:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-attach-template{background:#FFFFFF;color:#007F76;border:1px solid #007F76;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700;width:100%;margin-top:10px;cursor:pointer}
#simpleInbox.upvort-inbox-i4 .ibx-tpl-send{background:#007F76;color:#FFFFFF;border:1px solid #007F76;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700}
#simpleInbox.upvort-inbox-i4 .ibx-tpl-send:hover{background:#00665E}
#simpleInbox.upvort-inbox-i4 .ibx-tpl-cancel{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700}
#simpleInbox.upvort-inbox-i4 .ibx-tpl-cancel:hover{border-color:#007F76}
#simpleInbox.upvort-inbox-i4 .org-composer-status{display:flex;gap:12px;flex-wrap:wrap;flex:1 1 100%;font-size:12px}
#simpleInbox.upvort-inbox-i4 #sendStatus,#simpleInbox.upvort-inbox-i4 #ibxChannelNote,#simpleInbox.upvort-inbox-i4 #voiceStatus{color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-voice-retry button{background:#FFFFFF;color:#007F76;border:1px solid #007F76;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700;cursor:pointer}
#simpleInbox.upvort-inbox-i4 .ibx-media-preview{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:1 1 100%;background:#EAF7F5;border:1px solid #007F76;border-radius:8px;padding:10px 12px;font-size:13px}
#simpleInbox.upvort-inbox-i4 .ibx-media-preview button{background:#FFFFFF;color:#007F76;border:1px solid #007F76;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700;cursor:pointer}
#simpleInbox.upvort-inbox-i4 .ibx-media-preview button:first-of-type{background:#007F76;color:#FFFFFF}
#simpleInbox.upvort-inbox-i4 .ibx-voice-inline{display:flex;gap:8px;align-items:center;flex:1;min-width:0;background:#F5F7FA;border:1px solid #E2E8F0;border-radius:24px;padding:6px 12px;min-height:48px}
#simpleInbox.upvort-inbox-i4 .ibx-voice-trash,#simpleInbox.upvort-inbox-i4 .ibx-voice-pause{width:44px;height:44px;min-width:44px;border-radius:50%;background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#simpleInbox.upvort-inbox-i4 .ibx-voice-time{font-size:14px;font-weight:700;color:#0F172A;white-space:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-voice-wave{display:flex;gap:3px;align-items:center;flex:1;min-width:60px;height:32px}
#simpleInbox.upvort-inbox-i4 .ibx-voice-wave i{display:block;width:3px;height:40%;background:#007F76;border-radius:999px}
#simpleInbox.upvort-inbox-i4 .ibx-voice-wave.ibx-wave-anim i{animation:ibx-wave .9s ease-in-out infinite}
#simpleInbox.upvort-inbox-i4 .ibx-voice-wave.ibx-wave-anim i:nth-child(2n){animation-delay:.15s}
#simpleInbox.upvort-inbox-i4 .ibx-voice-wave.ibx-wave-anim i:nth-child(3n){animation-delay:.3s}
@keyframes ibx-wave{0%,100%{height:30%}50%{height:90%}}
/* I4 rail 56px + inspector 360px padding 24, white; rail tooltips open left */
#simpleInbox.upvort-inbox-i4 .ibx-rail{width:56px;flex:0 0 56px;background:#FFFFFF;border-left:1px solid #E2E8F0;padding:12px 6px}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn{width:44px;height:44px;font-size:22px;color:#64748B;position:relative}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn:hover{background:#F5F7FA;color:#0F172A}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn.on{background:#EAF7F5;color:#007F76;border-color:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn::after{content:attr(data-tip);position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#0F172A;color:#FFFFFF;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;display:none;z-index:100}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn:hover::after{display:block}
#simpleInbox.upvort-inbox-i4 #sidePanel{width:360px;flex:0 0 360px;background:#FFFFFF;color:#0F172A;border-left:1px solid #E2E8F0;padding:24px}
#simpleInbox.upvort-inbox-i4 #sidePanel .toolsec{background:#FFFFFF;border:1px solid #E2E8F0;color:#0F172A}
#simpleInbox.upvort-inbox-i4 #sidePanel .toolsec-head b{color:#0F172A}
#simpleInbox.upvort-inbox-i4 #sidePanel input,#simpleInbox.upvort-inbox-i4 #sidePanel select,#simpleInbox.upvort-inbox-i4 #sidePanel textarea{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 #sidePanel button{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 #sidePanel button:hover{border-color:#007F76}
#simpleInbox.upvort-inbox-i4 #sidePanel a{color:#007F76}
#simpleInbox.upvort-inbox-i4 #sidePanel .muted{color:#64748B}
#simpleInbox.upvort-inbox-i4 #sidePanel .ibx-block-btn{border-color:#FECACA;color:#B42318}
#simpleInbox.upvort-inbox-i4 .ibx-panel-ic{background:#EAF7F5}
#simpleInbox.upvort-inbox-i4 #ibxPanelTitle{color:#0F172A}
#simpleInbox.upvort-inbox-i4 .ibx-panel-x{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-panel-head{border-bottom:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-rating-tile{background:#FFFFFF;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-rating-val{color:#0F172A}
#simpleInbox.upvort-inbox-i4 .ibx-rating-lab{color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-bar{background:#E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-bar span{background:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-step{background:#FFFFFF;color:#64748B;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-step.done{background:#DCFAE6;color:#067647;border-color:#DCFAE6}
#simpleInbox.upvort-inbox-i4 .ibx-step.cur{background:#007F76;color:#FFFFFF;border-color:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-primary-mate{background:#FFFFFF;border:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-oms-row{border-bottom:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-dup{background:#FEE4E2;border:1px solid #FECACA;color:#B42318}
#simpleInbox.upvort-inbox-i4 .ibx-amber-banner{background:#FEF0C7;border:1px solid #FEDF89;color:#B54708}
#simpleInbox.upvort-inbox-i4 .ibx-check.ok{color:#067647}
#simpleInbox.upvort-inbox-i4 .ibx-check.missing{color:#B42318}
#simpleInbox.upvort-inbox-i4 .ibx-toast{background:#FFFFFF;color:#0F172A;border:1px solid #007F76}
#simpleInbox.upvort-inbox-i4 button:focus-visible,#simpleInbox.upvort-inbox-i4 input:focus-visible,#simpleInbox.upvort-inbox-i4 select:focus-visible,#simpleInbox.upvort-inbox-i4 textarea:focus-visible,#simpleInbox.upvort-inbox-i4 a:focus-visible{outline:3px solid #60A5FA;outline-offset:2px}
/* I4 geometry: list 360/320/304, inspector 360, rail 56, header 80/112 */
@media(min-width:1680px){
#simpleInbox.upvort-inbox-i4{display:grid;grid-template-columns:360px minmax(0,1fr) 360px 56px}
#simpleInbox.upvort-inbox-i4.ibx-panel-open{grid-template-columns:360px minmax(0,1fr) 360px 56px}
#simpleInbox.upvort-inbox-i4:not(.ibx-panel-open){grid-template-columns:360px minmax(0,1fr) 56px}
#simpleInbox.upvort-inbox-i4 .org-toolcol{display:contents}
#simpleInbox.upvort-inbox-i4 .chatlist{grid-column:1;width:auto}
#simpleInbox.upvort-inbox-i4 .org-chat-col{grid-column:2}
#simpleInbox.upvort-inbox-i4 #sidePanel{grid-column:3;width:auto}
#simpleInbox.upvort-inbox-i4 .ibx-rail{grid-column:4}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions{flex-wrap:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-chat-head{min-height:80px}
}
@media(min-width:1440px) and (max-width:1679px){
#simpleInbox.upvort-inbox-i4{display:grid;grid-template-columns:320px minmax(0,1fr) 360px 56px}
#simpleInbox.upvort-inbox-i4.ibx-panel-open{grid-template-columns:320px minmax(0,1fr) 360px 56px}
#simpleInbox.upvort-inbox-i4:not(.ibx-panel-open){grid-template-columns:320px minmax(0,1fr) 56px}
#simpleInbox.upvort-inbox-i4 .org-toolcol{display:contents}
#simpleInbox.upvort-inbox-i4 .chatlist{grid-column:1;width:auto}
#simpleInbox.upvort-inbox-i4 .org-chat-col{grid-column:2}
#simpleInbox.upvort-inbox-i4 #sidePanel{grid-column:3;width:auto}
#simpleInbox.upvort-inbox-i4 .ibx-rail{grid-column:4}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions{display:contents}
#simpleInbox.upvort-inbox-i4 .ibx-head-row2{flex:1 1 100%;flex-wrap:wrap}
#simpleInbox.upvort-inbox-i4 .ibx-chat-head{min-height:112px}
}
@media(min-width:1280px) and (max-width:1439px){
#simpleInbox.upvort-inbox-i4{display:grid;grid-template-columns:304px minmax(0,1fr) 56px}
#simpleInbox.upvort-inbox-i4.ibx-panel-open{grid-template-columns:304px minmax(0,1fr) 56px}
#simpleInbox.upvort-inbox-i4:not(.ibx-panel-open){grid-template-columns:304px minmax(0,1fr) 56px}
#simpleInbox.upvort-inbox-i4 .org-toolcol{display:flex}
#simpleInbox.upvort-inbox-i4 #sidePanel{position:fixed;right:56px;top:64px;bottom:0;width:360px;z-index:80;box-shadow:-12px 0 32px #0B12201F}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions{display:contents}
#simpleInbox.upvort-inbox-i4 .ibx-head-row2{flex:1 1 100%;flex-wrap:wrap}
}
@media(min-width:701px) and (max-width:1279px){
#simpleInbox.upvort-inbox-i4 .chatlist{width:304px;flex:0 0 304px}
#simpleInbox.upvort-inbox-i4 .ibx-toolcol{position:static}
#simpleInbox.upvort-inbox-i4 #sidePanel{position:fixed;right:56px;top:64px;bottom:0;width:360px;z-index:80;box-shadow:-12px 0 32px #0B12201F}
#simpleInbox.upvort-inbox-i4 .ibx-back{display:inline-flex}
#simpleInbox.upvort-inbox-i4.ibx-list-hidden .chatlist{display:none}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions{display:contents}
#simpleInbox.upvort-inbox-i4 .ibx-head-row2{flex:1 1 100%;flex-wrap:wrap}
}
/* I4 global nav overlay (inbox pages only, desktop): collapsed 72px,
   hover/focus expands to 216px OVERLAY (no conversation reflow);
   pinned nav keeps its 216px margin via .sidebar-pinned. */
@media(min-width:801px){
body:has(#simpleInbox.upvort-inbox-i4) .shell .sidebar{position:fixed;left:0;top:64px;bottom:0;z-index:90}
body:has(#simpleInbox.upvort-inbox-i4) .shell .maincol{margin-left:72px;width:calc(100% - 72px)}
body:has(#simpleInbox.upvort-inbox-i4) .shell.sidebar-pinned .maincol{margin-left:216px;width:calc(100% - 216px)}
}

/* Inbox repair: explicit rows prevent rail-before-inspector DOM order
   from auto-placing the inspector in a second grid row. */
@media(min-width:801px){
body:has(#simpleInbox.upvort-inbox-i4){overflow:hidden}
body:has(#simpleInbox.upvort-inbox-i4) .top.top-panel{display:flex;align-items:center;height:64px;min-height:64px}
body:has(#simpleInbox.upvort-inbox-i4) .top .brand{display:flex;align-items:center;white-space:nowrap;flex-shrink:0}
body:has(#simpleInbox.upvort-inbox-i4) .shell,
body:has(#simpleInbox.upvort-inbox-i4) .shell .maincol{height:calc(100dvh - 64px);min-height:0}
body:has(#simpleInbox.upvort-inbox-i4) .guide-bar{position:fixed;bottom:12px;left:12px;z-index:115;padding:0;background:transparent;border:0}
body:has(#simpleInbox.upvort-inbox-i4) .guide-bar>span{display:none}
body:has(#simpleInbox.upvort-inbox-i4) #guideBtn{padding:6px;font-size:11px;min-height:32px}
body:has(#simpleInbox.upvort-inbox-i4) #guidePanel{position:fixed;top:76px;right:16px;width:420px;max-height:calc(100dvh - 96px);overflow:auto;z-index:120}
body:has(#simpleInbox.upvort-inbox-i4) .footer{display:none}
#simpleInbox.upvort-inbox-i4{grid-template-rows:minmax(0,1fr);height:100%;width:100%;min-width:0;overflow:hidden}
#simpleInbox.upvort-inbox-i4 .chatlist,
#simpleInbox.upvort-inbox-i4 .org-chat-col,
#simpleInbox.upvort-inbox-i4 #sidePanel,
#simpleInbox.upvort-inbox-i4 .ibx-rail{grid-row:1;min-height:0;min-width:0}
#simpleInbox.upvort-inbox-i4 .org-chat-col{display:flex;flex-direction:column;overflow:hidden}
#simpleInbox.upvort-inbox-i4 #pane{flex:1;min-height:0;overflow:hidden}
#simpleInbox.upvort-inbox-i4 .composer{flex:0 0 auto;margin-top:auto}
#simpleInbox.upvort-inbox-i4:not(.ibx-show-chat) .composer{display:none}
#simpleInbox.upvort-inbox-i4 .pane-empty h2{color:#0F172A}
#simpleInbox.upvort-inbox-i4 .pane-empty{background:#F5F7FA;color:#64748B}
#simpleInbox.upvort-inbox-i4 .filters{display:flex;flex-wrap:wrap;overflow:visible;gap:6px}
#simpleInbox.upvort-inbox-i4 .filters span{font-size:12px;padding:7px 9px}
}
@media(min-width:1440px){
#simpleInbox.upvort-inbox-i4:not(.ibx-panel-open) .ibx-rail{grid-column:3}
#simpleInbox.upvort-inbox-i4.ibx-panel-open .ibx-rail{grid-column:4}
#simpleInbox.upvort-inbox-i4 #sidePanel{grid-column:3;height:100%;overflow-y:auto}
}

@media(min-width:801px){
body:has(#simpleInbox.upvort-inbox-i4) main.wrap.org-main{width:100%;margin:0;max-width:none;align-self:stretch}
body:has(#simpleInbox.upvort-inbox-i4) .top .toprow{display:flex;width:100%;align-items:center;gap:16px}
}

#simpleInbox.upvort-inbox-i4 .composer textarea#msg{overflow-y:hidden}
#simpleInbox.upvort-inbox-i4 #channelTabs,#simpleInbox.upvort-inbox-i4 #labelChips{scrollbar-width:none}
#simpleInbox.upvort-inbox-i4 #channelTabs::-webkit-scrollbar,#simpleInbox.upvort-inbox-i4 #labelChips::-webkit-scrollbar{display:none}

@font-face{font-family:"Upvort I4";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/css/9ecb08e95e82.woff) format("woff")}
@font-face{font-family:"Upvort I4";font-weight:700;font-style:normal;font-display:swap;src:url(/assets/css/680140ae15be.woff) format("woff")}
/* I4 PDF typography/density lock, inbox only. */
#simpleInbox.upvort-inbox-i4,#simpleInbox.upvort-inbox-i4 button,#simpleInbox.upvort-inbox-i4 input,#simpleInbox.upvort-inbox-i4 select,#simpleInbox.upvort-inbox-i4 textarea{font-family:"Upvort I4","DejaVu Sans",sans-serif;letter-spacing:0}
#simpleInbox.upvort-inbox-i4 .ibx-list-head{flex:none;height:65px;min-height:65px;margin:0;padding:0}
#simpleInbox.upvort-inbox-i4 #ibxBizName{font-size:18px;line-height:26px;margin:0 0 5px}
#simpleInbox.upvort-inbox-i4 .ibx-biz-sub{font-size:12px;line-height:18px;margin:0}
#simpleInbox.upvort-inbox-i4 .filters{display:flex;flex-wrap:nowrap;gap:4px;margin:0 0 12px;padding:0;flex:none;overflow-x:auto;scrollbar-width:none}
#simpleInbox.upvort-inbox-i4 .filters span{display:flex;align-items:center;justify-content:center;font-size:11px;line-height:16px;height:34px;min-height:34px;padding:0 8px;border-radius:10px;flex:0 0 auto}
#simpleInbox.upvort-inbox-i4 #channelTabs{margin:0 0 14px!important;min-height:26px;gap:6px!important;flex:none}
#simpleInbox.upvort-inbox-i4 #channelTabs>span{font-size:11px;line-height:16px;padding:4px 8px;height:26px;border-radius:13px}
#simpleInbox.upvort-inbox-i4 .ibx-search-wrap{position:relative;flex:none;height:44px;margin:0 0 16px}
#simpleInbox.upvort-inbox-i4 .ibx-search-wrap input{box-sizing:border-box;height:44px;min-height:44px;margin:0;font-size:13px;line-height:20px;padding:11px 38px 11px 14px;border-radius:22px;background:#F5F7FA}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row{display:flex;align-items:center;gap:12px;min-height:112px;height:112px;box-sizing:border-box;flex:none;margin:0;padding:16px 0;border:0;border-bottom:1px solid #E2E8F0;border-radius:0;box-shadow:none;transform:none;animation:none;cursor:pointer}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row:hover{transform:none;background:#F5F7FA}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row.selected{background:#EAF7F5;box-shadow:inset 3px 0 #007F76}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row>div[style]{overflow:hidden}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:20px;margin:0 0 4px}
#simpleInbox.upvort-inbox-i4 .ibx-preview{font-size:12px;line-height:18px;min-width:0;gap:4px}
#simpleInbox.upvort-inbox-i4 .ibx-row-right{gap:6px;max-width:64px}
#simpleInbox.upvort-inbox-i4 .ibx-row-time{font-size:10px;line-height:14px;white-space:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-read-pill,#simpleInbox.upvort-inbox-i4 .pill.lime{font-size:10px;line-height:14px;padding:2px 6px;margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-list-foot{padding:8px 0 0;font-size:11px;flex:none}
#simpleInbox.upvort-inbox-i4 .ibx-list-foot p{margin:0;font-size:11px;line-height:16px}
#simpleInbox.upvort-inbox-i4 .ibx-chat-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 16px;box-sizing:border-box;flex:none}
#simpleInbox.upvort-inbox-i4 .ibx-head-main{flex:1;min-width:140px;min-height:48px;gap:12px}
#simpleInbox.upvort-inbox-i4 .ibx-head-id h2{font-size:17px;line-height:22px;margin:0 0 2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#simpleInbox.upvort-inbox-i4 .ibx-head-phone{font-size:12px;line-height:16px}
#simpleInbox.upvort-inbox-i4 .ibx-chan-chip{font-size:9px;line-height:12px;padding:1px 6px}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-head-row1,#simpleInbox.upvort-inbox-i4 .ibx-head-row2{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions button{height:36px;min-height:36px;padding:6px 12px;font-size:13px;line-height:20px;border-radius:10px;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 .ibx-window-pill{font-size:11px;line-height:16px;padding:5px 8px;min-height:26px}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions .ibx-rating-pill{font-size:12px;line-height:18px;min-height:32px;height:32px;padding:6px 10px}
#simpleInbox.upvort-inbox-i4 .ibx-banner{flex:1 1 100%;font-size:12px;line-height:18px;margin:0;padding:6px 10px}
#simpleInbox.upvort-inbox-i4 #ibxMoreDrop .org-chat-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 0;padding-top:8px;border-top:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 #ibxMoreDrop #chatRiskTag{font-size:12px;line-height:18px;margin:8px 0 0}
#simpleInbox.upvort-inbox-i4 .bubble{max-width:min(560px,72%);padding:18px;font-size:15px;line-height:23px;border-radius:16px;align-self:flex-start;margin:0}
#simpleInbox.upvort-inbox-i4 .bubble.agent{align-self:flex-end}
#simpleInbox.upvort-inbox-i4 #chatTabReplyPane>div{align-items:stretch}
#simpleInbox.upvort-inbox-i4 .ibx-sender{font-size:11px;line-height:16px;margin-bottom:6px}
#simpleInbox.upvort-inbox-i4 .composer{padding:12px;min-height:72px}
#simpleInbox.upvort-inbox-i4 .org-composer-status{min-height:0;line-height:16px;font-size:11px;margin:0}
#simpleInbox.upvort-inbox-i4 .org-composer-status:not(:has(:not(:empty))){display:none}
#simpleInbox.upvort-inbox-i4 .composer button{margin:0;flex-shrink:0;font-size:13px;line-height:20px}
#simpleInbox.upvort-inbox-i4 .ibx-quick-reply{width:146px;min-width:146px;height:44px;padding:8px 12px}
#simpleInbox.upvort-inbox-i4 .ibx-rail{overflow-x:hidden;scrollbar-width:thin}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn{width:44px;height:44px;min-height:44px;font-size:22px;line-height:22px;padding:0;flex:none;margin:0}
#simpleInbox.upvort-inbox-i4 .pane-empty-icon{width:56px;height:56px;background:#EAF7F5;box-shadow:none}
#simpleInbox.upvort-inbox-i4 .pane-empty-icon svg path:first-child{fill:#007F76}
#simpleInbox.upvort-inbox-i4 .pane-empty-icon svg path:last-child{stroke:#FFFFFF}
#simpleInbox.upvort-inbox-i4 .pane-empty h2{font-size:20px;line-height:28px;margin:12px 0 4px}
#simpleInbox.upvort-inbox-i4 .pane-empty p{font-size:13px;line-height:20px;margin:0}
@media(min-width:1680px){#simpleInbox.upvort-inbox-i4 .ibx-chat-head{min-height:80px}#simpleInbox.upvort-inbox-i4 .ibx-head-actions{display:flex}}
@media(min-width:801px) and (max-width:1679px){#simpleInbox.upvort-inbox-i4 .ibx-chat-head{min-height:112px}#simpleInbox.upvort-inbox-i4 .ibx-head-actions{display:contents}#simpleInbox.upvort-inbox-i4 .ibx-head-row1{margin-left:auto}#simpleInbox.upvort-inbox-i4 .ibx-head-row2{flex:1 1 100%}}
#simpleInbox.upvort-inbox-i4 .ibx-emoji-btn{width:36px;height:44px;min-width:36px;padding:0;background:white;color:#64748B;border:0;font-size:23px;line-height:28px}
#simpleInbox.upvort-inbox-i4 .ibx-emoji-drop{width:280px;padding:14px;left:0;right:auto}
#simpleInbox.upvort-inbox-i4 .ibx-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:8px}
#simpleInbox.upvort-inbox-i4 .ibx-emoji-grid button{width:40px;height:40px;padding:4px;font-size:22px;border:0;background:white;cursor:pointer}
#simpleInbox.upvort-inbox-i4 .ibx-emoji-grid button:hover{background:#EAF7F5}
#simpleInbox.upvort-inbox-i4 .ibx-filter-wrap{margin-left:auto;position:relative}
#simpleInbox.upvort-inbox-i4 .ibx-filter-btn{font-size:11px;line-height:16px;padding:4px 6px;height:28px;min-height:28px;border:1px solid #E2E8F0;border-radius:8px;background:white;color:#475467}
#simpleInbox.upvort-inbox-i4 #ibxFilterDrop{left:auto;right:0;top:32px;bottom:auto;width:268px;padding:14px;z-index:100}
#simpleInbox.upvort-inbox-i4 #ibxFilterDrop label{display:block;font-size:12px;margin:10px 0}
#simpleInbox.upvort-inbox-i4 #ibxFilterDrop select{display:block;width:100%;height:38px;margin:4px 0;font-size:13px}
#simpleInbox.upvort-inbox-i4 #pane{align-items:stretch}
#simpleInbox.upvort-inbox-i4 #chatTabReplyPane,#simpleInbox.upvort-inbox-i4 #chatTabNotePane{width:100%;box-sizing:border-box;align-self:stretch}
#simpleInbox.upvort-inbox-i4 .filters span{padding:0 5px}
@media(min-width:1680px){
#simpleInbox.upvort-inbox-i4 .filters span{font-size:13px;padding:0}
#simpleInbox.upvort-inbox-i4 #filterAll{width:82px}#simpleInbox.upvort-inbox-i4 #filterUnread{width:72px}#simpleInbox.upvort-inbox-i4 #filterRead{width:54px}#simpleInbox.upvort-inbox-i4 #filterNew{width:48px}#simpleInbox.upvort-inbox-i4 #filterOpen{width:56px}
}
@media(min-width:801px) and (max-width:1679px){#simpleInbox.upvort-inbox-i4 .ibx-chat-head{padding:8px 16px}}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions button{margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-head-id{display:flex;flex-direction:column;align-items:flex-start;line-height:14px;gap:0}
#simpleInbox.upvort-inbox-i4 .ibx-head-id h2{line-height:20px}
#simpleInbox.upvort-inbox-i4 .ibx-head-phone{line-height:14px}
#simpleInbox.upvort-inbox-i4 .ibx-chan-chip{display:inline-flex;line-height:12px;height:14px;box-sizing:border-box}

#simpleInbox.upvort-inbox-i4{--i4-wallpaper:url("/assets/css/e8d406d10715.svg")}
/* IB01 reference authority: exact original font, icons, portraits and geometry.
   Runtime labels and numbers remain source-owned; sample content is not injected. */
body:has(#simpleInbox.upvort-inbox-i4){font-family:"Upvort I4","DejaVu Sans",sans-serif}
body:has(#simpleInbox.upvort-inbox-i4) .top.top-panel{height:64px;min-height:64px;padding:0 24px;border-bottom:1px solid #E2E8F0}
body:has(#simpleInbox.upvort-inbox-i4) .top .toprow{height:64px;gap:0}
body:has(#simpleInbox.upvort-inbox-i4) .top .brand{gap:0}
body:has(#simpleInbox.upvort-inbox-i4) .top .brand-text{font-family:"Upvort I4",sans-serif;font-size:23px;line-height:30px;font-weight:700}
body:has(#simpleInbox.upvort-inbox-i4) .top .brand img{width:32px;height:32px;margin-right:10px!important}
.i4-workspace-menu{margin-left:62px;position:relative;margin-right:auto}
.i4-workspace-name{font:12px/20px "Upvort I4",sans-serif;color:#64748B;border:0;background:none;margin:0;padding:0;cursor:pointer}
.i4-workspace-search{position:absolute;top:30px;left:0;width:320px;padding:12px;background:white;border:1px solid #E2E8F0;border-radius:12px;z-index:150;box-shadow:0 8px 24px #0F172A15}
.i4-workspace-search[hidden]{display:none}
.i4-workspace-search p{font-size:11px;color:#64748B;margin:8px 0 0}
body:has(#simpleInbox.upvort-inbox-i4) #connectWaBtn{margin:0 32px 0 auto;width:212px;height:40px;min-height:40px;padding:0 12px;border-radius:10px;font:700 13px/20px "Upvort I4",sans-serif;display:flex;align-items:center;justify-content:center;gap:12px}
body:has(#simpleInbox.upvort-inbox-i4) .profile{gap:10px;margin:0 16px 0 0}
body:has(#simpleInbox.upvort-inbox-i4) .profile .avatar{width:40px;height:40px;min-width:40px;border-radius:12px;font-size:14px}
body:has(#simpleInbox.upvort-inbox-i4) .profile b{font-size:12px;line-height:18px}
body:has(#simpleInbox.upvort-inbox-i4) #topProfileRole{font-size:10px!important}
body:has(#simpleInbox.upvort-inbox-i4) #topLoginLink,body:has(#simpleInbox.upvort-inbox-i4) #topLogoutBtn{font:700 11px/18px "Upvort I4",sans-serif}
body:has(#simpleInbox.upvort-inbox-i4) .side-collapse-row,body:has(#simpleInbox.upvort-inbox-i4) #sideExpandBtn,body:has(#simpleInbox.upvort-inbox-i4) .side-guide,body:has(#simpleInbox.upvort-inbox-i4) .sidefoot{display:none}
body:has(#simpleInbox.upvort-inbox-i4) .sidebar{background:#0B1220;box-sizing:border-box;border:0;padding:24px 0 56px;scrollbar-width:none;overflow-y:auto}
body:has(#simpleInbox.upvort-inbox-i4) .sidebar::-webkit-scrollbar{display:none}
body:has(#simpleInbox.upvort-inbox-i4) .sidenav{padding:0 12px;gap:0}
.i4-primary-nav{display:flex;flex-direction:column;gap:16px}
body:has(#simpleInbox.upvort-inbox-i4) .i4-primary-nav>a{height:44px;min-height:44px;width:100%;box-sizing:border-box;margin:0;padding:0 13px;display:flex;align-items:center;gap:12px;border:0;border-radius:12px;background:transparent;box-shadow:none;transform:none;text-decoration:none;flex-shrink:0;color:#CBD5E1;font:700 13px/20px "Upvort I4",sans-serif}
body:has(#simpleInbox.upvort-inbox-i4) .i4-primary-nav>a svg{height:22px;width:22px;min-width:22px;padding:0;margin:0;border-radius:0;background:none!important;color:var(--nav-icon);box-shadow:none}
body:has(#simpleInbox.upvort-inbox-i4) .i4-primary-nav>a.active{background:#123E3A;border:0;box-shadow:none}
.i4-all-pages{margin-top:16px;color:#CBD5E1}
.i4-all-pages summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 13px;cursor:pointer;list-style:none;font-size:13px}
body:has(#simpleInbox.upvort-inbox-i4) .sidebar-collapsed .i4-all-pages summary span{display:none}
body:has(#simpleInbox.upvort-inbox-i4) .sidebar-collapsed .i4-all-pages[open] .navgroup{display:none}
body:has(#simpleInbox.upvort-inbox-i4) .guide-bar{left:56px;bottom:10px}
body:has(#simpleInbox.upvort-inbox-i4) #guideBtn{background:#fff;color:#0F172A;border:1px solid #e7eaf3;border-radius:999px;box-shadow:0 8px 24px rgba(15,23,42,.18);font-size:13px;padding:8px 12px;min-height:36px}
#simpleInbox.upvort-inbox-i4 .chatlist{padding:16px;display:flex;flex-direction:column;overflow:hidden}
#simpleInbox.upvort-inbox-i4 .ibx-list-head{height:65px;min-height:65px;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 .ibx-biz-row{height:26px;align-items:center}
#simpleInbox.upvort-inbox-i4 #ibxBizName{font:700 18px/26px "Upvort I4",sans-serif;margin:0;letter-spacing:0;white-space:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-biz-sub{font:12px/18px "Upvort I4",sans-serif;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#simpleInbox.upvort-inbox-i4 .filters{height:34px;min-height:34px;margin:0 0 15px;gap:4px;flex-wrap:nowrap;overflow:hidden}
#simpleInbox.upvort-inbox-i4 #channelTabs{display:none!important}
#simpleInbox.upvort-inbox-i4 .ibx-label-filter-row{display:flex;align-items:center;gap:8px;height:26px;min-height:26px;margin:0 0 19px;padding:0}
#simpleInbox.upvort-inbox-i4 #labelChips{display:flex;align-items:center;gap:8px;overflow:auto;min-width:0;flex:1;padding:0;border:0;border-radius:0;height:26px}
#simpleInbox.upvort-inbox-i4 .ibx-label-chip{display:inline-flex;align-items:center;justify-content:center;font:700 11px/16px "Upvort I4",sans-serif;padding:5px 12px;margin:0;border:0;border-radius:13px;background:#EEF2F6;color:#64748B;height:26px;min-height:26px;box-shadow:none;white-space:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-label-chip.on{background:#EAF7F5;color:#007F76;box-shadow:none}
#simpleInbox.upvort-inbox-i4 .ibx-label-chip:nth-child(3n+2){background:#EFF6FF;color:#2563EB}
#simpleInbox.upvort-inbox-i4 .ibx-label-chip:nth-child(3n+3){background:#FEF0C7;color:#B54708}
#simpleInbox.upvort-inbox-i4 .ibx-add-label{border:0;background:none;color:#007F76;padding:0;width:20px;min-width:20px;height:26px;min-height:26px;margin:0;font-size:21px;cursor:pointer}
#simpleInbox.upvort-inbox-i4 .ibx-search-wrap{height:44px;min-height:44px;margin:0 0 10px}
#simpleInbox.upvort-inbox-i4 .ibx-search-wrap input{height:44px;min-height:44px;border:0;padding:12px 14px 12px 45px;border-radius:22px;background:#F5F7FA;font:13px/20px "Upvort I4",sans-serif;box-shadow:none}
#simpleInbox.upvort-inbox-i4 .ibx-search-ic{left:15px;right:auto;color:#64748B;font-size:20px}
#simpleInbox.upvort-inbox-i4 .ibx-recents{height:27px;min-height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 4px;margin:0;font:700 10px/14px "Upvort I4",sans-serif;color:#64748B;position:relative}
#simpleInbox.upvort-inbox-i4 .ibx-filter-btn{padding:0;width:24px;height:24px;min-height:24px;border:0;background:none;color:#64748B;display:flex;align-items:center;justify-content:center}
#simpleInbox.upvort-inbox-i4 #chatlist{margin:0 -16px;width:calc(100% + 32px);overflow-y:auto;scrollbar-width:thin;flex:1;min-height:0;padding:0}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row{display:grid;grid-template-columns:46px minmax(0,1fr) 70px;gap:14px;align-items:start;box-sizing:border-box;height:113px;min-height:113px;padding:20px 18px;margin:0;border:0;border-bottom:1px solid #E2E8F0;border-radius:0;box-shadow:none;transform:none;animation:none;background:white}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row.selected{background:#EAF7F5;box-shadow:inset 3px 0 #007F76}
#simpleInbox.upvort-inbox-i4 .ibx-avatar{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:0;background:none!important;overflow:visible;align-self:start}
#simpleInbox.upvort-inbox-i4 .ibx-avatar svg{width:46px;height:46px;border-radius:0}
#simpleInbox.upvort-inbox-i4 .ibx-reference-rowbody{display:flex;flex-direction:column;gap:5px;min-width:0}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row b{display:block;font:700 14px/20px "Upvort I4",sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-preview{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;font:12px/18px "Upvort I4",sans-serif;min-height:18px;color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-preview svg{width:14px;min-width:14px;height:14px}
#simpleInbox.upvort-inbox-i4 .ibx-row-labels{display:flex;gap:4px;overflow:hidden;margin-top:3px;height:22px;min-height:22px}
#simpleInbox.upvort-inbox-i4 .ibx-reference-label{display:inline-flex;justify-content:center;align-items:center;height:22px;padding:4px 12px;border:0;border-radius:11px;font:700 10px/14px "Upvort I4",sans-serif;color:#007F76;background:#EAF7F5;white-space:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px;max-width:none;min-width:0;overflow:hidden}
#simpleInbox.upvort-inbox-i4 .ibx-row-time{font:10px/14px "Upvort I4",sans-serif;color:#64748B;white-space:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-reference-unread{background:#007F76;color:white;font:700 10px/14px "Upvort I4",sans-serif;border-radius:11px;padding:4px 12px;height:22px;white-space:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-reference-read{display:flex;align-items:center;gap:14px;color:#64748B;font:10px/14px "Upvort I4",sans-serif;height:22px;white-space:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-reference-read svg{color:#2563EB;flex-shrink:0}
#simpleInbox.upvort-inbox-i4 .ibx-channel-mark{display:flex;width:16px;height:16px;color:#067647;align-items:center;justify-content:center}
#simpleInbox.upvort-inbox-i4 .ibx-list-foot{min-height:66px;height:66px;padding:18px 4px 0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font:11px/16px "Upvort I4",sans-serif}
#simpleInbox.upvort-inbox-i4 .ibx-list-foot p{align-self:flex-start;font-size:11px}
#simpleInbox.upvort-inbox-i4 #ibxLoadMore{padding:0;border:0;background:none;color:#007F76;font-size:12px;height:20px;min-height:20px;margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-chat-head{padding:16px 20px;gap:12px;background:white;min-height:80px;position:relative}
#simpleInbox.upvort-inbox-i4 .ibx-head-avatar{width:48px;height:48px;min-width:48px;border-radius:0;background:none!important}
#simpleInbox.upvort-inbox-i4 .ibx-head-avatar svg{width:48px;height:48px}
#simpleInbox.upvort-inbox-i4 .ibx-head-main{gap:14px;min-height:48px;min-width:180px}
#simpleInbox.upvort-inbox-i4 .ibx-head-id{gap:4px}
#simpleInbox.upvort-inbox-i4 .ibx-head-id h2{font:700 17px/22px "Upvort I4",sans-serif;margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-head-phone{font:12px/16px "Upvort I4",sans-serif;color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-chan-chip{display:none}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions,#simpleInbox.upvort-inbox-i4 .ibx-head-row1,#simpleInbox.upvort-inbox-i4 .ibx-head-row2{gap:12px;align-items:center}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions button,#simpleInbox.upvort-inbox-i4 .ibx-window-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:0 12px;min-height:36px;height:36px;border-radius:10px;font:700 13px/20px "Upvort I4",sans-serif;box-shadow:none;white-space:nowrap}
#simpleInbox.upvort-inbox-i4 #ibxRatingPill{width:120px;background:#EAF7F5;color:#007F76;justify-content:space-between;border:0;padding:0 14px}
#simpleInbox.upvort-inbox-i4 #ibxRatingPill.red{background:#FEE4E2;color:#B42318}
#simpleInbox.upvort-inbox-i4 #ibxRatingPill.yellow{background:#FEF0C7;color:#B54708}
#simpleInbox.upvort-inbox-i4 #ibxWindowPill{width:64px;gap:2px;padding:0 5px;background:#EAF7F5;color:#007F76}
#simpleInbox.upvort-inbox-i4 #ibxLabelBtn{width:90px}
#simpleInbox.upvort-inbox-i4 #ibxModeBtn{width:126px;background:#EAF7F5;color:#007F76;border:0;justify-content:space-between}
#simpleInbox.upvort-inbox-i4 #ibxAssignBtn{width:126px;justify-content:space-between}
#simpleInbox.upvort-inbox-i4 #ibxHeaderBlock{width:84px;background:#FEE4E2;color:#B42318;border:0}
#simpleInbox.upvort-inbox-i4 #ibxMoreBtn{width:44px;padding:0;font-size:10px}
#simpleInbox.upvort-inbox-i4 #pane{background-color:#F0F6F4;background-image:var(--i4-wallpaper)!important;background-size:775px 720px;align-items:stretch}
#simpleInbox.upvort-inbox-i4 #chatTabReplyPane{padding:20px 24px;box-sizing:border-box;width:100%;scrollbar-width:thin}
#simpleInbox.upvort-inbox-i4 .date-divider{padding:0;margin:0 0 20px;display:flex;justify-content:center;height:28px;min-height:28px}
#simpleInbox.upvort-inbox-i4 .date-divider span{font:700 10px/14px "Upvort I4",sans-serif;background:white;color:#64748B;border:0;padding:5px 12px;border-radius:12px}
#simpleInbox.upvort-inbox-i4 .bubble{padding:18px;border:1px solid #E2E8F0;border-radius:16px;box-shadow:none;background:white;color:#0F172A;font:15px/23px "Upvort I4",sans-serif;max-width:min(560px,72%);min-width:0;width:fit-content;box-sizing:border-box;align-self:flex-start}
#simpleInbox.upvort-inbox-i4 .bubble.agent{background:#DDF4EC;border-color:#DDF4EC;align-self:flex-end}
#simpleInbox.upvort-inbox-i4 .bubble [dir="auto"]{font-family:"Upvort I4",sans-serif;font-size:15px;line-height:23px}
#simpleInbox.upvort-inbox-i4 .ibx-sender{display:none}
#simpleInbox.upvort-inbox-i4 .ibx-meta{display:block;text-align:right;color:#64748B;font:11px/16px "Upvort I4",sans-serif;margin-top:20px}
#simpleInbox.upvort-inbox-i4 .ibx-meta .ibx-ticks{font-size:11px;color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-rail{width:56px;min-width:56px;padding:100px 6px 12px;gap:13px;background:white;border-left:1px solid #E2E8F0;box-sizing:border-box;overflow-x:hidden;scrollbar-width:none}
#simpleInbox.upvort-inbox-i4 .ibx-rail::-webkit-scrollbar{display:none}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:12px;background:transparent;box-shadow:none;color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn:nth-child(4n+2){color:#F97316}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn:nth-child(4n+3){color:#2563EB}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn:nth-child(4n+4){color:#7C3AED}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn.on,#simpleInbox.upvort-inbox-i4 .ibx-rail-btn:hover{background:#EAF7F5;color:#007F76}
#simpleInbox.upvort-inbox-i4 .composer{height:auto;min-height:72px;padding:11px 16px 12px 20px;background:white;border-top:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-composer-main{gap:12px;align-items:center;min-height:48px;flex-wrap:nowrap;position:relative}
#simpleInbox.upvort-inbox-i4 .ibx-paperclip{border:0;background:none;width:24px;height:44px;min-width:24px;min-height:44px;padding:0;color:#64748B;border-radius:0}
#simpleInbox.upvort-inbox-i4 .ibx-emoji-btn{position:absolute;left:50px;top:2px;width:36px;height:44px;z-index:1;color:#64748B;background:none;border:0}
#simpleInbox.upvort-inbox-i4 .composer textarea#msg{background:#F5F7FA;border:0;box-shadow:none;border-radius:24px;height:48px;min-height:48px;max-height:108px;font:14px/22px "Upvort I4",sans-serif;padding:13px 16px 13px 48px;margin:0;flex:1;min-width:0}
#simpleInbox.upvort-inbox-i4 .ibx-quick-reply{display:flex;align-items:center;justify-content:center;gap:10px;width:146px;min-width:146px;height:40px;min-height:40px;background:#EAF7F5;color:#007F76;border:0;border-radius:10px;font:700 13px/20px "Upvort I4",sans-serif;padding:0 12px;margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-mic{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:44px;min-height:44px;padding:0;background:none;color:#007F76;border:0;box-shadow:none;border-radius:0}
#simpleInbox.upvort-inbox-i4 #ibxSendBtn{display:flex;align-items:center;justify-content:center;border:0;background:#007F76;color:white;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;margin:0}
#simpleInbox.upvort-inbox-i4 #ibxSendBtn:disabled{background:#007F76;color:white;opacity:.55;cursor:not-allowed}
#simpleInbox.upvort-inbox-i4 .voice-player{display:grid;grid-template-columns:30px minmax(100px,1fr) 58px;gap:8px 16px;width:360px;max-width:100%;min-height:64px;padding:0;background:transparent;border:0;border-radius:0;position:relative;align-items:center}
#simpleInbox.upvort-inbox-i4 .voice-player>[data-voice-play]{grid-column:1;grid-row:1;background:none;border:0;color:#007F76;padding:0;min-height:32px;height:32px;width:30px}
#simpleInbox.upvort-inbox-i4 .ibx-voice-bar{grid-column:2;grid-row:1;width:100%;height:32px;background:none;border-radius:0;margin:0;overflow:hidden;cursor:pointer}
#simpleInbox.upvort-inbox-i4 .ibx-wave-bars{display:flex;align-items:center;justify-content:space-between;gap:6px;height:32px;width:100%}
#simpleInbox.upvort-inbox-i4 .ibx-wave-bars i{width:3px;min-width:3px;background:#007F76;border-radius:2px;display:block}
#simpleInbox.upvort-inbox-i4 .ibx-voice-prog{position:absolute;left:0;bottom:0;height:2px;background:#007F76;pointer-events:none}
#simpleInbox.upvort-inbox-i4 .voice-player>label{grid-column:3;grid-row:1;font-size:0;margin:0;padding:0}
#simpleInbox.upvort-inbox-i4 .voice-player select{width:58px;height:26px;min-height:26px;border:0;border-radius:13px;background:white;color:#007F76;font:700 10px/14px "Upvort I4",sans-serif;padding:0 4px}
#simpleInbox.upvort-inbox-i4 .ibx-voice-time{grid-column:2;grid-row:2;font:11px/16px "Upvort I4",sans-serif;color:#64748B}
#simpleInbox.upvort-inbox-i4 .voice-player>button:not([data-voice-play]),#simpleInbox.upvort-inbox-i4 .voice-player>.ibx-voice-vol{position:absolute;bottom:-16px;opacity:0;pointer-events:none;font-size:10px;padding:0;min-height:18px;height:18px}
#simpleInbox.upvort-inbox-i4 .voice-player:hover>button,#simpleInbox.upvort-inbox-i4 .voice-player:focus-within>button,#simpleInbox.upvort-inbox-i4 .voice-player:focus-within>.ibx-voice-vol{opacity:1;pointer-events:auto}
#simpleInbox.upvort-inbox-i4 .voice-player>button:nth-of-type(2){left:0}#simpleInbox.upvort-inbox-i4 .voice-player>button:nth-of-type(3){left:44px}
#simpleInbox.upvort-inbox-i4 .voice-player>.ibx-voice-menu{right:0}
#simpleInbox.upvort-inbox-i4 .voice-player>.ibx-voice-vol{right:24px;width:60px}
#simpleInbox.upvort-inbox-i4 .ibx-no-voice:after{content:"Voice media unavailable";font-size:11px;color:#B42318;grid-column:1/-1}
#simpleInbox.upvort-inbox-i4 .ibx-media-card{display:flex;gap:22px;padding:14px;background:white;border:0;border-radius:12px;align-items:center;min-width:280px;max-width:100%;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 .ibx-media-ic{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#EFF6FF;border-radius:10px;color:#007F76;font-size:26px;flex:none}
@media(min-width:1680px){
#simpleInbox.upvort-inbox-i4 .ibx-chat-head{min-height:80px;padding:16px 20px;flex-wrap:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions{display:flex;flex-wrap:nowrap;flex:none}
#simpleInbox.upvort-inbox-i4 .ibx-head-row2{flex:none}
#simpleInbox.upvort-inbox-i4 .ibx-head-row2>.ibx-drop-wrap:has(#ibxMoreBtn){display:none}
}
@media(min-width:801px) and (max-width:1679px){
#simpleInbox.upvort-inbox-i4 .ibx-chat-head{min-height:112px;padding:8px 20px;gap:8px}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions{display:contents}
#simpleInbox.upvort-inbox-i4 .ibx-head-row2{flex:1 1 100%;gap:8px}
}
#simpleInbox.upvort-inbox-i4 #chatTabReplyPane>div{gap:32px!important}
#simpleInbox.upvort-inbox-i4 .date-divider{height:24px;min-height:24px;margin:0 0 -8px}
#simpleInbox.upvort-inbox-i4 .ibx-product-intro{font:15px/23px "Upvort I4",sans-serif;margin:0 0 28px}
#simpleInbox.upvort-inbox-i4 .bubble:has(.ibx-product-card){width:560px;max-width:72%}
#simpleInbox.upvort-inbox-i4 .ibx-product-card{display:flex;gap:22px;background:white;border-radius:12px;padding:14px;margin:0 0 24px;min-height:158px;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 .ibx-product-image{width:128px;height:128px;min-width:128px;border-radius:10px;background:#EFF6FF;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-product-image img{width:100%;height:100%;object-fit:contain}
#simpleInbox.upvort-inbox-i4 .ibx-product-demo{width:64px;height:88px;border:1px solid #E2E8F0;border-radius:9px;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#007F76;font:700 10px/14px "Upvort I4",sans-serif}
#simpleInbox.upvort-inbox-i4 .ibx-product-demo i{width:44px;height:8px;border-radius:4px;background:#007F76}
#simpleInbox.upvort-inbox-i4 .ibx-product-content{flex:1;min-width:0;padding:12px 0 0}
#simpleInbox.upvort-inbox-i4 .ibx-product-content b{font:700 17px/24px "Upvort I4",sans-serif;display:block;margin:0 0 8px}
#simpleInbox.upvort-inbox-i4 .ibx-product-content>span{font:12px/18px "Upvort I4",sans-serif;color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-product-content p{font:13px/22px "Upvort I4",sans-serif;color:#64748B;margin:10px 0 0}
#simpleInbox.upvort-inbox-i4 .ibx-product-note{font:11px/16px "Upvort I4",sans-serif;color:#64748B;margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-message-image{display:block;max-width:100%;max-height:420px;object-fit:contain;border-radius:12px}
#simpleInbox.upvort-inbox-i4 .ibx-message-video{display:block;max-width:100%;max-height:420px;border-radius:12px}
#simpleInbox.upvort-inbox-i4 .bubble:has(.voice-player){width:400px;min-height:104px;padding:22px 20px;position:relative}
#simpleInbox.upvort-inbox-i4 .bubble:has(.voice-player)>.ibx-meta{position:absolute;bottom:14px;right:20px;margin:0;font-size:10px}
/* Container thresholds give the same wide layout to real wide workspaces
   and a fixed-width QA canvas, without CSS zoom or scaling. */
body:has(#simpleInbox.upvort-inbox-i4) .maincol{container-name:inboxWorkspace;container-type:inline-size}
@container inboxWorkspace (min-width:1608px){
#simpleInbox.upvort-inbox-i4{grid-template-columns:360px minmax(0,1fr) 56px}
#simpleInbox.upvort-inbox-i4.ibx-panel-open{grid-template-columns:360px minmax(0,1fr) 360px 56px}
#simpleInbox.upvort-inbox-i4 .chatlist{width:auto}
#simpleInbox.upvort-inbox-i4 .org-toolcol{display:contents}
#simpleInbox.upvort-inbox-i4 .chatlist{grid-column:1;grid-row:1}
#simpleInbox.upvort-inbox-i4 .org-chat-col{grid-column:2;grid-row:1}
#simpleInbox.upvort-inbox-i4 .ibx-rail{grid-column:3;grid-row:1}
#simpleInbox.upvort-inbox-i4.ibx-panel-open .ibx-rail{grid-column:4;grid-row:1}
#simpleInbox.upvort-inbox-i4 #sidePanel{position:static;grid-column:3;grid-row:1;width:360px;height:100%}
#simpleInbox.upvort-inbox-i4 .ibx-chat-head{min-height:80px;height:auto;padding:16px 20px;flex-wrap:nowrap;gap:12px}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions{display:flex;flex-wrap:nowrap;flex:none}
#simpleInbox.upvort-inbox-i4 .ibx-head-row1{margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-head-row2{flex:none;gap:12px}
#simpleInbox.upvort-inbox-i4 .ibx-head-row2>.ibx-drop-wrap:has(#ibxMoreBtn){display:none}
#simpleInbox.upvort-inbox-i4 .filters span{font-size:13px;padding:0}
#simpleInbox.upvort-inbox-i4 #filterAll{width:82px}#simpleInbox.upvort-inbox-i4 #filterUnread{width:72px}#simpleInbox.upvort-inbox-i4 #filterRead{width:54px}#simpleInbox.upvort-inbox-i4 #filterNew{width:48px}#simpleInbox.upvort-inbox-i4 #filterOpen{width:56px}
}
/* R3 global brand lock: original logo beside name, never stacked. */
.top.top-panel .toprow{display:flex;align-items:center;flex-wrap:nowrap;width:100%;min-height:64px;box-sizing:border-box}
.top.top-panel .brand{display:inline-flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;flex:0 0 auto;gap:10px;white-space:nowrap;min-width:0;line-height:1;margin:0}
.top.top-panel .brand>img{display:block;width:32px;height:32px;min-width:32px;max-width:none;flex:0 0 32px;margin:0!important;object-fit:contain}
.top.top-panel .brand>.brand-text{display:block;flex:0 0 auto;margin:0;padding:0;white-space:nowrap;font-family:"Upvort I4","DejaVu Sans",system-ui,sans-serif;font-size:23px;font-weight:700;line-height:30px;color:#0F172A}
body:has(#simpleInbox.upvort-inbox-i4) .top .brand{gap:10px}
body:has(#simpleInbox.upvort-inbox-i4) .top .brand img{margin:0!important}
body:has(#simpleInbox.upvort-inbox-i4) .i4-workspace-menu{margin-left:64px}
body:has(#simpleInbox.upvort-inbox-i4) #connectWaBtn{margin-left:0;margin-right:44px}
body:has(#simpleInbox.upvort-inbox-i4) .profile{margin-right:22px;position:relative}
body:has(#simpleInbox.upvort-inbox-i4) .profile>span:last-child:not(:first-child){display:none}
body:has(#simpleInbox.upvort-inbox-i4) .profile:hover>span:last-child:not(:first-child),body:has(#simpleInbox.upvort-inbox-i4) .profile:focus-within>span:last-child:not(:first-child){display:block;position:absolute;right:0;top:46px;padding:12px;background:white;border:1px solid #E2E8F0;border-radius:10px;z-index:140;min-width:140px;white-space:nowrap}
body:has(#simpleInbox.upvort-inbox-i4) #topLogoutBtn{position:fixed;left:25px;bottom:22px;width:22px;height:22px;min-height:22px;margin:0;padding:0;border:0;background:none;color:#CBD5E1;z-index:100}
#simpleInbox.upvort-inbox-i4 .ibx-head-avatar img{width:48px;height:48px}
#simpleInbox.upvort-inbox-i4 .bubble:has(.ibx-product-card){position:relative;min-height:292px}
#simpleInbox.upvort-inbox-i4 .bubble:has(.ibx-product-card)>.ibx-meta{position:absolute;bottom:14px;right:18px;margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-product-intro{margin-bottom:23px}
@container inboxWorkspace (min-width:1608px){
#simpleInbox.upvort-inbox-i4:not(.ibx-panel-open){grid-template-columns:360px minmax(0,1fr) 56px}
#simpleInbox.upvort-inbox-i4 .chatlist{width:auto;min-width:0;flex-basis:auto}
#simpleInbox.upvort-inbox-i4 .ibx-chat-head{padding:16px 16px 15px 20px}
}
@media(min-width:1680px){#simpleInbox.upvort-inbox-i4 .ibx-chat-head{padding:16px 16px 15px 20px}}
#simpleInbox.upvort-inbox-i4 #pane{background-image:none!important}
#simpleInbox.upvort-inbox-i4 #chatTabReplyPane,#simpleInbox.upvort-inbox-i4 #chatTabNotePane{background-color:#F0F6F4;background-image:var(--i4-wallpaper);background-size:775px 720px;background-position:0 0}
#simpleInbox.upvort-inbox-i4 .bubble{position:relative;padding:13px 17px 22px}
#simpleInbox.upvort-inbox-i4 .bubble.customer{min-width:min(410px,72%);min-height:96px;padding-right:33px}
#simpleInbox.upvort-inbox-i4 .bubble.customer.ibx-short-message{min-height:87px}
#simpleInbox.upvort-inbox-i4 .bubble.customer>.ibx-meta{position:absolute;right:18px;bottom:14px;margin:0}
#simpleInbox.upvort-inbox-i4 .bubble:has(.ibx-product-card){padding:13px 18px 22px}
#simpleInbox.upvort-inbox-i4 .ibx-product-intro{margin-bottom:27px}
#simpleInbox.upvort-inbox-i4 .bubble:has(.voice-player){min-width:0}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row b{position:relative;top:-2px}
#simpleInbox.upvort-inbox-i4 .ibx-head-id h2{position:relative;top:-1px}
#simpleInbox.upvort-inbox-i4 .ibx-search-ic{width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.top.top-panel .brand>.brand-text{transform:translateY(2px)}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row{padding-left:19px;padding-right:16px}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row b{top:-3px}
/* B4 owner-approved header override. Supersedes IB01 white HEADER ONLY.
   Sidebar/inbox typography, layouts and functionality remain B3. */
.top.top-panel{background:#0B1220;color:#FFFFFF;border-bottom:1px solid #1E293B;box-shadow:0 1px 0 #0B122008}
.top.top-panel .toprow{background:#0B1220;color:#FFFFFF}
.top.top-panel .brand .brand-up{color:#FFFFFF}
.top.top-panel .brand .brand-vort{color:#93C5FD}
.top.top-panel .brand{gap:10px}
.top.top-panel .brand>.brand-text{font-size:23px;line-height:30px;font-weight:700;white-space:nowrap}
.top.top-panel .topsearch{background:#111C2E;border:1px solid #26364B;color:#E2E8F0;box-shadow:none;font:13px/20px "Upvort I4",system-ui,sans-serif}
.top.top-panel .topsearch::placeholder{color:#94A3B8}
.top.top-panel .topsearch:focus{border-color:#60A5FA;outline:2px solid #60A5FA;outline-offset:2px}
.top.top-panel .profile b{color:#FFFFFF}
.top.top-panel #topProfileRole{color:#94A3B8!important}
.top.top-panel .profile .avatar{background:#007F76;color:#FFFFFF}
.top.top-panel #topLoginLink,.top.top-panel #topLogoutBtn{color:#93C5FD!important}
.top.top-panel #topLoginLink:hover,.top.top-panel #topLogoutBtn:hover{color:#FFFFFF!important}
.top.top-panel .i4-workspace-name{color:#94A3B8}
.top.top-panel .i4-workspace-name:hover{color:#E2E8F0}
.top.top-panel .i4-workspace-search{background:#111C2E;border-color:#26364B;color:#E2E8F0;box-shadow:0 10px 30px #00000033}
.top.top-panel .i4-workspace-search p{color:#94A3B8}
.top.top-panel #connectWaBtn{background:#007F76;color:#FFFFFF;border-color:#007F76}
.top.top-panel #connectWaBtn:hover{background:#00665E;border-color:#00665E}
body:has(#simpleInbox.upvort-inbox-i4) .top.top-panel{background:#0B1220;color:#FFFFFF;border-bottom-color:#1E293B}
body:has(#simpleInbox.upvort-inbox-i4) .profile:hover>span:last-child:not(:first-child),body:has(#simpleInbox.upvort-inbox-i4) .profile:focus-within>span:last-child:not(:first-child){background:#111C2E;border-color:#26364B;color:#E2E8F0}
/* B4 sidebar setup/status polish. Preserves collapsed and Inbox behavior. */
.shell .sidebar .side-guide{margin:20px 0 0;padding:14px;border:1px solid #26364B;border-radius:14px;background-color:#101D30;background-image:radial-gradient(ellipse at 100% 0%,#007F7633,transparent 65%),radial-gradient(#60A5FA18 .7px,transparent .7px);background-size:auto,12px 12px;box-shadow:0 4px 14px #00000012;color:#E2E8F0;box-sizing:border-box;font-family:"Upvort I4",system-ui,sans-serif}
.shell .sidebar .side-setup-kicker{display:flex;align-items:center;gap:8px;margin-bottom:12px;font:700 9px/14px "Upvort I4",sans-serif;letter-spacing:.06em;color:#94A3B8}
.shell .sidebar .side-setup-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;background:#133B40;border:1px solid #20565A;border-radius:9px;color:#5EEAD4}
.shell .sidebar .side-guide b{display:block;color:#F8FAFC;font:700 14px/20px "Upvort I4",sans-serif;margin:0}
.shell .sidebar .side-guide p.muted{color:#A8B6CA;font:12px/18px "Upvort I4",sans-serif;margin:7px 0 14px}
.shell .sidebar .side-guide a{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#007F76;color:#FFFFFF;border:1px solid #007F76;border-radius:8px;min-height:34px;padding:7px 10px;box-sizing:border-box;font:700 11px/18px "Upvort I4",sans-serif;text-decoration:none;margin:0}
.shell .sidebar .side-guide a:hover{background:#00665E;border-color:#00665E}
.shell .sidebar .side-guide a svg{flex:none;opacity:.9}
.shell .sidebar .sidefoot.side-status{margin:16px 0 0;padding:14px 0 4px;border-top:1px solid #253246;color:#94A3B8;font-family:"Upvort I4",system-ui,sans-serif}
.side-status-heading{display:flex;align-items:center;justify-content:space-between;font:700 9px/14px "Upvort I4",sans-serif;letter-spacing:.08em;color:#7E91AD;padding:0 2px;margin-bottom:8px}
.side-status-heading button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:24px;border:0;background:transparent;color:#7E91AD;border-radius:6px;margin:0;padding:4px;cursor:pointer}
.side-status-heading button:hover{color:#E2E8F0;background:#1E293B}
.side-status-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 2px;text-decoration:none;color:#CBD5E1;border-radius:6px;min-height:34px;box-sizing:border-box}
.side-status-row>span{display:flex;align-items:center;gap:6px;font:11px/16px "Upvort I4",sans-serif;white-space:nowrap}
.side-status-row svg{color:#7E91AD;flex:none}
.side-status-row:hover{background:#152237;color:#FFFFFF}
.side-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;background:#1B293D;color:#94A3B8;font:700 9px/14px "Upvort I4",sans-serif;letter-spacing:0;border-radius:6px;white-space:nowrap;border:1px solid #2C3C53}
.side-status-badge.is-good{background:#103B34;color:#5EEAD4;border-color:#20594E}
.side-status-badge.is-pending{background:#332C1D;color:#FCD34D;border-color:#51452B}
.side-status p{color:#7185A3;font:10px/16px "Upvort I4",sans-serif;margin:8px 2px 0}
.shell.sidebar-collapsed .sidebar .side-guide,.shell.sidebar-collapsed .sidebar .sidefoot.side-status{display:none}
body:has(#simpleInbox.upvort-inbox-i4) .sidebar .side-guide,body:has(#simpleInbox.upvort-inbox-i4) .sidebar .sidefoot.side-status{display:none}
/* B4 automatic overlay rail, no manual collapse/expand/pin controls. */
@media(min-width:801px){
.top.top-panel{height:64px;min-height:64px;padding:0 24px;display:flex;align-items:center;position:sticky;top:0;z-index:120}
.top.top-panel .toprow{height:64px;min-height:64px}
.shell .sidebar{position:fixed;top:64px;left:0;bottom:0;height:calc(100dvh - 64px);width:216px;flex:0 0 216px;box-sizing:border-box;z-index:110;padding:20px 12px 12px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;transition:width 180ms cubic-bezier(.2,.8,.2,1),box-shadow 180ms ease;transform:none;background:#0B1220}
.shell .sidebar::-webkit-scrollbar{display:none}
.shell.sidebar-collapsed .sidebar{width:72px;flex-basis:72px;box-shadow:none}
.shell:not(.sidebar-collapsed) .sidebar{box-shadow:10px 0 24px #0B122026}
.shell .maincol,.shell.sidebar-pinned .maincol{margin-left:72px;width:calc(100% - 72px);flex:1 1 auto;min-width:0}
.shell .sidebar .sidenav{padding:0}
.shell .sidebar .sidenav a{position:relative;box-sizing:border-box;min-height:44px;display:flex;align-items:center;gap:12px;overflow:hidden}
.shell .sidebar .sidenav a>span,.shell .sidebar .i4-all-pages summary>span{display:inline-block!important;max-width:170px;opacity:1;transform:perspective(320px) rotateY(0deg) translateX(0);transform-origin:left center;transition:opacity 120ms ease,transform 180ms cubic-bezier(.2,.8,.2,1),max-width 180ms ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
.shell.sidebar-collapsed .sidebar .sidenav a,.shell.sidebar-collapsed .sidebar .i4-all-pages summary{gap:0;padding-left:13px;padding-right:13px;justify-content:flex-start}
.shell.sidebar-collapsed .sidebar .sidenav a>span,.shell.sidebar-collapsed .sidebar .i4-all-pages summary>span{max-width:0;opacity:0;transform:perspective(320px) rotateY(-28deg) translateX(-8px);pointer-events:none}
.shell .sidebar .sidenav a svg{flex:0 0 auto}
.shell .sidebar .navgroup-title{display:block;max-height:28px;opacity:1;overflow:hidden;transition:opacity 100ms ease,max-height 180ms ease;margin:14px 0 6px;padding:0 10px;font-size:10px;line-height:18px;letter-spacing:.12em;color:#7E91AD}
.shell.sidebar-collapsed .sidebar .navgroup-title{max-height:0;opacity:0;margin:0;padding:0}
.shell .sidebar .side-guide,.shell .sidebar .sidefoot.side-status{transform-origin:left top;animation:sidebar-text-in 160ms ease both}
.shell.sidebar-collapsed .sidebar .side-guide,.shell.sidebar-collapsed .sidebar .sidefoot.side-status{display:none}
body:has(#simpleInbox.upvort-inbox-i4) .shell .sidebar{padding:24px 12px 56px;z-index:110}
body:has(#simpleInbox.upvort-inbox-i4) .shell .maincol,body:has(#simpleInbox.upvort-inbox-i4) .shell.sidebar-pinned .maincol{margin-left:72px;width:calc(100% - 72px)}
body:has(#simpleInbox.upvort-inbox-i4) .sidenav{padding:0}
}
@keyframes sidebar-text-in{from{opacity:0;transform:perspective(400px) rotateY(-12deg) translateX(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.shell .sidebar,.shell .sidebar .sidenav a>span,.shell .sidebar .navgroup-title,.shell .sidebar .i4-all-pages summary>span{transition:none!important;transform:none!important}.shell .sidebar .side-guide,.shell .sidebar .sidefoot.side-status{animation:none!important}}

/* B5: the same main navigation on Inbox and all other routes. */
@media(min-width:801px){
body:has(#simpleInbox.upvort-inbox-i4) .shell .sidebar{padding:20px 12px 12px;scrollbar-width:none}
}

/* B6 — OnCloud-observed system typography; Upvort palette and original functions. */
:root{--up-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--up-accent:#007F76;--up-ink:#0F172A;--up-line:#E2E8F0}
body:has(.top-panel){font-family:var(--up-font);font-size:13px;line-height:1.5}
.top-panel,.shell .sidebar,.upvort-polished,.upvort-polished button,.upvort-polished input,.upvort-polished select,.upvort-polished textarea{font-family:var(--up-font)}
.upvort-polished h1{font-family:var(--up-font);font-size:23.2px;line-height:1.25;font-weight:800;letter-spacing:-.3px}
.upvort-polished h2{font-family:var(--up-font);font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.25px}
.upvort-polished h3{font-family:var(--up-font);font-size:15.2px;line-height:1.35;font-weight:800;letter-spacing:-.15px}
.upvort-polished button{font-size:12.8px;font-weight:600;line-height:18px;min-height:34px;padding:7px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center}
.upvort-polished input,.upvort-polished select,.upvort-polished textarea{font-size:13.4px;line-height:20px}
.upvort-polished .muted{font-size:12px;line-height:1.55}
.upvort-polished .section-head{display:flex;align-items:center;gap:12px;min-height:32px;margin-bottom:14px}
.upvort-polished .kicker{font-size:13px;font-weight:800;letter-spacing:0;text-transform:none;display:inline-flex;align-items:center;gap:10px;color:#0F172A}
.upvort-polished .card.up-card-polished{border:1px solid #E7EDF3;border-radius:18px;box-shadow:0 2px 3px #0F172A03,0 10px 24px #0F172A05;border-top:3px solid var(--up-accent);padding:22px;overflow:visible}
.upvort-polished .up-digital-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--up-icon-colour,#007F76) 10%,white);color:var(--up-icon-colour,#007F76);border:1px solid color-mix(in srgb,var(--up-icon-colour,#007F76) 20%,white);vertical-align:middle}
.up-digital-icon svg{width:19px;height:19px;flex:none}
.upvort-polished .org-section-head{gap:10px;position:relative;margin:26px 0 18px}
.upvort-polished .org-section-head:after{content:"";height:1px;background:#E2E8F0;flex:1;min-width:24px}
.upvort-polished .org-section-title{display:inline-flex;align-items:center;gap:8px;font-size:11.2px;line-height:18px;font-weight:800;letter-spacing:1.1px;white-space:nowrap}
.upvort-polished .org-section-title .up-digital-icon{width:17px;height:17px;border:0;background:transparent;border-radius:0}
.upvort-polished .org-section-title .up-digital-icon svg{width:15px;height:15px}
.upvort-polished .org-section-head>.muted{display:none}
.upvort-polished table th{font:700 10.72px/16px var(--up-font);letter-spacing:.5px;text-transform:uppercase;color:#64748B;background:#F7F9FC}
.upvort-polished table td{font:400 12.8px/20px var(--up-font);padding:12px}
.upvort-polished .num,.upvort-polished .dx-num{font:800 32px/1.15 var(--up-font);font-variant-numeric:tabular-nums;letter-spacing:-.6px}
/* Dashboard reference hierarchy, while keeping extra Upvort sections available. */
.upvort-polished .dashx{display:flex;flex-direction:column;gap:0}
.upvort-polished .dashx>#businessHeader{order:-4;border:0;border-radius:0;box-shadow:none;padding:0 0 16px;background:transparent}
.upvort-polished .dashx>#heroCard{order:-3;border:0;min-height:330px;padding:36px;border-radius:0 0 22px 22px;background:radial-gradient(ellipse at 90% 40%,#173E43 0,transparent 48%),#0B1220;color:white;overflow:hidden}
.upvort-polished .dx-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.upvort-polished .dx-hero h2{font:900 30.4px/1.18 var(--up-font);color:white;letter-spacing:-.5px;max-width:700px;margin:12px 0 18px}
.upvort-polished .dx-hero p{font:400 14.4px/1.65 var(--up-font);color:#A9B8CC;max-width:620px}
.upvort-polished .dx-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.upvort-polished .dx-hero-actions button{min-height:42px;border-radius:10px}
.upvort-polished .dx-hero-actions .btn-primary{background:#007F76;border-color:#007F76;color:white;padding:12px 22px;font-weight:800}
.upvort-polished .dx-hero-actions .btn-secondary,.upvort-polished .dx-hero-actions>button{background:#16243A;color:#E2E8F0;border-color:#314159}
.upvort-polished .dash-section[aria-label="Your inboxes"]{order:-2}
.upvort-polished .dash-section[aria-label="Operational"]{order:-1}
.upvort-polished .dash-section[aria-label="WhatsApp and account"]{order:0}
.upvort-polished .dash-section[aria-label="Resource usage"]{order:1}
.upvort-polished .dash-section[aria-label="Real-time metrics"]{order:2}
.upvort-polished .dashx>.card:not(#heroCard):not(#businessHeader),.upvort-polished .dash-section:not([aria-label="Your inboxes"]):not([aria-label="Operational"]):not([aria-label="WhatsApp and account"]):not([aria-label="Resource usage"]):not([aria-label="Real-time metrics"]){order:3}
.upvort-polished #yourInboxesCard{border:0;box-shadow:none;background:transparent;padding:0}
.upvort-polished #yourInboxesCard>.section-head{display:none}
.upvort-polished #yourInboxesCard>p{font-size:11px;margin:8px 0 0}
.upvort-polished #inboxEntryCards{gap:20px!important}
.upvort-polished .dx-inbox-card{position:relative;min-height:118px;border:1px solid #E7EDF3;border-radius:20px;background:#FFFFFF;padding:22px 54px 18px 82px;overflow:hidden;box-shadow:0 2px 3px #0F172A03,0 10px 24px #0F172A05}
.upvort-polished .dx-inbox-card:after{content:"";position:absolute;right:-35px;top:-45px;width:140px;height:150px;border-radius:50%;background:#EAF7F5;pointer-events:none}
.upvort-polished .dx-inbox-instagram:after{background:#FCEAF2}.upvort-polished .dx-inbox-messenger:after{background:#EBF3FF}
.upvort-polished .dx-inbox-card>b{font:800 15.68px/20px var(--up-font);display:block;color:#0F172A}
.upvort-polished .dx-inbox-card>b>.up-digital-icon{position:absolute;left:20px;top:26px;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#10B981,#007F76);color:white;border:0;box-shadow:0 8px 15px #007F7626}
.upvort-polished .dx-inbox-instagram>b>.up-digital-icon{background:linear-gradient(135deg,#7C3AED,#DB2777,#F97316)}
.upvort-polished .dx-inbox-messenger>b>.up-digital-icon{background:linear-gradient(135deg,#2563EB,#7C3AED,#DB2777)}
.upvort-polished .dx-inbox-card p{font:400 11.2px/17px var(--up-font);margin:6px 0;max-width:95%}
.upvort-polished .dx-inbox-card>a{position:relative;z-index:1;font-size:11px;border-radius:8px;display:inline-flex;padding:4px 8px;background:#EAF7F5;color:#007F76!important}
.upvort-polished .dx-inbox-card .pill{font-size:10px;padding:3px 8px;margin:4px 0}
.upvort-polished .dx-oper-grid{grid-template-columns:2fr 1fr;gap:20px}
.upvort-polished .dx-oper{background:radial-gradient(ellipse at 50% 45%,#29203F,transparent 70%),#0B1220!important;border:1px solid #243044!important;border-radius:20px!important;color:#E2E8F0}
.upvort-polished .dx-oper .kicker{color:#5EEAD4}.upvort-polished .dx-oper .muted{color:#A8B6CA}
.upvort-polished .dx-oper h2{font-size:36px;font-weight:900;line-height:1.15;color:white;margin:22px 0 12px}
.upvort-polished .dx-oper .shortcuts{display:flex;flex-direction:column;gap:0;margin:20px 0}
.upvort-polished .dx-oper .short{background:transparent;border:0;border-bottom:1px solid #FFFFFF0D;border-radius:0;padding:10px 0;min-height:42px;display:flex;align-items:center;gap:12px;color:#E2E8F0;box-shadow:none}
.upvort-polished .dx-oper .short .ic{width:26px;height:26px;min-width:26px;border-radius:7px;margin:0;display:flex;align-items:center;justify-content:center}
.upvort-polished .dx-oper .short .ic svg{width:16px;height:16px}
.upvort-polished .dx-oper .short .dx-feat-text{flex:1}.upvort-polished .dx-oper .short b{font-size:12.8px}.upvort-polished .dx-oper .short .dx-feat-text>.muted{display:none}
.upvort-polished .dx-oper .dx-tag{font-size:10px;border-radius:5px;padding:3px 8px}
.upvort-polished .dx-globe-row{border:1px solid #FFFFFF12;border-radius:15px;background:#FFFFFF03;padding:16px;margin:12px 0}
.upvort-polished .dx-stat-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #FFFFFF0D;border-bottom:1px solid #FFFFFF0D}
.upvort-polished .dx-stat-tiles>a{padding:16px 12px;border-right:1px solid #FFFFFF0D;color:white;text-decoration:none}
.upvort-polished .dx-stat{background:none;border:0;padding:0}.upvort-polished .dx-stat b{font-size:12px;color:#E2E8F0}.upvort-polished .dx-num-sm{font:800 30px/1.2 var(--up-font);margin:8px 0}
.upvort-polished .dx-rail{gap:16px}.upvort-polished .dx-rail .card{border-top:1px solid #E7EDF3}
.upvort-polished .dash-acct{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.upvort-polished .dx-acct{display:flex;flex-direction:column;min-height:210px}
.upvort-polished .dx-acct .section-head{margin-bottom:12px}
.upvort-polished .dx-acct .up-digital-icon{width:46px;height:46px;border-radius:13px}
.upvort-polished .dx-acct .kicker{font-size:14.08px;font-weight:800}
.upvort-polished .dx-acct>p{flex:1;border:1px solid #EDF2F7;background:#F7F9FC;border-radius:12px;padding:12px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.upvort-polished .dx-acct>a{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #DCE9E7;border-radius:10px;color:#007F76!important;background:#F0FAF8;font-size:12px}
.upvort-polished .dx-rt-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.upvort-polished .dx-rt{padding:0 0 18px!important;overflow:hidden!important;border-top:0!important}
.upvort-polished .dx-rt>.muted:first-child{background:#0B1220;color:#E2E8F0;padding:10px 14px;display:flex;align-items:center;gap:9px;font-size:12.16px;font-weight:700}
.upvort-polished .dx-rt .up-digital-icon{width:27px;height:27px;border-radius:8px;background:#153B38;color:#5EEAD4;border-color:#20594E}
.upvort-polished .dx-rt>.dx-num{margin:14px 16px 10px}.upvort-polished .dx-rt>.pill,.upvort-polished .dx-rt>.muted:last-child{margin-left:16px}
.up-hero-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:240px;gap:20px;transform:rotate(-1deg)}
.up-phone{width:110px;height:216px;flex:none;border:6px solid #233044;border-radius:25px;background:#101D2E;box-shadow:0 18px 30px #0005;padding:18px 9px;box-sizing:border-box}
.up-art-dot{height:19px;width:19px;background:#007F76;border-radius:50%;margin-bottom:18px}
.up-phone>i{display:block;width:80%;height:27px;background:#233044;border-radius:8px;margin-bottom:13px}.up-phone>i:nth-of-type(2){background:#13534B;margin-left:auto}.up-phone>span{display:block;height:14px;background:#0B1220;border-radius:7px;margin-top:17px}
.up-chat-demo{width:280px;height:215px;background:#101D2E;border:1px solid #314159;border-radius:16px;box-shadow:0 18px 30px #0004;overflow:hidden}
.up-art-toolbar{height:28px;border-bottom:1px solid #26364B;display:flex;gap:5px;align-items:center;padding:0 12px}.up-art-toolbar>i{height:6px;width:6px;border-radius:50%;background:#DB2777}.up-art-toolbar>i:nth-child(2){background:#D97706}.up-art-toolbar>i:nth-child(3){background:#10B981}
.up-art-columns{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:14px}.up-art-columns>div>i{display:block;height:28px;border-radius:7px;background:#233044;margin-bottom:8px}.up-art-columns>div>i:first-child{background:#13534B}.up-art-columns>div>span{display:block;height:32px;border-radius:8px;background:#233044;margin:4px 0 12px;width:85%}.up-art-columns>div>span:nth-child(2){margin-left:auto;background:#13534B}
@media(min-width:1600px){.upvort-polished .dx-oper{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr);column-gap:20px}.upvort-polished .dx-oper>.section-head,.upvort-polished .dx-stat-tiles,.upvort-polished .dx-oper>.flowstep{grid-column:1/-1}.upvort-polished .dx-oper>.dx-globe-row{grid-column:2;grid-row:2/8;align-self:center;display:flex;flex-direction:column}.upvort-polished .dx-oper>h2,.upvort-polished .dx-oper>p,.upvort-polished .dx-oper>a,.upvort-polished .dx-oper>.shortcuts,.upvort-polished .dx-oper>#gateNotes{grid-column:1}}
@media(max-width:1150px){.upvort-polished .dx-hero-grid{grid-template-columns:1fr}.up-hero-art{display:none}.upvort-polished .dx-oper-grid{grid-template-columns:1fr}.upvort-polished .dash-acct{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Inbox: reference arrangement. Global Upvort header/shared navigation retained. */
#simpleInbox.upvort-inbox-i4,#simpleInbox.upvort-inbox-i4 :is(button,input,textarea,select,h2,h3,b,span,div,p){font-family:var(--up-font)!important}
#simpleInbox.upvort-inbox-i4 .chatlist{padding:0;width:360px;min-width:360px;flex-basis:360px}
#simpleInbox.upvort-inbox-i4 .ibx-list-head{height:99.5px;min-height:99.5px;padding:18px 16px 12px}
#simpleInbox.upvort-inbox-i4 #ibxBizName{font:800 20px/26px var(--up-font)!important;letter-spacing:-.3px}
#simpleInbox.upvort-inbox-i4 .ibx-biz-sub{font:400 12px/18px var(--up-font)!important;margin-top:6px}
#simpleInbox.upvort-inbox-i4 .filters{height:53px;min-height:53px;box-sizing:border-box;padding:10px 14px;margin:0;gap:6px;overflow-x:auto;overflow-y:hidden;border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;scrollbar-width:none}
#simpleInbox.upvort-inbox-i4 .filters>span{font:600 12px/18px var(--up-font)!important;padding:6px 14px;min-height:32px;height:32px;border-radius:18px;white-space:nowrap;flex:none;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 .ibx-label-filter-row{height:41.5px;min-height:41.5px;padding:6px 14px 8px;margin:0;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 .ibx-label-chip{height:26.5px;min-height:26.5px;padding:4px 10px;font:700 11px/16.5px var(--up-font)!important;border:1px solid #D4E7E4;background:transparent}
#simpleInbox.upvort-inbox-i4 .ibx-search-wrap{height:39.5px;min-height:39.5px;margin:10px 14px}
#simpleInbox.upvort-inbox-i4 .ibx-search-wrap input{height:39.5px;min-height:39.5px;font:400 13px/19.5px var(--up-font)!important;padding:9px 38px 9px 16px;border:1px solid #E2E8F0;border-radius:22px}
#simpleInbox.upvort-inbox-i4 .ibx-search-ic{right:15px;left:auto}
#simpleInbox.upvort-inbox-i4 .ibx-recents{height:24px;min-height:24px;padding:0 14px}
#simpleInbox.upvort-inbox-i4 .ibx-recents>span{font-size:9px;letter-spacing:.4px}
#simpleInbox.upvort-inbox-i4 #chatlist{margin:0;width:100%}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row{grid-template-columns:50px minmax(0,1fr) 55px;height:auto;min-height:79px;padding:14px 16px;gap:12px;align-items:center}
#simpleInbox.upvort-inbox-i4 .ibx-avatar,#simpleInbox.upvort-inbox-i4 .ibx-avatar svg{width:50px;height:50px;min-width:50px;min-height:50px}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row b{font:700 15px/22.5px var(--up-font)!important;top:0;margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-reference-rowbody{gap:4px}
#simpleInbox.upvort-inbox-i4 .ibx-preview{font:400 12px/18px var(--up-font)!important;gap:5px}
#simpleInbox.upvort-inbox-i4 .ibx-row-labels:empty{display:none}
#simpleInbox.upvort-inbox-i4 .ibx-row-labels{height:auto;min-height:0;margin-top:1px}
#simpleInbox.upvort-inbox-i4 .ibx-reference-label{height:19px;min-height:19px;font:600 10px/15px var(--up-font)!important;padding:2px 8px}
#simpleInbox.upvort-inbox-i4 .ibx-row-time{font:400 11px/16.5px var(--up-font)!important}
#simpleInbox.upvort-inbox-i4 .ibx-row-right{gap:5px}
#simpleInbox.upvort-inbox-i4 .ibx-reference-unread{font:700 11px/16.5px var(--up-font)!important;height:auto;padding:2px 8px}
#simpleInbox.upvort-inbox-i4 .ibx-reference-read{font:400 10px/16px var(--up-font)!important;gap:4px}
#simpleInbox.upvort-inbox-i4 .ibx-channel-mark{width:14px;height:14px}
#simpleInbox.upvort-inbox-i4 .ibx-list-foot{height:36px;min-height:36px;padding:6px 14px;flex-direction:row;justify-content:space-between;align-items:center}
#simpleInbox.upvort-inbox-i4 .ibx-chat-head{min-height:82px;height:auto;box-sizing:border-box;padding:10px 16px;display:flex;align-items:center;flex-wrap:nowrap;gap:12px}
#simpleInbox.upvort-inbox-i4 .ibx-head-main{flex:1 1 auto;min-width:100px;gap:12px}
#simpleInbox.upvort-inbox-i4 .ibx-head-avatar,#simpleInbox.upvort-inbox-i4 .ibx-head-avatar svg,#simpleInbox.upvort-inbox-i4 .ibx-head-avatar img{width:40px;height:40px;min-width:40px}
#simpleInbox.upvort-inbox-i4 .ibx-head-id{gap:2px;min-width:0}
#simpleInbox.upvort-inbox-i4 .ibx-head-id h2{font:600 15px/22.5px var(--up-font)!important;top:0}
#simpleInbox.upvort-inbox-i4 .ibx-head-phone{font:400 11px/16.5px var(--up-font)!important}
#simpleInbox.upvort-inbox-i4 .ibx-chan-chip{display:inline-flex;font:600 9px/14px var(--up-font)!important;padding:1px 5px;border:1px solid #DCE9E7;border-radius:4px;color:#64748B;background:#F0F6F4}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions{display:flex;flex:none;gap:8px;align-items:center}
#simpleInbox.upvort-inbox-i4 .ibx-head-row1,#simpleInbox.upvort-inbox-i4 .ibx-head-row2{display:flex;flex:none;flex-wrap:nowrap;gap:8px;margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-head-actions button,#simpleInbox.upvort-inbox-i4 .ibx-window-pill{font:400 12px/18px var(--up-font)!important;height:30px;min-height:30px;border-radius:9px;padding:5px 12px;gap:6px;width:auto}
#simpleInbox.upvort-inbox-i4 #ibxRatingPill{width:88px;height:25px;min-height:25px;padding:3px 8px;font-size:11px!important}
#simpleInbox.upvort-inbox-i4 #ibxWindowPill{width:auto;min-width:52px;font-size:11px!important;height:25px;min-height:25px}
#simpleInbox.upvort-inbox-i4 #ibxLabelBtn{width:72px}
#simpleInbox.upvort-inbox-i4 #ibxModeBtn,#simpleInbox.upvort-inbox-i4 #ibxAssignBtn{width:110px;font-weight:700!important}
#simpleInbox.upvort-inbox-i4 #ibxHeaderBlock{width:73px}
#simpleInbox.upvort-inbox-i4 .ibx-head-row2>.ibx-drop-wrap:has(#ibxMoreBtn){display:none}
#simpleInbox.upvort-inbox-i4 #chatTabReplyPane{padding:12px 16px 8px}
#simpleInbox.upvort-inbox-i4 .bubble{font:400 14px/21px var(--up-font)!important;min-width:0;min-height:0;max-width:75%;padding:10px 12px;border-radius:10px}
#simpleInbox.upvort-inbox-i4 .bubble [dir="auto"]{font:400 14px/21px var(--up-font)!important}
#simpleInbox.upvort-inbox-i4 .ibx-sender{display:block;font:700 10px/15px var(--up-font)!important;margin-bottom:6px;color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-meta{font:400 10px/15px var(--up-font)!important;margin-top:6px}
#simpleInbox.upvort-inbox-i4 .date-divider span{font:600 10px/15px var(--up-font)!important}
#simpleInbox.upvort-inbox-i4 .composer{padding:10px 16px;min-height:59px;height:auto;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 .ibx-composer-main{gap:8px;min-height:38px}
#simpleInbox.upvort-inbox-i4 #msg{font:400 14px/20.3px var(--up-font)!important;min-height:38.3px;height:38.3px;padding:9px 14px 9px 35px;border-radius:10px}
#simpleInbox.upvort-inbox-i4 .ibx-quick-reply{font:700 12px/18px var(--up-font)!important;min-width:114px;width:114px;height:34px;min-height:34px;border-radius:18px;padding:6px 12px;gap:6px}
#simpleInbox.upvort-inbox-i4 #ibxSendBtn{width:38px;min-width:38px;height:38px;min-height:38px}
#simpleInbox.upvort-inbox-i4 .ibx-emoji-btn{left:54px;width:24px;height:30px;min-height:30px;top:4px}
#simpleInbox.upvort-inbox-i4 .ibx-paperclip{width:28px;min-width:28px;height:38px;min-height:38px}
#simpleInbox.upvort-inbox-i4 .ibx-mic{height:38px;min-height:38px}
#simpleInbox.upvort-inbox-i4 .ibx-rail{padding:10px 5px;gap:8px;width:56px}
#simpleInbox.upvort-inbox-i4 .ibx-rail-btn{height:36px;min-height:36px;width:40px;margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-drop{font:400 12px/18px var(--up-font)!important;border-radius:12px;padding:8px;box-shadow:0 12px 35px #0F172A26}
#simpleInbox.upvort-inbox-i4 .ibx-drop button{font:600 12px/18px var(--up-font)!important;min-height:32px}
@media(min-width:801px){#simpleInbox.upvort-inbox-i4{grid-template-columns:360px minmax(0,1fr) 56px}#simpleInbox.upvort-inbox-i4:has(#sidePanel:not([style*="display: none"]):not([style*="display:none"])){grid-template-columns:360px minmax(0,1fr) 386px}}
@media(min-width:801px) and (max-width:1199px){#simpleInbox.upvort-inbox-i4 .ibx-head-main{min-width:70px}#simpleInbox.upvort-inbox-i4 .ibx-chat-head{flex-wrap:wrap}#simpleInbox.upvort-inbox-i4 .ibx-head-actions{flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:4px}}
@media(prefers-reduced-motion:reduce){.upvort-polished *{scroll-behavior:auto!important}}
/* B6 recording controls stay visible in both recording and preview states. */
#simpleInbox.upvort-inbox-i4 .ibx-voice-inline{min-height:38px;border-radius:12px;padding:4px 8px;gap:8px;flex:1}
#simpleInbox.upvort-inbox-i4 .ibx-voice-trash,#simpleInbox.upvort-inbox-i4 .ibx-voice-pause,#simpleInbox.upvort-inbox-i4 .ibx-voice-stop{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:32px;width:auto;height:32px;border-radius:8px;padding:4px 8px;font:600 12px/18px var(--up-font)!important;border:1px solid #E2E8F0;background:white;color:#0F172A;flex:none}
#simpleInbox.upvort-inbox-i4 .ibx-voice-trash{color:#B42318;background:#FFF4F3;border-color:#FEE4E2}
#simpleInbox.upvort-inbox-i4 .ibx-voice-preview{height:34px;min-width:100px;max-width:280px;width:35%;flex:1}
#simpleInbox.upvort-inbox-i4 .ibx-voice-wave{flex:1;min-width:30px;max-width:180px;height:24px}
#simpleInbox.upvort-inbox-i4 .ibx-voice-time{font-size:12px!important;white-space:nowrap}
.shell .sidebar .up-legal-group{margin-top:14px;border-top:1px solid #26364B;padding-top:8px}
.shell .sidebar .up-legal-group>summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 10px;box-sizing:border-box;border-radius:10px;color:#CBD5E1;cursor:pointer;font:600 13px/20px var(--up-font)}
.shell .sidebar .up-legal-group>summary::-webkit-details-marker{display:none}
.shell .sidebar .up-legal-group>summary:hover{background:#1E293B}
.shell .sidebar .up-legal-group>summary svg{width:21px;height:21px;min-width:21px;color:#93C5FD}
.shell .sidebar .up-legal-group>summary>.up-menu-chevron{margin-left:auto;transition:transform .18s}
.shell .sidebar .up-legal-group[open]>summary>.up-menu-chevron{transform:rotate(180deg)}
.shell .sidebar .up-legal-links{padding-left:10px;border-left:1px solid #26364B;margin-left:20px}
.shell .sidebar .up-legal-links a{font-size:12px}
.shell.sidebar-collapsed .sidebar .up-legal-group>summary{padding-left:13px;gap:0}
.shell.sidebar-collapsed .sidebar .up-legal-group>summary span,.shell.sidebar-collapsed .sidebar .up-legal-links{display:none}
/* Resolve earlier I4 container rules: one authoritative desktop column contract. */
@media(min-width:801px){
#simpleInbox.upvort-inbox-i4:not(.ibx-panel-open){grid-template-columns:360px minmax(0,1fr) 56px}
#simpleInbox.upvort-inbox-i4.ibx-panel-open{grid-template-columns:360px minmax(0,1fr) 330px 56px}
#simpleInbox.upvort-inbox-i4 .org-toolcol{display:contents}
#simpleInbox.upvort-inbox-i4 .chatlist{grid-column:1;grid-row:1;width:auto;min-width:0}
#simpleInbox.upvort-inbox-i4 .org-chat-col{grid-column:2;grid-row:1}
#simpleInbox.upvort-inbox-i4 .ibx-rail{grid-column:3;grid-row:1}
#simpleInbox.upvort-inbox-i4.ibx-panel-open .ibx-rail{grid-column:4;grid-row:1}
#simpleInbox.upvort-inbox-i4 #sidePanel{grid-column:3;grid-row:1;width:330px;min-width:330px}
#simpleInbox.upvort-inbox-i4 #ibxBackBtn{display:none}
#simpleInbox.upvort-inbox-i4.ibx-list-hidden{grid-template-columns:0 minmax(0,1fr) 56px}
#simpleInbox.upvort-inbox-i4.ibx-list-hidden .chatlist{display:none}
}
#simpleInbox.upvort-inbox-i4 .ibx-emoji-btn{min-width:24px;padding:0;left:49px}
#simpleInbox.upvort-inbox-i4 #chatTabReplyPane>div{gap:10px!important}
#simpleInbox.upvort-inbox-i4 .date-divider{margin:0 0 12px}
#simpleInbox.upvort-inbox-i4 .ibx-product-intro{font:400 14px/21px var(--up-font)!important;margin-bottom:12px}
#simpleInbox.upvort-inbox-i4 .ibx-product-content b{font:700 15px/22px var(--up-font)!important}
/* Final owner brand lock: navy/black, white and blue. Auxiliary icon/status colours stay semantic. */
:root{--up-accent:#2563EB;--up-brand-blue:#2563EB;--up-brand-light:#93C5FD;--up-brand-navy:#0B1220}
.top.top-panel #connectWaBtn{background:#2563EB!important;border-color:#2563EB!important;color:white!important}
.top.top-panel #connectWaBtn:hover{background:#1D4ED8!important;border-color:#1D4ED8!important}
.upvort-polished .btn-primary,.upvort-polished button.btn-primary,.upvort-polished .dx-hero-actions .btn-primary{background:#2563EB;border-color:#2563EB;color:white}
.upvort-polished .btn-primary:hover{background:#1D4ED8;border-color:#1D4ED8}
.shell .sidebar .sidenav a.active{background:#162D50;color:white}
.shell .sidebar .sidenav a.active:before{background:#60A5FA}
#simpleInbox.upvort-inbox-i4 .filters>span.on{background:#2563EB;color:white;border-color:#2563EB}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row.selected{background:#EDF4FF;box-shadow:inset 3px 0 #2563EB}
#simpleInbox.upvort-inbox-i4 .ibx-label-chip.on,#simpleInbox.upvort-inbox-i4 #ibxModeBtn,#simpleInbox.upvort-inbox-i4 .ibx-quick-reply{color:#1D4ED8;background:#EDF4FF}
#simpleInbox.upvort-inbox-i4 .ibx-reference-unread,#simpleInbox.upvort-inbox-i4 #ibxSendBtn{background:#2563EB;color:white}
#simpleInbox.upvort-inbox-i4 .ibx-add-label,#simpleInbox.upvort-inbox-i4 .ibx-mic{color:#2563EB}
#simpleInbox.upvort-inbox-i4 .bubble.agent{background:#E4EFFD;border-color:#E4EFFD}
#simpleInbox.upvort-inbox-i4 #pane{background-color:#F2F6FC}
.upvort-polished :is(.modal-content,.dialog,.popup,.dropdown,.ibx-drop){font-family:var(--up-font);font-size:12.8px;line-height:1.5;border-radius:13px}
.upvort-polished :is(.modal-content,.dialog,.popup,.dropdown) h3{font:800 15.2px/21px var(--up-font)}
.upvort-polished :is(input,select,textarea,button,a):focus-visible{outline:2px solid #60A5FA;outline-offset:2px}
/* Shared live drag/drop builder: palette, canvas and block inspector. */
.upvort-polished .up-flow-workspace{display:grid;grid-template-columns:230px minmax(0,1fr) 320px;gap:14px;align-items:start}
.upvort-polished .up-flow-workspace>.up-flow-palette{grid-column:1;grid-row:1;padding:15px;max-height:740px;overflow:auto}
.upvort-polished .up-flow-workspace>.up-flow-canvas{grid-column:2;grid-row:1;padding:14px}
.upvort-polished .up-flow-workspace>.up-flow-inspector{grid-column:3;grid-row:1;max-height:740px;overflow:auto;padding:18px;position:sticky;top:80px}
.upvort-polished .up-flow-workspace>.card:not(.up-flow-palette):not(.up-flow-canvas):not(.up-flow-inspector){grid-column:1/-1}
.upvort-polished .up-flow-workspace:not(:has(.up-flow-inspector:not([style*="display:none"]):not([style*="display: none"]))){grid-template-columns:230px minmax(0,1fr)}
.upvort-polished #fb_palette{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.upvort-polished #fb_palette button{display:flex;justify-content:flex-start;gap:9px;width:100%;min-height:40px;padding:6px 8px;font:600 12px/18px var(--up-font);background:white;border-color:#E7EDF3;border-radius:9px;cursor:grab;text-align:left}
.upvort-polished #fb_palette button .up-digital-icon{width:26px;height:26px;min-width:26px;border-radius:8px}
.upvort-polished #fb_palette button .up-digital-icon svg{width:16px;height:16px}
.upvort-polished #fb_canvas{min-height:520px!important;height:600px!important;padding:18px!important;border:1px solid #CBD5E1!important;border-radius:13px!important;background-color:#F2F5FA!important;background-image:radial-gradient(#CBD5E1 1px,transparent 1px)!important;background-size:20px 20px!important}
.upvort-polished #fb_canvas .fb-card{font:400 12px/18px var(--up-font);border-radius:13px!important;border-top:3px solid #60A5FA!important;box-shadow:0 5px 15px #0F172A0A;min-height:90px;box-sizing:border-box}
.upvort-polished #fb_canvas .fb-card b{font-size:12px;font-weight:800}
.upvort-polished #fb_cfg_body input,.upvort-polished #fb_cfg_body textarea,.upvort-polished #fb_cfg_body select{width:100%;box-sizing:border-box}
.upvort-polished .page-head:has(+ #fb_kw_banner)>.sub{max-width:900px;font-size:12px;line-height:1.6}
@media(max-width:1250px){.upvort-polished .up-flow-workspace{grid-template-columns:210px minmax(0,1fr)}.upvort-polished .up-flow-workspace>.up-flow-inspector{grid-column:1/-1;grid-row:2;position:static;max-height:none}.upvort-polished .up-flow-workspace:not(:has(.up-flow-inspector:not([style*="display:none"]):not([style*="display: none"]))){grid-template-columns:210px minmax(0,1fr)}}
.upvort-polished [hidden]{display:none!important}
#simpleInbox.upvort-inbox-i4 .composer textarea#msg{min-height:38.3px;height:38.3px;padding:9px 14px 9px 35px;border-radius:10px;box-sizing:border-box;font:400 14px/20.3px var(--up-font)!important}
.upvort-polished #businessHeader button{background:#162D50;border-color:#263E64;color:white}
.upvort-polished .up-phone .up-art-dot{background:#60A5FA}
.upvort-polished .up-phone>i:nth-of-type(2),.upvort-polished .up-art-columns>div>i:first-child,.upvort-polished .up-art-columns>div>span:nth-child(2){background:#1E3A64}
#simpleInbox.upvort-inbox-i4{--up-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#simpleInbox.upvort-inbox-i4 #ibxBizName{font:800 20px/24px var(--up-font)!important;letter-spacing:0}
#simpleInbox.upvort-inbox-i4 .ibx-signed-in{font:700 10px/15px var(--up-font)!important;margin-top:6px;color:#64748B;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upvort-polished .page-head h1{display:flex;align-items:center;gap:12px}
.upvort-polished .page-head h1 .up-digital-icon{width:40px;height:40px;border-radius:12px}
.upvort-polished .section-head h3{display:flex;align-items:center;gap:10px;margin:0}
.top.top-panel #topAvatar{background:#2563EB;color:white}
.shell .sidebar #sideSetupLink{background:#2563EB}.shell .sidebar #sideSetupLink:hover{background:#1D4ED8}
.upvort-polished button{background:#FFFFFF;color:#0F172A;border:1px solid #E2E8F0}
.upvort-polished button.btn-primary{background:#2563EB;color:white;border-color:#2563EB}
.upvort-polished button.btn-danger{background:#FFF1F0;color:#B42318;border-color:#FECDCA}
.upvort-polished .dashx>#heroCard{background:radial-gradient(ellipse at 90% 40%,#1B3157 0,transparent 48%),#0B1220}
#simpleInbox.upvort-inbox-i4 .org-chat-col{container-type:inline-size;container-name:upvortChat}
@container upvortChat (max-width:740px){#simpleInbox.upvort-inbox-i4 .ibx-chat-head{flex-wrap:wrap}#simpleInbox.upvort-inbox-i4 .ibx-head-actions{flex-basis:100%;max-width:100%;overflow-x:auto;padding-bottom:3px}}
#simpleInbox.upvort-inbox-i4 #ibxAssignDrop,#simpleInbox.upvort-inbox-i4 #ibxModeDrop{left:0;right:auto}
#simpleInbox.upvort-inbox-i4 #ibxAssignDrop{min-width:210px}
#simpleInbox.upvort-inbox-i4 #ibxModeDrop{min-width:220px}
#simpleInbox.upvort-inbox-i4 #ibxLabelDrop{min-width:240px}
/* B7: the same always-visible authenticated identity on Dashboard and Inbox. */
.top.top-panel .profile>span:last-child:not(:first-child),body:has(#simpleInbox.upvort-inbox-i4) .top.top-panel .profile>span:last-child:not(:first-child),body:has(#simpleInbox.upvort-inbox-i4) .top.top-panel .profile:hover>span:last-child:not(:first-child),body:has(#simpleInbox.upvort-inbox-i4) .top.top-panel .profile:focus-within>span:last-child:not(:first-child){display:block;position:static;min-width:0;max-width:150px;padding:0;background:transparent;border:0;box-shadow:none;white-space:nowrap}
.top.top-panel .profile b{display:block;font:700 12px/18px var(--up-font);max-width:150px;overflow:hidden;text-overflow:ellipsis}
.top.top-panel .profile br{display:none}
.top.top-panel #topProfileRole{font:400 10px/15px var(--up-font)!important}
.top.top-panel .profile{flex:none;gap:9px;margin-right:12px}
#simpleInbox.upvort-inbox-i4 #ibxWindowPill{max-width:110px;min-width:52px;width:auto;white-space:nowrap;flex:none}
#simpleInbox.upvort-inbox-i4 .ibx-head-row1{flex-shrink:0}
/* B8 strict standalone Inbox: measured in the same 1363x936 CSS viewport as OnCloud. */
@media(min-width:801px){
body:has(#simpleInbox.upvort-inbox-i4) .top.top-panel{display:none}
body:has(#simpleInbox.upvort-inbox-i4) .shell{height:100dvh;min-height:100dvh;margin:0}
body:has(#simpleInbox.upvort-inbox-i4) .shell .sidebar{top:0;height:100dvh;bottom:0;padding:0 6px 12px;width:216px}
body:has(#simpleInbox.upvort-inbox-i4) .shell.sidebar-collapsed .sidebar{width:60px;flex-basis:60px}
body:has(#simpleInbox.upvort-inbox-i4) .shell .maincol,body:has(#simpleInbox.upvort-inbox-i4) .shell.sidebar-pinned .maincol{margin-left:60px;width:calc(100% - 60px);height:100dvh;min-height:100dvh}
body:has(#simpleInbox.upvort-inbox-i4) main.wrap.org-main{height:100dvh;min-height:100dvh;padding:0;margin:0;max-width:none}
#simpleInbox.upvort-inbox-i4{height:100dvh;min-height:100dvh;max-height:100dvh}
#simpleInbox.upvort-inbox-i4:not(.ibx-panel-open){grid-template-columns:360px minmax(0,1fr) 60px}
#simpleInbox.upvort-inbox-i4.ibx-panel-open{grid-template-columns:360px minmax(0,1fr) 330px 60px}
#simpleInbox.upvort-inbox-i4 .ibx-rail{width:60px;min-width:60px;box-sizing:border-box}
}
.ibx-rail-brand{display:flex;align-items:center;justify-content:center;height:60px;min-height:60px;text-decoration:none}
.ibx-rail-brand img{display:block;width:28px;height:28px}
#simpleInbox.upvort-inbox-i4 .chatlist{position:relative;border-right:1px solid #E2E8F0;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 .ibx-list-head{height:99.5px;min-height:99.5px}
#simpleInbox.upvort-inbox-i4 .ibx-biz-row{height:24px}
#simpleInbox.upvort-inbox-i4 .ibx-biz-sub{margin-top:2px}
#simpleInbox.upvort-inbox-i4 .ibx-recents{position:absolute;right:12px;top:18px;width:24px;height:24px;min-height:24px;padding:0;z-index:4}
#simpleInbox.upvort-inbox-i4 .ibx-recents>span{display:none}
#simpleInbox.upvort-inbox-i4 .ibx-label-filter-row{gap:6px}
#simpleInbox.upvort-inbox-i4 .filters{border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .filters>span{border-radius:20px}
#simpleInbox.upvort-inbox-i4 .ibx-search-wrap{margin:10px 14px;height:39.5px;min-height:39.5px}
#simpleInbox.upvort-inbox-i4 .ibx-search-wrap input{border-radius:24px}
#simpleInbox.upvort-inbox-i4 #chatlist{scrollbar-width:thin;scrollbar-color:#64748B30 transparent}
#simpleInbox.upvort-inbox-i4 .chat.ibx-row{display:flex;gap:12px;align-items:center;min-height:79px;height:auto;padding:14px 16px;box-sizing:border-box;border-bottom:1px solid #E2E8F0}
#simpleInbox.upvort-inbox-i4 .ibx-avatar{flex:0 0 50px;align-self:center}
#simpleInbox.upvort-inbox-i4 .ibx-reference-rowbody{display:block;flex:1;min-width:0;gap:0}
#simpleInbox.upvort-inbox-i4 .ibx-reference-top{display:flex;align-items:center;gap:8px;height:22.5px}
#simpleInbox.upvort-inbox-i4 .ibx-reference-top b{flex:1;min-width:0}
#simpleInbox.upvort-inbox-i4 .ibx-reference-meta{display:flex;align-items:center;gap:8px;flex:none}
#simpleInbox.upvort-inbox-i4 .ibx-reference-meta .ibx-channel-mark{width:14px;height:14px;flex:none}
#simpleInbox.upvort-inbox-i4 .ibx-reference-bottom{display:flex;gap:8px;align-items:center;margin-top:4px;min-height:20.5px}
#simpleInbox.upvort-inbox-i4 .ibx-preview{flex:1;min-width:0;gap:4px}
#simpleInbox.upvort-inbox-i4 .ibx-row-right{display:flex;flex:none;align-items:flex-end;gap:3px;max-width:100px;overflow:hidden}
#simpleInbox.upvort-inbox-i4 .ibx-row-labels{display:flex;flex-direction:column;gap:3px;min-height:0;height:auto;margin:0}
#simpleInbox.upvort-inbox-i4 .ibx-reference-label{font:700 10px/15px var(--up-font)!important;padding:2px 7px;height:21px;min-height:21px;border:1px solid currentColor;box-sizing:border-box;border-radius:11px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-reference-unread{font:700 10px/15px var(--up-font)!important;padding:2px 8px;height:19px;box-sizing:border-box;min-height:19px;border:0}
#simpleInbox.upvort-inbox-i4 .ibx-reference-read{font:400 10px/15px var(--up-font)!important;height:19px}
#simpleInbox.upvort-inbox-i4 .ibx-list-foot{position:absolute;bottom:0;right:4px;min-height:0;height:auto;padding:4px;background:white;border-radius:8px;z-index:3}
#simpleInbox.upvort-inbox-i4 .ibx-list-foot p{display:none}
#simpleInbox.upvort-inbox-i4 .bubble{font:400 14px/19.6px var(--up-font)!important;padding:8px 12px;max-width:65%;border-radius:0 8px 8px 8px}
#simpleInbox.upvort-inbox-i4 .bubble.agent{border-radius:8px 0 8px 8px}
#simpleInbox.upvort-inbox-i4 .bubble [dir="auto"]{font:400 14px/19.6px var(--up-font)!important}
#simpleInbox.upvort-inbox-i4 .ibx-sender{font:700 10px/15px var(--up-font)!important;margin-bottom:4px}
#simpleInbox.upvort-inbox-i4 .ibx-meta{font:400 11px/16.5px var(--up-font)!important;margin-top:4px}
#simpleInbox.upvort-inbox-i4 .ibx-message-image{max-height:300px;width:300px;max-width:100%;border-radius:6px}
#simpleInbox.upvort-inbox-i4 .ibx-message-video{max-height:300px;width:300px;max-width:100%;border-radius:6px}
#simpleInbox.upvort-inbox-i4 .bubble:has(.voice-player){width:auto;min-height:117.5px;padding:8px 12px}
#simpleInbox.upvort-inbox-i4 .voice-player{position:relative;display:flex;align-items:center;gap:8px;width:230.46875px;max-width:100%;height:62px;min-height:62px;padding:4px 0;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 .voice-player>[data-voice-audio]{display:block!important;width:200px;height:54px;min-width:200px}
#simpleInbox.upvort-inbox-i4 .voice-player>.ibx-native-voice-mic{display:block;font-size:20px!important;line-height:30px;width:22.46875px;flex:none}
#simpleInbox.upvort-inbox-i4 .voice-player>[data-voice-play],#simpleInbox.upvort-inbox-i4 .voice-player>label,#simpleInbox.upvort-inbox-i4 .voice-player>.ibx-voice-bar,#simpleInbox.upvort-inbox-i4 .voice-player>.ibx-voice-time,#simpleInbox.upvort-inbox-i4 .voice-player>.ibx-voice-vol{display:none}
#simpleInbox.upvort-inbox-i4 .bubble:has(.voice-player)>.ibx-meta{position:static;margin-top:4px}
#simpleInbox.upvort-inbox-i4 .voice-player>button:not([data-voice-play]){bottom:-15px;min-height:18px;height:18px}
.ac-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #E2E8F0;font-size:12px}
.ac-row>div{flex:1;min-width:160px}.ac-row small{display:block;color:#64748B;font-size:10px;margin-top:3px;overflow-wrap:anywhere}
.ac-row label{display:flex;align-items:center;gap:5px;white-space:nowrap}.ac-row input[type=checkbox]{width:16px;height:16px;min-height:16px;margin:0}
#acRows{margin:18px 0;max-height:65vh;overflow:auto}
/* Authoritative B8 message/composer overrides remove old I4 fixed bubble sizing. */
#simpleInbox.upvort-inbox-i4 .bubble.customer,#simpleInbox.upvort-inbox-i4 .bubble.agent,#simpleInbox.upvort-inbox-i4 .bubble.ibx-short-message{min-width:0;min-height:0;width:fit-content;height:auto;padding:8px 12px;border:0;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 .bubble [dir="auto"]{display:block;margin:0 0 2px}
#simpleInbox.upvort-inbox-i4 .bubble:has(.voice-player){width:254.46875px;min-width:0;min-height:117.5px;padding:8px 12px;border:0}
#simpleInbox.upvort-inbox-i4 .composer{padding:10px 14px}
#simpleInbox.upvort-inbox-i4 .ibx-paperclip,#simpleInbox.upvort-inbox-i4 .ibx-mic{width:38px;min-width:38px;height:38px;min-height:38px}
#simpleInbox.upvort-inbox-i4 .ibx-quick-reply{width:115.359375px;min-width:115.359375px;height:32px;min-height:32px;padding:7px 14px;align-self:flex-end}
#simpleInbox.upvort-inbox-i4 .composer textarea#msg{padding:9px 14px;font:400 14px/20.3px var(--up-font)!important}
#simpleInbox.upvort-inbox-i4 .ibx-emoji-btn{left:auto;right:248px;top:4px;width:24px;min-width:24px;height:30px;min-height:30px;background:#F5F7FA}
#simpleInbox.upvort-inbox-i4 #ibxRatingPill{width:87.875px}
#simpleInbox.upvort-inbox-i4 #ibxLabelBtn{width:72.078125px}
#simpleInbox.upvort-inbox-i4 #ibxModeBtn{width:109.796875px}
#simpleInbox.upvort-inbox-i4 #ibxAssignBtn{width:110.265625px}
#simpleInbox.upvort-inbox-i4 #ibxHeaderBlock{width:73.34375px}
#simpleInbox.upvort-inbox-i4 .ibx-list-head{display:block}
#simpleInbox.upvort-inbox-i4 .ibx-biz-sub{height:18px;min-height:18px;margin:2px 0 0}
#simpleInbox.upvort-inbox-i4 .ibx-user-line{display:flex;align-items:center;gap:6px;margin-top:8px;height:16.5px;line-height:16.5px;overflow:hidden;white-space:nowrap}
#simpleInbox.upvort-inbox-i4 .ibx-user-prefix{font:700 10px/15px var(--up-font)!important;flex:none;color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-signed-in{font:700 11px/16.5px var(--up-font)!important;margin:0;height:16.5px;overflow:hidden;text-overflow:ellipsis}
#simpleInbox.upvort-inbox-i4 .pane-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;width:100%;height:100%;min-height:0;padding:0;margin:0}
#simpleInbox.upvort-inbox-i4 .pane-empty-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;min-width:72px;min-height:72px;padding:0;margin:0;background:none;box-shadow:none;border:0;border-radius:0}
#simpleInbox.upvort-inbox-i4 .pane-empty-icon img{display:block;width:72px;height:72px}
#simpleInbox.upvort-inbox-i4 .pane-empty h2{font:600 20px/30px var(--up-font)!important;margin:0;color:#0F172A}
#simpleInbox.upvort-inbox-i4 .pane-empty p{font:400 14px/21px var(--up-font)!important;margin:0;color:#64748B}
/* B9 Agents: reference card hierarchy, Upvort brand colours. */
.agents-workspace{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101828;background:#EFF2F6;padding:24px;min-height:calc(100vh - 110px)}
.agents-workspace *{box-sizing:border-box}.ag-hero{display:flex;align-items:center;gap:20px;padding:34px 40px;background:linear-gradient(110deg,#fff,#F8FAFC);border:1px solid #E2E8F0;border-radius:24px;margin-bottom:30px}.ag-hero h1{font:800 30px/36px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0 0 4px}.ag-hero p{font-size:16px;line-height:24px;color:#50617B;margin:0}.ag-hero>.ag-primary{margin-left:auto;min-width:184px;height:54px;font-size:18px;flex:none}.ag-icon{display:flex;align-items:center;justify-content:center;flex:none;width:60px;height:60px;border-radius:18px;background:#080E1B;color:white;box-shadow:0 6px 16px #10182826}.ag-icon svg{width:28px;height:28px}.ag-hero-icon{width:68px;height:68px;color:#93C5FD;font-size:32px}
.agents-workspace button,.agents-workspace a{font-family:inherit}.agents-workspace button{cursor:pointer;font-size:14px;font-weight:600}.agents-workspace button:disabled{cursor:not-allowed;opacity:.5}.agents-workspace button:focus-visible,.agents-workspace a:focus-visible{outline:3px solid #60A5FA;outline-offset:3px}.ag-primary{background:#2563EB;color:#fff;border:1px solid #2563EB;border-radius:13px;padding:12px 22px;font-weight:750!important}.ag-mode{display:flex;align-items:center;gap:14px;background:#080E1B;color:#fff;border-radius:15px;padding:18px 24px;min-height:74px;margin-bottom:30px}.ag-dot{width:10px;height:10px;border-radius:50%;background:#60A5FA;box-shadow:0 0 12px #60A5FA;flex:none}.ag-mode strong{font-size:16px;line-height:24px}.ag-mode button{margin-left:auto;flex:none;color:#D1D5DB;border:1px solid #354052;background:#1B2638;border-radius:9px;padding:8px 14px;font-weight:400}
.ag-summary,.ag-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ag-summary{margin-bottom:30px}.ag-stat{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:24px 28px;min-height:112px}.ag-stat b{display:block;font-size:30px;line-height:36px;font-weight:800;font-variant-numeric:tabular-nums}.ag-stat span:not(.ag-icon){font-size:14px;line-height:21px;color:#50617B}.ag-card{background:#fff;border:1px solid #E2E8F0;border-radius:21px;overflow:hidden;min-width:0}.ag-card-head{display:flex;align-items:center;gap:20px;padding:28px;position:relative;min-height:114px}.ag-avatar{display:flex;align-items:center;justify-content:center;width:65px;height:65px;border-radius:18px;background:#4C8CF5;color:#fff;font-size:24px;font-weight:800;flex:none}.ag-avatar-1{background:#FF824B}.ag-avatar-2{background:#7C5BE8}.ag-avatar-3{background:#169AAA}.ag-identity{min-width:0;padding-right:40px}.ag-identity h2{font:700 20px/26px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-identity p{font-size:14px;line-height:21px;color:#50617B;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-role{position:absolute;right:28px;top:28px;display:flex;gap:3px;align-items:center;color:#2563EB;background:#EFF6FF;border:1px solid #BFDBFE;padding:4px 8px;border-radius:7px;font-size:12px;font-weight:650}.ag-role svg{width:14px;height:14px}.ag-card-stats{display:grid;grid-template-columns:1fr 1fr 1.18fr;border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;padding:20px 24px}.ag-card-stats>div{text-align:center;padding:3px 8px;border-right:1px solid #E2E8F0;min-width:0}.ag-card-stats>div:last-child{border:0}.ag-card-stats b{display:block;font-size:25px;line-height:32px;font-weight:800}.ag-card-stats span{display:block;font-size:12px;line-height:18px;color:#50617B;margin-top:3px}.ag-card-stats strong{font-size:14px;line-height:22px}.ag-available{color:#16B95A}.ag-muted{color:#64748B}.ag-card-controls{padding:18px 28px 20px}.ag-actions{display:flex;align-items:stretch;gap:12px;margin-bottom:18px}.ag-actions button{border:1px solid #D5DFEC;border-radius:10px;background:#F5F7FA;color:#60728D;min-height:58px;padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:5px;flex:1;line-height:18px}.ag-actions svg{width:18px;height:18px;flex:none}.ag-actions .ag-edit,.ag-actions .ag-delete{flex:0 0 44px;padding:9px;min-height:40px;align-self:flex-start}.ag-actions .ag-edit{background:#EAF2FF;color:#3B82F6;border-color:#BAD2FF}.ag-actions .ag-delete{background:#FFF0F0;color:#EF4444;border-color:#FFC8C8}.ag-switch-row{width:100%;display:flex;align-items:center;gap:14px;background:#F4F6F9;color:#60728D;border:1px solid #D4DEEC;padding:12px 18px;border-radius:11px;margin-top:10px;text-align:left;min-height:45px}.ag-switch-row svg{width:17px;height:17px;flex:none}.ag-switch-row span{flex:1}.ag-switch{display:block;width:24px;height:14px;background:#71839A;border-radius:9px;padding:2px;flex:none}.ag-switch:after{content:'';display:block;width:10px;height:10px;background:#fff;border-radius:50%}.ag-actions .is-on,.ag-switch-row.is-on{color:#0876C9;background:#EAF5FF;border-color:#9ACDFF}.is-on .ag-switch{background:#1685DF}.is-on .ag-switch:after{transform:translateX(10px)}
#agStatus:empty{display:none}.ag-related{margin-top:28px;padding:16px;color:#50617B;font-size:13px}.ag-related summary{cursor:pointer;margin-bottom:12px}.ag-dialog{width:480px;max-width:calc(100vw - 32px);border:1px solid #D8E1EE;border-radius:20px;padding:28px;color:#101828;box-shadow:0 24px 80px #0F172A40}.ag-dialog::backdrop{background:#0B122980;backdrop-filter:blur(3px)}.ag-dialog header,.ag-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ag-dialog header{margin-bottom:24px}.ag-dialog h2{font:750 23px/30px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}.ag-dialog header button{border:0;background:transparent;font-size:25px}.ag-dialog label{display:block;font-size:13px;font-weight:600;margin:16px 0}.ag-dialog input,.ag-dialog select{display:block;width:100%;height:44px;border:1px solid #CCD7E7;border-radius:9px;margin-top:8px;padding:10px 12px;background:#fff;color:#101828;font-size:14px}.ag-dialog footer{justify-content:flex-end;margin-top:24px}.ag-dialog footer button{padding:10px 18px;border-radius:9px;border:1px solid #D8E1EE}.ag-dialog [hidden]{display:none!important}.ag-hint{font-size:12px;line-height:19px;color:#64748B}.ag-danger{background:#DC2626;color:#fff;border-color:#DC2626!important}
@media(max-width:1500px){.ag-summary,.ag-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-card-head{gap:16px}.ag-identity{padding-right:50px}}
@media(max-width:700px){.agents-workspace{padding:16px}.ag-summary,.ag-cards{grid-template-columns:1fr}.ag-hero{padding:24px;flex-wrap:wrap}.ag-hero>.ag-primary{margin-left:0}.ag-mode{flex-wrap:wrap}.ag-mode button{margin-left:24px}.ag-card-head{padding:24px}.ag-role{right:20px}.ag-stat{padding:20px}.ag-hero h1{font-size:26px}.ag-hero p{font-size:14px}}
/* Keep this management page full-width; old generic panel rules must not restyle its controls. */
body:has(#agentsWorkspace) main.wrap{max-width:none!important;padding:0!important;width:100%}
body:has(#agentsWorkspace) .guide-bar{display:none}
#agentsWorkspace .ag-primary{background:#2563EB!important;color:#fff!important;border-color:#2563EB!important}
#agentsWorkspace .ag-hero h1{font:800 30px/36px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#agentsWorkspace .ag-stat b{font:800 30px/36px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#agentsWorkspace .ag-card-stats b{font:800 25px/32px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#agentsWorkspace .ag-identity h2{font:700 20px/26px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
@media(min-width:1101px){#agentsWorkspace .ag-summary{grid-template-columns:repeat(4,minmax(0,1fr))}#agentsWorkspace .ag-stat{padding:24px;gap:20px}#agentsWorkspace .ag-cards{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}
/* B10 contact directory: source hierarchy in Upvort blue. */
body:has(#contactsWorkspace) main.wrap{max-width:none!important;padding:0!important;width:100%}
body:has(#contactsWorkspace) .guide-bar{display:none}
.ct-workspace{padding:40px;background:#EFF2F6;color:#101828;min-height:80vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ct-workspace *{box-sizing:border-box}.ct-workspace button,.ct-workspace input,.ct-workspace select{font-family:inherit;font-size:14px}.ct-workspace button{cursor:pointer}.ct-workspace button:disabled{opacity:.5;cursor:not-allowed}.ct-workspace button:focus-visible,.ct-workspace a:focus-visible{outline:3px solid #60A5FA;outline-offset:3px}.ct-hero{position:relative;display:flex;align-items:center;gap:22px;background:#fff;border:1px solid #DFE5ED;border-radius:20px;padding:30px 35px;min-height:126px;margin-bottom:30px;overflow:hidden}.ct-hero:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#60A5FA,#2563EB)}#contactsWorkspace h1{font:800 28px/34px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;margin:0 0 6px}.ct-hero p{font-size:14px;color:#6B778D;margin:0}.ct-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:17px;background:#101827;color:#93C5FD;font-size:26px;flex:none}.ct-hero>.ct-icon{width:65px;height:65px}.ct-hero-actions{display:flex;gap:12px;margin-left:auto;flex:none}.ct-workspace button,.ct-hero-actions button{border:1px solid #DFE5ED;background:#fff;color:#101828;border-radius:12px;padding:10px 16px;font-weight:650}.ct-workspace .ct-primary{background:#2563EB!important;border-color:#2563EB!important;color:#fff!important}.ct-hero-actions button{height:47px;font-size:16px;padding:11px 22px}.ct-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:30px}.ct-stat{display:flex;align-items:center;gap:18px;padding:20px 23px;min-height:96px;border:1px solid #DFE5ED;border-radius:18px;background:#fff}#contactsWorkspace .ct-stat b{display:block;font:800 30px/36px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.ct-stat div>span{display:block;color:#6B778D;font-size:12px;font-weight:700;line-height:18px}.ct-search{display:flex;gap:14px;align-items:center;width:550px;max-width:100%;height:48px;border:1px solid #DFE5ED;background:#fff;border-radius:13px;padding:0 15px;margin-bottom:32px;color:#94A3B8;font-size:25px}.ct-search input{width:100%;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;font-size:16px}.ct-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#455168;font-size:14px}.ct-periods{display:flex;gap:10px;flex-wrap:wrap}.ct-periods button{border-radius:24px;padding:8px 16px;height:37px}.ct-periods .selected{background:#101827;color:#93C5FD;border-color:#101827}.ct-filters input,.ct-filters select{width:auto;height:39px;padding:8px 12px;border:1px solid #DFE5ED;background:#fff;border-radius:12px;color:#455168}.ct-filters label{display:flex;gap:10px;align-items:center}.ct-export{margin-top:12px;padding:10px 20px!important}.ct-exports:empty{display:none}.ct-exports{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:20px;background:#F9FBFD;border-radius:16px;margin:30px 0 24px;color:#64748B;font-size:14px}.ct-exports b{border-radius:20px;background:#DCFCE7;color:#059669;font-size:12px;padding:5px 10px;margin:0 12px}.ct-exports a{color:#1D4ED8;font-weight:700;margin-left:auto}.ct-exports button{color:#EF4444;border:0;background:transparent;font-size:20px}.ct-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:24px}.ct-card{background:#fff;border:1px solid #DFE5ED;border-radius:22px;overflow:hidden;min-width:0}.ct-card>header{display:flex;align-items:center;gap:14px;padding:22px;min-height:102px;position:relative}.ct-avatar{display:flex;align-items:center;justify-content:center;border:2px solid #E2E8F0;background:#EFF6FF;color:#3B82F6;width:62px;height:62px;flex:none;border-radius:50%;font-size:24px;font-weight:750}.ct-identity{min-width:0;flex:1;padding-right:108px}#contactsWorkspace .ct-identity h2{font:750 18px/24px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 4px}.ct-identity p{font-size:14px;line-height:20px;color:#2563EB;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-card-actions{position:absolute;right:22px;top:22px;display:flex;gap:6px}.ct-card-actions button{display:flex;align-items:center;justify-content:center;width:37px;height:38px;padding:0;border-radius:10px;color:#3B82F6;font-size:20px}.ct-card-actions button:nth-child(2){color:#D97706}.ct-card-actions button:nth-child(3){color:#EF4444}.ct-card-body{padding:16px 22px;border-top:1px solid #F5F7FA;border-bottom:1px solid #F5F7FA}.ct-identifier{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#F8FAFC;border:1px solid #DFE5ED;border-radius:6px;color:#8893A6;font-size:11px;font-weight:750;padding:3px 8px}.ct-card-body p{font-size:14px;color:#7B879B;margin:8px 0 0}.ct-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px}.ct-chat-count{display:inline-block;border-radius:20px;padding:5px 12px;border:1px solid #BFDBFE;background:#EFF6FF;color:#2563EB;font-size:12px;font-weight:700}.ct-card time{color:#94A3B8;font-size:12px}.ct-more{text-align:center;margin:30px 0 0}.ct-more button{min-width:170px;padding:13px 22px;font-size:16px}.ct-dialog{width:500px;max-width:calc(100vw - 32px);max-height:90vh;overflow:auto;border:1px solid #D8E1EE;border-radius:20px;padding:28px;color:#101828;box-shadow:0 24px 80px #0F172A40}.ct-dialog::backdrop{background:#0B122980;backdrop-filter:blur(3px)}.ct-dialog header,.ct-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ct-dialog header{margin-bottom:20px}.ct-dialog h2{font:750 23px/30px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}.ct-dialog header button{border:0;background:transparent;font-size:24px}.ct-dialog label{display:block;font-size:13px;font-weight:600;margin:16px 0}.ct-dialog input,.ct-dialog select{display:block;width:100%;height:44px;border:1px solid #CCD7E7;border-radius:9px;margin-top:8px;padding:10px 12px;background:#fff;color:#101828;font-size:14px}.ct-dialog footer{justify-content:flex-end;margin-top:24px}.ct-dialog footer button{padding:10px 18px;border:1px solid #DFE5ED;border-radius:9px}.ct-dialog .ct-primary{background:#2563EB;color:#fff}.ct-danger{background:#DC2626;color:#fff}#ctGroupsList{display:grid;gap:10px}#ctGroupsList button{display:flex;justify-content:space-between;border:1px solid #DFE5ED;border-radius:10px;padding:12px;background:#F8FAFC;color:#101828}#ctAdvanced{margin:20px 40px;padding:18px;border:1px solid #DFE5ED;border-radius:16px;background:#fff}#ctAdvanced>summary{cursor:pointer;font-weight:650;color:#475569}#ctAdvanced>.page-head{display:none}
@media(max-width:1550px){.ct-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.ct-card>header{padding:18px;gap:10px}.ct-card-actions{right:14px;gap:4px}.ct-card-actions button{width:30px}.ct-identity{padding-right:94px}.ct-avatar{width:48px;height:48px}.ct-stat{padding:18px;gap:14px}}
@media(max-width:1100px){.ct-stats,.ct-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-hero{flex-wrap:wrap}.ct-hero-actions{margin-left:0}.ct-workspace{padding:24px}}
@media(max-width:650px){.ct-stats,.ct-cards{grid-template-columns:1fr}.ct-workspace{padding:16px}.ct-hero{padding:24px}.ct-hero-actions{flex-wrap:wrap}.ct-exports{flex-wrap:wrap}.ct-identity{padding-right:106px}.ct-card-actions button{width:34px}#ctAdvanced{margin:16px}}
.ct-icon svg{width:27px;height:27px}.ct-hero>.ct-icon svg{width:30px;height:30px}.ct-hero-actions button,.ct-export{display:inline-flex;align-items:center;justify-content:center;gap:9px}.ct-hero-actions svg,.ct-export svg{width:19px;height:19px}.ct-search>span svg{width:19px;height:19px;display:block}.ct-card-actions svg{width:18px;height:18px}
/* B11 Reports overview: compact analytics hierarchy, Upvort palette. */
body:has(#reportsWorkspace) main.wrap{max-width:none!important;padding:0!important;width:100%}body:has(#reportsWorkspace) .guide-bar{display:none}.rp-layout{display:grid;grid-template-columns:260px minmax(0,1fr);background:#F7F9FC;min-height:calc(100vh - 64px);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101828}.rp-layout>.subnav{position:sticky!important;top:64px;height:calc(100vh - 64px);overflow:auto;width:260px!important;padding:20px 14px;background:#fff;border-right:1px solid #DFE7F1;border-radius:0;align-self:start;display:block!important}.rp-layout .subnav-group{display:flex;flex-direction:column;gap:6px;padding:12px 0 20px;border-bottom:1px solid #EDF2F7;margin-bottom:14px}.rp-layout .subnav-group b{font-size:12px;color:#95A4BC;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.rp-layout .subnav a{display:flex;align-items:center;min-height:44px;padding:12px 16px;color:#43546C;border-radius:10px;font-size:15px;text-decoration:none}.rp-layout .subnav a[href="/reports"]{background:#EFF6FF;color:#1D4ED8;border-left:3px solid #60A5FA;font-weight:700}.rp-content{padding:24px 36px;min-width:0}.rp-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.rp-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:15px;background:#101827;color:#93C5FD;font-size:24px;box-shadow:0 4px 12px #0B12291A;flex:none}#reportsWorkspace h1{font:750 26px/32px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;margin:0 0 3px}.rp-header p,.rp-chart-panel p{font-size:14px;color:#95A4BC;margin:0}.rp-header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.rp-header button{font:650 13px/18px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border:1px solid #DCE5F0;background:#fff;color:#56667E;border-radius:10px;padding:8px 16px;cursor:pointer}.rp-periods{display:flex;gap:4px;background:#F0F4F9;border-radius:12px;padding:3px}.rp-periods button{border:0;background:transparent;color:#95A4BC;padding:5px 12px}.rp-periods .selected{background:#fff;color:#101828;box-shadow:0 1px 4px #0B12291A}.rp-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid #DFE7F1;border-radius:20px;background:#fff;box-shadow:0 2px 4px #10182804;margin-bottom:28px;overflow:hidden}.rp-strip>div{padding:16px 20px;border-right:1px solid #EDF2F7;min-width:0}.rp-strip>div:last-child{border:0}.rp-strip b{display:block;font-size:20px;line-height:26px;font-weight:750}.rp-strip span{display:block;font-size:12px;line-height:18px;color:#95A4BC;font-weight:600}.rp-cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;margin-bottom:28px}.rp-metric{position:relative;border:1px solid #DFE7F1;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 2px 4px #10182804;padding:26px;min-height:207px;--rp-accent:#3B82F6;--rp-tint:#EFF6FF}.rp-metric:before{content:'';position:absolute;left:12px;right:12px;top:0;height:3px;background:var(--rp-accent)}.rp-metric header{display:flex;align-items:flex-start;justify-content:space-between;gap:4px;margin-bottom:24px}.rp-metric header>span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--rp-tint);color:var(--rp-accent);flex:none}.rp-metric svg{width:22px;height:22px}.rp-metric small{display:inline-block;font-size:11px;line-height:15px;padding:3px 6px;border-radius:7px;text-align:center;font-weight:700}.rp-neutral{background:#F3F5F8;color:#95A4BC}.rp-down{background:#FFF0F0;color:#EF4444}.rp-up{background:#E9FAF0;color:#139A51}#reportsWorkspace .rp-metric>b{display:block;font:800 clamp(26px,2.4vw,44px)/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-1px;white-space:nowrap}.rp-metric p{font-size:14px;font-weight:600;line-height:21px;color:#95A4BC;margin:14px 0 0}.rp-color-0{--rp-accent:#2563EB;--rp-tint:#EFF6FF}.rp-color-1{--rp-accent:#3B82F6;--rp-tint:#ECF3FF}.rp-color-2{--rp-accent:#22C55E;--rp-tint:#E9FAF0}.rp-color-3{--rp-accent:#F97316;--rp-tint:#FFF2E9}.rp-color-4{--rp-accent:#14B8A6;--rp-tint:#E8FAF7}.rp-color-5{--rp-accent:#7C5CFF;--rp-tint:#F1EEFF}.rp-color-6{--rp-accent:#F59E0B;--rp-tint:#FFF6E5}.rp-chart-panel,.rp-tables>section{border:1px solid #DFE7F1;border-radius:20px;background:#fff;box-shadow:0 2px 4px #10182804;overflow:hidden}.rp-chart-panel{padding:26px 30px;margin-bottom:24px}.rp-chart-panel>header,.rp-tables header{display:flex;align-items:center;justify-content:space-between;gap:14px}#reportsWorkspace h2{font:650 18px/26px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;margin:0}.rp-legend{display:flex;gap:18px;font-size:13px;white-space:nowrap}.rp-legend span:first-child{color:#3B82F6}.rp-legend span:last-child{color:#38BDF8}.rp-chart{margin-top:22px}.rp-chart>svg{display:block;width:100%;height:auto;min-height:180px}.rp-chart text{font:11px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;fill:#95A4BC}.rp-chart-data{font-size:12px;color:#64748B;margin-top:10px}.rp-chart-data summary{cursor:pointer}.rp-tables{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rp-tables header{padding:20px 26px;border-bottom:1px solid #EDF2F7}.rp-tables header a{font-size:13px;font-weight:650;color:#2563EB}.rp-tables table,.rp-chart-data table{width:100%;border-collapse:collapse;table-layout:fixed}.rp-tables th{text-align:left;background:#F9FBFD;font-size:12px;letter-spacing:.4px;color:#95A4BC;font-weight:700;padding:13px 26px}.rp-tables th:first-child{width:46%}.rp-tables td{font-size:14px;line-height:20px;color:#56667E;padding:16px 26px;border-top:1px solid #EDF2F7;overflow-wrap:anywhere}.rp-tables td:first-child{color:#101828;font-weight:600}.rp-tables td:last-child{white-space:nowrap;color:#95A4BC;font-size:12px}.rp-share{display:inline-block;width:42px;height:6px;background:#EDF2F7;border-radius:4px;vertical-align:middle;margin-right:9px;overflow:hidden}.rp-share i{display:block;height:100%;background:#3B82F6;border-radius:4px}.rp-empty{padding:24px;color:#95A4BC}.rp-definitions{font-size:12px;color:#64748B;line-height:20px;margin-top:24px}.rp-definitions summary{cursor:pointer;font-weight:650}#rpStatus:empty{display:none}#rpStatus{font-size:14px;color:#64748B}#rpAdvanced{margin:24px;padding:18px;background:#fff;border:1px solid #DFE7F1;border-radius:16px}#rpAdvanced>summary{cursor:pointer;color:#475569;font-weight:650}#rpAdvanced>.page-head{display:none}
@media(max-width:1600px){.rp-content{padding:24px}.rp-metric{padding:18px 14px}.rp-metric header{flex-wrap:wrap}.rp-strip>div{padding:14px 10px}.rp-header{flex-wrap:wrap}.rp-header-actions{flex-wrap:wrap}.rp-layout{grid-template-columns:220px minmax(0,1fr)}.rp-layout>.subnav{width:220px!important}.rp-metric p{font-size:12px}}
@media(max-width:1200px){.rp-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.rp-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.rp-tables{grid-template-columns:1fr}.rp-header-actions{margin-left:0}.rp-chart-panel{padding:20px}.rp-tables td,.rp-tables th{padding:14px 20px}}
@media(max-width:800px){.rp-layout{grid-template-columns:1fr}.rp-layout>.subnav{position:static!important;width:100%!important;height:auto;max-height:190px;overflow:auto;display:flex!important;gap:16px}.rp-layout .subnav-group{min-width:150px;margin:0;border:0;padding:0}.rp-content{padding:18px}.rp-legend{gap:10px;font-size:11px}.rp-header-actions{width:100%}.rp-periods{flex-wrap:wrap}.rp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-chart-panel>header{flex-wrap:wrap}}
.rp-nav-icon{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;background:#F1F5F9;border-radius:10px;color:#94A3B8;margin-right:12px}.rp-nav-icon svg{width:17px;height:17px}.rp-layout .subnav a{padding:8px 10px}.rp-layout .subnav a[href="/reports"] .rp-nav-icon{background:#DBEAFE;color:#2563EB}
.rp-layout .subnav a{font-weight:400!important}.rp-layout .subnav a[href="/reports"]{font-weight:700!important}.rp-metric header{min-height:48px}
@media(min-width:1201px) and (max-width:1600px){.rp-metric header{height:86px;align-content:flex-start;row-gap:8px}}
/* B12 Campaign management: reference hierarchy, Upvort navy/blue. */
body:has(#campaignsWorkspace) main.wrap{max-width:none!important;padding:0!important;width:100%}body:has(#campaignsWorkspace) .guide-bar{display:none}.cg-workspace{padding:32px;background:#F4F6F9;color:#101828;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;min-height:85vh}.cg-header{display:flex;align-items:center;gap:20px;margin:4px 0 34px}.cg-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;background:#101827;color:#93C5FD;border-radius:17px;flex:none}.cg-header>.cg-icon{width:68px;height:68px}.cg-icon svg{width:29px;height:29px}#campaignsWorkspace h1{font:800 29px/36px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;margin:0 0 4px}.cg-header p{font-size:15px;color:#7B879B;margin:0}.cg-header>button{margin-left:auto}.cg-workspace button,.cg-builder button{font-family:inherit;cursor:pointer}.cg-workspace button{padding:10px 18px;border:1px solid #DCE5F0;border-radius:11px;background:#fff;color:#101828;font-weight:650;font-size:14px}.cg-workspace .cg-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#2563EB!important;border-color:#2563EB!important;color:#fff!important;padding:14px 24px;font-size:16px;box-shadow:0 4px 16px #2563EB1A}.cg-primary svg{width:20px;height:20px}.cg-billing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#0B1220;border-radius:22px;color:#fff;padding:28px 32px 18px;box-shadow:0 8px 24px #10182814;margin-bottom:10px}.cg-billing>div{display:flex;align-items:center;gap:16px;border-right:1px solid #FFFFFF1A;padding:0 28px}.cg-billing>div:first-child{padding-left:0}.cg-billing>div:nth-child(3){border:0}.cg-billing small{display:block;font-size:13px;line-height:19px;font-weight:750;color:#94A3B8;letter-spacing:.3px}.cg-billing b{display:block;font-size:28px;line-height:35px;font-weight:800}.cg-billing p{font-size:12px;line-height:19px;color:#71839C;margin:2px 0 0}.cg-bill-icon{display:flex;align-items:center;justify-content:center;width:53px;height:53px;background:#1E293B;border-radius:15px;flex:none;color:#CBD5E1}.cg-bill-icon svg{width:24px;height:24px}.cg-brand{background:#2563EB;color:#fff}#cgCountdown{color:#93C5FD;white-space:nowrap;font-size:25px}.cg-billing>.cg-bill-note{grid-column:1/-1;margin:26px 0 0;color:#93A4BA;font-size:12px}.cg-section-label{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:1px;color:#9AA5B6;font-size:13px!important;font-weight:800!important;line-height:20px;margin:12px 2px}.cg-section-label:after{content:'';height:1px;background:#DFE5EE;flex:1}.cg-overview{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;margin-bottom:28px}.cg-overview>article{padding:28px 30px;border-radius:21px;background:#fff;border:1px solid #EDF1F7;box-shadow:0 2px 5px #10182805;min-height:254px}.cg-overview .cg-total{background:linear-gradient(120deg,#0B1220,#1B2638);color:#fff}.cg-overview header,.cg-volume-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.cg-workspace article small{display:inline-block;font-size:12px;border-radius:18px;padding:5px 12px;border:1px solid #BFDBFE;background:#EFF6FF;color:#2563EB;font-weight:750}.cg-total small{background:#172E52!important;color:#93C5FD!important;border-color:#335786!important}#campaignsWorkspace .cg-overview article>b{display:block;font:800 48px/58px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;letter-spacing:-1px}.cg-workspace h3{font-size:14px;font-weight:700;line-height:21px;margin:6px 0;color:#455168}.cg-total h3{color:#93C5FD}.cg-total p{display:flex;gap:22px;font-size:13px;color:#CBD5E1;font-weight:650;margin:16px 0 0}.cg-rate p{font-size:13px;line-height:20px;color:#94A3B8;margin:6px 0 12px}.cg-progress{height:7px;background:#EDF2F8;border-radius:5px;overflow:hidden}.cg-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#60A5FA,#2563EB);border-radius:5px}.cg-progress-alt i{background:linear-gradient(90deg,#7DD3FC,#38BDF8)}.cg-volume{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:30px}.cg-volume-card{background:#fff;border:1px solid #EDF1F7;border-radius:18px;padding:24px;box-shadow:0 2px 5px #10182805;min-height:196px}.cg-volume-card .cg-icon{width:50px;height:50px;border-radius:14px;font-size:24px;font-weight:750}.cg-volume-card header{margin-bottom:12px}#campaignsWorkspace .cg-volume-card>b{font:800 35px/43px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important}.cg-volume-card h3{font-size:12px;letter-spacing:.5px;color:#95A0B2;margin:2px 0 6px}.cg-volume-card p{font-size:12px;color:#7B879B;line-height:19px;margin:0}.cg-failed .cg-icon{background:#7F1D1D;color:#F87171}.cg-failed small{border-color:#FECACA!important;background:#FFF1F2!important;color:#EF4444!important}.cg-chart-panel,.cg-recent{background:#fff;border:1px solid #EDF1F7;border-radius:22px;box-shadow:0 2px 5px #10182805;overflow:hidden;margin-bottom:28px}.cg-chart-panel{padding:28px 30px}.cg-chart-panel>header,.cg-recent>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cg-workspace h2:not(.cg-section-label){font:750 20px/28px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;margin:0}.cg-chart-panel p{font-size:13px;color:#94A3B8;margin:3px 0}.cg-legend{display:flex;gap:18px;font-size:13px;color:#2563EB}.cg-legend span:last-child{color:#38BDF8}#cgChart{margin-top:20px}#cgChart svg{display:block;width:100%;min-height:240px;height:auto}#cgChart text{font:11px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;fill:#94A3B8}#cgChart details{font-size:12px;color:#64748B;margin-top:12px}#cgChart summary{cursor:pointer}.cg-recent>header{padding:24px 28px;border-bottom:1px solid #EDF2F7}.cg-recent table,#cgChart table{border-collapse:collapse;width:100%;text-align:left}.cg-recent th,.cg-recent td,#cgChart th,#cgChart td{padding:16px 24px;border-bottom:1px solid #EDF2F7;font-size:13px;color:#475569}.cg-recent th{background:#F9FBFD;color:#94A3B8;font-size:12px}.cg-status{display:inline-block;padding:4px 9px;background:#EFF6FF;color:#2563EB;border-radius:7px}.cg-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:400px;padding:50px 24px}.cg-empty>div{color:#E2E8F0;font-size:70px;line-height:80px}.cg-empty h3{font-size:21px;margin:14px 0 8px}.cg-empty p{color:#94A3B8;font-size:15px;line-height:24px;margin:0 0 28px}.cg-empty .cg-primary{min-height:68px;padding:20px 30px}.cg-scope-note{font-size:12px;color:#94A3B8;margin:0 2px 14px}.cg-definitions{font-size:12px;color:#64748B;line-height:20px}.cg-definitions summary{cursor:pointer;font-weight:650}#cgStatus:empty{display:none}.cg-builder{width:1150px;max-width:calc(100vw - 40px);height:90vh;max-height:90vh;border:1px solid #DCE5F0;border-radius:20px;padding:28px;overflow:auto;color:#101828}.cg-builder::backdrop{background:#0B122980;backdrop-filter:blur(3px)}.cg-builder>.cg-builder-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cg-builder-head h2{margin:0;font-size:22px}.cg-builder-head button{border:1px solid #DCE5F0;border-radius:10px;background:#fff;padding:8px 14px}.cg-builder>.page-head{display:none}.cg-builder>.grid{grid-template-columns:repeat(12,minmax(0,1fr))}.cg-builder>.grid>.span8{grid-column:span 8}.cg-builder>.grid>.span4{grid-column:span 4}
@media(max-width:1200px){.cg-billing{padding:24px}.cg-billing>div{padding:0 16px;gap:12px}.cg-bill-icon{width:44px;height:44px}.cg-billing b{font-size:23px}#cgCountdown{font-size:20px}.cg-overview>article{padding:24px}.cg-workspace{padding:24px}}
@media(max-width:850px){.cg-billing,.cg-overview{grid-template-columns:1fr}.cg-billing>div{padding:18px 0!important;border-right:0;border-bottom:1px solid #FFFFFF1A}.cg-volume{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-header{flex-wrap:wrap}.cg-header>button{margin-left:0}.cg-builder>.grid>.span8,.cg-builder>.grid>.span4{grid-column:span 12}.cg-recent{overflow:auto}.cg-chart-panel>header{flex-wrap:wrap}}
@media(max-width:500px){.cg-workspace{padding:16px}.cg-volume{grid-template-columns:1fr}.cg-header h1{font-size:25px!important}.cg-chart-panel{padding:20px}.cg-builder{padding:18px}}
/* B13 Template library, Upvort brand. */
body:has(#templatesWorkspace) main.wrap{max-width:none!important;padding:0!important;width:100%}body:has(#templatesWorkspace) .guide-bar{display:none}.tp-workspace{padding:30px 38px;background:#EFF2F6;color:#101828;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;min-height:85vh}.tp-hero{position:relative;display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #DFE5ED;border-radius:20px;padding:30px 34px;min-height:126px;margin-bottom:30px;overflow:hidden}.tp-hero:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#60A5FA,#2563EB)}.tp-icon{display:flex;align-items:center;justify-content:center;flex:none;width:65px;height:65px;border-radius:19px;background:#101827;color:#93C5FD}.tp-icon svg{width:30px;height:30px}#templatesWorkspace h1{font:800 28px/35px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;margin:0 0 4px}.tp-hero p{font-size:15px;line-height:23px;color:#D97706;margin:0}.tp-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.tp-workspace button,.tp-manager-dialog button,.tp-preview button{border:1px solid #DCE5F0;background:#fff;color:#455168;border-radius:12px;padding:11px 18px;font:650 14px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer}.tp-actions button{display:flex;align-items:center;justify-content:center;gap:8px}.tp-actions svg{width:18px;height:18px}.tp-workspace .tp-primary{background:#2563EB!important;border-color:#2563EB!important;color:#fff!important}.tp-workspace button:disabled{opacity:.5;cursor:not-allowed}.tp-permissions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#0B1220;color:#fff;border-radius:15px;padding:20px 24px;min-height:67px;margin-bottom:26px;font-size:14px}.tp-permissions>span{display:flex;color:#93C5FD;margin-right:2px}.tp-permissions>span svg{width:20px;height:20px}.tp-permissions b{font-size:14px;font-weight:750;white-space:nowrap}.tp-permissions p{color:#CBD5E1;margin:0}.tp-permissions code{color:#93C5FD;border:1px solid #32415C;border-radius:6px;padding:4px 8px;background:#172238;font-size:12px;font-weight:700}.tp-notice{background:#FCFDFE;border:1px dashed #DCE5F0;border-radius:16px;padding:20px 22px;color:#758298;font-size:14px;line-height:22px;margin-bottom:28px}.tp-notice p{margin:8px 0 0;color:#70819C}.tp-counts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:26px}.tp-workspace .tp-count{background:#fff;border:2px solid transparent;border-radius:17px;text-align:left;padding:20px;position:relative;min-height:94px}.tp-workspace .tp-count.selected{background:#F8FAFC;border-color:#101827}.tp-count.selected:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#101827;border-radius:0 0 15px 15px}#templatesWorkspace .tp-count b{display:block;font:800 30px/36px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;color:#455168}.tp-count span{display:block;font-size:12px;line-height:18px;letter-spacing:.3px;color:#95A0B2;font-weight:750}.tp-count-1 b{color:#16A34A!important}.tp-count-2 b{color:#D97706!important}.tp-count-3 b{color:#EF4444!important}.tp-count-4 b{color:#F97316!important}.tp-count-5 b{color:#2563EB!important}.tp-filters{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.tp-search{display:flex;align-items:center;gap:12px;flex:1;min-width:240px;height:46px;border:1px solid #DCE5F0;border-radius:13px;background:#fff;padding:0 15px;color:#94A3B8}.tp-search svg{width:18px;height:18px;flex:none}.tp-search input{width:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:14px}.tp-filters select{height:44px;border:1px solid #DCE5F0;background:#fff;border-radius:12px;padding:10px 14px;color:#455168;font-size:14px;font-weight:600;min-width:120px}#tpStatusText{font-size:13px;color:#7B879B;min-height:20px}.tp-results{border:1px solid #DFE5ED;background:#fff;border-radius:22px;overflow:auto}.tp-results table{width:100%;border-collapse:collapse;text-align:left;min-width:820px}.tp-results th{padding:15px 22px;background:#F9FBFD;color:#94A3B8;font-size:11px;font-weight:750;letter-spacing:.4px}.tp-results td{padding:18px 22px;color:#52627C;font-size:13px;line-height:20px;border-top:1px solid #EDF2F7}.tp-results td:first-child{color:#101828}.tp-badge{display:inline-block;background:#F1F5F9;border-radius:7px;padding:4px 8px;font-size:12px;color:#64748B;font-weight:650}.tp-approved{background:#DCFCE7;color:#15803D}.tp-rejected{background:#FFF1F2;color:#DC2626}.tp-pending{background:#FFF7E5;color:#B45309}.tp-paused{background:#FFF1E5;color:#EA580C}.tp-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:405px;padding:60px 24px}.tp-empty-icon{display:flex;align-items:center;justify-content:center;font-size:78px;line-height:90px;color:#E2E8F0;margin-bottom:12px}.tp-empty-icon svg{width:65px;height:65px}#templatesWorkspace .tp-empty h2{font:750 22px/30px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;margin:0 0 10px;color:#455168}.tp-empty p{font-size:15px;line-height:25px;color:#94A3B8;max-width:550px;margin:0 0 28px}.tp-empty>div:last-child{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tp-related{margin-top:24px;color:#64748B;font-size:12px;line-height:20px}.tp-related summary{cursor:pointer;font-weight:650}.tp-manager-dialog,.tp-preview{width:550px;max-width:calc(100vw - 40px);border:1px solid #DCE5F0;border-radius:20px;padding:28px;color:#101828;box-shadow:0 24px 80px #0F172A40}.tp-manager-dialog::backdrop,.tp-preview::backdrop{background:#0B122980;backdrop-filter:blur(3px)}.tp-manager-dialog header,.tp-preview header{display:flex;align-items:center;justify-content:space-between;gap:14px}.tp-manager-dialog h2,.tp-preview h2{font-size:22px;margin:0}.tp-manager-dialog p,.tp-preview p{font-size:14px;line-height:23px;color:#64748B}.tp-manager-dialog a{display:inline-block;padding:12px 18px;background:#2563EB;color:#fff;border-radius:10px;font-size:14px;font-weight:650;text-decoration:none}.tp-body{white-space:pre-wrap;border:1px solid #DCE5F0;background:#F8FAFC;border-radius:13px;padding:20px;font-size:14px;line-height:22px}.tp-builder{width:1150px;max-width:calc(100vw - 40px);height:90vh;max-height:90vh;border:1px solid #DCE5F0;border-radius:20px;padding:28px;overflow:auto;color:#101828}.tp-builder::backdrop{background:#0B122980;backdrop-filter:blur(3px)}.tp-builder-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tp-builder-head h2{font-size:22px;margin:0}.tp-builder-head button{border:1px solid #DCE5F0;background:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}.tp-builder>.page-head .sub{display:none}.tp-builder>.page-head h1{font-size:22px!important}.tp-builder>.grid{width:100%}
@media(max-width:1300px){.tp-actions{margin-left:0;justify-content:flex-start}.tp-hero{flex-wrap:wrap}.tp-workspace{padding:24px}.tp-counts{gap:10px}.tp-count{padding:16px!important}}
@media(max-width:850px){.tp-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.tp-permissions{padding:20px;gap:10px}.tp-hero{padding:24px}.tp-actions{width:100%}.tp-workspace{padding:18px}}
@media(max-width:500px){.tp-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-actions{align-items:stretch;flex-direction:column}.tp-filters select{flex:1}.tp-search{min-width:100%}.tp-builder{padding:16px}}
/* B14 WhatsApp setup: numbered, connected-client onboarding in Upvort branding. */
body:has(#whatsappWorkspace) main.wrap{max-width:none!important;padding:0!important;width:100%}body:has(#whatsappWorkspace) .guide-bar{display:none}.ws-workspace{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#101828;background:#F4F6FA;min-height:85vh}.ws-hero{display:flex;align-items:center;gap:24px;padding:40px 50px;background:linear-gradient(110deg,#080F1E,#101D34);color:#fff;min-height:200px}.ws-brand-icon{width:75px;height:75px;display:flex;align-items:center;justify-content:center;flex:none;background:linear-gradient(140deg,#2563EB,#38BDF8);border-radius:23px;box-shadow:0 0 30px #3B82F624}.ws-brand-icon svg{width:34px;height:34px}#whatsappWorkspace h1{font:800 29px/37px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;margin:0 0 5px}.ws-hero p{font-size:15px;line-height:23px;color:#94A3B8;margin:0}.ws-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.ws-badges span{display:inline-block;padding:7px 13px;border:1px solid #315078;border-radius:22px;color:#93C5FD;font-size:12px;font-weight:750;background:#12233C}.ws-connection{margin-left:auto;border:1px solid #26344C;border-radius:20px;background:#111C2F;text-align:center;padding:22px 28px;min-width:230px;flex:none}.ws-connection small{display:block;font-size:12px;font-weight:750;letter-spacing:1px;color:#94A3B8}.ws-connection b{display:block;font-size:20px;line-height:28px;margin:8px 0;color:#CBD5E1}.ws-connection p{font-size:12px}.ws-connection .ws-connected{color:#34D399}.ws-connection .ws-pending{color:#93C5FD}.ws-content{padding:38px 50px}.ws-back{display:inline-block;font-size:14px;font-weight:650;color:#64748B;margin:8px 0 30px;text-decoration:none}.ws-ready{background:#fff;border:1px solid #EDF2F7;border-radius:21px;padding:26px 30px;margin-bottom:40px;box-shadow:0 2px 5px #10182805}#whatsappWorkspace h2{font:750 18px/26px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;margin:0}.ws-ready h2{font-size:16px!important}.ws-ready ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:24px 0 0}.ws-ready li{position:relative;padding-left:25px;color:#475569;font-size:14px;line-height:22px;font-weight:500}.ws-ready li:before{content:'✓';position:absolute;left:0;top:1px;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;font-size:10px;background:#DBEAFE;color:#2563EB;font-weight:800}.ws-summary{display:flex;align-items:center;gap:22px;background:#EFF6FF;border:1px solid #93C5FD;border-radius:18px;padding:24px 28px;margin-bottom:40px;color:#1D4ED8}.ws-summary>div:first-child{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#DBEAFE;border-radius:16px;flex:none}.ws-summary svg{width:26px;height:26px}.ws-summary p{font-size:14px;line-height:22px;margin:4px 0 8px;color:#3B82F6}.ws-summary.is-connected{background:#F0FDF7;border-color:#86EFAC;color:#15803D}.ws-summary.is-connected p{color:#16A34A}.ws-summary.is-connected>div:first-child{background:#DCFCE7}.ws-flags{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.ws-step{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;margin-bottom:30px}.ws-step:before{content:'';position:absolute;left:31px;top:58px;bottom:-31px;width:2px;background:#E2E8F0}.ws-step:last-child:before{display:none}.ws-step-number{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(#1D4ED8,#38BDF8);border:2px solid #60A5FA;outline:5px solid #F4F6FA;color:#fff;font-size:20px;font-weight:800;margin-top:5px;z-index:1}.ws-step>section{background:#fff;border:1px solid #EDF2F7;border-radius:22px;overflow:hidden;box-shadow:0 2px 5px #10182805}.ws-step header{display:flex;align-items:center;gap:16px;padding:24px 28px;border-bottom:1px solid #F1F5F9}.ws-step-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:14px;flex:none;background:#101827;color:#93C5FD}.ws-step-icon svg{width:23px;height:23px}.ws-step header p{font-size:13px;color:#94A3B8;margin:3px 0 0;line-height:21px}.ws-step-body{padding:26px 28px}.ws-step-body p,.ws-step-body li{font-size:14px;line-height:24px;color:#52627B}.ws-step-body ol{margin:0 0 24px;padding-left:24px}.ws-step-body li{padding-left:8px;margin-bottom:14px}.ws-account-picker,.ws-id-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ws-workspace label,.ws-dialog label{display:block;font-size:13px;font-weight:650;color:#455168;margin:16px 0}.ws-workspace input,.ws-workspace select,.ws-dialog input{width:100%;height:50px;border:1px solid #DFE5ED;background:#fff;border-radius:13px;padding:12px 16px;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#101828;margin-top:8px}.ws-workspace input:focus,.ws-workspace select:focus,.ws-dialog input:focus{outline:2px solid #93C5FD;outline-offset:1px}.ws-workspace button,.ws-dialog button{font:650 14px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#fff;color:#455168;border:1px solid #DFE5ED;border-radius:11px;padding:11px 18px;cursor:pointer}.ws-workspace button:disabled,.ws-dialog button:disabled{opacity:.5;cursor:not-allowed}.ws-workspace .ws-primary,.ws-dialog .ws-primary{background:#2563EB!important;color:#fff!important;border-color:#2563EB!important;padding:15px 24px;font-size:16px}.ws-copy-row{display:flex;align-items:center;gap:16px;background:#F8FAFC;border:1px solid #DFE5ED;border-radius:15px;padding:16px 20px;margin-top:14px}.ws-copy-row>div{flex:1;min-width:0}.ws-copy-row b{font-size:11px;letter-spacing:.5px;color:#94A3B8}.ws-copy-row input{margin:4px 0 0;height:30px;border:0;background:transparent;border-radius:0;padding:0;font:13px/20px ui-monospace,monospace}.ws-copy-row button{padding:8px 14px;background:#101827;color:#fff;border:0;font-size:12px}.ws-step-body .ws-hint{font-size:12px;line-height:20px;color:#94A3B8}.ws-token-notice{background:#FFF9EB;border:1px solid #FDE68A;color:#A16207;border-radius:13px;padding:16px 18px;font-size:13px;line-height:21px;margin:20px 0}.ws-savebar{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #EDF2F7;border-radius:20px;padding:24px 30px;margin-bottom:24px;box-shadow:0 2px 5px #10182805}.ws-savebar p{font-size:13px;line-height:22px;color:#7B879B;margin:0}.ws-savebar button{flex:none}.ws-verification{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #EDF2F7;border-radius:18px;padding:24px 28px}.ws-verification>div{flex:1}.ws-verification p{font-size:13px;line-height:21px;color:#7B879B;margin:6px 0 0}.ws-related{margin-top:24px;font-size:13px;color:#64748B}.ws-related summary{cursor:pointer;font-weight:650}.ws-dialog{width:550px;max-width:calc(100vw - 40px);padding:28px;border:1px solid #DCE5F0;border-radius:20px;color:#101828}.ws-dialog::backdrop{background:#0B122980;backdrop-filter:blur(3px)}.ws-dialog header,.ws-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ws-dialog h2{font-size:22px;margin:0}.ws-dialog p{font-size:14px;line-height:23px;color:#64748B}.ws-dialog footer{justify-content:flex-end;margin-top:24px}#waStatus{font-size:14px;color:#475569}#waStatus:empty{display:none}#waLegacy{margin:24px;padding:18px;border:1px solid #DFE5ED;border-radius:16px;background:#fff}#waLegacy>summary{cursor:pointer;color:#64748B;font-weight:650}
@media(max-width:1200px){.ws-hero{padding:32px}.ws-content{padding:30px}.ws-ready ul{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-hero{flex-wrap:wrap}.ws-connection{margin-left:0}.ws-verification{flex-wrap:wrap}.ws-verification>div{flex-basis:100%}}
@media(max-width:700px){.ws-hero{padding:24px;gap:18px}.ws-content{padding:18px}.ws-step{grid-template-columns:38px minmax(0,1fr);gap:10px}.ws-step-number{width:35px;height:35px;font-size:14px}.ws-step:before{left:17px;top:40px}.ws-step header{padding:20px}.ws-step-body{padding:20px}.ws-id-fields,.ws-account-picker{grid-template-columns:1fr;gap:0}.ws-ready ul{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-savebar{flex-wrap:wrap;padding:24px}.ws-savebar button{width:100%}.ws-summary{padding:20px;gap:14px}.ws-copy-row{padding:14px;gap:8px}.ws-workspace h1{font-size:25px!important}}
/* Live OnCloud reference at1363px uses its compact typography scale. */
@media(min-width:851px) and (max-width:1440px){
#campaignsWorkspace h1{font-size:23.2px!important;line-height:28px!important}#campaignsWorkspace .cg-header p{font-size:12.8px}#campaignsWorkspace .cg-header>.cg-primary{font-size:13.76px;padding:10.88px 21.6px;font-weight:700;min-height:36.75px}#campaignsWorkspace .cg-overview article>b{font-size:38.4px!important;line-height:46px!important}#campaignsWorkspace .cg-volume-card>b{font-size:28px!important;line-height:35px!important}#campaignsWorkspace .cg-header>.cg-icon{width:54.4px;height:54.4px}#campaignsWorkspace .cg-overview>article{min-height:207px}#campaignsWorkspace .cg-billing{padding:22px 26px 16px}
#templatesWorkspace h1{font-size:22.4px!important;line-height:28px!important}#templatesWorkspace .tp-actions button{font-size:13.12px;font-weight:700;padding:8.8px 17.6px;min-height:34.6px}#templatesWorkspace .tp-actions .tp-primary{font-weight:800;padding:9.6px 19.2px}#templatesWorkspace .tp-hero{min-height:101px;padding:24px 27px}#templatesWorkspace .tp-icon{width:52px;height:52px}#templatesWorkspace .tp-count b{font-size:24px!important;line-height:29px!important}#templatesWorkspace .tp-count{min-height:76px;padding:16px}#templatesWorkspace .tp-empty{min-height:324px}
#whatsappWorkspace h1{font-size:23.2px!important;line-height:30px!important}#whatsappWorkspace .ws-step h2{font-size:15.52px!important;line-height:22px!important}#whatsappWorkspace .ws-step-body p,#whatsappWorkspace .ws-step-body li{font-size:12.8px;line-height:21px}#whatsappWorkspace .ws-hero{min-height:164px}#whatsappWorkspace .ws-brand-icon{width:60px;height:60px}
}
.tp-workspace .tp-count{display:block!important}.cg-empty>div svg{width:70px;height:70px;display:block}
.cg-billing>div>div{min-width:0}#cgCountdown{font-size:clamp(16px,1.5vw,25px);white-space:normal;overflow-wrap:anywhere}
@media(min-width:851px) and (max-width:1440px){#campaignsWorkspace .cg-header>.cg-primary{height:36.75px;min-height:36.75px;padding:0 21.6px}#templatesWorkspace .tp-actions button,#templatesWorkspace .tp-actions .tp-primary{height:34.6px;min-height:34.6px;padding:0 17.6px}#whatsappWorkspace .ws-hero{padding:32px 40px}#whatsappWorkspace .ws-connection{padding:17.6px 22.4px}#whatsappWorkspace .ws-connection small{font-size:9.6px}#whatsappWorkspace .ws-connection b{font-size:16px;line-height:22.4px;margin:6.4px 0}#whatsappWorkspace .ws-connection p{font-size:9.6px;line-height:15.2px}}

#waLegacy>.page-head{display:none}
/* Catalog setup and permissions: Upvort theme, reference structure. */
body:has(#catalogWorkspace) main.wrap{max-width:none!important;padding:0!important;width:100%}body:has(#catalogWorkspace) .guide-bar{display:none}.clg-layout{display:grid;grid-template-columns:260px minmax(0,1fr);background:#F6F8FA;min-height:85vh;color:#101828;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.clg-nav{position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto;background:#fff;border-right:1px solid #E2E8F0;padding:22px 12px}.clg-back{display:block;border:1px solid #E2E8F0;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:650;color:#64748B;text-decoration:none}.clg-nav>header{display:flex;align-items:center;gap:14px;padding:22px 6px 28px;border-bottom:1px solid #EDF2F7}.clg-nav>header>span{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#101827;color:#93C5FD;border-radius:15px;flex:none}.clg-nav header b{font-size:18px;font-weight:800}.clg-nav header small{display:block;color:#94A3B8;font-size:11px;letter-spacing:.6px;margin-top:3px}.clg-nav-section{padding-top:26px}.clg-nav-section>small{display:block;margin:0 8px 12px;color:#9AA5B5;font-size:12px;font-weight:750;letter-spacing:.6px}.clg-nav-section a,.clg-nav-section button{display:flex;align-items:center;gap:14px;min-height:54px;width:100%;font:400 15px/22px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#64748B;background:transparent;border:0;border-radius:12px;padding:12px 15px;text-decoration:none;text-align:left;margin:5px 0}.clg-nav-section button:disabled{opacity:.45;cursor:not-allowed}.clg-nav-section svg{width:32px;height:32px;flex:none;border-radius:10px;background:#F1F5F9;color:#94A3B8;padding:7px}.clg-nav-section .selected{background:#101827;color:white;font-weight:700}.clg-nav-section .selected svg{background:#1E3557;color:#93C5FD}.clg-content{padding:34px 38px;min-width:0}.clg-page-head{display:flex;align-items:center;gap:20px;margin-bottom:30px}.clg-page-head>span{width:63px;height:63px;display:flex;align-items:center;justify-content:center;border-radius:19px;background:#101827;color:#93C5FD;box-shadow:0 7px 18px #10182820;flex:none}.clg-page-head>span svg{width:28px;height:28px}#catalogWorkspace h1{font:800 26px/33px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;margin:0 0 4px}.clg-page-head p{font-size:14px;line-height:22px;color:#7B879B;margin:0}.clg-connection{margin-left:auto;display:block;padding:8px 14px;border:1px solid #E2E8F0;border-radius:20px;font-size:12px;line-height:18px;color:#9AA5B5;background:#F3F5F7;white-space:nowrap}.clg-connection.is-synced{background:#EFF6FF;color:#2563EB;border-color:#BFDBFE}.clg-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;margin-bottom:30px;overflow:hidden;box-shadow:0 4px 16px #10182804}.clg-card>header{display:flex;align-items:center;gap:14px;padding:26px 28px}.clg-card>header>span{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#101827;color:#93C5FD;flex:none}.clg-card header svg{width:23px;height:23px}#catalogWorkspace h2{font:800 18px/25px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;margin:0}.clg-card header p{font-size:13px;line-height:20px;color:#94A3B8;margin:3px 0 0}.clg-connect-form{display:flex;align-items:flex-end;gap:14px;padding:0 28px 28px}.clg-connect-form>div{flex:1;min-width:0}.clg-connect-form label{display:block;font-size:13px;font-weight:700;color:#455168}.clg-connect-form label span{color:#9AA5B5;font-weight:500}.clg-connect-form input{display:block;width:100%;height:48px;padding:12px 16px;border:1px solid #E2E8F0;border-radius:11px;background:#FBFCFE;font-size:15px;color:#101828;margin-top:8px}.clg-connect-form p{font-size:12px;line-height:20px;color:#94A3B8;margin:12px 0 0}.clg-primary{display:flex;align-items:center;justify-content:center;gap:10px;background:#2563EB!important;border:1px solid #2563EB!important;color:#fff!important;border-radius:12px;padding:13px 22px;font-size:15px;font-weight:750;cursor:pointer;flex:none}.clg-primary svg{width:19px;height:19px}.clg-connect-form button:disabled{opacity:.5}.clg-permissions>header{border-bottom:1px solid #EDF2F7}.clg-card header .clg-purple{background:#F3EFFF;color:#8B5CF6}.clg-card-body{padding:26px}.clg-permissions article{display:flex;align-items:flex-start;gap:16px;border:1px solid #E2E8F0;border-radius:15px;padding:20px;margin-bottom:16px}.clg-permissions article>span{width:48px;height:48px;background:#EFF6FF;color:#2563EB;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none}.clg-permissions article svg{width:23px;height:23px}.clg-permissions h3{font:750 16px/24px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;margin:0 0 4px}.clg-permissions article p{font-size:13px;line-height:23px;color:#758298;margin:3px 0}.clg-permissions code{display:inline-block;padding:2px 8px;border:1px solid #E2E8F0;border-radius:5px;background:#FAFBFD;font:12px/18px ui-monospace,monospace;color:#8B5CF6;overflow-wrap:anywhere;max-width:100%}.clg-permissions article small{display:block;font-size:11px;line-height:18px;color:#94A3B8;margin:6px 0}.clg-permissions article button{display:block;padding:7px 11px;border:1px solid #BFDBFE;color:#2563EB;background:#EFF6FF;border-radius:8px;font-size:12px;cursor:pointer;margin-top:10px}.clg-permissions article a{display:inline-block;font-size:12px;color:#2563EB;font-weight:650;margin-top:6px}.clg-permissions .clg-highlight{background:#F7FAFF;border-color:#BFDBFE}.clg-permissions aside{padding:19px 22px;border:1px solid #BFDBFE;border-radius:14px;background:#F5F9FF;color:#1D4ED8;font-size:13px;line-height:22px}.clg-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px;margin:0 0 20px}.clg-card dt{color:#94A3B8}.clg-card dd{margin:0;color:#475569}#clgStatus{font-size:13px;color:#64748B}#clgStatus:empty{display:none}#clgLegacy{margin:24px;padding:20px;border:1px solid #E2E8F0;border-radius:17px;background:#fff}#clgLegacy>summary{font-size:14px;font-weight:650;cursor:pointer;color:#64748B}#clgLegacy>.page-head{display:none}#catalogWorkspace [hidden]{display:none!important}
@media(max-width:1200px){.clg-layout{grid-template-columns:220px minmax(0,1fr)}.clg-content{padding:28px}.clg-page-head{flex-wrap:wrap}.clg-connection{margin-left:0}.clg-connect-form{flex-wrap:wrap}.clg-connect-form>div{flex-basis:100%}}
@media(max-width:750px){.clg-layout{grid-template-columns:1fr}.clg-nav{position:static;height:auto;max-height:210px;overflow:auto}.clg-nav-section{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:12px}.clg-nav-section>small{width:100%}.clg-nav-section a,.clg-nav-section button{width:auto;min-height:40px;margin:0}.clg-nav>header{padding:16px 6px}.clg-content{padding:18px}.clg-card-body{padding:18px}.clg-permissions article{padding:16px;gap:12px}.clg-permissions article>span{width:36px;height:36px}.clg-card>header,.clg-connect-form{padding:20px}.clg-page-head>span{width:52px;height:52px}}
/* B20 Bot Manager: scoped workspace, Upvort brand */
.bm-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#101b30}.bm-layout *{box-sizing:border-box}.bm-layout [hidden]{display:none!important}.bm-accounts{background:#fff;border:1px solid #e3e9f2;border-radius:20px;padding:20px;height:max-content}.bm-accounts header,.bm-account-header,.rb-header,.rb-list-heading{display:flex;align-items:center;gap:16px}.bm-accounts header{justify-content:space-between}.bm-accounts h2{font-size:15px;margin:0}.bm-accounts a{font-size:12px;color:#2563eb;text-decoration:none;font-weight:700}.bm-account-card{display:flex;gap:12px;background:#edf4ff;border:1px solid #d3e2ff;border-radius:12px;padding:16px;margin-top:24px}.bm-account-card>span{color:#2563eb}.bm-account-card b,.bm-account-card small,.bm-account-header span{display:block}.bm-account-card small,.bm-help,.bm-accounts p{font-size:12px;line-height:1.7;color:#73849e}.bm-main{min-width:0}.bm-account-header{justify-content:space-between;margin-bottom:20px;min-height:54px}.bm-account-header b{font-size:19px}.bm-account-header span{font-size:12px;color:#71829c;margin-top:6px}.bm-categories{display:flex;overflow:auto;border:1px solid #e0e8f2;border-radius:12px;background:#fff;box-shadow:0 2px 5px #13213b05}.bm-categories a{display:flex;align-items:center;gap:9px;justify-content:center;flex:1;padding:18px 14px;color:#71829c;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;border-bottom:4px solid transparent}.bm-categories a.selected{color:#2563eb;border-color:#2563eb;background:#f7faff}.bm-categories svg{width:20px;height:20px}.bm-subtabs{display:flex;gap:10px;overflow:auto;margin:16px 0 24px}.bm-subtabs a{padding:12px 16px;white-space:nowrap;background:white;border:1px solid #e2e8f0;border-radius:10px;font-size:12px;font-weight:600;text-decoration:none;color:#60738f}.bm-subtabs a.selected{color:#2563eb;border-color:#b5cfff;background:#edf4ff}.bm-outline,.rb-manager button,.rb-manager a.rb-dark{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce5f1;border-radius:10px;padding:11px 15px;background:#fff;color:#33455f;font:600 12px 'Plus Jakarta Sans',sans-serif;cursor:pointer;text-decoration:none}.bm-outline svg,.rb-header-actions svg{width:18px;height:18px}.bm-outline{text-decoration:none}.rb-manager button:disabled{opacity:.45;cursor:not-allowed}.rb-header{padding:24px;background:white;border:1px solid #e4eaf2;border-radius:18px;flex-wrap:wrap}.rb-heading-icon{display:grid;place-items:center;flex:none;width:56px;height:56px;background:#101c30;border-radius:16px;color:#86bdff;box-shadow:0 5px 15px #0c1a3020}.rb-header h1{font-size:23px;font-weight:800;margin:0 0 6px}.rb-header p{font-size:12px;color:#8b9db7;margin:0}.rb-header-actions{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}.rb-manager .rb-dark{background:#101c30;color:white;border-color:#101c30}.rb-manager .rb-primary{background:#2563eb;border-color:#2563eb;color:white;box-shadow:0 3px 8px #2563eb15}.rb-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 28px}.rb-summary>div{background:white;border:1px solid #e4eaf2;border-radius:15px;padding:20px;display:flex;gap:16px;align-items:center}.rb-summary>div>span{width:46px;height:46px;display:grid;place-items:center;background:#101c30;color:#86bdff;border-radius:13px;font-size:23px}.rb-summary b{font-size:28px;font-weight:800}.rb-summary small{display:block;color:#91a2bb;font-size:11px;margin-top:3px;font-weight:600}.rb-list-heading{justify-content:space-between}.rb-list-heading h2{font-size:17px}.rb-list-heading h2 span{font-size:12px;background:#e8eff8;padding:5px 9px;border-radius:20px;margin-left:10px}.rb-list-heading input{width:280px;background:#fff;padding:12px;border:1px solid #e1e8f2;border-radius:10px}.rb-manager #rbmStatus{font-size:12px;color:#73849e;min-height:18px}.rb-table{background:#fff;border:1px solid #e3e9f2;border-radius:18px;overflow:auto;box-shadow:0 4px 18px #10203a08}.rb-table table{border-collapse:collapse;width:100%;min-width:740px}.rb-table th{background:#f7f9fc;color:#8c9fb9;font-size:11px;letter-spacing:.3px;font-weight:700;text-align:left;padding:19px 20px}.rb-table td{padding:22px 20px;border-top:1px solid #edf1f7;font-size:13px}.rb-table td:first-child{min-width:170px}.rb-table small{display:block;color:#92a2b9;font-size:11px;margin-top:6px}.rb-pill,.rb-keyword{display:inline-block;padding:7px 12px;border-radius:20px;font-size:11px;background:#eef5ff;border:1px solid #d1e1ff;color:#2563eb;font-weight:700}.rb-keyword{background:#f2f5fa;color:#65758e;border-color:#e3e9f2;font-weight:500}.rb-new{background:#fff7dd;border-color:#ffe4a2;color:#9d6006}.rb-exact{background:#edfbf3;border-color:#bde9ce;color:#148448}.rb-manager .rb-toggle{width:45px;height:25px;padding:3px;border:0;border-radius:20px;background:#cfd6e0;justify-content:flex-start}.rb-manager .rb-toggle.on{background:#2563eb;justify-content:flex-end}.rb-toggle i{display:block;width:19px;height:19px;border-radius:50%;background:white;box-shadow:0 1px 3px #0003}.rb-row-actions{display:flex;gap:8px}.rb-row-actions button{width:34px;height:34px;padding:6px}.rb-dialog{width:min(540px,calc(100vw - 32px));max-height:90vh;border:1px solid #dbe5f2;border-radius:20px;padding:26px;color:#101b30;box-shadow:0 20px 80px #00152d40}.rb-dialog::backdrop{background:#08142699}.rb-dialog header{display:flex;align-items:center;justify-content:space-between}.rb-dialog h2{font-size:20px;margin:0 0 18px}.rb-dialog label{display:block;font-size:12px;font-weight:600;margin:14px 0}.rb-dialog input:not([type=checkbox]),.rb-dialog select,.rb-dialog textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #dce5f1;border-radius:9px;font:inherit}.rb-dialog textarea{min-height:110px;resize:vertical}.rb-dialog .rb-checkbox{display:flex;gap:8px;align-items:center}.rb-hint{font-size:11px;color:#7c8ca5;line-height:1.7}.rb-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.bm-legacy{margin-top:22px;border:1px solid #dce5f1;border-radius:14px;background:#fff;padding:20px}.bm-legacy>summary{font-size:13px;font-weight:700;cursor:pointer;color:#345787}.bm-legacy[open]>summary{margin-bottom:24px}.bm-native>.page-head>h1,.bm-native>.page-head>p{display:none}.bm-native>.page-head{margin-bottom:18px}.bm-native .card{border-color:#e2e8f2;border-radius:18px}.bm-native h3{font-size:17px}.bm-native .sub,.bm-native .muted{font-size:12px;line-height:1.7}@media(max-width:1100px){.bm-layout{grid-template-columns:1fr}.bm-accounts{display:none}.rb-summary{gap:10px}.rb-header-actions{margin-left:0}.rb-summary>div{padding:14px}}@media(max-width:640px){.rb-summary{grid-template-columns:repeat(2,1fr)}.rb-list-heading{align-items:flex-start;flex-direction:column}.rb-list-heading input{width:100%}.rb-header{padding:18px}.rb-summary b{font-size:24px}}
main.wrap.org-main:has(#botManagerWorkspace),main.wrap.org-main:has(#catalogWorkspace){max-width:none;width:100%;padding:24px 30px}.bm-layout{grid-template-columns:245px minmax(0,1fr)}.bm-categories a{padding:16px 10px;font-size:13px}.rb-summary>div{gap:12px}.rb-manager a.rb-dark{background:#101c30;color:#fff;border-color:#101c30}@media(max-width:1100px){.bm-layout{grid-template-columns:1fr}}@media(max-width:640px){main.wrap.org-main:has(#botManagerWorkspace),main.wrap.org-main:has(#catalogWorkspace){padding:16px}}

/* B21: only closed-window notice and voice playback seek */
#simpleInbox.upvort-inbox-i4 #chatStatusBanner.ibx-window-closed-notice{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;width:auto;max-width:100%;height:30px;min-height:30px;padding:2px 6px;margin:0;font:400 11px/16px var(--up-font);box-sizing:border-box;border-radius:8px}
#simpleInbox.upvort-inbox-i4 #chatStatusBanner.ibx-window-closed-notice button{height:24px;min-height:24px;padding:2px 7px;margin:0;font:600 11px/16px var(--up-font);border-radius:6px;white-space:nowrap;box-shadow:none}
#simpleInbox.upvort-inbox-i4 .ibx-chat-head:has(.ibx-window-closed-notice:not([style*="display: none"])){flex-wrap:wrap}
#simpleInbox.upvort-inbox-i4 .ibx-chat-head:has(.ibx-window-closed-notice) .ibx-head-main{min-width:180px}
#simpleInbox.upvort-inbox-i4 .ibx-chat-head:has(.ibx-window-closed-notice) .ibx-head-actions{max-width:100%;overflow-x:auto}
#simpleInbox.upvort-inbox-i4 .ibx-window-closed-notice{margin-left:auto!important}
#simpleInbox.upvort-inbox-i4 .voice-player:has(.ibx-voice-bar){height:80px;min-height:80px;padding-bottom:18px}
#simpleInbox.upvort-inbox-i4 .voice-player>.ibx-voice-bar{display:block;position:absolute;left:30px;bottom:0;top:auto;width:calc(100% - 30px);height:14px;min-height:14px;flex:none;cursor:ew-resize;touch-action:none;border-radius:7px;background:#d6e4ed;overflow:hidden;opacity:1;pointer-events:auto;outline-offset:3px}
#simpleInbox.upvort-inbox-i4 .ibx-voice-bar>svg{display:none}
#simpleInbox.upvort-inbox-i4 .ibx-voice-bar>.ibx-voice-prog{position:absolute;inset:0 auto 0 0;height:100%;background:#3b82f6;pointer-events:none;border-radius:7px}
#simpleInbox.upvort-inbox-i4 .ibx-voice-bar[aria-disabled="true"]{opacity:.5;cursor:wait}
#simpleInbox.upvort-inbox-i4 #ibxAttachDrop{width:360px;max-width:calc(100% - 24px);padding:12px;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 #ibxAttachDrop .ibx-attach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;min-width:0;box-sizing:border-box}
#simpleInbox.upvort-inbox-i4 #ibxAttachDrop .ibx-attach-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;max-width:100%;margin:0;padding:12px 4px;box-sizing:border-box;min-height:88px;font-size:12px;line-height:16px;white-space:normal}
#simpleInbox.upvort-inbox-i4 #ibxAttachDrop .ibx-attach-ic{width:38px;height:38px;min-width:38px;margin:0;font-size:18px}
/* B24 — Subscription only. Existing app/sidebar/inbox styles unchanged. */
main.wrap.org-main:has(#subscriptionWorkspace){max-width:1480px;width:100%;padding:26px 30px 50px}
#subscriptionWorkspace{--sp-navy:#0b1425;--sp-blue:#2563eb;--sp-ink:#142238;--sp-muted:#71819a;--sp-line:#e2e9f2;color:var(--sp-ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-width:0}
#subscriptionWorkspace *{box-sizing:border-box}#subscriptionWorkspace [hidden]{display:none!important}#subscriptionWorkspace section{scroll-margin-top:90px}#subscriptionWorkspace a{color:var(--sp-blue);text-decoration:none;font-weight:600}#subscriptionWorkspace button,#subscriptionWorkspace input,#subscriptionWorkspace select{font-family:inherit}#subscriptionWorkspace button{cursor:pointer}#subscriptionWorkspace button:disabled{opacity:.45;cursor:not-allowed}#subscriptionWorkspace h1,#subscriptionWorkspace h2,#subscriptionWorkspace h3,#subscriptionWorkspace p{margin-top:0}#subscriptionWorkspace h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin-bottom:8px;font-weight:750}#subscriptionWorkspace h3{font-size:20px;line-height:1.35;margin-bottom:8px;font-weight:750}#subscriptionWorkspace p{line-height:1.7;color:var(--sp-muted);font-size:13px}#subscriptionWorkspace .sp-hero{position:relative;overflow:hidden;border-radius:23px;background:radial-gradient(ellipse at 75% 50%,#15386270,transparent 55%),linear-gradient(110deg,#0b1425,#101e36);color:#fff;padding:42px 42px 38px;display:flex;justify-content:space-between;gap:28px;align-items:center;min-height:220px}#subscriptionWorkspace .sp-hero-grid{position:absolute;right:-20px;inset-block:0;width:50%;background-image:linear-gradient(#84b7ff0a 1px,transparent 1px),linear-gradient(90deg,#84b7ff0a 1px,transparent 1px);background-size:34px 34px;transform:skewX(-10deg);pointer-events:none}#subscriptionWorkspace .sp-hero-copy,#subscriptionWorkspace .sp-hero-link{position:relative}#subscriptionWorkspace .sp-eyebrow{display:block;color:#8397b6;font-size:10px;letter-spacing:1.7px;font-weight:750;margin-bottom:10px}#subscriptionWorkspace .sp-hero .sp-eyebrow{color:#8ebcfa}#subscriptionWorkspace .sp-hero h1{font-size:35px;line-height:1.2;letter-spacing:-1px;margin-bottom:12px;font-weight:800;color:#fff}#subscriptionWorkspace .sp-hero p{color:#a9bad3;max-width:640px;font-size:14px;margin-bottom:20px}#subscriptionWorkspace .sp-hero-notes{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:#c0d1e9}#subscriptionWorkspace .sp-hero-notes span{display:flex;align-items:center;gap:7px}#subscriptionWorkspace .sp-hero-notes svg{width:16px;height:16px;color:#80b6ff}#subscriptionWorkspace .sp-hero-link{display:flex;align-items:center;gap:8px;flex:none;padding:12px 16px;border:1px solid #304462;background:#1e304b70;border-radius:10px;color:#e5efff;font-size:12px}#subscriptionWorkspace .sp-hero-link svg{width:17px;height:17px}#subscriptionWorkspace .sp-nav{display:flex;gap:24px;flex-wrap:wrap;padding:20px 2px;border-bottom:1px solid var(--sp-line);margin-bottom:20px}#subscriptionWorkspace .sp-nav a{font-size:12px;color:#61738e;font-weight:600;padding:4px 0}#subscriptionWorkspace .sp-nav a:hover{color:var(--sp-blue)}#subscriptionWorkspace .sp-notice{font-size:12px;color:#b45309;margin:0 0 14px}#subscriptionWorkspace .sp-notice:empty{display:none}#subscriptionWorkspace .sp-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 36px}#subscriptionWorkspace .sp-summary article{background:#fff;border:1px solid var(--sp-line);border-radius:14px;padding:19px 21px;min-width:0}#subscriptionWorkspace .sp-summary article>span{display:block;font-size:11px;color:var(--sp-muted);margin-bottom:8px}#subscriptionWorkspace .sp-summary b{display:block;font-size:21px;letter-spacing:-.5px;color:var(--sp-ink);margin-bottom:5px}#subscriptionWorkspace .sp-summary small{font-size:10px;color:#8b9bb2;line-height:1.6}#subscriptionWorkspace .sp-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}#subscriptionWorkspace .sp-section-heading p{margin-bottom:0;font-size:12px}#subscriptionWorkspace .sp-currency,#subscriptionWorkspace .sp-periods{display:flex;gap:3px;padding:4px;border:1px solid var(--sp-line);border-radius:11px;background:#eaf0f8;flex:none}#subscriptionWorkspace .sp-currency button,#subscriptionWorkspace .sp-periods button{border:0;background:transparent;color:#71819b;border-radius:8px;padding:8px 15px;font-size:12px;font-weight:650;white-space:nowrap;min-height:34px}#subscriptionWorkspace .sp-currency button[aria-pressed=true],#subscriptionWorkspace .sp-periods button[aria-pressed=true]{background:#fff;color:#173256;box-shadow:0 1px 5px #11213a12}#subscriptionWorkspace .sp-periods{width:max-content;margin:0 auto 30px;max-width:100%;flex-wrap:wrap}#subscriptionWorkspace .sp-periods button{min-width:105px}#subscriptionWorkspace .sp-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}#subscriptionWorkspace .sp-plan{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sp-line);border-radius:19px;padding:23px 21px;min-width:0;box-shadow:0 4px 14px #10203a04;position:relative}#subscriptionWorkspace .sp-plan.is-selected{border-color:#3978ec;box-shadow:0 0 0 1px #3978ec,0 10px 25px #2563eb0c}#subscriptionWorkspace .sp-plan.sp-featured{background:linear-gradient(160deg,#f9fbff,#fff 50%)}#subscriptionWorkspace .sp-plan-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px;min-height:40px}#subscriptionWorkspace .sp-plan-icon{width:40px;height:40px;border-radius:12px;background:#edf4ff;color:#2563eb;display:grid;place-items:center;font-size:23px}#subscriptionWorkspace .sp-tag{font-size:9px;font-weight:700;color:#2563eb;background:#eaf2ff;border-radius:15px;padding:5px 8px;white-space:nowrap}#subscriptionWorkspace .sp-plan h3{font-size:21px;margin:0 0 6px}#subscriptionWorkspace .sp-plan .sp-plan-desc{font-size:11px;line-height:1.6;margin-bottom:21px;min-height:35px}#subscriptionWorkspace .sp-price{font-size:29px;font-weight:800;letter-spacing:-1px;color:#101d33;white-space:nowrap}#subscriptionWorkspace .sp-price small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#7a8da7;letter-spacing:0}#subscriptionWorkspace .sp-billed{font-size:10px;line-height:1.7;min-height:33px;margin:12px 0 17px}#subscriptionWorkspace .sp-plan>button{width:100%;margin-bottom:19px}#subscriptionWorkspace .sp-plan ul{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid #edf1f6;display:flex;flex-direction:column;gap:12px;flex:1}#subscriptionWorkspace .sp-plan li{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.7;color:#677992}#subscriptionWorkspace .sp-plan li>span:first-child{color:#2563eb;font-size:12px}#subscriptionWorkspace .sp-plan li b{color:#253854;font-weight:650}#subscriptionWorkspace .sp-plan-support{font-size:10px;margin:20px 0 0;padding-top:15px;border-top:1px solid #edf1f6}#subscriptionWorkspace .sp-primary,#subscriptionWorkspace .sp-secondary,#subscriptionWorkspace .sp-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border-radius:9px;font-size:12px;line-height:18px;font-weight:650;white-space:normal;box-shadow:none;align-self:start;width:auto;margin:0;flex:none;height:auto}#subscriptionWorkspace .sp-primary{border:1px solid #2563eb;background:#2563eb;color:#fff}#subscriptionWorkspace .sp-secondary{border:1px solid #dae4f2;background:#fff;color:#3e5678}#subscriptionWorkspace .sp-text-button{border:0;background:transparent;color:#2563eb;padding:9px 6px;font-size:11px}#subscriptionWorkspace button svg{width:16px;height:16px;flex:none}#subscriptionWorkspace .sp-primary:hover{background:#1b50c5}#subscriptionWorkspace .sp-secondary:hover{background:#f4f8ff}#subscriptionWorkspace .sp-footnote{font-size:11px;color:#8493aa;line-height:1.8;margin:17px 0}#subscriptionWorkspace .sp-panel{background:#fff;border:1px solid var(--sp-line);border-radius:18px;padding:26px;min-width:0;margin-top:28px;box-shadow:0 3px 12px #10203a03}#subscriptionWorkspace .sp-table-wrap{overflow-x:auto;width:100%;min-width:0}#subscriptionWorkspace table{width:100%;border-collapse:collapse;table-layout:auto;font-size:12px}#subscriptionWorkspace th,#subscriptionWorkspace td{padding:14px 15px;text-align:left;border-bottom:1px solid #edf1f6;line-height:1.6;vertical-align:middle}#subscriptionWorkspace thead th{font-size:11px;color:#879ab6;background:#f7f9fc;font-weight:650;white-space:nowrap}#subscriptionWorkspace tbody th{font-size:12px;font-weight:500;color:#5d718e;min-width:175px}#subscriptionWorkspace td{color:#334b6a}#subscriptionWorkspace td small{display:block;color:#91a0b6;font-size:10px;margin-top:3px}#subscriptionWorkspace tbody tr:last-child>*{border-bottom:0}#subscriptionWorkspace #spComparison th:not(:first-child),#subscriptionWorkspace #spComparison td{text-align:center;min-width:150px}#subscriptionWorkspace .sp-payment{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:22px;align-items:start}#subscriptionWorkspace .sp-steps{list-style:none;display:flex;gap:20px;margin:0 0 25px;padding:0 0 23px;border-bottom:1px solid var(--sp-line)}#subscriptionWorkspace .sp-steps li{display:flex;gap:9px;align-items:flex-start;flex:1;font-size:11px;font-weight:650;line-height:1.6}#subscriptionWorkspace .sp-steps b{background:#edf4ff;color:#2563eb;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:11px}#subscriptionWorkspace .sp-steps small{display:block;font-size:10px;font-weight:400;color:#8798b1;margin-top:4px}#subscriptionWorkspace .sp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#subscriptionWorkspace .sp-field label,#subscriptionWorkspace .sp-edit-row label,#subscriptionWorkspace .sp-custom label{display:block;font-size:11px;color:#617793;font-weight:600;margin-bottom:7px}#subscriptionWorkspace input,#subscriptionWorkspace select{width:100%;height:43px;min-height:43px;padding:10px 12px;background:#fff;color:#213958;border:1px solid #dfe7f3;border-radius:9px;font-size:13px;box-shadow:none;margin:0;min-width:0}#subscriptionWorkspace input[readonly]{background:#f4f7fc;font-weight:650;color:#204a85}#subscriptionWorkspace .sp-form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;grid-column:1/-1;margin-top:4px}#subscriptionWorkspace .sp-form-actions .sp-footnote{margin:0;font-size:10px}#subscriptionWorkspace .sp-custom{grid-column:1/-1;color:#788da8;font-size:11px}#subscriptionWorkspace summary{cursor:pointer;font-size:12px;color:#355276;font-weight:600;padding:10px 0}#subscriptionWorkspace details p{font-size:11px;margin:6px 0 13px;color:#7b8fa9;line-height:1.8}#subscriptionWorkspace .sp-order{border-top:3px solid #2563eb}#subscriptionWorkspace .sp-order h3{font-size:24px;margin:16px 0 20px}#subscriptionWorkspace dl{margin:0}#subscriptionWorkspace dl>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;font-size:11px}#subscriptionWorkspace dt{color:#7a8ca6}#subscriptionWorkspace dd{margin:0;color:#2b4162;text-align:right;font-weight:600}#subscriptionWorkspace .sp-order-total{border-top:1px solid var(--sp-line);margin-top:8px;padding-top:18px;font-size:16px}#subscriptionWorkspace .sp-order-total dd{font-size:23px;color:#174a9e}#subscriptionWorkspace .sp-order p{font-size:10px;margin-top:12px}#subscriptionWorkspace .sp-order-note{display:flex;gap:9px;padding:15px;background:#f1f6ff;border-radius:10px;font-size:10px;line-height:1.8;color:#7089ac;margin:20px 0}#subscriptionWorkspace .sp-order-note svg{width:18px;height:18px;flex:none;color:#3973c9}#subscriptionWorkspace .sp-order>a{font-size:11px}#subscriptionWorkspace .sp-status{display:inline-flex;padding:5px 9px;border-radius:16px;background:#edf3fc;color:#5c7497;font-size:10px;font-weight:650;white-space:nowrap}#subscriptionWorkspace .sp-unpaid{background:#fff7e5;color:#a36b12}#subscriptionWorkspace .sp-payment_submitted{background:#edf2ff;color:#4e60ba}#subscriptionWorkspace .sp-paid{background:#eaf9f0;color:#14814b}#subscriptionWorkspace .sp-invoice-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}#subscriptionWorkspace .sp-empty{text-align:center;padding:35px;color:#637b9c;font-size:14px}#subscriptionWorkspace .sp-empty small{display:block;font-size:11px;margin-top:9px;color:#8a9cb7}#subscriptionWorkspace .sp-invoice-view{margin-top:25px;padding:22px;border:1px solid #c9dcf9;border-radius:13px;background:#fbfdff}#subscriptionWorkspace .sp-invoice-view h3{font-size:18px;margin-bottom:6px}#subscriptionWorkspace .sp-accounts-grid,#subscriptionWorkspace .sp-bottom-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:start}#subscriptionWorkspace .sp-bottom-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}#subscriptionWorkspace .sp-account-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#subscriptionWorkspace .sp-bank-card{display:flex;gap:12px;padding:16px;background:#f6f9fd;border:1px solid #e7edf6;border-radius:12px;min-width:0}#subscriptionWorkspace .sp-bank-icon{color:#2563eb;font-size:20px}#subscriptionWorkspace .sp-bank-card>div{min-width:0}#subscriptionWorkspace .sp-bank-card b{font-size:12px;display:block;margin-bottom:4px}#subscriptionWorkspace .sp-bank-card small{display:block;font-size:10px;color:#7a8fab;line-height:1.6}#subscriptionWorkspace .sp-bank-card code{font-size:12px;color:#3c587e;display:block;margin:7px 0;word-break:break-word;background:none;padding:0}#subscriptionWorkspace .sp-bank-card div>span{display:block;font-size:9px;color:#94a4bc}#subscriptionWorkspace .sp-account-editor{margin-top:18px;border-top:1px solid var(--sp-line);padding-top:5px}#subscriptionWorkspace .sp-edit-row{border:1px solid #e0e8f4;border-radius:12px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;min-width:0}#subscriptionWorkspace .sp-edit-row legend{font-size:11px;color:#7b90ae;padding:0 7px}#subscriptionWorkspace .sp-edit-row input,#subscriptionWorkspace .sp-edit-row select{margin-top:7px}#subscriptionWorkspace .sp-panel>a{font-size:11px}#subscriptionWorkspace .sp-dialog{width:min(520px,calc(100vw - 32px));max-height:85vh;border:1px solid #d4e1f3;border-radius:19px;padding:28px;color:#243b5e;box-shadow:0 25px 90px #07142945}#subscriptionWorkspace .sp-dialog::backdrop{background:#09152799}#subscriptionWorkspace .sp-dialog p{font-size:12px;line-height:1.9}#subscriptionWorkspace .sp-dialog h2{font-size:22px}#subscriptionWorkspace .sp-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#subscriptionWorkspace .sp-confirm-total{font-size:32px;font-weight:800;color:#173f7b;margin:15px 0}#subscriptionWorkspace #spConfirmError{color:#bc344a}
@media(max-width:1150px){#subscriptionWorkspace .sp-plans{grid-template-columns:repeat(2,minmax(0,1fr))}#subscriptionWorkspace .sp-plan-desc{min-height:0}#subscriptionWorkspace .sp-accounts-grid{grid-template-columns:1fr}#subscriptionWorkspace .sp-steps{gap:12px}}
@media(max-width:850px){main.wrap.org-main:has(#subscriptionWorkspace){padding:18px 18px 35px}#subscriptionWorkspace .sp-hero{padding:30px;flex-direction:column;align-items:flex-start;gap:20px}#subscriptionWorkspace .sp-hero h1{font-size:29px}#subscriptionWorkspace .sp-hero-link{padding:10px 13px}#subscriptionWorkspace .sp-summary{grid-template-columns:1fr}#subscriptionWorkspace .sp-payment,#subscriptionWorkspace .sp-bottom-grid{grid-template-columns:1fr;gap:0}#subscriptionWorkspace .sp-panel{padding:21px}#subscriptionWorkspace .sp-section-heading{align-items:flex-start;flex-wrap:wrap}#subscriptionWorkspace .sp-nav{gap:16px}#subscriptionWorkspace .sp-order{margin-top:18px}}
@media(max-width:520px){#subscriptionWorkspace .sp-plans{grid-template-columns:1fr}#subscriptionWorkspace .sp-hero{padding:25px 22px}#subscriptionWorkspace .sp-hero h1{font-size:26px}#subscriptionWorkspace .sp-periods{width:100%;justify-content:center}#subscriptionWorkspace .sp-periods button{min-width:0;flex:1;padding:9px 7px;font-size:10px}#subscriptionWorkspace .sp-form,#subscriptionWorkspace .sp-account-cards,#subscriptionWorkspace .sp-edit-row{grid-template-columns:1fr}#subscriptionWorkspace .sp-steps{flex-direction:column;gap:16px}#subscriptionWorkspace .sp-steps small{margin-top:1px}#subscriptionWorkspace .sp-summary b{font-size:20px}#subscriptionWorkspace h2{font-size:21px}#subscriptionWorkspace .sp-invoice-view{padding:15px}#subscriptionWorkspace input,#subscriptionWorkspace select{font-size:16px}#subscriptionWorkspace .sp-hero-notes{gap:12px}}

/* Super Admin portal (sa-* only, appended): dark left sidebar + dashboard home.
   No existing rule above is modified, so the business dashboard cannot regress. */
.sa-portal{display:flex;align-items:stretch;min-height:100vh}
.sa-sidebar{width:272px;flex:none;background:#12211d;color:#E2E8F0;display:flex;flex-direction:column;white-space:nowrap;overflow-y:auto;overflow-x:hidden;position:sticky;top:0;height:100vh}
.sa-sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid #2a4a3e}
.sa-sidebar-brand .brand-text{color:#FFFFFF}
.sa-sidebar-brand-text{display:flex;flex-direction:column;line-height:1.3}
.sa-sidebar-brand-text b{color:#FFFFFF;font-size:15px}
.sa-sidebar-brand-text small{color:#8fae9f;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.sa-sidebar-nav{flex:1;padding:8px 12px 16px}
.sa-sidebar-section{padding:14px 0 2px}
.sa-sidebar-heading{font-size:11px;font-weight:700;letter-spacing:.12em;color:#8fae9f;text-transform:uppercase;margin:0 0 8px;padding:0 10px;white-space:nowrap}
.sa-nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;border-left:3px solid transparent;color:#c8d8d0;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
.sa-nav-link:hover{background:#1e3a30;color:#FFFFFF}
.sa-nav-link.active{background:#0e7a5f;color:#ffffff;border-left-color:#a7d8c8}
.sa-nav-icon{display:inline-flex;flex:none;width:18px;height:18px;align-items:center;justify-content:center}
.sa-nav-icon svg{width:18px;height:18px}
.sa-nav-label{overflow:hidden;text-overflow:ellipsis}
.sa-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#eef1f4}
.sa-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;background:#ffffff;border-bottom:1px solid #dde4e1}
.sa-sidebar-toggle{flex:none;width:40px;height:40px;border:1px solid #dde4e1;border-radius:8px;background:#ffffff;color:#1c2b24;font-size:18px;cursor:pointer}
.sa-topbar-title{flex:1 1 auto;min-width:160px;font-size:18px;font-weight:800;margin:0;color:#1c2b24}
.sa-topbar-badge{display:inline-block;padding:5px 11px;border-radius:999px;background:#e7f1ed;color:#0e7a5f;font-size:12px;font-weight:700;white-space:nowrap}
.sa-topbar-link{color:#2563EB;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.sa-main-content{flex:1;min-width:0}
.sa-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 16px}
.sa-stat-card{background:#ffffff;border:1px solid #dde4e1;border-radius:16px;padding:16px;min-width:0}
.sa-stat-label{display:block;font-size:12px;font-weight:700;color:#5f7268;text-transform:uppercase;letter-spacing:.06em}
.sa-stat-num{font-size:30px;font-weight:800;margin:8px 0 4px;color:#1c2b24}
.sa-badge-active{background:#dcfce7;color:#166534}
.sa-badge-suspended{background:#fef3c7;color:#92400e}
.sa-badge-terminated{background:#fee2e2;color:#dc2626}
.sa-activity{overflow-x:auto}
.sa-portal.sa-collapsed .sa-sidebar{width:68px}
.sa-portal.sa-collapsed .sa-sidebar-heading,.sa-portal.sa-collapsed .sa-nav-label,.sa-portal.sa-collapsed .sa-sidebar-brand-text{display:none}
.sa-portal.sa-collapsed .sa-sidebar-brand{justify-content:center;padding:18px 8px}
.sa-portal.sa-collapsed .sa-nav-link{justify-content:center;padding:11px 8px}
@media(max-width:1100px){.sa-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sa-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:40;height:100vh;transform:translateX(-100%);box-shadow:0 10px 40px rgba(0,0,0,.35)}
.sa-portal.sa-mobile-open .sa-sidebar{transform:translateX(0)}
.sa-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sa-stat-grid{grid-template-columns:1fr}}

/* Super Admin panel artifact LIGHT theme (2 Nov 2026 CORRECTION:
   the previous dark reskin was wrong; the artifact's true theme is
   light page / white cards / dark-green sidebar / teal-green accent).
   Scoped under .sa-portal only: business pages untouched. */
.sa-avatar{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#0e7a5f;color:#ffffff;font-size:12px;font-weight:800}
.sa-portal{background:#eef1f4;color:#1c2b24}
.sa-portal .card{background:#ffffff;border-color:#dde4e1;border-radius:16px;color:#1c2b24}
.sa-portal .page-head h1{color:#1c2b24}
.sa-portal .page-head .sub{color:#5f7268}
.sa-portal .muted{color:#5f7268}
.sa-portal h2,.sa-portal h3{color:#1c2b24}
.sa-portal .wrap a:not(.btn-primary):not(.btn-secondary){color:#0e7a5f}
.sa-portal .wrap a.btn-primary{color:#ffffff}
.sa-portal .wrap a.btn-secondary{color:#1c2b24}
.sa-portal .subnav{background:#ffffff;border-color:#dde4e1;border-right-color:#dde4e1;border-radius:16px}
.sa-portal .subnav-group{border-color:#dde4e1}
.sa-portal .subnav-group b{color:#5f7268}
.sa-portal .subnav a{color:#37473f}
.sa-portal .subnav a:hover{color:#0e7a5f}
.sa-sidebar-brand-text{white-space:normal}
.sa-portal .btn-primary{background:#0e7a5f;border-color:#0e7a5f;color:#ffffff}
.sa-portal .btn-secondary{background:#dde4e1;border-color:#dde4e1;color:#1c2b24}
.sa-portal input,.sa-portal select,.sa-portal textarea{background:#ffffff;border-color:#dde4e1;color:#1c2b24}
.sa-portal .form-row label{color:#37473f}
.sa-portal table th{color:#5f7268}
.sa-portal table td{border-color:#dde4e1}
.sa-portal .table-wrap{border-color:#dde4e1}
.sa-portal .list-item{border-color:#dde4e1}
.sa-portal .num{color:#1c2b24}
.sa-portal .pill{background:#e7f1ed;color:#0e7a5f}
.sa-portal .kicker{color:#5f7268}
.sa-portal .badge{background:#e7f1ed;color:#0e7a5f}

/* Inbox head panels (Nov 2026): Label/Mode/Assign open as SEPARATE floating
   panels below their button. position:fixed (placed by ibxPlaceHeadPanel) so
   no header scroll container (.ibx-head-actions with overflow-x:auto, forced
   by the window-closed banner rule and the 801-1199px / container queries)
   can clip them into a strip inside the header row. */
.ibx-drop.ibx-head-panel{position:fixed;z-index:300;width:320px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;box-sizing:border-box}
.ibx-panel-head{font-weight:700;font-size:12px;margin:10px 0 4px}
.ibx-panel-head:first-child{margin-top:0}
.ibx-drop .ibx-panel-row{display:flex;align-items:center;gap:8px;width:100%;margin:0;text-align:left;background:transparent;border:0;border-radius:10px;padding:9px 10px;cursor:pointer;color:inherit;font-size:13px;font-weight:600}
.ibx-drop .ibx-panel-row:hover{background:#1f2937}
#simpleInbox.upvort-inbox-i4 .ibx-drop .ibx-panel-row:hover{background:#F1F5F9}
.ibx-drop .ibx-panel-row.on{background:rgba(0,127,118,.12)}
.ibx-panel-dot{width:10px;height:10px;border-radius:50%;flex:none}
.ibx-panel-check{margin-left:auto;font-weight:800}
.ibx-panel-remove{margin-left:auto;min-height:0;background:#1f2937;color:#fff;border:1px solid #333;border-radius:8px;padding:2px 8px;cursor:pointer;flex:none}
#simpleInbox.upvort-inbox-i4 .ibx-panel-remove{background:#fff;color:#0F172A;border-color:#E2E8F0}
.ibx-panel-add{display:flex;gap:8px;margin-top:10px}
.ibx-panel-add input{flex:1;min-width:0}
.ibx-panel-danger{display:block;width:100%;margin-top:10px;background:transparent;border:0;color:#fca5a5;cursor:pointer;font-weight:700;text-align:left;padding:9px 10px;border-radius:10px}
#simpleInbox.upvort-inbox-i4 .ibx-panel-danger{color:#B42318}
/* Truthful delivery ticks (inbound fix): only a real Meta read is blue. */
.ibx-ticks.read{color:#53bdeb}
.ibx-ticks.failed{color:#B42318}
#simpleInbox.upvort-inbox-i4 .ibx-meta .ibx-ticks.read{color:#53bdeb}
#simpleInbox.upvort-inbox-i4 .ibx-meta .ibx-ticks.failed{color:#B42318}
#simpleInbox.upvort-inbox-i4 .ibx-reference-read.ibx-not-read svg{color:#64748B}
#simpleInbox.upvort-inbox-i4 .ibx-reference-read.ibx-failed{color:#B42318}
#simpleInbox.upvort-inbox-i4 .ibx-reference-read.ibx-failed svg{color:#B42318}
.ibx-temp{opacity:.85}
.ibx-temp-failed .ibx-meta{color:#B42318}

/* Platform owner workspace: shared navigation and alignment across all screens. */
.sa-portal .sa-sidebar{width:256px}
.sa-portal .sa-sidebar-brand{min-height:64px;padding:12px 16px}
.sa-portal .sa-sidebar-section{padding-top:10px}
.sa-portal .sa-nav-link{min-height:38px;padding:8px 10px;gap:10px}
.sa-portal .sa-topbar{min-height:64px;padding:10px 20px}
.sa-portal .sa-main-content{padding:22px 24px}
.sa-portal .sa-main-content > .wrap{width:100%;max-width:1440px;margin-inline:auto;padding:0}
.sa-portal .page-head{margin:0 0 18px}
.sa-portal .page-head h1{margin:0 0 6px;font-size:clamp(24px,2vw,32px)}
.sa-portal .table-wrap{max-width:100%;overflow:auto}
.sa-portal .form-row{min-width:0}
.sa-portal .toolbar{flex-wrap:wrap;align-items:center}
.sa-portal.sa-collapsed .sa-sidebar{width:68px}
@media(max-width:900px){.sa-portal .sa-main-content{padding:16px}}

/* Platform owner UI: shared type, spacing and action scale. */
#sa_portal{font:14px/1.45 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#192922}
#sa_portal :is(button,input,select,textarea){font:inherit}
#sa_portal .sa-sidebar-brand{gap:10px;padding:12px 14px;min-height:64px}
#sa_portal .sa-sidebar-brand-text b{font-size:13px;line-height:1.2}
#sa_portal .sa-sidebar-brand-text small{font-size:10px}
#sa_portal .sa-main-content :is(h1,h2,h3){letter-spacing:-.02em;line-height:1.25;overflow-wrap:anywhere}
#sa_portal .sa-main-content h2{font-size:18px;margin:0 0 8px}
#sa_portal .sa-main-content .card{min-width:0;padding:16px;border-radius:12px;box-shadow:none}
#sa_portal .sa-main-content .card .card{padding:12px;box-shadow:none}
#sa_portal .sa-main-content :is(td,th){padding:9px 10px;vertical-align:middle;overflow-wrap:anywhere}
#sa_portal .sa-main-content :is(.btn-primary,.btn-secondary,.btn-danger){min-height:34px;padding:6px 11px;border-radius:7px;font-weight:650;white-space:normal}
#sa_portal .sa-main-content :is(input,select,textarea){max-width:100%;min-height:34px;padding:6px 9px}
#sa_portal .sa-main-content .lv-switch{flex-wrap:nowrap;border:1px solid #dde4e1;padding:2px;border-radius:8px;background:#f5f8f7}
#sa_portal .sa-main-content .lv-switch button{padding:4px 8px;border:0;border-radius:5px;min-height:28px;white-space:nowrap}
#sa_portal .sa-feature-table{min-width:800px}
#sa_portal .sa-feature-table td:nth-child(5) :is(input,select){margin-bottom:4px}
#sa_portal .sa-create>summary{font-weight:700;color:#0e7059}
#sa_portal .sa-create[open]>summary{margin-bottom:10px}
#sa_portal #saRoot .sa-function-header{padding:10px 14px}
#sa_portal #saRoot .sa-permission-row{padding:10px 14px}
#sa_portal #saRoot .sa-switch-btn{min-height:32px;padding:4px 7px}
#sa_portal #saRoot .sa-control-help{font-size:12px;color:#52645c}
#sa_portal #saRoot .sa-control-help summary{padding:2px 0}
#sa_portal #saRoot .sa-control-help small{max-width:65ch}