/*
 * LITREVO Reference Light — Exact Rebuild R2
 * Loaded after the legacy V10 bundle so installed sites receive the new design
 * even when an older service worker or browser cache still holds v10.css.
 */

@font-face{
  font-family:"Kameron";
  src:url("fonts/kameron/Kameron-Variable.ttf") format("truetype");
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
}

/* R20 Master Meta Rates - premium pricing and wallet settlement control. */
.ui-reference-light.page-master-rates .page-content{padding-top:20px;background:linear-gradient(180deg,#f3f8ff 0,#f8fbff 450px,#f5f9fd 100%)}
.ui-reference-light.page-master-rates .page-titlebar{display:none}
.r20-rates-page{--r20-ink:#09264f;--r20-muted:#6d819c;--r20-line:#dbe6f2;display:grid;gap:22px;width:100%;padding-bottom:16px}.r20-rates-page :where(a,button,input,select){transition:none!important}
.r20-rates-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);align-items:center;overflow:hidden;padding:39px 41px 0;border:1px solid rgba(98,184,241,.27);border-radius:29px;color:#fff;background:linear-gradient(116deg,#06193c 0,#0c3978 53%,#087d8f 100%);box-shadow:0 28px 68px rgba(8,42,94,.21),inset 0 1px rgba(255,255,255,.14)}
.r20-rates-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 78% 30%,rgba(37,226,216,.25),transparent 29%),radial-gradient(circle at 8% -8%,rgba(77,101,255,.33),transparent 37%)}.r20-rates-hero:after{content:"";position:absolute;z-index:-1;right:-135px;top:-215px;width:530px;height:530px;border:1px solid rgba(146,229,255,.17);border-radius:50%;box-shadow:0 0 0 72px rgba(71,188,247,.043),0 0 0 145px rgba(71,188,247,.022)}
.r20-rates-copy{position:relative;z-index:3;align-self:center;padding:3px 0 35px}.r20-rates-kicker{width:max-content;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(155,226,255,.25);border-radius:99px;color:#c6f2ff;background:rgba(255,255,255,.075);font-size:12px!important;font-weight:900;letter-spacing:.095em}.r20-rates-kicker i{width:8px;height:8px;border-radius:50%;background:#25e2ba;box-shadow:0 0 0 5px rgba(37,226,186,.13)}
.ui-reference-light.page-master-rates .r20-rates-copy h1{max-width:800px;margin:16px 0 12px;color:#fff;font-size:clamp(38px,3.25vw,53px);line-height:1.06;letter-spacing:-.037em}.ui-reference-light.page-master-rates .r20-rates-copy>p{max-width:730px;margin:0;color:#c2d5ea;font-size:17px;line-height:1.68}
.r20-rates-actions{display:flex;align-items:center;gap:18px;margin-top:24px}.r20-rates-actions .r20-primary-action{min-height:50px;display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:12px;color:#0b3771;background:#fff;box-shadow:0 12px 27px rgba(0,18,51,.24);font-size:15px;font-weight:900}.r20-rates-actions .r20-primary-action .icon{width:18px;height:18px}.r20-rates-actions>a:last-child{display:flex;align-items:center;gap:8px;color:#caedf5;font-size:14px;font-weight:900}.r20-rates-facts{display:flex;margin-top:29px}.r20-rates-facts>div{min-width:176px;padding:0 21px;border-left:1px solid rgba(188,225,255,.18)}.r20-rates-facts>div:first-child{padding-left:0;border:0}.r20-rates-facts span,.r20-rates-facts strong{display:block}.r20-rates-facts span{color:#9fb9d5;font-size:12.5px}.r20-rates-facts strong{margin-top:4px;color:#fff;font-size:18px}
.r20-rates-visual{position:relative;z-index:2;align-self:stretch;display:grid;place-items:center;min-height:332px;padding:18px 0 38px}.r20-rate-glow{position:absolute;width:340px;height:220px;border-radius:50%;background:radial-gradient(ellipse,rgba(24,228,219,.31),transparent 70%);filter:blur(14px)}.r20-rates-visual>img{position:relative;z-index:3;width:min(100%,315px);max-height:300px;object-fit:contain;filter:drop-shadow(0 27px 31px rgba(0,14,42,.38))}.r20-rate-orbit{position:absolute;z-index:1;border:1px solid rgba(142,226,255,.19);border-radius:50%;transform:rotate(-15deg)!important}.r20-rate-orbit.orbit-a{width:330px;height:210px}.r20-rate-orbit.orbit-b{width:410px;height:275px;transform:rotate(17deg)!important}
.r20-float-price{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;min-width:176px;padding:10px 12px;border:1px solid rgba(188,230,255,.25);border-radius:12px;background:rgba(5,29,68,.82);box-shadow:0 13px 28px rgba(0,18,50,.25)}.r20-float-price.marketing{top:48px;right:0}.r20-float-price.utility{left:0;bottom:56px}.r20-float-price>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#397bff,#08c9c4)}.r20-float-price>span .icon{width:18px;height:18px}.r20-float-price small,.r20-float-price strong{display:block}.r20-float-price small{color:#90cce3;font-size:9px!important;font-weight:900;letter-spacing:.09em}.r20-float-price strong{margin-top:2px;color:#fff;font-size:13px}
.r20-rates-signal-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:0 -41px;border-top:1px solid rgba(183,225,255,.17);background:rgba(2,21,53,.27)}.r20-rates-signal-strip article{min-height:124px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:19px 25px;border-left:1px solid rgba(183,225,255,.14)}.r20-rates-signal-strip article:first-child{border:0}.r20-rates-signal-strip article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px}.r20-rates-signal-strip article>span .icon{width:23px;height:23px}.r20-rates-signal-strip .tone-blue{color:#b7d7ff;background:rgba(59,118,255,.18)}.r20-rates-signal-strip .tone-teal{color:#93f1da;background:rgba(18,193,157,.15)}.r20-rates-signal-strip .tone-purple{color:#d0c4ff;background:rgba(137,105,247,.16)}.r20-rates-signal-strip .tone-cyan{color:#a5eef5;background:rgba(24,190,210,.15)}.r20-rates-signal-strip .tone-amber{color:#ffd88e;background:rgba(230,163,41,.14)}.r20-rates-signal-strip small,.r20-rates-signal-strip strong,.r20-rates-signal-strip p{display:block}.r20-rates-signal-strip small{color:#a0bad5;font-size:12.5px!important;font-weight:800}.r20-rates-signal-strip strong{margin-top:3px;color:#fff;font-size:26px}.ui-reference-light.page-master-rates .r20-rates-signal-strip p{margin:4px 0 0;color:#9db4cd;font-size:13px}
.r20-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:4px 3px 0}.r20-section-heading>div>span{color:#2768ba;font-size:11.5px!important;font-weight:900;letter-spacing:.1em}.ui-reference-light.page-master-rates .r20-section-heading h2{margin-top:5px;color:var(--r20-ink);font-size:31px}.ui-reference-light.page-master-rates .r20-section-heading p{margin-top:5px;color:var(--r20-muted);font-size:14.5px}.r20-current-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #c9e8dc;border-radius:99px;color:#08775a;background:#ebfaf4;font-size:12.5px!important;font-weight:900;white-space:nowrap}.r20-current-pill i{width:8px;height:8px;border-radius:50%;background:#11b487}
.r20-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.r20-category-card{position:relative;overflow:hidden;min-height:176px;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto 1fr;gap:14px;padding:20px;border:1px solid var(--r20-line);border-radius:19px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 13px 33px rgba(28,67,121,.065)}.r20-category-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;color:#1268e7;background:#edf5ff}.r20-category-card:nth-child(2) .r20-category-icon{color:#009b79;background:#e7faf4}.r20-category-card:nth-child(3) .r20-category-icon{color:#7650e6;background:#f0ebff}.r20-category-card:nth-child(4) .r20-category-icon{color:#d18012;background:#fff3df}.r20-category-icon .icon{width:24px;height:24px}.r20-category-copy small,.r20-category-copy strong,.r20-category-copy p{display:block}.r20-category-copy small{color:#7286a0;font-size:10.5px!important;font-weight:900}.r20-category-copy strong{margin-top:5px;color:#15375f;font-size:17px}.ui-reference-light.page-master-rates .r20-category-copy p{margin:5px 0 0;color:#7a8da6;font-size:12.5px}.r20-category-price{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:9px;padding-top:14px;border-top:1px solid #e3ebf4}.r20-category-price span{grid-row:1/3;min-width:35px;display:grid;place-items:center;align-self:center;padding:7px;border-radius:9px;color:#2565ba;background:#edf5ff;font-size:11px!important;font-weight:900}.r20-category-price strong{color:#0a315e;font-size:23px}.r20-category-price small{color:#7a8da6;font-size:11.5px!important}
.r20-rate-workspace{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(350px,.66fr);gap:20px}.r20-rate-form-panel,.r20-history-panel{overflow:hidden;border:1px solid var(--r20-line);border-radius:22px;background:#fff;box-shadow:0 16px 43px rgba(28,67,121,.072)}.r20-rate-form-panel{scroll-margin-top:20px}.r20-rate-form-panel>header,.r20-history-panel>header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 25px;border-bottom:1px solid #e1eaf3;background:linear-gradient(110deg,#fbfdff,#f2fbfb)}.r20-rate-form-panel>header>div:first-child>span,.r20-history-panel>header>div:first-child>span{color:#3f70ac;font-size:11px!important;font-weight:900;letter-spacing:.1em}.ui-reference-light.page-master-rates :is(.r20-rate-form-panel,.r20-history-panel)>header h2{margin-top:5px;color:var(--r20-ink);font-size:28px}.ui-reference-light.page-master-rates :is(.r20-rate-form-panel,.r20-history-panel)>header p{margin-top:5px;color:#72849d;font-size:14px}.r20-form-lock{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #d3e2f3;border-radius:11px;color:#35638f;background:#f7fbff;font-size:12px!important;font-weight:900}.r20-form-lock .icon{width:17px;height:17px}
.r20-rate-form{padding:24px}.r20-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.r20-rate-form label{display:block;min-width:0}.r20-rate-form label>span{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:#17375d;font-size:13px!important;font-weight:900}.r20-rate-form label>span b{color:#7a8ba1;font-size:9.5px}.r20-input-shell{min-height:53px;display:grid;grid-template-columns:21px minmax(0,1fr);align-items:center;gap:9px;padding:0 14px;border:1px solid #d5e1ee;border-radius:12px;color:#5e7da5;background:#fbfdff}.r20-input-shell:focus-within{border-color:#64a2ef;box-shadow:0 0 0 3px rgba(55,126,236,.09)}.r20-input-shell .icon{width:19px;height:19px}.r20-input-shell em{color:#0b5fd4;font-size:19px;font-style:normal;font-weight:900}.ui-reference-light.page-master-rates .r20-input-shell :is(input,select){width:100%;height:51px;min-width:0;padding:0;border:0!important;outline:0;color:#102f56;background:transparent;box-shadow:none!important;font-size:15px!important;font-weight:800}.r20-rate-form label>small{display:block;margin-top:7px;color:#8292a7;font-size:11.5px!important}.r20-source-field{margin-top:19px}.r20-form-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px -24px -24px;padding:19px 24px;border-top:1px solid #e2eaf3;background:#f8fbfe}.r20-form-submit>div{display:flex;align-items:center;gap:11px}.r20-form-submit>div>.icon{width:21px;color:#246ac6}.r20-form-submit p{margin:0}.r20-form-submit p strong,.r20-form-submit p span{display:block}.r20-form-submit p strong{color:#17375d;font-size:13.5px}.r20-form-submit p span{color:#7a8ca4;font-size:11.5px}.ui-reference-light.page-master-rates .r20-form-submit .btn{min-height:48px;display:flex;align-items:center;gap:9px;padding:0 18px;border:0;border-radius:11px;background:linear-gradient(110deg,#1269ef,#08b9c0);font-size:14px!important;font-weight:900}
.r20-wallet-rules{position:relative;overflow:hidden;padding:26px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#071b3e,#0c3670 68%,#087384);box-shadow:0 18px 46px rgba(11,45,91,.17)}.r20-rules-art{display:flex;align-items:center;gap:14px}.r20-rules-art>span{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;border-radius:17px;color:#fff;background:linear-gradient(145deg,#2c73fa,#08c5be)}.r20-rules-art>span .icon{width:28px}.r20-rules-art small,.r20-rules-art strong{display:block}.r20-rules-art small{color:#83dedf;font-size:10px!important;font-weight:900}.r20-rules-art strong{margin-top:5px;color:#fff;font-size:22px}.r20-wallet-rules ol{margin:22px 0 18px;padding:0;border-top:1px solid rgba(188,225,255,.15);list-style:none}.r20-wallet-rules li{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid rgba(188,225,255,.13)}.r20-wallet-rules li>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#79ead0;background:rgba(31,213,168,.12);font-size:11px!important;font-weight:900}.r20-wallet-rules li strong{color:#eef7ff;font-size:14.5px}.ui-reference-light.page-master-rates .r20-wallet-rules li p{margin:2px 0 0;color:#9fb7d0;font-size:12.5px}.r20-rule-note{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(164,223,245,.16);border-radius:12px;background:rgba(255,255,255,.065);color:#b6cbe0;font-size:11.5px}.r20-rule-note .icon{width:18px;color:#8ee7d4}
.r20-history-panel>header>div:last-child{text-align:right}.r20-history-panel>header>div:last-child strong,.r20-history-panel>header>div:last-child span{display:block}.r20-history-panel>header>div:last-child strong{color:#0c61d3;font-size:27px}.r20-history-panel>header>div:last-child span{color:#7589a2;font-size:11.5px!important}.r20-table-scroll{overflow:auto}.r20-table-scroll table{width:100%;min-width:1000px;border-collapse:collapse}.r20-table-scroll th{padding:13px 18px;color:#69809d;background:#f6f9fd;font-size:10.5px!important;font-weight:900;text-align:left}.r20-table-scroll td{padding:16px 18px;border-top:1px solid #e4ebf3;color:#17375d;font-size:13.5px}.r20-table-scroll td strong,.r20-table-scroll td small{display:block}.r20-table-scroll td>small{margin-top:4px;color:#8293a8;font-size:11px!important}.r20-market-code{width:39px;height:33px;display:grid;place-items:center;margin-bottom:6px;border-radius:9px;color:#155fc4;background:#eaf3ff;font-size:11px!important;font-weight:900}.r20-category-chip{width:max-content;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;color:#1e62bd;background:#ecf4ff;font-size:12px!important;font-weight:900}.r20-category-chip .icon{width:16px}.r20-category-chip.utility{color:#00876b;background:#e9f9f4}.r20-category-chip.authentication{color:#704dd0;background:#f0edff}.r20-category-chip.service{color:#b86c09;background:#fff3e0}.r20-ledger-rate{color:#0b315e;font-size:16.5px}.r20-status{width:max-content;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:99px;color:#078261;background:#e8f9f3;font-size:11.5px!important;font-weight:900}.r20-status i{width:7px;height:7px;border-radius:50%;background:#0caf83}.r20-status.is-review{color:#a96c0c;background:#fff3df}.r20-status.is-review i{background:#dda022}.r20-source-text{max-width:290px;color:#365574;font-size:12.5px}.r20-history-empty{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding:28px}.r20-history-empty>span{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;color:#276bd0;background:#edf5ff}.r20-history-empty strong{display:block;color:#17375d;font-size:17px}.ui-reference-light.page-master-rates .r20-history-empty p{margin:4px 0 0;color:#788ba3;font-size:13px}.r20-history-empty>a{color:#0d63d5;font-size:13px;font-weight:900}
@media(max-width:1320px){.r20-rates-hero{grid-template-columns:minmax(0,1fr) 350px}.r20-rates-visual>img{width:280px}.r20-float-price{min-width:162px}.r20-float-price.utility{display:none}.r20-category-grid{grid-template-columns:repeat(2,1fr)}.r20-rate-workspace{grid-template-columns:1fr}.r20-wallet-rules ol{display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px}}
@media(max-width:1000px){.r20-rates-hero{grid-template-columns:1fr;padding:32px 31px 0}.r20-rates-copy{padding-bottom:12px}.r20-rates-visual{min-height:285px}.r20-rates-signal-strip{margin:0 -31px;grid-template-columns:repeat(2,1fr)}.r20-rates-signal-strip article:nth-child(3){border-left:0}}
@media(max-width:760px){.ui-reference-light.page-master-rates .page-content{padding-top:14px}.r20-rates-page{gap:17px}.r20-rates-hero{padding:25px 21px 0}.ui-reference-light.page-master-rates .r20-rates-copy h1{font-size:35px}.r20-rates-actions{align-items:stretch;flex-direction:column}.r20-rates-actions a{justify-content:center}.r20-rates-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.r20-rates-facts>div{min-width:0;padding:0;border:0}.r20-rates-facts>div:last-child{grid-column:1/-1}.r20-rates-visual{min-height:245px}.r20-rates-visual>img{width:228px}.r20-rates-signal-strip{margin:0 -21px}.r20-section-heading,.r20-rate-form-panel>header{align-items:flex-start;flex-direction:column}.r20-category-grid,.r20-field-grid{grid-template-columns:1fr}.r20-form-submit{align-items:stretch;flex-direction:column}.r20-form-submit .btn{justify-content:center}.r20-wallet-rules ol{grid-template-columns:1fr}.r20-history-empty{grid-template-columns:52px 1fr}.r20-history-empty>a{grid-column:1/-1}}
@media(max-width:520px){.r20-rates-kicker{font-size:10px!important}.ui-reference-light.page-master-rates .r20-rates-copy h1{font-size:31px}.r20-rates-facts{grid-template-columns:1fr}.r20-rates-facts>div,.r20-rates-facts>div:last-child{grid-column:auto;padding:11px 0 0;border-top:1px solid rgba(188,225,255,.16)}.r20-rates-visual{min-height:220px}.r20-rates-visual>img{width:205px}.r20-float-price{min-width:0;padding:8px}.r20-float-price.marketing{right:-8px}.r20-float-price.utility{left:-8px}.r20-rate-orbit.orbit-b{display:none}.r20-rates-signal-strip{grid-template-columns:1fr}.r20-rates-signal-strip article{min-height:101px;border-left:0}.r20-rate-form-panel>header,.r20-rate-form{padding:18px}.r20-form-submit{margin:20px -18px -18px;padding:18px}.r20-wallet-rules{padding:22px}.r20-history-panel>header{padding:18px}}

.ui-reference-light{
  --sidebar-width:300px;
  --exact-rail-width:64px;
  --exact-ink:#071a45;
  --exact-ink-2:#173260;
  --exact-muted:#667aa4;
  --exact-blue:#0968f5;
  --exact-cyan:#08cbc5;
  --exact-green:#06b779;
  --exact-line:#e1e8f3;
  --exact-soft:#f8faff;
  --exact-card:#fff;
  --exact-shadow:0 5px 18px rgba(32,72,132,.035);
  min-height:100vh;
  overflow-x:clip;
  color:var(--exact-ink);
  background:#fbfcff;
}

.ui-reference-light.role-master{--sidebar-width:288px}
.ui-reference-light.sidebar-compact{--sidebar-width:84px}
.ui-reference-light:not(.role-master) .app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--exact-rail-width)}
.ui-reference-light.role-master .app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.ui-reference-light .app-main{grid-column:2;min-width:0;background:#fbfcff}

/* Left navigation: reference geometry, existing menu entries remain untouched. */
.ui-reference-light .sidebar{
  width:var(--sidebar-width);
  padding:0 15px 13px;
  border-right:1px solid var(--exact-line);
  color:var(--exact-ink);
  background:#fff;
  box-shadow:none;
}
.ui-reference-light .sidebar:before{
  width:176px;
  height:248px;
  inset:142px auto auto 155px;
  border-radius:0;
  opacity:.34;
  background:radial-gradient(circle,#dceeff 1.05px,transparent 1.2px) 0 0/13px 13px;
  filter:none;
}
.ui-reference-light .sidebar-head{height:82px;min-height:82px;padding:0 13px;border:0;background:#fff}
.ui-reference-light .sidebar-brand-full{width:168px;max-width:168px;height:auto;object-fit:contain;filter:none!important}
.ui-reference-light .sidebar-head-actions{margin-left:auto}
.ui-reference-light .sidebar-collapse{width:32px;height:32px;border:0;border-radius:9px;color:#7890b7;background:transparent}
.ui-reference-light .sidebar-context-card{
  min-height:67px;
  margin:9px 0 17px;
  padding:11px 13px;
  grid-template-columns:40px minmax(0,1fr) 16px;
  gap:10px;
  border:1px solid #dfe7f3;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 14px rgba(34,74,132,.025);
}
.ui-reference-light .sidebar-context-avatar,.ui-reference-light .sidebar-context-icon{width:40px;height:40px;border-radius:11px}
.ui-reference-light .sidebar-context-card strong{font-size:12px;font-weight:750}
.ui-reference-light .sidebar-context-card small{margin-top:3px;font-size:9.5px;color:#6980aa}
.ui-reference-light .sidebar-nav{padding:3px 3px 7px;scrollbar-width:none}
.ui-reference-light .sidebar-nav::-webkit-scrollbar{display:none}
.ui-reference-light .sidebar-link,.ui-reference-light .sidebar-group-toggle{
  min-height:43px;
  margin:1px 0;
  padding:8px 12px;
  gap:12px;
  border-radius:11px;
  color:#4f6793;
  font-size:11.5px;
  font-weight:620;
}
.ui-reference-light .sidebar-link>.icon,.ui-reference-light .sidebar-group-toggle>.icon{width:18px;height:18px;color:#3f6db5}
.ui-reference-light .sidebar-link:hover,.ui-reference-light .sidebar-group-toggle:hover{color:var(--exact-blue);background:#f4f7fd}
.ui-reference-light .sidebar-link.active,.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle{
  color:var(--exact-blue);
  background:linear-gradient(90deg,#edf3ff 0%,#eef5ff 78%,#effffc 100%);
  font-weight:740;
}
.ui-reference-light .sidebar-link.active:before,.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle:before{left:-3px;top:7px;bottom:7px;width:3px}
.ui-reference-light .sidebar-link.active:after,.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle:after{width:2px}
.ui-reference-light .sidebar-sublink{min-height:33px;padding:6px 9px;border-radius:8px;color:#657ba3;font-size:10px}
.ui-reference-light .sidebar-sublink>.icon{width:14px;height:14px}
.ui-reference-light .sidebar-group-inner{gap:1px;margin-left:19px;padding:2px 0 5px 29px}
.ui-reference-light .sidebar-bottom{gap:9px;padding:0;background:#fff!important}
.ui-reference-light .sidebar-upgrade-card{min-height:184px;padding:18px 17px 15px;border-radius:15px}
.ui-reference-light .sidebar-upgrade-icon{width:34px;height:34px;margin-bottom:10px;color:#067df2;background:linear-gradient(145deg,#edf4ff,#e6fbff)}
.ui-reference-light .sidebar-upgrade-card>strong{font-size:11px}
.ui-reference-light .sidebar-upgrade-card>p{max-width:166px;font-size:9px;line-height:1.55}
.ui-reference-light .sidebar-help{min-height:40px;font-size:10.5px}
.ui-reference-light .sidebar-logout{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 12px;
  border:1px solid #f2dfe4;
  border-radius:11px;
  color:#c23a55;
  background:#fff8fa;
  font-size:10.5px;
  font-weight:740;
  transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ui-reference-light .sidebar-logout>.icon{width:18px;height:18px;flex:0 0 18px}
.ui-reference-light .sidebar-logout:hover{color:#fff;border-color:#e94167;background:linear-gradient(135deg,#f05270,#d82f58);box-shadow:0 9px 22px rgba(211,45,83,.2);transform:translateY(-1px)}

/* Master navigation is a bordered control panel in the supplied reference. */
.ui-reference-light.role-master .sidebar{padding-left:23px;padding-right:22px}
.ui-reference-light.role-master .sidebar-collapse{display:grid!important}
.ui-reference-light.role-master .sidebar-head{height:79px;min-height:79px;padding:0 20px}
.ui-reference-light.role-master .sidebar-brand-full{width:153px;max-width:153px}
.ui-reference-light.role-master .sidebar-context-card{min-height:83px;margin:8px 0 23px;padding:14px 13px;grid-template-columns:40px minmax(0,1fr)}
.ui-reference-light.role-master .sidebar-nav{flex:1;padding:6px 8px;border:1px solid var(--exact-line);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(30,69,126,.055)}
.ui-reference-light.role-master .sidebar-link{min-height:42px;padding:8px 10px;font-size:11.5px}
.ui-reference-light.role-master .sidebar-bottom{padding-top:12px}
.ui-reference-light.role-master .sidebar-profile-card{min-height:72px;padding:10px 12px;border-radius:14px}
.ui-reference-light.role-master .sidebar-help-card{padding:17px 20px;border-radius:15px}

/* Clean light-theme icon rail for both Business and Master Admin. */
@media(min-width:1081px){
  body.ui-reference-light.role-master{--sidebar-width:84px}
  body.ui-reference-light.role-master .app-shell{grid-template-columns:84px minmax(0,1fr)}
  body.ui-reference-light.role-master .sidebar{width:84px;transition:width .22s ease,padding .22s ease,box-shadow .22s ease}
  body.ui-reference-light.role-master:not(.sidebar-compact) .sidebar{width:288px;padding-left:23px;padding-right:22px;box-shadow:18px 0 46px rgba(23,56,104,.16)}
  body.ui-reference-light.role-master.sidebar-flyout-open .sidebar{z-index:80}
  body.ui-reference-light.role-master.sidebar-flyout-open .mobile-overlay{display:block;position:fixed;inset:0;z-index:79;background:rgba(10,31,62,.24);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}
  body.ui-reference-light.role-master:not(.sidebar-compact) .sidebar-bottom{display:block!important}
  .ui-reference-light.sidebar-compact{--sidebar-width:84px}
  .ui-reference-light.sidebar-compact .sidebar{width:84px;padding:0 11px 12px;overflow:visible}
  .ui-reference-light.sidebar-compact .sidebar-head{height:72px;min-height:72px;justify-content:center;padding:0}
  .ui-reference-light.sidebar-compact .sidebar-brand{display:none}
  .ui-reference-light.sidebar-compact .sidebar-head-actions{margin:0}
  .ui-reference-light.sidebar-compact .sidebar-collapse{width:46px;height:42px;border:1px solid #dce6f4;border-radius:12px;color:#176cf2;background:linear-gradient(145deg,#f7faff,#edf5ff);box-shadow:0 7px 18px rgba(21,94,209,.09)}
  .ui-reference-light.sidebar-compact .sidebar-collapse:hover{color:#fff;border-color:#1477f8;background:linear-gradient(135deg,#176ff1,#05bfc1)}
  .ui-reference-light.sidebar-compact .sidebar-context-card{display:none!important}
  .ui-reference-light.sidebar-compact .sidebar-nav,.ui-reference-light.role-master.sidebar-compact .sidebar-nav{padding:8px 0 12px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow-x:hidden}
  .ui-reference-light.sidebar-compact .nav-group-label,.ui-reference-light.sidebar-compact .nav-quick-label{display:none!important}
  .ui-reference-light.sidebar-compact .sidebar-link,.ui-reference-light.sidebar-compact .sidebar-group-toggle,.ui-reference-light.role-master.sidebar-compact .sidebar-link{
    width:50px;
    min-height:48px;
    justify-content:center;
    margin:4px auto;
    padding:0;
    border:1px solid transparent;
    border-radius:13px;
    color:#4773b9;
    background:transparent;
  }
  .ui-reference-light.sidebar-compact .sidebar-link>span,.ui-reference-light.sidebar-compact .sidebar-group-toggle>span,.ui-reference-light.sidebar-compact .sidebar-group-chevron,.ui-reference-light.sidebar-compact .sidebar-group-panel{display:none!important}
  .ui-reference-light.sidebar-compact .sidebar-link>.icon,.ui-reference-light.sidebar-compact .sidebar-group-toggle>.icon{width:20px;height:20px;flex:0 0 20px;color:currentColor}
  .ui-reference-light.sidebar-compact .sidebar-link:hover,.ui-reference-light.sidebar-compact .sidebar-group-toggle:hover{color:#0968f5;border-color:#d8e6fb;background:#edf5ff;box-shadow:0 7px 18px rgba(22,99,218,.09)}
  .ui-reference-light.sidebar-compact .sidebar-link.active,.ui-reference-light.sidebar-compact .sidebar-nav-group.active>.sidebar-group-toggle{color:#fff;border-color:transparent;background:linear-gradient(145deg,#0968f5,#08c1c0);box-shadow:0 9px 22px rgba(9,104,245,.22)}
  .ui-reference-light.sidebar-compact .sidebar-link.active:before,.ui-reference-light.sidebar-compact .sidebar-link.active:after,.ui-reference-light.sidebar-compact .sidebar-nav-group.active>.sidebar-group-toggle:before,.ui-reference-light.sidebar-compact .sidebar-nav-group.active>.sidebar-group-toggle:after{display:none}
  .ui-reference-light.sidebar-compact .sidebar-nav-group{width:50px;margin:4px auto;background:transparent}
  .ui-reference-light.sidebar-compact .sidebar-bottom,.ui-reference-light.role-master.sidebar-compact .sidebar-bottom{display:flex!important;align-items:center;padding:10px 0 0;border-top:1px solid #e7edf6;background:#fff!important}
  .ui-reference-light.sidebar-compact .sidebar-profile-card,.ui-reference-light.sidebar-compact .sidebar-help-card,.ui-reference-light.sidebar-compact .sidebar-upgrade-card,.ui-reference-light.sidebar-compact .sidebar-help{display:none!important}
  .ui-reference-light.sidebar-compact .sidebar-logout{width:50px;min-height:48px;justify-content:center;margin:0 auto;padding:0;border-color:#f0dce2;border-radius:13px;background:#fff7f9}
  .ui-reference-light.sidebar-compact .sidebar-logout>span{display:none}
  .ui-reference-light.sidebar-compact .sidebar-logout>.icon{width:20px;height:20px;flex-basis:20px}
}

.sidebar-hover-tooltip{
  position:fixed;
  z-index:1000;
  min-width:max-content;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:9px;
  color:#fff;
  background:linear-gradient(135deg,#0b2f6f,#0759c9 68%,#05aeb1);
  box-shadow:0 10px 28px rgba(8,45,105,.24);
  font-size:11px;
  font-weight:720;
  line-height:1;
  pointer-events:none;
  opacity:0;
  transform:translate(5px,-50%) scale(.96);
  transform-origin:left center;
  transition:opacity .14s ease,transform .14s ease;
}
.sidebar-hover-tooltip.show{opacity:1;transform:translate(0,-50%) scale(1)}
.sidebar-hover-tooltip:before{content:"";position:absolute;left:-5px;top:50%;width:9px;height:9px;background:#0a3f91;transform:translateY(-50%) rotate(45deg)}
@media(max-width:1080px){.ui-reference-light.role-master .sidebar-collapse{display:none!important}.sidebar-hover-tooltip{display:none!important}}

/* Premium Plan & Billing workspace. */
.reference-billing-page{display:grid;gap:22px;padding-bottom:8px}
.rb-overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.72fr);gap:16px}
.rb-subscription-card,.rb-wallet-card,.rb-metric-card,.rb-price-card{
  position:relative;
  border:1px solid var(--exact-line);
  background:#fff;
  box-shadow:var(--exact-shadow);
}
.rb-subscription-card{min-height:274px;overflow:hidden;padding:24px;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f6f9ff 67%,#eefcff 100%)}
.rb-subscription-card:before{content:"";position:absolute;width:260px;height:260px;right:-105px;top:-130px;border-radius:50%;background:radial-gradient(circle at 37% 38%,rgba(255,255,255,.95) 0 4%,rgba(8,203,197,.25) 5% 16%,rgba(9,104,245,.13) 42%,transparent 70%);box-shadow:0 0 0 48px rgba(9,104,245,.035)}
.rb-subscription-card>*{position:relative;z-index:2}
.rb-card-top{display:flex;align-items:center;gap:11px}
.rb-card-top>.status-badge{margin-left:auto}
.rb-card-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:13px;color:#0968f5;background:#edf4ff;box-shadow:0 0 0 7px rgba(9,104,245,.055)}
.rb-card-icon>.icon{width:21px;height:21px}
.rb-plan-icon{color:#fff;background:linear-gradient(145deg,#0968f5,#08cbc5);box-shadow:0 10px 24px rgba(9,104,245,.2)}
.rb-card-label span,.rb-card-label small{display:block}
.rb-card-label span{font-size:10px;font-weight:850;letter-spacing:.09em;color:#365483}
.rb-card-label small{margin-top:3px;font-size:9px;color:#8292af}
.rb-plan-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:25px 0 22px}
.rb-plan-title h2{margin:0;color:var(--exact-ink);font-size:31px;letter-spacing:-.045em}
.rb-plan-title p{max-width:560px;margin:6px 0 0;color:var(--exact-muted);font-size:11px}
.rb-plan-title>strong{display:flex;align-items:baseline;color:#0a2a61;font-size:29px;letter-spacing:-.04em}
.rb-plan-title>strong small{margin-left:3px;color:#6c81a8;font-size:9px;font-weight:650;letter-spacing:0}
.rb-plan-facts{display:grid;grid-template-columns:.75fr .9fr 1.35fr;gap:9px}
.rb-plan-facts>div{min-width:0;padding:11px 12px;border:1px solid #e3eaf4;border-radius:11px;background:rgba(255,255,255,.82)}
.rb-plan-facts span,.rb-plan-facts strong{display:block}
.rb-plan-facts span{font-size:8.5px;color:#8392ab}
.rb-plan-facts strong{margin-top:4px;overflow:hidden;color:#193563;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}
.rb-card-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:13px;border-top:1px solid #e6edf6;color:#63789e;font-size:9px}
.rb-card-foot>span{display:flex;align-items:center;gap:7px}
.rb-card-foot .icon{width:15px;height:15px;color:#07aa7b}
.rb-text-button{padding:0;border:0;color:#d23f5b;background:transparent;font:inherit;font-weight:760;cursor:pointer}
.rb-text-button:hover{color:#a91f3a}
.rb-cancel-note{color:#c97c13!important;font-weight:760}

.rb-wallet-card{min-height:274px;overflow:hidden;padding:24px;border:0;border-radius:20px;color:#fff;background:linear-gradient(145deg,#072760 0%,#0967e9 66%,#08bdbf 130%);box-shadow:0 18px 38px rgba(9,74,172,.18)}
.rb-wallet-card:before{content:"";position:absolute;width:220px;height:220px;right:-105px;top:-92px;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 35px rgba(255,255,255,.045),0 0 0 70px rgba(255,255,255,.025)}
.rb-wallet-card>*{position:relative;z-index:2}
.rb-wallet-card .rb-card-label span{color:#fff}
.rb-wallet-card .rb-card-label small{color:rgba(255,255,255,.62)}
.rb-wallet-icon{color:#0968f5;background:#fff;box-shadow:0 10px 26px rgba(2,27,74,.24)}
.rb-wallet-balance{margin:24px 0 20px}
.rb-wallet-balance span,.rb-wallet-balance strong,.rb-wallet-balance small{display:block}
.rb-wallet-balance span{color:rgba(255,255,255,.7);font-size:9.5px}
.rb-wallet-balance strong{margin:5px 0 6px;color:#fff;font-size:34px;letter-spacing:-.045em}
.rb-wallet-balance small{color:rgba(255,255,255,.67);font-size:9px}
.rb-wallet-action{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid rgba(255,255,255,.32);border-radius:11px;color:#0755c9;background:#fff;font-size:10px;font-weight:790;box-shadow:0 10px 24px rgba(3,35,88,.16)}
.rb-wallet-action:hover{color:#fff;border-color:rgba(255,255,255,.52);background:rgba(255,255,255,.13)}
.rb-wallet-action .icon{width:17px;height:17px}

.rb-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rb-metric-card{min-height:104px;display:flex;align-items:center;gap:15px;padding:17px;border-radius:15px}
.rb-metric-card .rb-card-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px;box-shadow:none}
.rb-metric-card .tone-teal{color:#06a87a;background:#eafaf5}
.rb-metric-card .tone-orange{color:#e17d17;background:#fff4e8}
.rb-metric-card .tone-purple{color:#7d43df;background:#f4edff}
.rb-metric-card small,.rb-metric-card strong,.rb-metric-card>div>span{display:block}
.rb-metric-card small{color:#7385a8;font-size:8.8px}
.rb-metric-card strong{margin:4px 0 3px;color:#122b56;font-size:14px;line-height:1.15}
.rb-metric-card>div>span{color:#8492ac;font-size:8.3px}

.rb-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:8px 5px 0}
.rb-section-heading>div>span,.rb-panel-kicker{color:#0968f5;font-size:9px;font-weight:850;letter-spacing:.12em}
.rb-section-heading h2{margin:7px 0 5px;color:var(--exact-ink);font-size:24px;letter-spacing:-.035em}
.rb-section-heading p{max-width:670px;margin:0;color:var(--exact-muted);font-size:10.5px;line-height:1.55}
.rb-section-heading>a{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #dce6f4;border-radius:10px;color:#225dac;background:#fff;font-size:9.5px;font-weight:740;white-space:nowrap}
.rb-section-heading>a .icon{width:15px;height:15px}
.rb-section-heading>a:hover{border-color:#bcd2f1;color:#0968f5;background:#f6faff}

.rb-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.rb-price-card{min-height:565px;display:flex;flex-direction:column;overflow:hidden;padding:23px;border-radius:19px}
.rb-price-card:before{content:"";position:absolute;width:170px;height:170px;right:-92px;top:-90px;border-radius:50%;background:#edf4ff;box-shadow:0 0 0 35px rgba(9,104,245,.025)}
.rb-price-card.is-recommended{border-color:#a9dce8;background:linear-gradient(150deg,#fff 0%,#f4f8ff 68%,#effffc 100%);box-shadow:0 18px 42px rgba(14,92,189,.11)}
.rb-price-card.is-recommended:before{background:rgba(8,203,197,.15);box-shadow:0 0 0 38px rgba(9,104,245,.045)}
.rb-price-card.is-current{border-color:#88c4ff}
.rb-price-card>*{position:relative;z-index:2}
.rb-recommended{position:absolute;z-index:3;right:18px;top:0;padding:6px 10px;border-radius:0 0 8px 8px;color:#fff;background:linear-gradient(100deg,#0968f5,#08bcb9);font-size:7px;font-weight:880;letter-spacing:.1em}
.rb-price-head{display:flex;align-items:center;gap:13px}
.rb-price-head .rb-card-icon{color:#5d68d9;background:#f0f0ff;box-shadow:none}
.plan-growth .rb-price-head .rb-card-icon{color:#fff;background:linear-gradient(145deg,#0968f5,#08c5c0)}
.plan-scale .rb-price-head .rb-card-icon{color:#8a43dc;background:#f5edff}
.rb-price-head small,.rb-price-head h3{display:block}
.rb-price-head small{color:#7689a9;font-size:8px;font-weight:820;letter-spacing:.08em}
.rb-price-head h3{margin:3px 0 0;color:#102751;font-size:21px;letter-spacing:-.03em}
.rb-current-pill{margin-left:auto;padding:5px 8px;border-radius:999px;color:#087761;background:#e6f8f3;font-size:7.5px;font-weight:850;text-transform:uppercase}
.rb-price-card>p{min-height:43px;margin:18px 0 0;color:#687da3;font-size:10px;line-height:1.55}
.rb-price{display:flex;align-items:flex-end;gap:8px;margin:20px 0 8px}
.rb-price>strong{color:#0a2856;font-size:37px;line-height:.92;letter-spacing:-.055em}
.rb-price sup{position:relative;top:-10px;margin-right:2px;font-size:15px;letter-spacing:0}
.rb-price>span{color:#7183a3;font-size:9px;line-height:1.25}
.rb-price>span small{font-size:8px}
.rb-saving{width:max-content;max-width:100%;padding:5px 8px;border-radius:7px;color:#08775e;background:#e8f9f4;font-size:8px;font-weight:730}
.rb-price-card>ul{display:grid;gap:10px;margin:19px 0 18px;padding:17px 0;border-block:1px solid #e8edf5;list-style:none}
.rb-price-card>ul li{display:flex;align-items:flex-start;gap:8px;color:#435d86;font-size:9.7px;line-height:1.45}
.rb-price-card>ul i{width:17px;height:17px;display:grid;place-items:center;flex:0 0 17px;border-radius:50%;color:#fff;background:#08b985;font-style:normal}
.rb-price-card>ul .icon{width:11px;height:11px;stroke-width:2.3}
.rb-plan-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;color:#1767d8;font-size:9px;font-weight:750}
.rb-plan-details .icon{width:15px;height:15px}
.rb-price-card>form{margin-top:auto}
.rb-period-select{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin-bottom:9px}
.rb-period-select>span{color:#667b9f;font-size:8.5px;font-weight:730}
.rb-period-select select{min-height:39px;height:39px;padding:0 28px 0 10px;border-radius:9px;font-size:9px}
.rb-price-card .btn{min-height:43px;border-radius:10px;font-size:9.5px}

.rb-comparison-shell{overflow:hidden;border:1px solid var(--exact-line);border-radius:19px;background:#fff;box-shadow:var(--exact-shadow)}
.rb-comparison-shell .v8-plan-comparison{margin:0;border:0;border-radius:0;background:#fff;box-shadow:none}
.rb-invoice-panel{overflow:hidden;border-radius:19px!important}
.rb-invoice-panel .panel-head{padding:19px 20px}
.rb-invoice-panel .panel-head h2{margin-top:5px;font-size:17px}
.rb-invoice-summary{display:flex;gap:8px}
.rb-invoice-summary>span{padding:7px 9px;border:1px solid #dfe7f2;border-radius:9px;color:#7182a0;background:#f9fbff;font-size:8.5px}
.rb-invoice-summary b{color:#173765;font-size:10px}
.rb-invoice-panel code{padding:4px 6px;border-radius:6px;color:#536d95;background:#f3f6fb;font-size:8.5px}

@media(max-width:1320px){
  .rb-overview-grid{grid-template-columns:1fr}
  .rb-wallet-card{min-height:240px}
  .rb-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rb-plan-grid{grid-template-columns:1fr}
  .rb-price-card{min-height:auto}
  .rb-price-card>p{min-height:0}
}
@media(max-width:768px){
  .reference-billing-page{gap:17px}
  .rb-subscription-card,.rb-wallet-card,.rb-price-card{padding:18px;border-radius:16px}
  .rb-plan-title{align-items:flex-start;flex-direction:column;margin:21px 0 17px}
  .rb-plan-facts{grid-template-columns:1fr}
  .rb-card-foot{align-items:flex-start;flex-direction:column}
  .rb-metric-grid{grid-template-columns:1fr}
  .rb-section-heading{align-items:flex-start;flex-direction:column}
  .rb-section-heading>a{white-space:normal}
  .rb-invoice-summary{display:none}
}

/* Header bars. */
.ui-reference-light .topbar{
  height:81px;
  padding:0 18px 0 33px;
  border-bottom:1px solid var(--exact-line);
  background:rgba(255,255,255,.985);
  box-shadow:none;
  backdrop-filter:blur(18px);
}
.ui-reference-light .topbar-left{flex:1}
.ui-reference-light .command-search{
  width:500px;
  min-width:300px;
  height:50px;
  padding:0 16px;
  border:1px solid #dce5f2;
  border-radius:12px;
  color:#546c9c;
  background:#fff;
  box-shadow:0 3px 12px rgba(25,65,126,.025);
}
.ui-reference-light .command-search>.icon{width:19px;height:19px;color:#4969a6}
.ui-reference-light .command-search span{font-size:11.5px}
.ui-reference-light .command-search kbd{border:0;color:#4f69a0;background:#f4f7fc;box-shadow:none}
.ui-reference-light .topbar-actions{gap:10px}
.ui-reference-light .icon-button{width:48px;height:48px;border:1px solid transparent;border-radius:12px;color:#41629a;background:#fff}
.ui-reference-light .notification-button{border-color:transparent}
.ui-reference-light .user-menu-trigger{min-width:174px;height:50px;border:1px solid #e0e7f1;border-radius:12px}
.ui-reference-light .user-menu-trigger .avatar{width:38px;height:38px}
.ui-reference-light .topbar-settings-button{height:50px;border-radius:12px}
.ui-reference-light.role-master .topbar{height:88px;padding:0 28px 0 55px;border-bottom:0}
.ui-reference-light.role-master .command-search{width:494px}

/* Main page surface and shared components across every page. */
.ui-reference-light .page-content{width:100%;max-width:none;padding:18px 25px 28px 29px;background:#fbfcff}
.ui-reference-light:not(.role-master) .page-content{padding-bottom:13px}
.ui-reference-light .page-content>*{max-width:none;margin-left:0;margin-right:0}
.ui-reference-light.role-master .page-content{padding:14px 27px 27px 46px}
.ui-reference-light .page-titlebar{margin-bottom:16px;padding:3px 0}
.ui-reference-light .page-titlebar-icon{width:40px;height:40px;border-radius:11px}
.ui-reference-light .page-titlebar-copy h1{font-size:20px}
.ui-reference-light .page-titlebar-copy p{font-size:10.5px}
.ui-reference-light .panel,.ui-reference-light .settings-section,.ui-reference-light .table-panel,.ui-reference-light .toolbar-card,
.ui-reference-light .suite-card,.ui-reference-light .integration-market-card,.ui-reference-light .channel-market-card,
.ui-reference-light .automation-card,.ui-reference-light .quick-reply-card,.ui-reference-light .auto-reply-card,
.ui-reference-light .workflow-card,.ui-reference-light .product-card,.ui-reference-light .price-card,
.ui-reference-light .usage-card,.ui-reference-light .dashboard-plan-card,.ui-reference-light .ai-agent-card,
.ui-reference-light .widget-card,.ui-reference-light .feature-matrix-panel{
  border:1px solid var(--exact-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:var(--exact-shadow)!important;
}
.ui-reference-light .panel-head,.ui-reference-light .settings-section-head{padding:15px 17px;border-bottom:1px solid #edf1f7}
.ui-reference-light .panel-head h2,.ui-reference-light .settings-section-head h2{color:var(--exact-ink);font-size:13px}
.ui-reference-light .panel-pad,.ui-reference-light .settings-section-body{padding:17px}
.ui-reference-light .toolbar-card{padding:10px 12px;margin-bottom:13px}
.ui-reference-light .data-table{color:#2c4775;font-size:10.5px}
.ui-reference-light .data-table th{height:42px;padding:9px 12px;color:#6c7fa2;background:#f9fbfe;font-size:9px}
.ui-reference-light .data-table td{padding:11px 12px}
.ui-reference-light input,.ui-reference-light select,.ui-reference-light textarea{min-height:42px;border-radius:9px;font-size:11px}
.ui-reference-light .btn{min-height:39px;border-radius:9px;font-size:10.5px}
.ui-reference-light .btn-primary{background:linear-gradient(92deg,#0c64f3 0%,#1279ed 56%,#08c9c4 118%)}

/* Business utility rail missing from the previous package. */
.ref-utility-rail{
  position:fixed;
  z-index:72;
  top:0;
  right:0;
  bottom:0;
  width:var(--exact-rail-width);
  grid-column:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:12px 0;
  border-left:1px solid var(--exact-line);
  background:rgba(255,255,255,.985);
}
.ref-rail-stack{display:grid;gap:13px;margin-top:19px}
.ref-rail-button{position:relative;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:10px;color:#2f68c8;background:#fff;transition:.18s ease}
.ref-rail-button>.icon{width:19px;height:19px}
.ref-rail-button:hover,.ref-rail-button.active{color:#075ff0;background:#eef4ff;box-shadow:0 5px 14px rgba(31,83,171,.08)}
.ref-rail-button.active:before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:2px;border-radius:2px;background:linear-gradient(#1767ff,#1bd0c2)}
.ref-rail-button[data-ref-tooltip]:after{content:attr(data-ref-tooltip);position:absolute;right:calc(100% + 10px);top:50%;padding:8px 11px;border-radius:8px;color:#fff;background:#10264e;font-size:9px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(5px,-50%);transition:.16s ease}
.ref-rail-button[data-ref-tooltip]:hover:after{opacity:1;transform:translate(0,-50%)}
.ref-rail-count{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:999px;color:#fff;background:#0968f5;font-size:7px;font-weight:800}
.ref-double-chevron{display:flex;margin-left:-2px}
.ref-double-chevron>.icon{width:13px;height:13px;margin-right:-7px;transform:rotate(180deg)}
.ref-rail-collapse{border:1px solid #e0e7f2;color:#355f9f}

/* Business dashboard rebuilt to the supplied unequal-card reference grid. */
.reference-business-dashboard{display:grid;gap:17px}
.ref-business-status-grid{display:grid;grid-template-columns:1.1413fr 1.2319fr 1.0326fr 1fr;gap:15px}
.ref-status-card{
  width:auto;
  height:219px;
  min-height:219px;
  padding:19px 18px 16px;
  border:1px solid var(--exact-line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--exact-shadow);
}
.ref-status-card-head{grid-template-columns:59px minmax(0,1fr);gap:13px}
.ref-channel-icon{width:50px;height:50px;margin:1px 0 0 1px;border-radius:50%}
.ref-channel-icon>.icon{width:26px;height:26px;stroke-width:1.85}
.ref-channel-icon.whatsapp{color:#fff;background:linear-gradient(145deg,#10d675,#04bd63);box-shadow:0 0 0 9px #e8fbf2,0 7px 16px rgba(5,185,99,.17)}
.ref-channel-icon.whatsapp>.icon{width:31px;height:31px}
.ref-channel-icon.whatsapp>.ref-whatsapp-brand-icon{display:block;width:31px;height:31px;object-fit:contain}
.ref-channel-icon.instagram{color:#fff;background:radial-gradient(circle at 31% 106%,#ffae55 0 24%,#ff5c66 43%,#ef3e83 67%,#7444da 105%);box-shadow:0 0 0 9px #fff0f4,0 7px 16px rgba(238,65,112,.14)}
.ref-channel-icon.instagram>.icon{width:28px;height:28px}
.ref-channel-icon.wallet,.ref-channel-icon.plan{color:#fff;background:linear-gradient(145deg,#1879ff,#165fea);box-shadow:0 0 0 9px #ebf3ff,0 7px 16px rgba(20,103,241,.15)}
.ref-channel-icon.plan>.icon{width:29px;height:29px;fill:#fff;stroke:#fff}
.ref-status-card-head small{margin-top:2px;color:#0c204a;font-size:11.5px;font-weight:760}
.ref-status-card-head strong{margin-top:6px;color:#071a45;font-size:12.5px;font-weight:760;line-height:1.32}
.ref-status-card-head span:not(.ref-channel-icon){margin-top:6px;color:#6177a4;font-size:9.7px;line-height:1.55}
.ref-status-card-head .ref-channel-number{color:#071a45!important;font-size:17px!important;font-weight:760!important;line-height:1.1!important}
.ref-status-card-head .ref-status-value{margin-top:9px;color:#081c49;font-size:18px;font-weight:780}
.ref-status-card-head .ref-plan-name{font-size:18px}
.ref-status-card-head .ref-verified{display:flex!important;align-items:center;gap:5px;margin-top:9px!important;color:#02a66d!important;font-size:9.3px!important;font-weight:700!important}
.ref-status-card-head .ref-verified>.icon{width:13px;height:13px;fill:#02a66d;color:#fff}
.ref-status-card-foot{margin-top:12px}
.ref-status-card-foot.single>a,.ref-whatsapp-action{min-height:40px;border-radius:9px;font-size:10.5px}
.ref-status-card-foot.single>a.ref-primary-link{background:linear-gradient(91deg,#0963f5 0%,#0b79ea 52%,#08ccc4 100%);box-shadow:0 8px 18px rgba(10,109,231,.12)}
.ref-status-card-foot.single>a.ref-outline-link{border-color:#cbdcf3;color:#075ff0;background:#fff}
.ref-whatsapp-foot{display:flex;flex-direction:column;align-items:stretch;gap:7px}
.ref-whatsapp-foot .ref-whatsapp-action{width:100%;border-color:#64d2b1;color:#049d69;background:#fff}
.ref-whatsapp-foot .ref-verified{justify-content:center;color:#0661eb;font-size:8.8px}
.ref-whatsapp-foot .ref-verified.pending{justify-content:flex-start;color:#bd7711}
.ref-whatsapp-foot .ref-verified>.icon{width:12px;height:12px}

.ref-business-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.ref-mini-kpi{min-height:114px;padding:16px 14px;grid-template-columns:50px minmax(0,1fr);gap:13px;border-radius:15px}
.ref-mini-icon{width:46px;height:46px;box-shadow:0 0 0 8px color-mix(in srgb,var(--tone) 6%,transparent)}
.ref-mini-icon>.icon{width:23px;height:23px}
.ref-mini-kpi small{font-size:9.5px}
.ref-mini-kpi strong{margin-top:6px;font-size:18px}
.ref-mini-trend{margin-top:8px;font-size:8.4px}

.ref-business-main-grid{display:grid;grid-template-columns:1.1fr .89fr 1.02fr;gap:15px}
.ref-business-main-grid>.ref-dashboard-panel{height:295px;min-height:295px}
.ref-dashboard-panel{border-color:var(--exact-line);border-radius:15px;box-shadow:var(--exact-shadow)}
.ref-panel-head{min-height:52px;padding:15px 17px 9px}
.ref-panel-head h2{font-size:12.5px}
.ref-panel-head>a{font-size:9px}
.ref-business-main-grid .ref-list-stack{padding-bottom:5px}
.ref-business-main-grid .ref-campaign-row,.ref-business-main-grid .ref-inbox-row{padding-top:8px;padding-bottom:8px}
.ref-action-grid{gap:13px;padding:8px 15px 15px}
.ref-action-grid>a{min-height:97px;border-radius:10px}
.ref-explore-panel{min-height:154px;padding:16px 18px;border-radius:15px}
.ref-explore-panel>h2{margin-bottom:12px;font-size:12.5px}
.ref-explore-grid{gap:14px}
.ref-explore-grid>a{min-height:82px;border-radius:10px}

/* Master dashboard exact first-viewport composition. */
.reference-master-dashboard{display:grid;gap:18px}
.ref-master-greeting{min-height:49px;margin-bottom:6px;padding:1px 12px 0}
.ref-master-greeting h1{font-size:22px}
.ref-master-greeting p{margin-top:4px;font-size:11px}
.ref-master-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:1px}
.ref-kpi-card{height:179px;padding:18px 15px 0;border-radius:15px}
.ref-kpi-icon{width:43px;height:43px;box-shadow:0 0 0 8px color-mix(in srgb,var(--tone) 7%,transparent)}
.ref-kpi-head strong{font-size:17px}
.ref-kpi-label{font-size:8.8px}
.ref-kpi-trend{margin-top:16px;font-size:8.6px}
.ref-master-middle-grid{grid-template-columns:1.17fr .95fr 1fr;gap:16px}
.ref-master-bottom-grid{grid-template-columns:1.17fr .95fr 1fr;gap:16px}
.ref-master-middle-grid>.ref-dashboard-panel{height:308px}
.ref-master-bottom-grid>.ref-dashboard-panel{height:220px}
.ref-master-middle-grid .ref-panel-head,.ref-master-bottom-grid .ref-panel-head{padding-left:17px;padding-right:17px}
.ref-master-middle-grid .ref-line-chart{height:207px}
.ref-master-middle-grid .ref-donut{width:183px;height:183px}
.ref-health-layout{padding-bottom:14px}

/* 3D is visible, restrained, and never deforms dense data surfaces. */
.ui-reference-light .ref-depth-card.ref-depth-active{box-shadow:0 18px 38px rgba(35,76,140,.105)!important;border-color:#cfdbeb!important}
.ui-reference-light .ref-depth-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.38),transparent 32%,transparent 70%,rgba(9,107,245,.025));opacity:0;pointer-events:none;transition:opacity .25s ease}
.ui-reference-light .ref-depth-card.ref-depth-active:after{opacity:1}

@media(max-width:1390px){
  .ui-reference-light:not(.role-master) .ref-business-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-reference-light:not(.role-master) .ref-status-card{height:205px;min-height:205px}
  .ui-reference-light:not(.role-master) .ref-business-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ui-reference-light:not(.role-master) .ref-business-main-grid{grid-template-columns:1fr 1fr}
  .ui-reference-light:not(.role-master) .ref-quick-actions{grid-column:1/-1}
  .ui-reference-light:not(.role-master) .ref-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ui-reference-light.role-master .ref-master-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ui-reference-light.role-master .ref-master-middle-grid,.ui-reference-light.role-master .ref-master-bottom-grid{grid-template-columns:1fr 1fr}
  .ui-reference-light.role-master .ref-recent-businesses,.ui-reference-light.role-master .ref-recent-activity{grid-column:1/-1}
}

@media(max-width:1024px){
  .ui-reference-light{--sidebar-width:0px;--exact-rail-width:0px}
  .ui-reference-light:not(.role-master) .app-shell,.ui-reference-light.role-master .app-shell{display:block;grid-template-columns:1fr}
  .ui-reference-light .app-main{grid-column:1}
  .ui-reference-light .sidebar{width:292px;padding-left:15px;padding-right:15px}
  .ui-reference-light.role-master .sidebar{width:292px;padding-left:20px;padding-right:20px}
  .ref-utility-rail{display:none}
  .ui-reference-light .topbar,.ui-reference-light.role-master .topbar{height:76px;padding:0 16px}
  .ui-reference-light .page-content,.ui-reference-light.role-master .page-content{padding:17px 17px 30px}
  .ui-reference-light .command-search{width:min(430px,48vw);min-width:220px}
}

@media(max-width:768px){
  .ui-reference-light .command-search{width:44px;min-width:44px;height:44px;padding:0;justify-content:center}
  .ui-reference-light .icon-button{width:44px;height:44px}
  .ui-reference-light .user-menu-trigger{width:44px;min-width:44px;height:44px;padding:3px;justify-content:center}
  .ui-reference-light .user-menu-trigger .avatar{width:36px;height:36px}
  .ui-reference-light .user-menu-copy,.ui-reference-light .user-menu-trigger>.icon{display:none}
  .ui-reference-light .ref-business-status-grid,.ui-reference-light .ref-business-kpi-grid{grid-template-columns:1fr 1fr}
  .ui-reference-light .ref-business-main-grid,.ui-reference-light.role-master .ref-master-middle-grid,.ui-reference-light.role-master .ref-master-bottom-grid{grid-template-columns:1fr}
  .ui-reference-light .ref-quick-actions,.ui-reference-light.role-master .ref-recent-businesses,.ui-reference-light.role-master .ref-recent-activity{grid-column:auto}
  .ui-reference-light .ref-explore-grid{grid-template-columns:1fr 1fr}
  .ui-reference-light.role-master .ref-master-kpi-grid{grid-template-columns:1fr 1fr}
  .ref-business-main-grid>.ref-dashboard-panel,.ref-master-middle-grid>.ref-dashboard-panel,.ref-master-bottom-grid>.ref-dashboard-panel{height:auto;min-height:260px}
}

@media(max-width:520px){
  .ui-reference-light .page-content,.ui-reference-light.role-master .page-content{padding:14px 12px 26px}
  .ui-reference-light:not(.role-master) .ref-business-status-grid,.ui-reference-light:not(.role-master) .ref-business-kpi-grid,.ui-reference-light:not(.role-master) .ref-explore-grid,.ui-reference-light.role-master .ref-master-kpi-grid{grid-template-columns:1fr}
  .ui-reference-light .ref-status-card{height:205px;min-height:205px}
  .ui-reference-light .ref-action-grid{grid-template-columns:1fr 1fr}
  .ui-reference-light .ref-master-greeting{padding-left:2px}
}

/* R17 — GST invoices, billing identity and transactional mail controls */
.r17-invoice-doc-actions{display:flex!important;align-items:center;gap:6px;margin-top:9px}.r17-invoice-doc-actions form{margin:0}.r17-invoice-doc-actions :where(a,button){min-height:28px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid #cfe0f3;border-radius:7px;color:#075fda;background:#f5f9ff;font:800 9.5px/1 var(--font-ui);white-space:nowrap}.r17-invoice-doc-actions button{cursor:pointer}.r17-table-note{display:block;margin-top:3px;color:#6d829e;font-size:11px}.r17-pdf-link{display:inline-flex;min-height:35px;align-items:center;padding:0 11px;border:1px solid #c6dbf3;border-radius:9px;color:#075fda;background:#f5f9ff;font-size:12px;font-weight:900;white-space:nowrap}
.r17-billing-identity{border-color:#cde6eb!important;background:linear-gradient(145deg,#fbfeff,#f4fbfb)!important}.cs-field-grid .cs-field-wide{grid-column:1/-1}
.r17-checkout-breakdown{overflow:hidden;margin:22px 0;border:1px solid #d7e4f2;border-radius:14px;background:#fff}.r17-checkout-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px;border-bottom:1px solid #e7eef6}.r17-checkout-breakdown>div:last-child{border-bottom:0}.r17-checkout-breakdown span{color:#647a97;font-size:13px;font-weight:700}.r17-checkout-breakdown strong{color:#14365f;font-size:15px}.r17-checkout-breakdown .total{background:linear-gradient(100deg,#edf5ff,#eefcfa)}.r17-checkout-breakdown .total span{color:#0b60d6;font-weight:900}.r17-checkout-breakdown .total strong{color:#075fd9;font-size:23px}
.r17-master-settings{display:grid;gap:20px;color:#102d55}.r17-settings-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:205px;padding:32px 40px;border:1px solid rgba(75,188,229,.25);border-radius:26px;color:#fff;background:linear-gradient(120deg,#081c43,#113a78 58%,#07899d);box-shadow:0 22px 55px rgba(15,48,93,.16)}.r17-settings-hero:before{content:"";position:absolute;right:4%;width:310px;height:310px;border:1px solid rgba(152,226,255,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(85,205,242,.045),0 0 0 110px rgba(85,205,242,.025)}.r17-settings-hero>div{position:relative;z-index:1;max-width:760px}.r17-settings-hero span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#82e7e5}.ui-reference-light.page-master-settings .r17-settings-hero h1{margin:10px 0 8px;color:#fff;font-size:clamp(31px,3vw,43px);line-height:1.08;letter-spacing:-.025em}.r17-settings-hero p{max-width:720px;margin:0;color:#bfd1e6;font-size:15px;line-height:1.65}.r17-settings-hero img{position:relative;z-index:1;width:135px;height:135px;object-fit:contain;filter:drop-shadow(0 24px 27px rgba(0,15,45,.35))}
.r17-settings-status{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.r17-settings-status article{padding:17px 18px;border:1px solid #dbe5f0;border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(27,65,116,.055)}.r17-settings-status span,.r17-settings-status strong,.r17-settings-status small{display:block}.r17-settings-status span{color:#7186a1;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.055em}.r17-settings-status strong{margin-top:6px;color:#12345e;font-size:19px}.r17-settings-status small{overflow:hidden;margin-top:3px;color:#8696aa;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.r17-settings-panel{overflow:hidden;border:1px solid #d9e4f0;border-radius:21px;background:#fff;box-shadow:0 16px 42px rgba(28,66,116,.07)}.r17-settings-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 25px;border-bottom:1px solid #e3ebf4;background:linear-gradient(100deg,#fbfdff,#f4fbfb)}.r17-settings-panel>header>div>span{color:#4677ad;font-size:10.5px;font-weight:900;letter-spacing:.1em}.ui-reference-light.page-master-settings .r17-settings-panel h2{margin-top:4px;color:#0c2e59;font-size:27px}.r17-settings-panel>header p{margin-top:4px;color:#71859f;font-size:13px}.r17-settings-panel form>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 25px;border-top:1px solid #e2eaf3;background:#f8fbff}.r17-settings-panel form>footer strong,.r17-settings-panel form>footer span{display:block}.r17-settings-panel form>footer strong{color:#183d69;font-size:13px}.r17-settings-panel form>footer span{margin-top:3px;color:#7a8ca4;font-size:11.5px}.r17-settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 17px;padding:23px 25px}.r17-settings-form-grid label{display:grid;gap:7px}.r17-settings-form-grid label.wide{grid-column:1/-1}.r17-settings-form-grid label>span{color:#315379;font-size:12px;font-weight:900}.r17-settings-form-grid label em{color:#8191a4;font-size:10px;font-style:normal;font-weight:700}.ui-reference-light.page-master-settings .r17-settings-form-grid input{min-height:50px;padding-inline:14px;border-color:#d5e0ec;background:#fbfdff;font-size:14px}.r17-social-settings{margin:0 25px 23px;padding:19px;border:1px solid #d7e8ed;border-radius:16px;background:linear-gradient(135deg,#f5fbff,#f0fbfa)}.r17-social-settings>div:first-child strong,.r17-social-settings>div:first-child span{display:block}.r17-social-settings>div:first-child strong{color:#11375f;font-size:16px}.r17-social-settings>div:first-child span{margin-top:4px;color:#6f839d;font-size:12px}.r17-social-settings .r17-settings-form-grid{padding:18px 0 0}
@media(max-width:980px){.r17-settings-status{grid-template-columns:repeat(2,1fr)}.r17-settings-hero{padding:28px}.r17-settings-hero img{width:105px;height:105px}}
@media(max-width:700px){.r17-settings-hero{min-height:auto}.r17-settings-hero img{display:none}.r17-settings-status,.r17-settings-form-grid{grid-template-columns:1fr}.r17-settings-form-grid label.wide{grid-column:auto}.r17-settings-panel>header,.r17-settings-panel form>footer{align-items:flex-start;flex-direction:column}.r17-settings-panel form>footer .btn{width:100%}.r17-social-settings{margin-inline:15px}.r17-settings-form-grid{padding-inline:15px}.cs-field-grid .cs-field-wide{grid-column:auto}}

/* R18 — Master revenue and billing operations */
.ui-reference-light.role-master .sidebar-nav{margin-top:10px}
.r18-payments-page{--r18-ink:#0d2c57;--r18-muted:#6f829d;--r18-line:#dbe5f0;display:grid;gap:20px;padding-bottom:12px}.r18-payments-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;overflow:hidden;padding:34px 37px 0;border:1px solid rgba(106,192,239,.24);border-radius:27px;color:#fff;background:linear-gradient(118deg,#071a40 0,#123a75 56%,#067c92 100%);box-shadow:0 25px 62px rgba(8,38,84,.18),inset 0 1px rgba(255,255,255,.12)}.r18-payments-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 83% 28%,rgba(26,225,211,.24),transparent 29%),radial-gradient(circle at 10% 0,rgba(91,103,255,.25),transparent 34%)}.r18-payments-hero:after{content:"";position:absolute;z-index:-1;right:-70px;top:-190px;width:450px;height:450px;border:1px solid rgba(142,225,255,.14);border-radius:50%;box-shadow:0 0 0 64px rgba(77,187,245,.04),0 0 0 128px rgba(77,187,245,.022)}
.r18-payments-copy{position:relative;z-index:2;align-self:center;padding-bottom:31px}.r18-payments-kicker{width:max-content;display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(153,224,255,.23);border-radius:99px;color:#c4efff;background:rgba(255,255,255,.075);font-size:11.5px;font-weight:900;letter-spacing:.095em}.r18-payments-kicker i{width:8px;height:8px;border-radius:50%;background:#25dfba;box-shadow:0 0 0 5px rgba(37,223,186,.13)}.ui-reference-light.page-master-payments .r18-payments-copy h1{max-width:760px;margin:15px 0 11px;color:#fff;font-size:clamp(36px,3vw,49px);line-height:1.07;letter-spacing:-.032em}.r18-payments-copy>p{max-width:735px;margin:0;color:#bed2e8;font-size:16px;line-height:1.65}.r18-payments-actions{display:flex;align-items:center;gap:12px;margin-top:22px}.r18-payments-actions a{min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(173,225,255,.24);border-radius:10px;color:#d2eff7;background:rgba(255,255,255,.07);font-size:13px;font-weight:900}.r18-payments-actions a:first-child{color:#0b386e;background:#fff}.r18-payments-actions b{font-size:16px}
.r18-payments-visual{position:relative;z-index:2;display:grid;place-items:center;align-content:center;min-height:250px;padding-bottom:31px}.r18-payments-visual>span{position:absolute;width:275px;height:170px;border-radius:50%;background:radial-gradient(ellipse,rgba(31,227,220,.29),transparent 70%);filter:blur(13px)}.r18-payments-visual>img{position:relative;width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 24px 27px rgba(0,17,45,.35))}.r18-payments-visual>div{position:absolute;right:0;bottom:27px;min-width:190px;padding:11px 13px;border:1px solid rgba(183,231,255,.23);border-radius:12px;background:rgba(5,29,67,.82);box-shadow:0 12px 27px rgba(0,18,49,.28);backdrop-filter:blur(12px)}.r18-payments-visual small,.r18-payments-visual strong,.r18-payments-visual b{display:block}.r18-payments-visual small{color:#94cfe6;font-size:9.5px;font-weight:900;letter-spacing:.095em}.r18-payments-visual strong{margin-top:3px;color:#fff;font-size:25px;line-height:1.1}.r18-payments-visual b{margin-top:4px;color:#bfd8ea;font-size:11px}
.r18-payments-signal{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:0 -37px;border-top:1px solid rgba(181,224,255,.16);background:rgba(2,21,52,.25)}.r18-payments-signal article{min-height:101px;padding:17px 25px;border-left:1px solid rgba(181,224,255,.14)}.r18-payments-signal article:first-child{border-left:0}.r18-payments-signal span,.r18-payments-signal strong,.r18-payments-signal small{display:block}.r18-payments-signal span{color:#9ebbd7;font-size:11.5px;font-weight:800}.r18-payments-signal strong{margin-top:4px;color:#fff;font-size:21px;line-height:1.15}.r18-payments-signal small{margin-top:5px;color:#9db5ce;font-size:11.5px;line-height:1.35}
.r18-readiness-panel,.r18-ledger-panel{overflow:hidden;border:1px solid var(--r18-line);border-radius:21px;background:#fff;box-shadow:0 15px 40px rgba(28,67,121,.07)}.r18-readiness-panel>header,.r18-ledger-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 23px;border-bottom:1px solid #e2eaf3;background:linear-gradient(110deg,#fbfdff,#f4fbfb)}.r18-readiness-panel>header>div>span,.r18-ledger-panel>header>div:first-child>span{display:block;color:#4c76a8;font-size:10.5px;font-weight:900;letter-spacing:.1em}.ui-reference-light.page-master-payments :is(.r18-readiness-panel,.r18-ledger-panel)>header h2{margin-top:4px;color:var(--r18-ink);font-size:26px}.ui-reference-light.page-master-payments :is(.r18-readiness-panel,.r18-ledger-panel)>header p{margin-top:4px;color:var(--r18-muted);font-size:13px}.r18-readiness-badge{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #cce8dd;border-radius:99px;color:#08785a;background:#ebf9f4;font-size:11.5px;font-weight:900;white-space:nowrap}.r18-readiness-badge i{width:8px;height:8px;border-radius:50%;background:#11b487;box-shadow:0 0 0 4px rgba(17,180,135,.1)}.r18-readiness-badge.is-attention{border-color:#f0dcad;color:#986508;background:#fff7e7}.r18-readiness-badge.is-attention i{background:#e4a01a;box-shadow:0 0 0 4px rgba(228,160,26,.1)}
.r18-readiness-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e5ecf4}.r18-readiness-grid article{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);gap:11px;min-height:132px;padding:20px;background:#fff}.r18-readiness-grid article>i{width:11px;height:11px;margin-top:3px;border:3px solid #e3f8f1;border-radius:50%;background:#12b68b;box-shadow:0 0 0 1px #12b68b}.r18-readiness-grid article.is-attention>i{border-color:#fff3dc;background:#e3a122;box-shadow:0 0 0 1px #e3a122}.r18-readiness-grid span,.r18-readiness-grid strong,.r18-readiness-grid small{display:block}.r18-readiness-grid span{color:#70839c;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.r18-readiness-grid strong{margin-top:7px;color:#14375f;font-size:15px;line-height:1.35}.r18-readiness-grid small{margin-top:5px;color:#7e8fa5;font-size:11.5px;line-height:1.5}
.r18-ledger-panel>header>div:last-child{text-align:right}.r18-ledger-panel>header>div:last-child strong,.r18-ledger-panel>header>div:last-child span{display:block}.r18-ledger-panel>header>div:last-child strong{color:#0d5fd3;font-size:25px}.r18-ledger-panel>header>div:last-child span{color:#7a8ca3;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.r18-table-scroll{overflow:auto}.r18-table-scroll table{width:100%;min-width:1120px;border-collapse:collapse}.r18-table-scroll th,.r18-table-scroll td{padding:16px 18px;border-bottom:1px solid #e6ecf3;text-align:left;vertical-align:middle}.r18-table-scroll tr:last-child td{border-bottom:0}.r18-table-scroll th{color:#71849f;background:#f8fbff;font-size:10.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.r18-table-scroll td{color:#29496e;font-size:13px}.r18-table-scroll td>strong,.r18-table-scroll td>small{display:block}.r18-table-scroll td>strong{color:#15375f;font-size:13px}.r18-table-scroll td>small{margin-top:4px;color:#8797aa;font-size:10.5px}.r18-table-scroll code{display:block;max-width:190px;overflow:hidden;padding:6px 8px;border:1px solid #e0e8f2;border-radius:8px;color:#506b8e;background:#f8fbff;font:700 10.5px/1.2 var(--font-ui);text-overflow:ellipsis;white-space:nowrap}.r18-purpose-chip,.r18-plan-chip{display:inline-flex;padding:6px 9px;border:1px solid #d7e4f4;border-radius:8px;color:#155dab;background:#f0f6ff;font-size:11px;font-weight:900}.r18-plan-chip{border-color:#dddbf7;color:#5947c5;background:#f5f2ff}.r18-payment-empty{min-height:215px;display:flex;align-items:center;justify-content:center;gap:18px;padding:35px}.r18-payment-empty img{width:102px;height:102px;object-fit:contain}.r18-payment-empty strong,.r18-payment-empty span{display:block}.r18-payment-empty strong{color:#15375f;font-size:18px}.r18-payment-empty span{max-width:520px;margin-top:6px;color:#778ba3;font-size:13px;line-height:1.55}.r18-subscriptions-panel{margin-top:0}
@media(max-width:1320px){.r18-payments-hero{grid-template-columns:minmax(0,1fr) 275px}.r18-payments-visual>img{width:198px;height:198px}.r18-readiness-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.r18-payments-signal{grid-template-columns:repeat(2,1fr)}.r18-payments-signal article:nth-child(3){border-top:1px solid rgba(181,224,255,.14);border-left:0}.r18-payments-signal article:nth-child(4){border-top:1px solid rgba(181,224,255,.14)}}
@media(max-width:760px){.ui-reference-light.page-master-payments .page-content{padding-top:14px}.r18-payments-page{gap:16px}.r18-payments-hero{grid-template-columns:1fr;padding:25px 21px 0;border-radius:22px}.r18-payments-copy{padding-bottom:14px}.ui-reference-light.page-master-payments .r18-payments-copy h1{font-size:34px}.r18-payments-actions{align-items:stretch;flex-direction:column}.r18-payments-actions a{justify-content:space-between}.r18-payments-visual{min-height:205px;padding-bottom:18px}.r18-payments-visual>img{width:184px;height:184px}.r18-payments-visual>div{right:7%;bottom:14px}.r18-payments-signal{margin:0 -21px}.r18-readiness-panel>header,.r18-ledger-panel>header{align-items:flex-start;flex-direction:column}.r18-readiness-grid{grid-template-columns:1fr}.r18-payment-empty{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.r18-payments-kicker{font-size:9.5px}.ui-reference-light.page-master-payments .r18-payments-copy h1{font-size:30px}.r18-payments-visual>div{right:0}.r18-payments-signal{grid-template-columns:1fr}.r18-payments-signal article{min-height:78px;border-top:1px solid rgba(181,224,255,.14);border-left:0}.r18-payments-signal article:first-child{border-top:0}}

@media(prefers-reduced-motion:reduce){
  .ui-reference-light .ref-depth-card:after{display:none}
}

/* R6 responsive readability pass: normal-sized type on desktop, tablet and mobile. */
.ui-reference-light{
  --type-caption:12px;
  --type-small:13px;
  --type-body:14px;
  --type-control:14px;
  --type-panel-title:18px;
  font-size:15px;
  line-height:1.5;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Shared application typography across business and master pages. */
.ui-reference-light .sidebar-context-card strong{font-size:14px}
.ui-reference-light .sidebar-context-card small{font-size:12px}
.ui-reference-light .sidebar-link,
.ui-reference-light .sidebar-group-toggle,
.ui-reference-light.role-master .sidebar-link{font-size:13.5px}
.ui-reference-light .sidebar-sublink{font-size:12.5px}
.ui-reference-light .sidebar-upgrade-card>strong{font-size:13.5px}
.ui-reference-light .sidebar-upgrade-card>p{font-size:12px}
.ui-reference-light .sidebar-help,
.ui-reference-light .sidebar-logout{font-size:13px}
.sidebar-hover-tooltip{font-size:12.5px}
.ui-reference-light .command-search span{font-size:14px}
.ui-reference-light .page-titlebar-copy h1{font-size:clamp(24px,1.55vw,29px);line-height:1.2}
.ui-reference-light .page-titlebar-copy p{font-size:14px;line-height:1.55}
.ui-reference-light .panel-head h2,
.ui-reference-light .settings-section-head h2{font-size:18px;line-height:1.3}
.ui-reference-light .panel-head p,
.ui-reference-light .settings-section-head p{font-size:13px;line-height:1.55}
.ui-reference-light .data-table{font-size:13.5px;line-height:1.45}
.ui-reference-light .data-table th{font-size:12px;letter-spacing:.015em}
.ui-reference-light input,
.ui-reference-light select,
.ui-reference-light textarea{font-size:14px}
.ui-reference-light .btn{font-size:13.5px}
.ui-reference-light .status-badge{min-height:26px;padding:4px 9px;font-size:12px}
.ref-rail-button[data-ref-tooltip]:after{font-size:12px}
.ref-rail-count{font-size:9px}

/* Dashboard cards use the same readable baseline. */
.ref-status-card-head small{font-size:13.5px}
.ref-status-card-head strong{font-size:15px}
.ref-status-card-head span:not(.ref-channel-icon){font-size:13px}
.ref-status-card-head .ref-channel-number{font-size:20px!important}
.ref-status-card-head .ref-status-value{font-size:22px}
.ref-status-card-head .ref-plan-name{font-size:22px}
.ref-status-card-head .ref-verified{font-size:12px!important}
.ref-status-card-foot.single>a,.ref-whatsapp-action{font-size:13px}
.ref-whatsapp-foot .ref-verified{font-size:11.5px}
.ref-mini-kpi small{font-size:12.5px}
.ref-mini-kpi strong{font-size:21px}
.ref-mini-trend{font-size:11.5px}
.ref-panel-head h2,.ref-explore-panel>h2{font-size:16px}
.ref-panel-head>a{font-size:12px}
.ref-master-greeting h1{font-size:28px}
.ref-master-greeting p{font-size:14px}
.ref-kpi-head strong{font-size:20px}
.ref-kpi-label{font-size:12px}
.ref-kpi-trend{font-size:11.5px}

/* Plan & Billing: generous, normal desktop type instead of 8–10px labels. */
.rb-card-label span{font-size:12px}
.rb-card-label small{font-size:12px}
.rb-plan-title h2{font-size:36px;line-height:1.1}
.rb-plan-title p{font-size:14px;line-height:1.55}
.rb-plan-title>strong{font-size:35px}
.rb-plan-title>strong small{font-size:12px}
.rb-plan-facts span{font-size:12px}
.rb-plan-facts strong{font-size:14px}
.rb-card-foot{font-size:12.5px;line-height:1.45}
.rb-wallet-balance span{font-size:13px}
.rb-wallet-balance strong{font-size:42px;line-height:1.05}
.rb-wallet-balance small{font-size:12.5px}
.rb-wallet-action{min-height:48px;font-size:13.5px}
.rb-metric-card{min-height:118px}
.rb-metric-card small{font-size:12.5px}
.rb-metric-card strong{font-size:18px}
.rb-metric-card>div>span{font-size:12px}
.rb-section-heading>div>span,.rb-panel-kicker{font-size:12px}
.rb-section-heading h2{font-size:30px;line-height:1.2}
.rb-section-heading p{font-size:14px;line-height:1.6}
.rb-section-heading>a{font-size:13px}
.rb-price-card{min-height:665px;padding:27px}
.rb-recommended{padding:7px 11px;font-size:10px}
.rb-price-head small{font-size:12px}
.rb-price-head h3{font-size:28px;line-height:1.2}
.rb-current-pill{font-size:10.5px}
.rb-price-card>p{min-height:50px;font-size:14px;line-height:1.6}
.rb-price>strong{font-size:50px}
.rb-price sup{top:-14px;font-size:19px}
.rb-price>span{font-size:12.5px}
.rb-price>span small{font-size:11px}
.rb-saving{font-size:11.5px}
.rb-price-card>ul{gap:12px}
.rb-price-card>ul li{font-size:13.5px;line-height:1.5}
.rb-price-card>ul i{width:20px;height:20px;flex-basis:20px}
.rb-price-card>ul .icon{width:12px;height:12px}
.rb-plan-details{font-size:12.5px}
.rb-period-select>span{font-size:12px}
.rb-period-select select{min-height:46px;height:46px;font-size:14px}
.rb-price-card .btn{min-height:49px;font-size:13.5px}
.rb-invoice-panel .panel-head h2{font-size:21px}
.rb-invoice-summary>span{font-size:11.5px}
.rb-invoice-summary b{font-size:13px}
.rb-invoice-panel code{font-size:11.5px}
.rb-comparison-shell .v8-plan-comparison thead th span,
.rb-comparison-shell .v8-plan-comparison thead th small{font-size:12.5px}
.rb-comparison-shell .v8-plan-comparison thead th strong{font-size:23px}
.rb-comparison-shell .v8-plan-comparison tbody th,
.rb-comparison-shell .v8-plan-comparison td{font-size:14px}

/* Tablet: maintain readable body text while slightly tightening display type. */
@media(min-width:769px) and (max-width:1320px){
  .ui-reference-light{font-size:15px}
  .rb-plan-title h2{font-size:33px}
  .rb-section-heading h2{font-size:28px}
  .rb-price-card{min-height:auto}
  .rb-price>strong{font-size:47px}
}

/* Mobile: never shrink essential content; 16px controls also prevent browser zoom. */
@media(max-width:768px){
  .ui-reference-light{font-size:15px;line-height:1.55}
  .ui-reference-light .page-titlebar-copy h1{font-size:24px}
  .ui-reference-light .page-titlebar-copy p{font-size:14px}
  .ui-reference-light input,
  .ui-reference-light select,
  .ui-reference-light textarea{font-size:16px}
  .ui-reference-light .btn{font-size:14px}
  .ui-reference-light .data-table{font-size:13px}
  .ui-reference-light .data-table th{font-size:12px}
  .rb-plan-title h2{font-size:30px}
  .rb-plan-title p{font-size:14px}
  .rb-plan-title>strong{font-size:32px}
  .rb-wallet-balance strong{font-size:37px}
  .rb-section-heading h2{font-size:25px}
  .rb-section-heading p{font-size:14px}
  .rb-price-card{min-height:auto;padding:20px}
  .rb-price-head h3{font-size:25px}
  .rb-price-card>p{font-size:14px}
  .rb-price>strong{font-size:44px}
  .rb-price-card>ul li{font-size:14px}
  .rb-period-select{grid-template-columns:1fr}
  .rb-period-select>span{font-size:13px}
  .rb-period-select select{min-height:49px;height:49px;font-size:16px}
  .rb-price-card .btn{min-height:50px;font-size:14px}
  .rb-comparison-shell .v8-plan-comparison tbody th,
  .rb-comparison-shell .v8-plan-comparison td{font-size:13px}
}

/* R7 commercial Settings workspace. */
.settings-commercial-layout{
  display:grid;
  grid-template-columns:292px minmax(0,1fr);
  align-items:start;
  gap:24px;
}
.settings-commercial-content{min-width:0;display:grid;gap:20px}
.settings-commercial-nav{
  position:sticky;
  top:99px;
  overflow:hidden;
  align-self:start;
  padding:0;
  border:0;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(155deg,#061a43 0%,#092f6b 54%,#075d83 100%);
  box-shadow:0 22px 48px rgba(8,39,91,.18),inset 0 1px 0 rgba(255,255,255,.1);
}
.settings-commercial-nav:before{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  right:-112px;
  top:-108px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 0 0 34px rgba(255,255,255,.04),0 0 0 68px rgba(8,203,197,.035);
  pointer-events:none;
}
.cs-nav-head{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:21px 20px 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.cs-nav-head>span{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border-radius:13px;color:#0759cd;background:linear-gradient(145deg,#fff,#dffcff);box-shadow:0 10px 24px rgba(1,21,56,.2)}
.cs-nav-head>span .icon{width:21px;height:21px}
.cs-nav-head small,.cs-nav-head strong{display:block}
.cs-nav-head small{color:rgba(255,255,255,.58);font-size:10px;font-weight:850;letter-spacing:.12em}
.cs-nav-head strong{margin-top:3px;color:#fff;font-size:16px;letter-spacing:-.01em}
.cs-nav-links{position:relative;z-index:1;display:grid;gap:6px;padding:14px}
.ui-reference-light .settings-commercial-nav .cs-nav-links>a{
  min-height:68px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 16px;
  align-items:center;
  gap:11px;
  padding:10px 11px;
  border:1px solid transparent;
  border-radius:14px;
  color:rgba(255,255,255,.75);
  background:transparent;
  font-size:inherit;
  transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.ui-reference-light .settings-commercial-nav .cs-nav-links>a:hover{color:#fff;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.08);transform:translateX(2px)}
.ui-reference-light .settings-commercial-nav .cs-nav-links>a.active{color:#08255a;border-color:rgba(255,255,255,.55);background:linear-gradient(135deg,#fff 0%,#edf7ff 72%,#e8fffb 100%);box-shadow:0 10px 26px rgba(1,21,56,.2)}
.cs-nav-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:rgba(255,255,255,.88);background:rgba(255,255,255,.1)}
.cs-nav-icon .icon{width:19px;height:19px}
.settings-commercial-nav a.active .cs-nav-icon{color:#0870ea;background:#e9f3ff}
.cs-nav-copy{min-width:0;display:block}
.cs-nav-copy strong,.cs-nav-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-nav-copy strong{color:inherit;font-size:13.5px}
.cs-nav-copy small{margin-top:3px;color:rgba(255,255,255,.47);font-size:11px;font-weight:520}
.settings-commercial-nav a.active .cs-nav-copy small{color:#6c7f9e}
.cs-nav-arrow{width:15px!important;height:15px!important;color:rgba(255,255,255,.36)}
.settings-commercial-nav a.active .cs-nav-arrow{color:#2776da}
.cs-nav-foot{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin:2px 14px 14px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(3,20,51,.22)}
.cs-nav-foot strong,.cs-nav-foot small{display:block}
.cs-nav-foot strong{color:#fff;font-size:12.5px}
.cs-nav-foot small{margin-top:2px;color:rgba(255,255,255,.5);font-size:10.5px}
.cs-nav-pulse{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#34e7b0;box-shadow:0 0 0 6px rgba(52,231,176,.12)}

.cs-profile-hero{
  position:relative;
  min-height:162px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  overflow:hidden;
  padding:26px 30px;
  border:1px solid #d8e4f3;
  border-radius:22px;
  background:linear-gradient(130deg,#fff 0%,#f4f8ff 66%,#eafffb 125%);
  box-shadow:0 14px 38px rgba(20,67,130,.08);
}
.cs-profile-hero:before{content:"";position:absolute;width:270px;height:270px;right:-85px;top:-155px;border-radius:50%;background:radial-gradient(circle at 38% 62%,rgba(8,203,197,.34) 0 8%,rgba(9,104,245,.14) 30%,rgba(9,104,245,.04) 54%,transparent 70%);box-shadow:0 0 0 45px rgba(9,104,245,.03)}
.cs-profile-hero>*{position:relative;z-index:1}
.cs-profile-identity{display:flex;align-items:center;gap:18px;min-width:0}
.cs-workspace-mark{width:72px;height:72px;display:grid;place-items:center;flex:0 0 72px;border:6px solid rgba(255,255,255,.75);border-radius:22px;color:#fff;background:linear-gradient(145deg,#0968f5,#08c8c2);box-shadow:0 13px 28px rgba(9,104,245,.23);font-size:22px;font-weight:850}
.cs-kicker{display:block;color:#1766d6;font-size:10.5px;font-weight:880;letter-spacing:.13em}
.cs-profile-identity h2{margin:5px 0 6px;color:#071a45;font-size:29px;line-height:1.12;letter-spacing:-.04em}
.cs-profile-identity p{max-width:690px;margin:0;color:#687da2;font-size:13.5px;line-height:1.55}
.cs-hero-status{min-width:165px;padding:13px 15px;border:1px solid rgba(40,112,207,.14);border-radius:13px;background:rgba(255,255,255,.72);box-shadow:0 8px 20px rgba(28,75,139,.05)}
.cs-hero-status span,.cs-hero-status small{display:block}
.cs-hero-status span{display:flex;align-items:center;gap:8px;color:#164d91;font-size:12.5px;font-weight:780}
.cs-hero-status span i{width:8px;height:8px;border-radius:50%;background:#09b984;box-shadow:0 0 0 5px rgba(9,185,132,.1)}
.cs-hero-status small{margin:5px 0 0 16px;color:#7b8da9;font-size:11px}

.cs-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:20px}
.ui-reference-light .cs-profile-card{overflow:hidden;margin:0;border-radius:22px!important;box-shadow:0 13px 34px rgba(29,70,128,.07)!important}
.cs-section-head{display:flex;align-items:center;gap:14px;padding:22px 24px!important;background:linear-gradient(100deg,#fff,#f9fbff)!important}
.cs-section-head>div{min-width:0;flex:1}
.cs-section-head>.status-badge{margin-left:auto;white-space:nowrap}
.cs-section-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:13px;color:#0866ee;background:#eaf3ff;box-shadow:0 0 0 7px rgba(9,104,245,.045)}
.cs-section-icon .icon{width:21px;height:21px}
.cs-section-icon.tone-teal{color:#079774;background:#e9faf5;box-shadow:0 0 0 7px rgba(7,151,116,.05)}
.cs-section-head h2{margin:4px 0 2px;font-size:20px!important}
.cs-section-head p{margin:0!important;font-size:12.5px!important}
.cs-form-body{display:grid;gap:0;padding:0 25px!important}
.cs-form-block{padding:25px 0 27px}
.cs-form-block+.cs-form-block{border-top:1px solid #e7edf5}
.cs-form-block-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.cs-form-block-head strong,.cs-form-block-head span{display:block}
.cs-form-block-head strong{color:#102a57;font-size:15px}
.cs-form-block-head div>span{margin-top:4px;color:#7183a2;font-size:12px}
.cs-form-block-head>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#1764cf;background:#edf4ff;font-size:11px;font-weight:850}
.cs-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
.cs-field{min-width:0;margin:0!important}
.ui-reference-light .cs-field>.form-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#173664;font-size:12.5px;font-weight:750}
.cs-field>.form-label em{padding:3px 6px;border-radius:5px;color:#08775e;background:#e7f8f2;font-size:9px;font-style:normal;font-weight:780;text-transform:uppercase}
.cs-input-shell{position:relative;display:block}
.cs-input-shell>span{position:absolute;z-index:1;left:14px;top:50%;width:22px;height:22px;display:grid;place-items:center;color:#6e86ad;transform:translateY(-50%);pointer-events:none}
.cs-input-shell>span .icon{width:18px;height:18px}
.ui-reference-light .cs-input-shell>input{width:100%;min-height:51px;height:51px;padding:0 14px 0 46px;border:1px solid #dce5f1;border-radius:12px;color:#102a57;background:#fbfdff;font-size:13.5px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.ui-reference-light .cs-input-shell>input:hover{border-color:#c8d7ea;background:#fff}
.ui-reference-light .cs-input-shell>input:focus{border-color:#6da5f7;background:#fff;box-shadow:0 0 0 4px rgba(9,104,245,.09);outline:0}
.cs-field>small{display:block;margin-top:7px;color:#8392aa;font-size:11px;line-height:1.4}
.cs-save-bar{align-items:center;justify-content:space-between;padding:16px 24px!important;background:#f9fbfe!important}
.cs-save-bar>div{display:flex;align-items:center;gap:10px}
.cs-save-bar>div>.icon{width:20px;height:20px;color:#08a77c}
.cs-save-bar p,.cs-save-bar strong,.cs-save-bar small{display:block;margin:0}
.cs-save-bar strong{color:#173563;font-size:12.5px}
.cs-save-bar small{margin-top:2px;color:#7b8ca6;font-size:10.5px}
.cs-save-bar .btn{min-height:47px;padding-inline:18px;gap:8px;box-shadow:0 10px 22px rgba(9,104,245,.18)}
.cs-save-bar .btn .icon{width:17px;height:17px}

.cs-settings-aside{position:sticky;top:99px;display:grid;gap:16px}
.cs-completion-card,.cs-assurance-card{position:relative;overflow:hidden;padding:21px;border:1px solid #dce5f1;border-radius:19px;background:#fff;box-shadow:0 12px 30px rgba(26,67,124,.07)}
.cs-completion-card{color:#fff;border:0;background:linear-gradient(145deg,#071e4d,#095cc8 70%,#08aeb0 130%);box-shadow:0 16px 34px rgba(7,55,126,.2)}
.cs-completion-card:before{content:"";position:absolute;width:150px;height:150px;right:-78px;top:-70px;border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 28px rgba(255,255,255,.04),0 0 0 56px rgba(255,255,255,.025)}
.cs-completion-card>*{position:relative;z-index:1}
.cs-completion-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cs-completion-top .cs-section-icon{width:39px;height:39px;flex-basis:39px;color:#0a5dcc;background:#fff;box-shadow:none}
.cs-completion-top>span:last-child{color:rgba(255,255,255,.66);font-size:11px;font-weight:700}
.cs-completion-card>strong{display:block;margin-top:22px;color:#fff;font-size:42px;line-height:1;letter-spacing:-.05em}
.cs-completion-card h3{margin:7px 0 6px;color:#fff;font-size:16px}
.cs-completion-card p{margin:0;color:rgba(255,255,255,.67);font-size:11.5px;line-height:1.55}
.cs-progress{height:7px;margin:18px 0 8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.16)}
.cs-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#fff,#52f0d0);box-shadow:0 0 14px rgba(82,240,208,.45)}
.cs-completion-card>small{color:rgba(255,255,255,.62);font-size:10px}
.cs-assurance-head{display:flex;align-items:center;gap:12px}
.cs-assurance-head h3{margin:4px 0 0;color:#102b57;font-size:16px}
.cs-assurance-card ul{display:grid;gap:14px;margin:20px 0;padding:0;list-style:none}
.cs-assurance-card li{display:flex;align-items:flex-start;gap:10px}
.cs-assurance-card li>span{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border-radius:50%;color:#fff;background:#0ab683}
.cs-assurance-card li>span .icon{width:12px;height:12px;stroke-width:2.5}
.cs-assurance-card li strong,.cs-assurance-card li small{display:block}
.cs-assurance-card li strong{color:#24416d;font-size:12px}
.cs-assurance-card li small{margin-top:2px;color:#8290a8;font-size:10.5px;line-height:1.4}
.cs-assurance-card>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid #e7edf5;color:#1265db;font-size:11.5px;font-weight:760}
.cs-assurance-card>a .icon{width:15px;height:15px}
.cs-help-card{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #d9e6f7;border-radius:17px;background:linear-gradient(135deg,#f2f7ff,#eefffb)}
.cs-help-card>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;color:#0968f5;background:#fff;box-shadow:0 7px 16px rgba(22,87,181,.08)}
.cs-help-card>span .icon{width:18px;height:18px}
.cs-help-card strong,.cs-help-card small{display:block}
.cs-help-card strong{color:#173664;font-size:11.5px;line-height:1.4}
.cs-help-card small{margin-top:4px;color:#7386a4;font-size:10.5px;line-height:1.45}

/* Consistent commercial surfaces for WhatsApp, Security and Notifications. */
.settings-commercial-layout>.settings-content>.settings-section{overflow:hidden;margin-bottom:18px;border-radius:21px!important;box-shadow:0 13px 34px rgba(29,70,128,.07)!important}
.settings-commercial-layout>.settings-content>.settings-section>.settings-section-head{padding:22px 24px;background:linear-gradient(100deg,#fff,#f8fbff)}
.settings-commercial-layout>.settings-content>.settings-section>.settings-section-body,
.settings-commercial-layout>.settings-content>.settings-section>form>.settings-section-body{padding:24px}
.settings-commercial-layout .toggle-row{min-height:76px;padding:15px 5px}
.settings-commercial-layout .toggle-row strong{font-size:14px}
.settings-commercial-layout .toggle-row span{font-size:12px}

@media(max-width:1660px){
  .cs-settings-grid{grid-template-columns:1fr}
  .cs-settings-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-help-card{grid-column:1/-1}
}
@media(max-width:1220px){
  .cs-settings-grid{grid-template-columns:1fr}
  .cs-settings-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-help-card{grid-column:1/-1}
}
@media(max-width:1024px){
  .settings-commercial-layout{grid-template-columns:1fr}
  .settings-commercial-nav{position:relative;top:auto}
  .cs-nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-nav-foot{display:none}
  .cs-profile-hero{min-height:150px}
}
@media(max-width:700px){
  .settings-commercial-layout{gap:16px}
  .settings-commercial-nav{border-radius:17px}
  .cs-nav-head{padding:17px}
  .cs-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:9px}
  .ui-reference-light .settings-commercial-nav .cs-nav-links>a{min-height:56px;grid-template-columns:34px minmax(0,1fr);padding:8px}
  .cs-nav-icon{width:34px;height:34px}
  .cs-nav-copy strong{font-size:12px}
  .cs-nav-copy small,.cs-nav-arrow{display:none}
  .cs-profile-hero{align-items:flex-start;flex-direction:column;padding:21px;border-radius:17px}
  .cs-profile-identity{align-items:flex-start}
  .cs-workspace-mark{width:58px;height:58px;flex-basis:58px;border-width:4px;border-radius:17px;font-size:18px}
  .cs-profile-identity h2{font-size:24px}
  .cs-profile-identity p{font-size:12.5px}
  .cs-hero-status{width:100%}
  .cs-settings-aside{grid-template-columns:1fr}
  .cs-help-card{grid-column:auto}
  .cs-section-head{align-items:flex-start;flex-wrap:wrap;padding:19px!important}
  .cs-section-head>.status-badge{margin-left:58px}
  .cs-section-head p{font-size:12px!important}
  .cs-form-body{padding:0 19px!important}
  .cs-field-grid{grid-template-columns:1fr;gap:18px}
  .ui-reference-light .cs-input-shell>input{min-height:52px;height:52px;font-size:16px}
  .cs-field>small{font-size:11.5px}
  .cs-save-bar{align-items:stretch;flex-direction:column;padding:17px 19px!important}
  .cs-save-bar .btn{width:100%;justify-content:center;font-size:14px}
}

/* R8 static interaction mode: remove pointer hover motion across every page. */
body :where(a,button,.btn,[role="button"],.table-action,.sidebar-link,.sidebar-group-toggle,.sidebar-collapse,.ref-rail-button){
  transition:none!important;
}
body *:hover{
  transform:none!important;
  filter:none!important;
}
body :where(
  [data-hero-tilt],[data-v5-tilt],[data-v6-tilt],[data-v7-tilt],
  .hero-browser-shell,.v8-page-stage,.ref-depth-card,.ref-depth-float,.rb-depth-card
){
  transform:none!important;
}
.ui-reference-light .ref-depth-card.ref-depth-active{
  border-color:var(--exact-line)!important;
  box-shadow:var(--exact-shadow)!important;
}
.ui-reference-light .ref-depth-card:after,
.ui-reference-light .ref-depth-card.ref-depth-active:after{
  display:none!important;
  opacity:0!important;
}

/* R9 global Kameron typography and larger responsive type scale. */
html{font-size:16px}
body,
body :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,small,label,button,input,select,textarea,table,th,td,code,pre,kbd,option){
  font-family:"Kameron",Georgia,"Times New Roman",serif!important;
}
body{font-size:16px;line-height:1.55}

/* Public and authentication pages inherit Kameron without reducing display text. */
body.public-body{font-size:17px}
body.public-body :is(.site-nav a,.v5-nav a,.v6-nav a,.footer-links a){font-size:15px}
body.public-body :is(.btn,.v5-btn,.v6-btn,button,input,select,textarea){font-size:15px}
body.auth-body{font-size:16px}
body.auth-body :is(p,.auth-subtitle,.auth-note){font-size:15px;line-height:1.6}
body.auth-body :is(.form-label,.form-group label){font-size:14.5px}
body.auth-body :is(input,select,textarea,button,.btn){min-height:49px;font-size:16px}

/* Application-wide readable baseline for every business and master page. */
body.app-body.ui-reference-light{font-size:16px}
body.app-body.ui-reference-light :is(p,li,td){font-size:14.5px;line-height:1.55}
body.app-body.ui-reference-light small{font-size:12.5px;line-height:1.45}
body.app-body.ui-reference-light :is(.form-label,.form-group>label,label.form-label){font-size:14px}
body.app-body.ui-reference-light :is(input,select,textarea){min-height:48px;font-size:15px}
body.app-body.ui-reference-light .btn{min-height:44px;font-size:14.5px}
body.app-body.ui-reference-light :is(.status-badge,.tag,.chip,.message-type){font-size:12.5px}
body.app-body.ui-reference-light :is(.eyebrow,.rb-panel-kicker,.cs-kicker){font-size:12px}

body.app-body.ui-reference-light .sidebar-context-card strong{font-size:15px}
body.app-body.ui-reference-light .sidebar-context-card small{font-size:13px}
body.app-body.ui-reference-light :is(.sidebar-link,.sidebar-group-toggle),
body.app-body.ui-reference-light.role-master .sidebar-link{font-size:14.5px}
body.app-body.ui-reference-light .sidebar-sublink{font-size:13.5px}
body.app-body.ui-reference-light .sidebar-upgrade-card>strong{font-size:14px}
body.app-body.ui-reference-light .sidebar-upgrade-card>p{font-size:13px}
body.app-body.ui-reference-light :is(.sidebar-help,.sidebar-logout){font-size:14px}
body.app-body.ui-reference-light .command-search span{font-size:15px}
body.app-body.ui-reference-light .topbar-settings-button{font-size:14px}
body.app-body.ui-reference-light .user-menu-copy strong{font-size:14px}
body.app-body.ui-reference-light .user-menu-copy span{font-size:12.5px}

body.app-body.ui-reference-light .page-titlebar-copy h1{font-size:clamp(28px,1.8vw,34px);line-height:1.16}
body.app-body.ui-reference-light .page-titlebar-copy p{font-size:15px;line-height:1.6}
body.app-body.ui-reference-light :is(.panel-head h2,.settings-section-head h2){font-size:20px;line-height:1.3}
body.app-body.ui-reference-light :is(.panel-head p,.settings-section-head p){font-size:14px;line-height:1.55}
body.app-body.ui-reference-light .data-table{font-size:14.5px}
body.app-body.ui-reference-light .data-table th{font-size:13px}
body.app-body.ui-reference-light .data-table td{font-size:14.5px}

body.app-body.ui-reference-light .ref-status-card-head small{font-size:14px}
body.app-body.ui-reference-light .ref-status-card-head strong{font-size:16px}
body.app-body.ui-reference-light .ref-status-card-head span:not(.ref-channel-icon){font-size:13.5px}
body.app-body.ui-reference-light .ref-status-card-head .ref-verified{font-size:12.5px!important}
body.app-body.ui-reference-light .ref-mini-kpi small{font-size:13px}
body.app-body.ui-reference-light .ref-mini-trend{font-size:12px}
body.app-body.ui-reference-light .ref-panel-head h2,
body.app-body.ui-reference-light .ref-explore-panel>h2{font-size:17px}
body.app-body.ui-reference-light .ref-panel-head>a{font-size:13px}
body.app-body.ui-reference-light .ref-master-greeting h1{font-size:31px}
body.app-body.ui-reference-light .ref-master-greeting p{font-size:15px}
body.app-body.ui-reference-light .ref-kpi-label{font-size:12.5px}
body.app-body.ui-reference-light .ref-kpi-trend{font-size:12px}

/* Billing and commercial Settings retain their hierarchy with the wider serif face. */
body.app-body.ui-reference-light .rb-card-label span{font-size:13px}
body.app-body.ui-reference-light .rb-card-label small{font-size:12.5px}
body.app-body.ui-reference-light .rb-plan-title p{font-size:15px}
body.app-body.ui-reference-light .rb-plan-facts span{font-size:12.5px}
body.app-body.ui-reference-light .rb-plan-facts strong{font-size:15px}
body.app-body.ui-reference-light .rb-card-foot{font-size:13.5px}
body.app-body.ui-reference-light .rb-metric-card small{font-size:13px}
body.app-body.ui-reference-light .rb-metric-card>div>span{font-size:12.5px}
body.app-body.ui-reference-light .rb-section-heading p{font-size:15px}
body.app-body.ui-reference-light .rb-section-heading>a{font-size:14px}
body.app-body.ui-reference-light .rb-price-head small{font-size:12.5px}
body.app-body.ui-reference-light .rb-price-card>p{font-size:15px}
body.app-body.ui-reference-light .rb-price-card>ul li{font-size:14.5px}
body.app-body.ui-reference-light .rb-plan-details{font-size:13.5px}
body.app-body.ui-reference-light .rb-period-select>span{font-size:13px}
body.app-body.ui-reference-light .rb-period-select select{font-size:15px}
body.app-body.ui-reference-light .rb-price-card .btn{font-size:14.5px}

body.app-body.ui-reference-light .cs-nav-copy strong{font-size:14.5px}
body.app-body.ui-reference-light .cs-nav-copy small{font-size:12px}
body.app-body.ui-reference-light .cs-profile-identity p{font-size:14.5px}
body.app-body.ui-reference-light .cs-form-block-head strong{font-size:16px}
body.app-body.ui-reference-light .cs-form-block-head div>span{font-size:13px}
body.app-body.ui-reference-light .cs-field>.form-label{font-size:14px}
body.app-body.ui-reference-light .cs-input-shell>input{font-size:15px}
body.app-body.ui-reference-light .cs-field>small{font-size:12.5px}
body.app-body.ui-reference-light .cs-assurance-card li strong{font-size:13.5px}
body.app-body.ui-reference-light .cs-assurance-card li small{font-size:12px}

@media(max-width:1024px){
  body.app-body.ui-reference-light{font-size:15.5px}
  body.app-body.ui-reference-light :is(p,li,td){font-size:14.5px}
  body.app-body.ui-reference-light :is(.sidebar-link,.sidebar-group-toggle){font-size:15px}
  body.app-body.ui-reference-light .page-titlebar-copy h1{font-size:29px}
}
@media(max-width:768px){
  html{font-size:16px}
  body.app-body.ui-reference-light{font-size:15.5px}
  body.app-body.ui-reference-light :is(p,li,td){font-size:14.5px}
  body.app-body.ui-reference-light small{font-size:12.5px}
  body.app-body.ui-reference-light :is(input,select,textarea){font-size:16px}
  body.app-body.ui-reference-light .btn{font-size:15px}
  body.app-body.ui-reference-light .page-titlebar-copy h1{font-size:27px}
  body.app-body.ui-reference-light .page-titlebar-copy p{font-size:14.5px}
  body.app-body.ui-reference-light :is(.panel-head h2,.settings-section-head h2){font-size:19px}
  body.app-body.ui-reference-light .data-table{font-size:14px}
  body.app-body.ui-reference-light .data-table th{font-size:12.5px}
  body.app-body.ui-reference-light .data-table td{font-size:14px}
}

/* R10 premium Shared Inbox. Static interactions intentionally preserve R8. */
.ui-reference-light .premium-inbox-workspace{
  position:relative;
  padding:2px 0 4px;
}
.ui-reference-light .premium-inbox-workspace:before{
  content:"";
  position:absolute;
  inset:-22px -26px auto;
  height:230px;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 12%,rgba(24,111,247,.07),transparent 28%),
    radial-gradient(circle at 82% 0,rgba(0,197,190,.06),transparent 25%);
}
.ui-reference-light .premium-inbox-shell{
  position:relative;
  z-index:1;
  height:calc(100vh - 146px);
  min-height:690px;
  overflow:hidden;
  border:1px solid #dfe8f5;
  border-radius:23px;
  background:#fff;
  box-shadow:0 22px 60px rgba(25,64,120,.10),0 3px 12px rgba(25,64,120,.04);
}
.ui-reference-light .premium-inbox-shell.is-empty{grid-template-columns:365px minmax(0,1fr)}
.ui-reference-light .premium-inbox-shell.has-selection{grid-template-columns:350px minmax(430px,1fr) 300px}

/* Queue */
.ui-reference-light .premium-inbox-list{
  grid-template-rows:auto auto auto auto minmax(0,1fr);
  min-width:0;
  border-right:1px solid #e6edf7;
  background:linear-gradient(180deg,#fbfdff 0,#fff 37%);
}
.ui-reference-light .pi-queue-head{padding:22px 20px 15px}
.pi-queue-title{display:flex;align-items:center;gap:12px;min-width:0}
.pi-head-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border:1px solid #d8e8ff;
  border-radius:14px;
  color:#0767ee;
  background:linear-gradient(145deg,#fff,#eaf4ff);
  box-shadow:0 8px 20px rgba(22,105,232,.10);
}
.pi-head-icon .icon{width:21px;height:21px}
.pi-kicker{
  display:block;
  color:#6f83a4;
  font-size:11px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.105em;
}
.ui-reference-light .pi-queue-title h2{margin:3px 0 1px;color:#0a234c;font-size:20px;line-height:1.2}
.ui-reference-light .pi-queue-title small{display:block;color:#7e91af;font-size:12.5px}
.pi-refresh{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border:1px solid #dfe8f5;
  border-radius:12px;
  color:#3266ae;
  background:#fff;
  box-shadow:0 5px 14px rgba(32,76,136,.06);
}
.pi-refresh .icon{width:18px;height:18px}
.pi-channel-state{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 20px 13px;
  padding:10px 11px;
  border:1px solid #dce9f7;
  border-radius:12px;
  color:#37516f;
  background:#f4f9ff;
  font-size:12px;
  font-weight:800;
}
.pi-channel-state>span,.pi-channel-state>a{display:flex;align-items:center;gap:7px}
.pi-channel-state>span i{width:8px;height:8px;border-radius:99px;background:#f4a51c;box-shadow:0 0 0 4px rgba(244,165,28,.12)}
.pi-channel-state>a{color:#0969e8;font-size:11.5px;white-space:nowrap}
.pi-channel-state>a .icon{width:13px;height:13px}
.pi-channel-state.is-live{border-color:#ccefe4;color:#157055;background:#f1fcf8}
.pi-channel-state.is-live>span i{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}
.ui-reference-light .pi-search{margin:0 20px 13px}
.pi-search .search-field{position:relative}
.ui-reference-light .pi-search .search-field>.icon{
  position:absolute;
  z-index:1;
  top:50%;
  left:14px;
  width:17px;
  height:17px;
  color:#8193ae;
  transform:translateY(-50%)!important;
}
.ui-reference-light .pi-search input{
  width:100%;
  min-height:46px;
  padding:0 14px 0 42px;
  border:1px solid #dfe8f4;
  border-radius:13px;
  color:#15345f;
  background:#fff;
  box-shadow:0 5px 15px rgba(36,77,132,.035);
  font-size:14px;
}
.ui-reference-light .pi-search input::placeholder{color:#92a2b9}
.ui-reference-light .pi-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  margin:0 20px 12px;
  padding:5px;
  border:1px solid #e7edf6;
  border-radius:13px;
  background:#f2f6fb;
}
.ui-reference-light .pi-tabs .inbox-tab{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:8px 5px;
  border:0;
  border-radius:9px;
  color:#7183a0;
  background:transparent;
  box-shadow:none;
  font-size:12px;
  font-weight:800;
}
.ui-reference-light .pi-tabs .inbox-tab b{min-width:17px;padding:1px 4px;border-radius:99px;color:#7990af;background:#e5ebf4;font-size:10.5px;line-height:1.45}
.ui-reference-light .pi-tabs .inbox-tab.active{color:#075fd8;background:#fff;box-shadow:0 5px 14px rgba(27,73,136,.09)}
.ui-reference-light .pi-tabs .inbox-tab.active b{color:#fff;background:linear-gradient(135deg,#0f6bf1,#05b8c7)}
.ui-reference-light .premium-conversation-list{padding:0 10px 12px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cfdced transparent}
.ui-reference-light .premium-conversation-row{
  grid-template-columns:46px minmax(0,1fr);
  gap:11px;
  margin:3px 0;
  padding:13px 11px;
  border:1px solid transparent;
  border-radius:14px;
  background:transparent;
  box-shadow:none;
}
.ui-reference-light .premium-conversation-row.active{
  border-color:#cfe1fa;
  background:linear-gradient(105deg,#edf5ff,#f3fbff 72%,#effcf9);
  box-shadow:inset 3px 0 #096af0,0 8px 24px rgba(30,92,177,.08);
}
.pi-avatar{
  position:relative;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:0 0 46px;
  border:3px solid #fff;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(145deg,#146cf1,#04b8ca);
  box-shadow:0 5px 15px rgba(18,102,221,.18);
  font-size:14px;
  font-weight:900;
  letter-spacing:.03em;
}
.pi-avatar>i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid #fff;border-radius:99px;background:#11bd83}
.ui-reference-light .premium-conversation-row .conversation-copy{min-width:0}
.ui-reference-light .premium-conversation-row .conversation-title strong{max-width:175px;color:#102a54;font-size:14px;line-height:1.25}
.ui-reference-light .premium-conversation-row .conversation-title time{color:#8a9bb3;font-size:11px;white-space:nowrap}
.ui-reference-light .premium-conversation-row .conversation-preview{margin-top:5px}
.ui-reference-light .premium-conversation-row .conversation-preview>span{color:#647895;font-size:12.5px}
.ui-reference-light .premium-conversation-row .unread-pill{min-width:19px;height:19px;font-size:10px;background:linear-gradient(135deg,#0d69ee,#0bb9c9)}
.pi-row-meta{display:flex;align-items:center;gap:7px;margin-top:7px}
.pi-row-meta span{padding:2px 7px;border-radius:99px;color:#627a99;background:#edf3f9;font-size:10.5px;font-weight:800}
.pi-row-meta span:first-child{color:#08765a;background:#e5f8f1}
.pi-list-empty{height:100%;min-height:265px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:38px 28px;text-align:center}
.pi-list-empty>span{width:58px;height:58px;display:grid;place-items:center;margin-bottom:16px;border:1px solid #d8e6f8;border-radius:18px;color:#176dec;background:linear-gradient(145deg,#fff,#eaf4ff);box-shadow:0 12px 30px rgba(27,94,185,.09)}
.pi-list-empty>span .icon{width:26px;height:26px}
.pi-list-empty strong{color:#15345f;font-size:16px}
.ui-reference-light .pi-list-empty p{max-width:250px;margin:7px auto 14px;color:#7b8da6;font-size:13px;line-height:1.55}
.pi-list-empty a{color:#0869e9;font-size:12.5px;font-weight:900}

/* Calm center state */
.ui-reference-light .premium-inbox-chat{min-width:0;grid-template-rows:82px minmax(0,1fr) auto;background:#f6f9fd}
.ui-reference-light .premium-inbox-shell.is-empty .premium-inbox-chat{display:grid;grid-template-rows:1fr}
.ui-reference-light .premium-inbox-empty{
  position:relative;
  isolation:isolate;
  grid-column:auto;
  align-content:center;
  justify-items:center;
  overflow:hidden;
  padding:54px 46px;
  color:#607594;
  background:
    radial-gradient(circle at 50% 34%,rgba(37,118,244,.10),transparent 24%),
    radial-gradient(circle at 66% 63%,rgba(12,194,183,.07),transparent 25%),
    linear-gradient(145deg,#fff,#f8fbff 58%,#f5fbfc);
}
.premium-inbox-empty:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:520px;
  height:520px;
  border:1px solid rgba(37,111,226,.08);
  border-radius:50%;
  box-shadow:0 0 0 72px rgba(49,126,244,.025),0 0 0 145px rgba(30,186,191,.018);
}
.pi-empty-visual{position:relative;width:116px;height:102px;display:grid;place-items:center;margin-bottom:21px}
.pi-empty-orb{width:84px;height:84px;display:grid;place-items:center;border:1px solid #cfe1fb;border-radius:27px;color:#fff;background:linear-gradient(145deg,#0d67ed,#0fc1c3);box-shadow:0 21px 42px rgba(13,104,224,.25),inset 0 1px rgba(255,255,255,.35)}
.pi-empty-orb .icon{width:37px;height:37px}
.pi-empty-dot{position:absolute;width:12px;height:12px;border:3px solid #fff;border-radius:99px;background:#14bea0;box-shadow:0 5px 13px rgba(16,151,129,.25)}
.pi-empty-dot.one{top:6px;right:2px}.pi-empty-dot.two{bottom:6px;left:5px;width:9px;height:9px;background:#7b61ed}.pi-empty-dot.three{right:17px;bottom:2px;width:7px;height:7px;background:#ffb13d}
.ui-reference-light .premium-inbox-empty h2{margin:8px 0 10px;color:#092855;font-size:clamp(29px,2.3vw,38px);line-height:1.15;letter-spacing:-.025em}
.ui-reference-light .premium-inbox-empty>p{max-width:620px;margin:0;color:#6f83a2;font-size:15.5px;line-height:1.7}
.pi-empty-features{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:24px 0 22px}
.pi-empty-features>span{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dce8f6;border-radius:11px;color:#3d5a7e;background:rgba(255,255,255,.85);box-shadow:0 7px 19px rgba(29,73,131,.05);font-size:12.5px;font-weight:800}
.pi-empty-features .icon{width:16px;height:16px;color:#0b6bec}
.pi-empty-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.ui-reference-light .pi-empty-actions .btn{min-height:47px;padding:0 18px;border-radius:12px}
.premium-inbox-empty>small{display:flex;align-items:center;gap:7px;margin-top:19px;color:#8192a9;font-size:12px}
.premium-inbox-empty>small i{width:7px;height:7px;border-radius:99px;background:#13b981;box-shadow:0 0 0 4px rgba(19,185,129,.11)}

/* Active conversation */
.ui-reference-light .premium-chat-header{
  min-width:0;
  padding:13px 16px;
  border-bottom:1px solid #e2eaf4;
  background:rgba(255,255,255,.96);
  box-shadow:0 7px 22px rgba(34,73,123,.04);
}
.premium-chat-header .chat-contact{display:flex;align-items:center;gap:11px}
.pi-avatar.large{width:48px;height:48px;flex-basis:48px;border-radius:15px}
.ui-reference-light .premium-chat-header .chat-contact strong{color:#102b53;font-size:15px}
.ui-reference-light .premium-chat-header .chat-contact>div>span{display:flex;align-items:center;gap:5px;color:#7589a5;font-size:12px}
.premium-chat-header .chat-contact>div>span b{display:grid;color:#10aa78}
.premium-chat-header .chat-contact>div>span .icon{width:14px;height:14px}
.pi-mobile-back{display:none;width:37px;height:37px;place-items:center;border:1px solid #dce6f3;border-radius:11px;color:#1769de;background:#fff}
.pi-mobile-back .icon{width:17px;height:17px;transform:rotate(180deg)!important}
.premium-chat-actions{align-items:center;gap:8px}
.premium-chat-actions form{margin:0}
.premium-chat-actions label{display:grid;grid-template-columns:auto minmax(88px,auto);align-items:center;gap:6px;padding:5px 6px 5px 10px;border:1px solid #dde6f2;border-radius:11px;color:#7b8ca4;background:#f8fbff;font-size:10.5px;font-weight:800}
.ui-reference-light .premium-chat-actions select{min-height:34px;height:34px;padding:0 28px 0 9px;border:0;border-radius:8px;color:#1d406f;background-color:#fff;box-shadow:none;font-size:12px;font-weight:800}
.ui-reference-light .premium-message-stream{
  position:relative;
  padding:26px clamp(18px,3vw,44px);
  overflow-y:auto;
  background-color:#f5f8fc;
  background-image:radial-gradient(rgba(73,115,167,.10) .7px,transparent .7px),linear-gradient(180deg,rgba(255,255,255,.35),transparent 40%);
  background-size:20px 20px,100% 100%;
  scrollbar-width:thin;
  scrollbar-color:#cddbec transparent;
}
.ui-reference-light .premium-message-stream .date-divider{margin:16px auto;color:#8292aa;font-size:10.5px;font-weight:800;letter-spacing:.05em}
.ui-reference-light .premium-message-stream .date-divider:before,.ui-reference-light .premium-message-stream .date-divider:after{background:#dce5f0}
.ui-reference-light .premium-message-stream .message-row{margin:9px 0}
.ui-reference-light .premium-message-stream .message-bubble{max-width:min(76%,600px);padding:11px 13px 9px;border-color:#dfe7f1;border-radius:16px 16px 16px 5px;color:#334e70;background:#fff;box-shadow:0 8px 22px rgba(25,61,110,.07);font-size:14px;line-height:1.55}
.ui-reference-light .premium-message-stream .message-row.outbound .message-bubble{border-color:#bfeadf;border-radius:16px 16px 5px 16px;color:#155b54;background:linear-gradient(145deg,#e9fbf6,#dcf7ef)}
.ui-reference-light .premium-message-stream .message-bubble p{margin:0;font-size:14px;line-height:1.55}
.ui-reference-light .premium-message-stream .message-meta{margin-top:5px;font-size:10.5px}
.pi-thread-empty{height:100%;min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.pi-thread-empty>span{width:56px;height:56px;display:grid;place-items:center;margin-bottom:14px;border:1px solid #d7e5f7;border-radius:18px;color:#1469e8;background:#fff;box-shadow:0 11px 28px rgba(28,82,158,.08)}
.pi-thread-empty>span .icon{width:25px;height:25px}
.pi-thread-empty strong{color:#15345f;font-size:16px}
.ui-reference-light .pi-thread-empty p{margin:6px 0;color:#7c8fa9;font-size:13px}

/* Composer */
.ui-reference-light .premium-chat-composer{padding:11px 14px 12px;border-top:1px solid #dfe7f1;background:#fff;box-shadow:0 -10px 28px rgba(33,73,124,.04)}
.ui-reference-light .premium-composer{display:block;padding:0;border:1px solid #d6e2f0;border-radius:15px;background:#fbfdff;box-shadow:0 7px 20px rgba(28,67,120,.05)}
.premium-composer-tools{display:flex;align-items:center;gap:6px;padding:8px 9px;border-bottom:1px solid #e8eef6;overflow-x:auto;scrollbar-width:none}
.premium-composer-tools::-webkit-scrollbar{display:none}
.ui-reference-light .premium-composer-tools .composer-tool{width:34px;height:34px;flex:0 0 34px;border:1px solid #e0e9f4;border-radius:9px;color:#0f68e8;background:#fff}
.ui-reference-light .premium-composer-tools .composer-tool .icon{width:16px;height:16px}
.ui-reference-light .premium-composer-tools .mini-select{min-width:126px;min-height:34px;height:34px;padding:0 28px 0 10px;border:1px solid #e0e8f3;border-radius:9px;color:#405b7d;background-color:#fff;font-size:11.5px;font-weight:800}
.pi-compose-row{display:grid;grid-template-columns:minmax(0,1fr) 43px;align-items:end;gap:9px;padding:8px 9px}
.ui-reference-light .premium-composer .composer-input{width:100%;min-height:42px;max-height:125px;padding:10px 9px;border:0;border-radius:0;color:#17345c;background:transparent;box-shadow:none;resize:none;font-size:14px;line-height:1.5}
.ui-reference-light .premium-composer .composer-input::placeholder{color:#91a1b7}
.ui-reference-light .premium-composer .composer-send{width:43px;height:43px;border-radius:12px;background:linear-gradient(145deg,#0a66ec,#0bbbc5);box-shadow:0 9px 20px rgba(10,104,224,.22)}
.ui-reference-light .premium-composer .composer-send .icon{width:18px;height:18px}
.ui-reference-light .premium-chat-composer .composer-note{margin:8px 3px 0;color:#8494aa;font-size:11.5px}
.premium-chat-composer .composer-note>span{display:flex;align-items:center;gap:5px}
.premium-chat-composer .composer-note .icon{width:13px;height:13px}
.premium-chat-composer .composer-note>a{color:#0868e6;font-weight:900}

/* Customer context */
.ui-reference-light .premium-contact-pane{border-left:1px solid #e2eaf4;background:linear-gradient(180deg,#fbfdff,#fff 38%);scrollbar-width:thin;scrollbar-color:#d2deed transparent}
.ui-reference-light .premium-contact-head{padding:27px 20px 21px;border-bottom:1px solid #e7edf5;background:radial-gradient(circle at 50% 0,rgba(28,109,238,.10),transparent 52%);text-align:center}
.pi-avatar.profile{width:68px;height:68px;margin:0 auto 13px;border-width:4px;border-radius:21px;font-size:19px}
.premium-contact-head .pi-kicker{margin-bottom:6px}
.ui-reference-light .premium-contact-head h3{color:#102d57;font-size:18px;line-height:1.3}
.ui-reference-light .premium-contact-head p{margin:4px 0 10px;color:#7186a4;font-size:13px}
.ui-reference-light .premium-contact-pane .contact-section{padding:17px 18px;border-bottom:1px solid #e8eef6}
.ui-reference-light .premium-contact-pane .contact-section-title{margin-bottom:12px;color:#7185a2;font-size:11px;letter-spacing:.075em}
.ui-reference-light .premium-contact-pane .contact-info-list{gap:11px}
.ui-reference-light .premium-contact-pane .contact-info-row{grid-template-columns:35px minmax(0,1fr);gap:10px}
.ui-reference-light .premium-contact-pane .contact-info-row>.icon{width:35px;height:35px;padding:9px;border-radius:11px;color:#1269e6;background:#edf5ff}
.ui-reference-light .premium-contact-pane .contact-info-row span{color:#8494aa;font-size:11px}
.ui-reference-light .premium-contact-pane .contact-info-row strong{overflow:hidden;color:#294767;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.ui-reference-light .premium-contact-pane .tag{font-size:11.5px}
.pi-contact-actions{display:grid;gap:8px}
.ui-reference-light .pi-contact-actions .btn{justify-content:center;width:100%;font-size:12.5px}

@media(max-width:1550px){
  .ui-reference-light .premium-inbox-shell.has-selection{grid-template-columns:335px minmax(420px,1fr)}
  .ui-reference-light .premium-contact-pane{display:none}
}
@media(max-width:1180px){
  .ui-reference-light .premium-inbox-shell.is-empty{grid-template-columns:330px minmax(0,1fr)}
  .ui-reference-light .premium-inbox-shell.has-selection{grid-template-columns:315px minmax(380px,1fr)}
  .premium-chat-actions label{grid-template-columns:1fr;gap:1px;padding:4px 5px}
  .premium-chat-actions label>span{padding-left:7px;font-size:9.5px}
  .ui-reference-light .premium-chat-actions select{min-width:100px}
  .pi-empty-features{gap:7px}
}
@media(max-width:900px){
  .ui-reference-light .premium-inbox-shell{
    height:calc(100vh - 112px);
    min-height:630px;
    grid-template-columns:1fr!important;
    border-radius:18px;
  }
  .ui-reference-light .premium-inbox-shell.has-selection .premium-inbox-list{display:none}
  .ui-reference-light .premium-inbox-shell.has-selection .premium-inbox-chat{display:grid}
  .ui-reference-light .premium-inbox-shell.show-list .premium-inbox-list{display:grid}
  .ui-reference-light .premium-inbox-shell.show-list .premium-inbox-chat{display:none}
  .ui-reference-light .premium-inbox-list{border-right:0}
  .pi-mobile-back{display:grid}
  .premium-chat-header:before{display:none!important}
  .premium-chat-actions{margin-left:auto}
  .premium-chat-actions form:first-child{display:none}
}
@media(max-width:620px){
  .ui-reference-light .premium-inbox-workspace{margin:0 -2px}
  .ui-reference-light .premium-inbox-shell{height:calc(100vh - 104px);min-height:590px;border-radius:15px}
  .ui-reference-light .pi-queue-head{padding:16px 14px 12px}
  .pi-head-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}
  .ui-reference-light .pi-queue-title h2{font-size:18px}
  .pi-channel-state,.ui-reference-light .pi-search,.ui-reference-light .pi-tabs{margin-left:14px;margin-right:14px}
  .ui-reference-light .pi-tabs .inbox-tab{font-size:11.5px}
  .ui-reference-light .premium-conversation-list{padding-left:6px;padding-right:6px}
  .ui-reference-light .premium-inbox-empty{padding:38px 22px}
  .premium-inbox-empty:before{width:360px;height:360px}
  .ui-reference-light .premium-inbox-empty h2{font-size:27px}
  .ui-reference-light .premium-inbox-empty>p{font-size:14.5px}
  .pi-empty-features>span{padding:8px 10px;font-size:11.5px}
  .pi-empty-actions{width:100%}
  .ui-reference-light .pi-empty-actions .btn{width:100%;justify-content:center}
  .ui-reference-light .premium-chat-header{padding:10px;gap:8px}
  .pi-avatar.large{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:12px}
  .ui-reference-light .premium-chat-header .chat-contact strong{font-size:13.5px}
  .ui-reference-light .premium-chat-header .chat-contact>div>span{font-size:10.5px}
  .premium-chat-actions form{display:none!important}
  .ui-reference-light .premium-message-stream{padding:18px 11px}
  .ui-reference-light .premium-message-stream .message-bubble{max-width:88%;font-size:13.5px}
  .ui-reference-light .premium-message-stream .message-bubble p{font-size:13.5px}
  .ui-reference-light .premium-chat-composer{padding:8px}
  .ui-reference-light .premium-chat-composer .composer-note{align-items:flex-start;gap:7px;font-size:10.5px}
  .premium-chat-composer .composer-note>a{white-space:nowrap}
}

/* R12 Shared Inbox — compact three-panel reference workflow in the LITREVO theme. */
.ui-reference-light.page-inbox,
.ui-reference-light.page-inbox :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,small,label,button,input,select,textarea,table,dl,dt,dd){font-family:Inter,"Segoe UI",Arial,sans-serif!important}
.ui-reference-light.page-inbox .page-titlebar{display:none!important}
.ui-reference-light.page-inbox .page-content{padding:0!important;overflow:hidden;background:#fff!important}
.ui-reference-light.page-inbox .ci-inbox-workspace{height:100%;padding:0}
.ui-reference-light.page-inbox .ci-inbox-workspace:before{display:none}
.ui-reference-light.page-inbox .premium-inbox-shell{
  width:100%;height:calc(100vh - 58px);min-height:620px;
  grid-template-columns:344px minmax(520px,1fr) minmax(340px,27%);
  border:0;border-top:1px solid #d9e1eb;border-radius:0;background:#fff;box-shadow:none
}
.ui-reference-light.page-inbox .premium-inbox-shell.has-selection{grid-template-columns:344px minmax(520px,1fr) minmax(340px,27%)}
.ui-reference-light.page-inbox .premium-inbox-list{height:100%;min-height:0;grid-template-rows:auto auto auto minmax(0,1fr);border-right:1px solid #ccd7e4;background:#fff}
.ci-queue-tools{margin:0!important;padding:15px 11px 9px;border-bottom:1px solid #dbe3ed}
.ci-search-row{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;align-items:center;gap:7px}
.ci-search-field{position:relative;min-width:0}
.ci-search-field>.icon{position:absolute;z-index:1;top:50%;left:11px;width:17px;height:17px;color:#61728e;transform:translateY(-50%)!important}
.ui-reference-light.page-inbox .ci-search-field input{width:100%;height:35px;min-height:35px;padding:0 11px 0 35px;border:1px solid #cbd6e6;border-radius:18px;color:#1c2f4e;background:#fff;box-shadow:none;font-size:13px}
.ui-reference-light.page-inbox .ci-search-field input::placeholder{color:#7789a6}
.ci-round-tool{width:38px;height:38px;display:grid;place-items:center;border:1px solid #cdd8e8;border-radius:50%;color:#536987;background:#fff;cursor:pointer}
.ci-round-tool .icon{width:17px;height:17px}
.ci-filter-row{display:grid;grid-template-columns:38px minmax(105px,1.05fr) minmax(92px,.9fr) 52px;align-items:center;gap:7px;margin-top:9px}
.ci-filter-button{position:relative;width:38px;height:34px;display:grid;place-items:center;border:1px solid #195b49;border-radius:7px;color:#174f43;background:#eefbf6}
.ci-filter-button .icon{width:17px;height:17px}.ci-filter-button b{position:absolute;top:-7px;right:-5px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:99px;color:#fff;background:#134b3e;font-size:9px}
.ci-filter-row label{min-width:0}
.ui-reference-light.page-inbox .ci-filter-row select{width:100%;height:34px;min-height:34px;padding:0 25px 0 10px;border:1px solid #cad6e6;border-radius:17px;color:#283f61;background-color:#fff;box-shadow:none;font-size:11.5px}
.ci-filter-row>a{height:34px;display:grid;place-items:center;border:1px solid #cad6e6;border-radius:17px;color:#304566;background:#fff;font-size:11px}
.ci-list-summary{height:34px;display:flex;align-items:center;padding:0 11px;border-bottom:1px solid #d6e0ec;color:#445b7b;font-size:11px;font-weight:800}
.ci-auto-assign{height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 5px;padding:0 8px;border:1px solid #f0bc54;border-radius:5px;color:#705c3a;background:#fffaf0;font-size:11px}
.ci-auto-assign>a{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:5px;color:#fff;background:#f5a623;font-size:10px;font-weight:900}.ci-auto-assign>a .icon{width:12px;height:12px}
.ui-reference-light.page-inbox .premium-conversation-list{padding:0;scrollbar-color:#b9c6d5 transparent}
.ui-reference-light.page-inbox .premium-conversation-row{display:block;margin:0;padding:14px 10px 11px;border:0;border-bottom:1px solid #ccd7e4;border-radius:0;background:#fff}
.ui-reference-light.page-inbox .premium-conversation-row:hover{background:#f8fbfd}
.ui-reference-light.page-inbox .premium-conversation-row.active{border:0;border-bottom:1px solid #ccd7e4;background:#f4f7fb;box-shadow:inset 3px 0 #176d58}
.ui-reference-light.page-inbox .premium-conversation-row .conversation-title strong{max-width:190px;color:#090f18;font-size:13px;font-weight:700}
.premium-conversation-row .conversation-title strong i{display:inline-grid;margin-left:3px;color:#8191aa;vertical-align:middle}.premium-conversation-row .conversation-title strong i .icon{width:12px;height:12px}
.ui-reference-light.page-inbox .premium-conversation-row .conversation-title time{display:flex;align-items:center;gap:5px;color:#7d8ca3;font-size:10px}
.ci-online-dot{width:9px;height:9px;border-radius:50%;background:#15814d}
.ui-reference-light.page-inbox .premium-conversation-row .conversation-preview{gap:6px;margin-top:10px}
.ui-reference-light.page-inbox .premium-conversation-row .conversation-preview>span{color:#213e6e;font-size:11px;font-style:italic;font-weight:800}
.premium-conversation-row .conversation-preview>.icon{width:13px;height:13px;color:#5777a5}.ci-delivery{color:#24619f;font-size:11px;font-style:normal;font-weight:900}
.ui-reference-light.page-inbox .premium-conversation-row .unread-pill{min-width:17px;height:17px;margin-left:auto;background:#176d58;font-size:9px}
.ci-online-dot+.unread-pill{margin-left:0}
.ui-reference-light.page-inbox .premium-conversation-row .pi-row-meta{justify-content:flex-end;gap:5px;margin-top:12px;color:#7587a2}.premium-conversation-row .pi-row-meta>.icon{width:13px;height:13px}.ui-reference-light.page-inbox .premium-conversation-row .pi-row-meta span{padding:0;color:#7486a2;background:transparent;font-size:11px;font-weight:500}

.ui-reference-light.page-inbox .premium-inbox-chat{height:100%;min-height:0;grid-template-rows:80px minmax(0,1fr) auto;border-right:1px solid #d8e1eb;background:#fff}
.ui-reference-light.page-inbox .ci-chat-header{padding:12px 16px;border-bottom:1px solid #d4deea;background:#fff;box-shadow:none}
.ci-chat-contact{align-self:stretch}
.ci-chat-contact>div{display:flex;flex-direction:column;justify-content:center;gap:7px}
.ui-reference-light.page-inbox .ci-chat-contact strong{color:#090f18;font-size:14px}
.ci-chat-contact a{display:flex;align-items:center;gap:5px;color:#60769b;font-size:11px}.ci-chat-contact a .icon{width:13px;height:13px}
.ci-chat-actions{margin-left:auto}
.ui-reference-light.page-inbox .ci-chat-actions .ci-assign-control{display:flex;grid-template-columns:none;align-items:center;gap:7px;padding:3px 5px 3px 10px;border:1px solid #cdd8e8;border-radius:19px;background:#fff}.ci-assign-control>.icon{width:18px;height:18px;color:#334d76}
.ui-reference-light.page-inbox .ci-chat-actions .ci-assign-control select{min-width:105px;height:31px;min-height:31px;padding-left:2px;color:#111722;background-color:#fff;font-size:12px}
.ci-header-tool{width:39px;height:39px;display:grid;place-items:center;border:1px solid #cdd8e8;border-radius:50%;color:#354f78;background:#fff}.ci-header-tool .icon{width:18px;height:18px}
.ui-reference-light.page-inbox .ci-chat-actions .ci-status-control{position:relative;width:39px;height:39px;display:grid;grid-template-columns:1fr;place-items:center;padding:0;border:1px solid #cdd8e8;border-radius:50%;background:#fff}.ci-status-control>.icon{width:18px;height:18px;color:#354f78}.ui-reference-light.page-inbox .ci-status-control select{position:absolute;inset:0;width:100%;height:100%;min-width:0;padding:0;opacity:0;cursor:pointer}
.ui-reference-light.page-inbox .premium-message-stream{padding:16px clamp(14px,2vw,38px);background:#fff;background-image:none}
.ui-reference-light.page-inbox .premium-message-stream .date-divider{width:max-content;margin:8px auto 14px;padding:5px 11px;border:1px solid #d5deea;border-radius:4px;color:#405579;background:#fff;font-size:10px;letter-spacing:0;text-transform:none}.ui-reference-light.page-inbox .premium-message-stream .date-divider:before,.ui-reference-light.page-inbox .premium-message-stream .date-divider:after{display:none}
.ui-reference-light.page-inbox .premium-message-stream .message-bubble{max-width:min(63%,380px);border:0;border-radius:7px;color:#1e2e43;background:#f5f7fa;box-shadow:none;font-size:13px}
.ui-reference-light.page-inbox .premium-message-stream .message-row.outbound .message-bubble{border:0;border-radius:7px;color:#10261f;background:#edf9f4}
.ui-reference-light.page-inbox .premium-message-stream .message-bubble p{overflow-wrap:anywhere;word-break:break-word;font-size:13px;line-height:1.55}.ui-reference-light.page-inbox .premium-message-stream .message-meta{color:#5f728c;font-size:9px}

.ui-reference-light.page-inbox .ci-chat-composer{padding:12px 15px;border-top:0;background:#fff;box-shadow:none}
.ci-composer-form{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:end;gap:15px}
.ui-reference-light.page-inbox .ci-composer-card{display:block;padding:0;border:1px solid #c8d2df;border-radius:5px;background:#fff;box-shadow:none}
.ci-composer-tabs{height:39px;display:flex;align-items:end;gap:9px;padding:0 10px;border-bottom:1px solid #d5dde7;background:#f2f2f2}.ci-composer-tabs span,.ci-composer-tabs a{height:32px;display:flex;align-items:center;color:#2d3f5c;font-size:12px}.ci-composer-tabs span{border-bottom:2px solid #16835d;color:#16835d}
.ci-service-window{min-height:76px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:12px;color:#111;background:#efefef;text-align:center}.ci-service-window p{margin:0;font-size:12px}.ci-service-window button,.ci-service-window a{min-width:180px;padding:8px 14px;border:1px solid #cbd4df;border-radius:4px;color:#0d1725;background:#fff;font-size:11px;cursor:pointer}
.ui-reference-light.page-inbox .ci-composer-card .premium-composer-tools{padding:6px 8px;border-top:1px solid #e0e5eb;border-bottom:1px solid #e0e5eb;background:#fff}
.ui-reference-light.page-inbox .ci-composer-card .premium-composer-tools .composer-tool,.ui-reference-light.page-inbox .ci-composer-card .premium-composer-tools .mini-select{height:30px;min-height:30px;border-radius:5px;font-size:10.5px}
.ui-reference-light.page-inbox .ci-composer-card .pi-compose-row{display:block;padding:4px 8px}.ui-reference-light.page-inbox .ci-composer-card .composer-input{min-height:34px;max-height:78px;padding:7px 2px;font-size:12px}
.ci-send-button{width:100px;height:58px;border:0;border-radius:5px;color:#fff;background:#1d7a59;font-size:14px;font-weight:900;cursor:pointer}

.ui-reference-light.page-inbox .ci-contact-pane{display:block;height:100%;min-height:0;padding:0 14px 14px;border-left:0;background:#f6f6f4}
.ci-details-heading{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 2px}.ci-details-heading h2{color:#111;font-size:17px;font-weight:600}.ci-details-heading a{width:34px;height:34px;display:grid;place-items:center;color:#26384f}.ci-details-heading .icon{width:19px;height:19px}
.ci-detail-card{margin-bottom:10px;padding:12px 12px 0;border:0;border-radius:8px;background:#fff;box-shadow:none}
.ci-profile-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding-bottom:9px;border-bottom:1px solid #e2e5e8}.ci-profile-row .pi-avatar.profile{width:38px;height:38px;margin:0;border:0;border-radius:50%;color:#fff;background:#91a8b5;box-shadow:none;font-size:13px}.ci-profile-row strong{overflow:hidden;color:#15191f;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.ci-profile-row>a{padding:6px 8px;border-radius:3px;color:#fff;background:#175c46;font-size:10px;font-weight:900}
.ci-profile-card dl{display:grid;gap:12px;margin:12px 0}.ci-profile-card dl div{display:grid;gap:2px}.ci-profile-card dt{color:#111;font-size:11px;font-weight:800}.ci-profile-card dd{margin:0;color:#5f6d80;font-size:11px}
.ci-show-more{height:39px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e6e9;color:#111;font-size:11px}.ci-show-more .icon{width:16px;height:16px}
.ci-card-heading{height:30px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e3e6e9}.ci-card-heading h3{color:#111;font-size:14px;font-weight:600}.ci-card-heading a{color:#168159;font-size:10px}
.ci-tag-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:74px;padding:10px 0}.ui-reference-light.page-inbox .ci-tag-list .tag{display:flex;align-items:center;gap:5px;padding:7px 10px;border:0;border-radius:17px;color:#fff;background:#aeb6c4;font-size:10px;font-weight:800}.ci-tag-list .tag .icon{width:13px;height:13px}
.ci-notes-card form{padding:10px 0}.ci-notes-card form>div{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;border:1px solid #e2b02e;border-radius:7px;background:#fffdf7}.ui-reference-light.page-inbox .ci-notes-card textarea{grid-column:1/-1;min-height:46px;padding:9px 75px 9px 10px;border:0;background:transparent;box-shadow:none;resize:none;font-size:10px}.ci-notes-card form span{position:absolute;right:42px;bottom:10px;color:#9b9b9b;font-size:9px}.ci-notes-card form button{position:absolute;right:8px;bottom:8px;border:0;color:#168159;background:transparent;font-size:10px;font-weight:900;cursor:pointer}.ci-note-list{max-height:132px;overflow-y:auto;padding-bottom:9px}.ci-note-list>p{margin:7px 0;color:#9ba2ad;text-align:center;font-size:10px}.ci-note-list article{padding:8px 0;border-top:1px solid #eceef0}.ci-note-list article p{margin:0;color:#37465c;font-size:10.5px;line-height:1.45}.ci-note-list article small{display:block;margin-top:4px;color:#8994a3;font-size:9px}
.ci-history-card{padding-bottom:10px}.ci-history-card dl{display:grid;gap:8px;margin:10px 0 0}.ci-history-card dl div{display:flex;align-items:center;justify-content:space-between;gap:10px}.ci-history-card dt{color:#748196;font-size:10px}.ci-history-card dd{margin:0;color:#26384f;font-size:10px;font-weight:800}

@media(max-width:1550px){.ui-reference-light.page-inbox .premium-inbox-shell.has-selection{grid-template-columns:315px minmax(460px,1fr) 330px}.ui-reference-light.page-inbox .ci-contact-pane{display:block}}
@media(max-width:1180px){.ui-reference-light.page-inbox .premium-inbox-shell.has-selection{grid-template-columns:310px minmax(420px,1fr)}.ui-reference-light.page-inbox .ci-contact-pane{display:none}}
@media(max-width:900px){.ui-reference-light.page-inbox .premium-inbox-shell{height:calc(100vh - 58px);grid-template-columns:1fr!important}.ci-composer-form{grid-template-columns:minmax(0,1fr) 78px}.ci-send-button{width:78px}}
@media(max-width:620px){.ci-filter-row{grid-template-columns:38px minmax(100px,1fr) minmax(88px,.85fr)}.ci-filter-row>a{display:none}.ci-composer-form{grid-template-columns:1fr}.ci-send-button{width:100%;height:45px}.ui-reference-light.page-inbox .premium-message-stream .message-bubble{max-width:88%}}

/* R13 Shared Inbox actions — fixed composer, functional pickers and LITREVO blue branding. */
.ui-reference-light.page-inbox{--ci-blue:#0757e8;--ci-blue-dark:#0647bf;--ci-blue-soft:#eef5ff;--ci-blue-line:#bfd4fb;--ci-ink:#102b52;--ci-muted:#7385a1}
.ui-reference-light.page-inbox .premium-inbox-shell{border-top-color:#d4deeb}
.ui-reference-light.page-inbox .premium-inbox-chat{overflow:hidden}
.ui-reference-light.page-inbox .ci-chat-header{flex:0 0 80px}
.ui-reference-light.page-inbox .premium-message-stream{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c9df transparent}
.ui-reference-light.page-inbox .ci-chat-composer{position:relative;z-index:5;flex:0 0 auto;padding:10px 14px 12px;background:#fff}
.ui-reference-light.page-inbox .premium-conversation-row.active{box-shadow:inset 3px 0 var(--ci-blue)}
.ui-reference-light.page-inbox .ci-filter-button{border-color:var(--ci-blue);color:var(--ci-blue-dark);background:var(--ci-blue-soft)}
.ui-reference-light.page-inbox .ci-filter-button b{background:var(--ci-blue)}
.ui-reference-light.page-inbox .ci-round-tool{flex:0 0 38px;padding:0;border-color:#cbd8e8;color:#3c557a;background:#fff;box-shadow:none;transform:none!important}
.ui-reference-light.page-inbox .ci-round-tool:hover{border-color:var(--ci-blue-line);color:var(--ci-blue);background:var(--ci-blue-soft)}
.ui-reference-light.page-inbox .ci-round-tool .icon{display:block;width:17px;height:17px;transform:none!important}
.ui-reference-light.page-inbox .ci-composer-form{grid-template-columns:minmax(0,1fr) 100px;align-items:end;gap:14px}
.ui-reference-light.page-inbox .ci-composer-card{position:relative;overflow:visible;border:1px solid var(--ci-blue);border-radius:7px}
.ui-reference-light.page-inbox .ci-composer-tabs{height:41px;align-items:end;padding:0 11px;border-bottom:1px solid #dce5f1;background:#fff}
.ui-reference-light.page-inbox .ci-composer-tabs span,.ui-reference-light.page-inbox .ci-composer-tabs a{height:34px;color:#2d4263;font-size:13px}
.ui-reference-light.page-inbox .ci-composer-tabs span{border-bottom-color:var(--ci-blue);color:var(--ci-blue)}
.ui-reference-light.page-inbox .ci-action-toolbar{position:absolute;z-index:5;top:5px;right:7px;width:auto;display:flex;align-items:center;justify-content:flex-end;gap:1px;padding:0!important;border:0!important;background:transparent!important}
.ui-reference-light.page-inbox .ci-action-toolbar .ci-action-tool{position:relative;width:31px;min-width:31px;height:31px;min-height:31px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#10243f;background:transparent;box-shadow:none;cursor:pointer}
.ui-reference-light.page-inbox .ci-action-toolbar .ci-action-tool:hover,.ui-reference-light.page-inbox .ci-action-toolbar .ci-action-tool.active{color:#fff;background:var(--ci-blue)}
.ui-reference-light.page-inbox .ci-action-toolbar .ci-action-tool .icon{width:21px;height:21px;stroke-width:2}
.ui-reference-light.page-inbox .ci-action-toolbar .ci-action-tool>span{position:absolute;left:50%;bottom:calc(100% + 11px);z-index:30;min-width:max-content;padding:8px 13px;border:1px solid #d9e3ef;border-radius:6px;color:#26374f;background:#fff;box-shadow:0 12px 30px rgba(22,45,80,.16);font-size:11px;font-weight:600;line-height:1.15;opacity:0;pointer-events:none;transform:translate(-50%,4px)!important;transition:opacity .15s ease,transform .15s ease}
.ui-reference-light.page-inbox .ci-action-toolbar .ci-action-tool>span:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;border-right:1px solid #d9e3ef;border-bottom:1px solid #d9e3ef;background:#fff;transform:translateX(-50%) rotate(45deg)!important}
.ui-reference-light.page-inbox .ci-action-toolbar .ci-action-tool:hover>span,.ui-reference-light.page-inbox .ci-action-toolbar .ci-action-tool:focus-visible>span{opacity:1;transform:translate(-50%,0)!important}
.ui-reference-light.page-inbox .ci-composer-card .pi-compose-row{display:block;min-height:78px;padding:8px 10px}
.ui-reference-light.page-inbox .ci-composer-card .composer-input{width:100%;min-height:62px;max-height:112px;padding:5px 1px;border:0!important;outline:0!important;color:#1f3557;background:transparent;box-shadow:none!important;font-size:13px;resize:none}
.ui-reference-light.page-inbox .ci-composer-card .composer-input::placeholder{color:#a0aec0}
.ui-reference-light.page-inbox .ci-send-button{width:100px;height:59px;border-radius:6px;background:var(--ci-blue);box-shadow:0 8px 20px rgba(7,87,232,.2)}
.ui-reference-light.page-inbox .ci-send-button:hover{background:var(--ci-blue-dark)}
.ui-reference-light.page-inbox .ci-send-button:disabled{cursor:wait;opacity:.7}
.ui-reference-light.page-inbox .ci-service-window{border-bottom:1px solid #d9e4f0;color:#3c5170;background:#f4f7fb}
.ui-reference-light.page-inbox .ci-service-window button,.ui-reference-light.page-inbox .ci-service-window a{border-color:var(--ci-blue-line);color:var(--ci-blue);background:#fff}
.ui-reference-light.page-inbox .ci-compose-selection{min-height:45px;display:grid;grid-template-columns:31px minmax(0,1fr) 29px;align-items:center;gap:9px;padding:7px 9px;border-bottom:1px solid #d9e5f3;background:#f3f7ff}
.ui-reference-light.page-inbox .ci-compose-selection[hidden]{display:none!important}
.ui-reference-light.page-inbox .ci-compose-selection>span{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--ci-blue)}
.ui-reference-light.page-inbox .ci-compose-selection>span .icon{width:17px;height:17px}
.ui-reference-light.page-inbox .ci-compose-selection strong,.ui-reference-light.page-inbox .ci-compose-selection small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-reference-light.page-inbox .ci-compose-selection strong{color:#17365f;font-size:11.5px}.ui-reference-light.page-inbox .ci-compose-selection small{margin-top:2px;color:#7789a3;font-size:9.5px}
.ui-reference-light.page-inbox .ci-compose-selection>button{width:29px;height:29px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#647a99;background:transparent;cursor:pointer}.ui-reference-light.page-inbox .ci-compose-selection>button:hover{color:var(--ci-blue);background:#e3edff}.ui-reference-light.page-inbox .ci-compose-selection>button .icon{width:16px;height:16px}
.ui-reference-light.page-inbox .ci-emoji-popover{position:absolute;right:8px;bottom:calc(100% - 3px);z-index:40;width:296px;overflow:hidden;border:1px solid #cad8e9;border-radius:9px;background:#fff;box-shadow:0 18px 45px rgba(18,45,84,.2)}
.ui-reference-light.page-inbox .ci-emoji-popover[hidden]{display:none!important}.ui-reference-light.page-inbox .ci-emoji-head{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #e1e8f2}.ui-reference-light.page-inbox .ci-emoji-head strong{color:#17345c;font-size:12px}.ui-reference-light.page-inbox .ci-emoji-head button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:50%;color:#5f7391;background:#f4f7fb;cursor:pointer}.ui-reference-light.page-inbox .ci-emoji-head .icon{width:15px}.ui-reference-light.page-inbox .ci-emoji-categories{padding:8px 11px 5px;color:#647895;font-size:10px;font-weight:800}.ui-reference-light.page-inbox .ci-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:210px;overflow-y:auto;padding:5px 9px 11px}.ui-reference-light.page-inbox .ci-emoji-grid button{width:32px;height:32px;padding:0;border:0;border-radius:7px;background:#fff;font-size:19px;cursor:pointer}.ui-reference-light.page-inbox .ci-emoji-grid button:hover{background:var(--ci-blue-soft)}

.ui-reference-light.page-inbox .message-row.outbound .message-bubble{color:#17345a;background:#edf5ff}
.ui-reference-light.page-inbox .ci-message-action-card{overflow:hidden;padding:0!important;border:1px solid #c8dafa!important;border-radius:9px!important;background:#fff!important;box-shadow:0 7px 20px rgba(25,67,125,.08)!important}
.ui-reference-light.page-inbox .ci-message-kind{min-height:43px;display:flex;align-items:center;gap:9px;padding:8px 11px;color:#fff;background:linear-gradient(115deg,var(--ci-blue),#158fd6)}
.ui-reference-light.page-inbox .ci-message-kind>span{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.16)}.ui-reference-light.page-inbox .ci-message-kind .icon{width:16px;height:16px}.ui-reference-light.page-inbox .ci-message-kind strong{font-size:11.5px}
.ui-reference-light.page-inbox .ci-message-action-card>p{margin:0;padding:11px 12px;color:#263b59}.ui-reference-light.page-inbox .ci-message-product-image{width:100%;max-height:175px;display:block;object-fit:cover}.ui-reference-light.page-inbox .ci-message-action-link{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #d9e5f5;color:var(--ci-blue);background:#f8fbff;font-size:11px;font-weight:800}.ui-reference-light.page-inbox .ci-message-action-link .icon{width:15px}.ui-reference-light.page-inbox .ci-message-options{display:grid;border-top:1px solid #d9e5f5}.ui-reference-light.page-inbox .ci-message-options span{min-height:34px;display:flex;align-items:center;gap:5px;padding:7px 11px;border-top:1px solid #e7edf5;color:var(--ci-blue);font-size:10.5px}.ui-reference-light.page-inbox .ci-message-options span:first-child{border:0}.ui-reference-light.page-inbox .ci-message-options .icon{width:13px}.ui-reference-light.page-inbox .ci-message-file{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;margin:0 10px 8px;padding:8px;border:1px solid #d8e4f4;border-radius:7px;background:#f5f9ff}.ui-reference-light.page-inbox .ci-message-file>.icon{grid-row:1/3;width:21px;color:var(--ci-blue)}.ui-reference-light.page-inbox .ci-message-file span,.ui-reference-light.page-inbox .ci-message-file small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-reference-light.page-inbox .ci-message-file span{color:#24415f;font-size:10.5px;font-weight:800}.ui-reference-light.page-inbox .ci-message-file small{color:#8190a4;font-size:9px}.ui-reference-light.page-inbox .ci-message-action-card .message-meta{padding:0 10px 8px}

.ui-reference-light.page-inbox .ci-profile-row>a,.ui-reference-light.page-inbox .ci-notes-card form button{color:#fff;background:var(--ci-blue)}
.ui-reference-light.page-inbox .ci-notes-card form button{right:5px;bottom:5px;padding:4px;border-radius:4px}.ui-reference-light.page-inbox .ci-card-heading a,.ui-reference-light.page-inbox .ci-composer-tabs span{color:var(--ci-blue)}
.ui-reference-light.page-inbox .ci-tag-list .tag{background:#8a9bb6}

body.ci-modal-open{overflow:hidden}
.ci-modal[hidden]{display:none!important}.ci-modal{position:fixed;z-index:250;inset:0;display:grid;place-items:center;padding:24px}.ci-modal-backdrop{position:absolute;inset:0;background:rgba(9,25,52,.58);backdrop-filter:blur(2px)}
.ci-modal-dialog{position:relative;z-index:1;width:min(100%,760px);max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #d2ddea;border-radius:12px;background:#fff;box-shadow:0 30px 90px rgba(5,27,65,.3)}
.ci-modal-dialog-medium{width:min(100%,720px)}.ci-modal-dialog-wide{width:min(100%,980px)}.ci-modal-dialog-list{width:min(100%,1056px);height:min(750px,calc(100vh - 48px))}.ci-modal-dialog-template{width:min(100%,1200px);height:min(760px,calc(100vh - 48px))}
.ci-modal-dialog>header{min-height:70px;display:flex;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid #d5e0ed;color:#fff;background:linear-gradient(112deg,#064ecf,#0981d7)}
.ci-modal-dialog>header>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:10px;background:rgba(255,255,255,.16)}.ci-modal-dialog>header>span .icon{width:20px}.ci-modal-dialog>header>div:first-of-type{min-width:0;flex:1}.ci-modal-dialog>header h2{margin:0;color:#fff;font-size:17px}.ci-modal-dialog>header p{margin:3px 0 0;color:#cfe2ff;font-size:10.5px}.ci-modal-dialog>header>a{min-height:39px;display:flex;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(255,255,255,.36);border-radius:7px;color:#fff;background:rgba(255,255,255,.12);font-size:11px;font-weight:800}.ci-modal-dialog>header>a .icon{width:16px}.ci-modal-dialog>header>button{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;padding:0;border:0;border-radius:50%;color:#fff;background:transparent;cursor:pointer}.ci-modal-dialog>header>button:hover{background:rgba(255,255,255,.13)}.ci-modal-dialog>header>button .icon{width:20px}
.ci-modal-body{min-height:0;overflow-y:auto;padding:18px}.ci-action-empty{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.ci-action-empty>.icon{width:54px;height:54px;padding:13px;border-radius:50%;color:var(--ci-blue);background:var(--ci-blue-soft)}.ci-action-empty strong{margin-top:14px;color:#18375f;font-size:16px}.ci-action-empty p{max-width:430px;margin:7px auto 15px;color:#7587a0;font-size:12px}.ci-action-empty a{padding:9px 13px;border-radius:6px;color:#fff;background:var(--ci-blue);font-size:11px;font-weight:800}
.ci-generic-action,.ci-product-list>button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:11px;border:1px solid #d7e2ef;border-radius:8px;color:#284363;background:#fff;text-align:left;cursor:pointer}.ci-generic-action:hover,.ci-product-list>button:hover{border-color:var(--ci-blue-line);background:var(--ci-blue-soft)}.ci-generic-action>span,.ci-product-thumb{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:9px;color:var(--ci-blue);background:var(--ci-blue-soft)}.ci-generic-action>span .icon,.ci-product-thumb .icon{width:20px}.ci-product-thumb img{width:100%;height:100%;object-fit:cover}.ci-generic-action strong,.ci-generic-action small,.ci-product-list strong,.ci-product-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-generic-action strong,.ci-product-list strong{color:#17365c;font-size:12px}.ci-generic-action small,.ci-product-list small{margin-top:3px;color:#7e8fa5;font-size:9.5px}.ci-generic-action>.icon,.ci-product-list>button>.icon{width:16px;color:#7890ae}.ci-modal-section-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0 9px;color:#18375e}.ci-modal-section-title strong{font-size:12px}.ci-modal-section-title span{color:#8292a7;font-size:10px}.ci-product-list{display:grid;gap:7px}
.ci-catalog-toolbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 18px;border-bottom:1px solid #dde6f0;background:#f5f8fc}.ci-catalog-toolbar label,.ci-modal-search{position:relative;display:block}.ci-catalog-toolbar label{width:min(420px,60%)}.ci-catalog-toolbar label>.icon,.ci-modal-search>.icon,.ci-template-picker>aside>label>.icon{position:absolute;top:50%;left:11px;width:16px;color:#617693;transform:translateY(-50%)!important}.ci-catalog-toolbar input,.ci-modal-search input,.ci-template-picker>aside>label input{width:100%;height:40px;padding:0 11px 0 36px;border:1px solid #cbd8e8;border-radius:7px;color:#1d385c;background:#fff;box-shadow:none}.ci-catalog-toolbar>a{display:flex;align-items:center;gap:6px;color:var(--ci-blue);font-size:11px;font-weight:800}.ci-catalog-toolbar>a .icon{width:15px}.ci-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ci-product-grid>button{display:grid;grid-template-rows:128px auto auto auto;gap:4px;overflow:hidden;padding:0 0 12px;border:1px solid #d7e2ef;border-radius:9px;color:#23405f;background:#fff;text-align:left;cursor:pointer}.ci-product-grid>button:hover{border-color:var(--ci-blue);box-shadow:0 8px 20px rgba(7,87,232,.1)}.ci-catalog-image{display:grid;place-items:center;overflow:hidden;color:#93a5ba;background:#edf2f7}.ci-catalog-image img{width:100%;height:100%;object-fit:cover}.ci-catalog-image .icon{width:36px;height:36px}.ci-product-grid strong,.ci-product-grid small,.ci-product-grid b{padding:0 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-product-grid strong{margin-top:7px;color:#17375e;font-size:12px}.ci-product-grid small{color:#8090a6;font-size:9.5px}.ci-product-grid b{color:var(--ci-blue);font-size:11px}
.ci-list-builder{min-height:0;display:grid;grid-template-columns:35% 65%}.ci-list-builder>nav{overflow-y:auto;border-right:1px solid #d9e2ec;background:#fbfcfe}.ci-list-builder>nav button{width:100%;min-height:49px;padding:10px 16px;border:0;border-bottom:1px solid #d9e2ec;color:#334a68;background:transparent;text-align:center;font-size:11.5px;font-weight:750;cursor:pointer}.ci-list-builder>nav button:hover,.ci-list-builder>nav button.active{color:var(--ci-blue);background:var(--ci-blue-soft)}.ci-list-preview{min-height:0;overflow-y:auto;padding:32px 34px 84px;position:relative}.ci-list-preview>span{display:block;margin-bottom:8px;color:#2c3d55;font-size:12px;font-weight:800}.ci-list-preview>p{min-height:96px;margin:0 0 22px;padding:12px;border:1px solid #bfcddd;border-radius:6px;color:#263d5c;background:#fff;font-size:13px;line-height:1.5}.ci-list-preview>strong{display:block;margin-bottom:18px;padding:8px 11px;border:1px solid #c8d6e6;border-radius:6px;color:#526780;background:#f4f7fb;font-size:12px}.ci-list-preview>div{overflow:hidden;border:1px solid #bfcddd;border-radius:7px}.ci-list-preview>div p{margin:0;padding:11px 13px;border-top:1px solid #d5dee9;color:#2d425f;font-size:12px}.ci-list-preview>div p:first-child{border:0}.ci-list-preview>button{position:absolute;right:20px;bottom:15px;min-height:42px;padding:0 15px;border:0;border-radius:6px;color:#fff;background:var(--ci-blue);font-size:11px;font-weight:800;cursor:pointer}
.ci-modal-search{margin-bottom:12px}.ci-quick-list{display:grid;gap:8px}.ci-quick-list>button{padding:0;border:1px solid #d6e1ee;border-radius:8px;background:#fff;text-align:left;cursor:pointer;overflow:hidden}.ci-quick-list>button:hover{border-color:var(--ci-blue)}.ci-quick-list strong{display:block;padding:11px 13px;color:#17365c;background:#f6f9fd;font-size:12px}.ci-quick-list p{max-height:145px;overflow:hidden;margin:0;padding:13px;color:#344b69;background:var(--ci-blue-soft);font-size:11.5px;line-height:1.55}
.ci-template-picker{min-height:0;display:grid;grid-template-columns:38% 62%}.ci-template-picker>aside{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:14px 10px 0 14px;border-right:1px solid #d7e1ed;background:#fafcff}.ci-template-picker>aside>label{position:relative}.ci-template-picker>aside>a{height:40px;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--ci-blue-line);border-radius:7px;color:var(--ci-blue);background:#f2f7ff;font-size:10.5px}.ci-template-picker>aside>a .icon{width:14px}.ci-template-picker>aside>div{grid-column:1/-1;min-height:0;overflow-y:auto;margin:0 -10px 0 -14px}.ci-template-picker>aside>div button{width:100%;min-height:70px;display:block;padding:12px 13px;border:0;border-bottom:1px solid #d7e1ed;color:#1d395c;background:#fff;text-align:left;cursor:pointer}.ci-template-picker>aside>div button:hover,.ci-template-picker>aside>div button.active{background:var(--ci-blue-soft);box-shadow:inset 3px 0 var(--ci-blue)}.ci-template-picker>aside>div strong,.ci-template-picker>aside>div small{display:block}.ci-template-picker>aside>div strong{font-size:12px}.ci-template-picker>aside>div small{margin-top:6px;color:#7c8da5;font-size:9.5px}.ci-template-picker>aside>div small span{padding:3px 6px;border-radius:99px;color:var(--ci-blue);background:#dfeaff}
.ci-template-preview{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;overflow-y:auto;padding:18px;background:#eef3f9}.ci-template-phone{grid-column:1/-1;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;border-radius:9px;background:linear-gradient(145deg,#d8e8f8,#edf6ff)}.ci-template-phone>div{width:min(100%,330px);overflow:hidden;border:5px solid #283746;border-bottom:0;border-radius:24px 24px 0 0;background:#0757a5;box-shadow:0 15px 35px rgba(20,44,77,.2)}.ci-template-phone-head{min-height:48px;padding:14px 15px!important;color:#fff;background:#0757a5;font-size:10px;font-weight:800}.ci-template-phone article{width:min(100%,330px);min-height:225px;margin:0;padding:18px 14px;border:5px solid #283746;border-top:0;border-radius:0 0 24px 24px;background:#fff;box-shadow:0 15px 35px rgba(20,44,77,.2)}.ci-template-phone article>b,.ci-template-phone article>p,.ci-template-phone article>small{display:block}.ci-template-phone article>b{color:#1e3858;font-size:11px}.ci-template-phone article>p{margin:9px 0;color:#334a67;font-size:10.5px;line-height:1.5;white-space:pre-wrap}.ci-template-phone article>div{display:grid;margin-top:13px}.ci-template-phone article>div span{padding:7px;border-top:1px solid #e1e7ee;color:var(--ci-blue);font-size:9.5px;text-align:center}.ci-template-phone article>small{margin-top:8px;color:#8696a9;font-size:8px;text-align:right}.ci-template-media{display:grid;gap:5px;padding:10px;border:1px solid #ccd9e8;border-radius:7px;background:#fff}.ci-template-media[hidden]{display:none!important}.ci-template-media span{color:#37506f;font-size:10px;font-weight:800}.ci-template-media input,.ci-template-media textarea{width:100%;padding:8px;border:1px solid #d2deeb;border-radius:5px;color:#243f60;background:#fff;font-size:10.5px;box-shadow:none;resize:vertical}.ci-template-meta{align-self:center}.ci-template-meta strong,.ci-template-meta span{display:block}.ci-template-meta strong{color:#17375f;font-size:13px}.ci-template-meta span{margin-top:4px;color:#7c8da4;font-size:10px}.ci-template-preview>button{align-self:center;min-height:43px;border:0;border-radius:6px;color:#fff;background:var(--ci-blue);font-size:11px;font-weight:800;cursor:pointer}
@media(max-width:1100px){.ci-modal-dialog-template{width:calc(100% - 20px)}.ci-template-picker{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:760px){.ci-modal{padding:8px}.ci-modal-dialog{max-height:calc(100vh - 16px)}.ci-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-list-builder,.ci-template-picker{grid-template-columns:1fr}.ci-list-builder>nav{max-height:170px;border-right:0;border-bottom:1px solid #d9e2ec}.ci-template-picker>aside{max-height:260px;border-right:0;border-bottom:1px solid #d7e1ed}.ci-template-preview{grid-template-columns:1fr}.ci-action-toolbar{max-width:225px;overflow-x:auto}.ui-reference-light.page-inbox .ci-composer-form{grid-template-columns:1fr}.ui-reference-light.page-inbox .ci-send-button{width:100%;height:45px}}
@media(max-width:520px){.ci-product-grid{grid-template-columns:1fr}.ci-modal-dialog>header{padding:10px}.ci-modal-dialog>header p{display:none}.ci-template-preview{padding:10px}.ci-list-preview{padding:20px 15px 76px}.ui-reference-light.page-inbox .ci-action-toolbar .ci-action-tool{width:29px;min-width:29px}}

/* R11 Master Overview — isolated commercial command-center redesign. */
.ui-reference-light.page-master .page-content{padding-top:20px;background:linear-gradient(180deg,#f5f9ff 0,#f8fbff 380px,#f7f9fc 100%)}
.r11-master-dashboard{--r11-ink:#09244c;--r11-muted:#6e82a0;--r11-line:#dce6f3;display:grid;gap:22px;width:100%;padding-bottom:12px}
.r11-master-dashboard :where(a,button){transition:none!important}

.r11-master-hero{position:relative;isolation:isolate;min-height:315px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);align-items:center;overflow:hidden;padding:34px 38px;border:1px solid rgba(99,184,255,.24);border-radius:28px;color:#fff;background:linear-gradient(118deg,#071a3d 0,#0a3470 52%,#075b91 100%);box-shadow:0 26px 65px rgba(8,42,94,.23),inset 0 1px rgba(255,255,255,.13)}
.r11-master-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 76% 42%,rgba(35,225,221,.25),transparent 28%),radial-gradient(circle at 12% 0,rgba(74,121,255,.32),transparent 33%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 45%)}
.r11-master-hero:after{content:"";position:absolute;z-index:-1;right:-95px;bottom:-155px;width:470px;height:470px;border:1px solid rgba(111,229,244,.18);border-radius:50%;box-shadow:0 0 0 65px rgba(80,189,247,.045),0 0 0 130px rgba(80,189,247,.025)}
.r11-hero-copy{position:relative;z-index:2;max-width:760px}
.r11-live-pill{width:max-content;display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(151,224,255,.26);border-radius:99px;color:#bfeeff;background:rgba(255,255,255,.075);font-size:11.5px;font-weight:900;letter-spacing:.105em}
.r11-live-pill i{width:8px;height:8px;border-radius:99px;background:#24e1be;box-shadow:0 0 0 5px rgba(36,225,190,.13)}
.ui-reference-light.page-master .r11-hero-copy h1{max-width:730px;margin:15px 0 10px;color:#fff;font-size:clamp(34px,3vw,49px);line-height:1.08;letter-spacing:-.03em}
.ui-reference-light.page-master .r11-hero-copy>p{max-width:660px;margin:0;color:#bed1eb;font-size:16px;line-height:1.65}
.r11-hero-actions{display:flex;align-items:center;gap:17px;margin-top:22px}
.ui-reference-light.page-master .r11-hero-actions .btn{min-height:47px;padding:0 18px;border:0;border-radius:12px;color:#0a3875;background:#fff;box-shadow:0 11px 26px rgba(1,20,53,.22);font-size:14px}
.r11-hero-actions .btn span,.r11-text-action span{font-size:18px}
.r11-text-action{display:flex;align-items:center;gap:7px;color:#cdeaff;font-size:14px;font-weight:900}
.r11-hero-facts{display:flex;align-items:center;gap:0;margin-top:27px}
.r11-hero-facts>div{min-width:150px;padding:0 19px;border-left:1px solid rgba(188,225,255,.18)}
.r11-hero-facts>div:first-child{padding-left:0;border-left:0}
.r11-hero-facts strong,.r11-hero-facts span{display:block}
.r11-hero-facts strong{color:#fff;font-size:23px;line-height:1.15}
.r11-hero-facts span{margin-top:4px;color:#9eb9d9;font-size:11.5px}
.r11-hero-visual{position:relative;align-self:stretch;display:grid;place-items:center;min-height:245px}
.r11-hero-visual>img{position:relative;z-index:2;width:min(100%,330px);max-height:290px;object-fit:contain;filter:drop-shadow(0 25px 28px rgba(0,13,39,.34))}
.r11-hero-glow{position:absolute;width:270px;height:140px;border-radius:50%;background:radial-gradient(ellipse,rgba(22,221,224,.32),transparent 70%);filter:blur(11px)}
.r11-float-status{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(188,230,255,.24);border-radius:10px;color:#e6f5ff;background:rgba(7,31,70,.72);box-shadow:0 10px 24px rgba(0,19,50,.20);backdrop-filter:blur(12px);font-size:11px;font-weight:900}
.r11-float-status.top{top:29px;right:1px}.r11-float-status.bottom{left:9px;bottom:23px}
.r11-float-status i{width:7px;height:7px;border-radius:50%;background:#22d9b5;box-shadow:0 0 0 4px rgba(34,217,181,.13)}

.r11-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:1px 4px 0}
.r11-section-heading>div>span,.r11-panel-head>div>span{display:block;color:#5477aa;font-size:11.5px;font-weight:900;letter-spacing:.105em}
.ui-reference-light.page-master .r11-section-heading h2{margin-top:4px;color:var(--r11-ink);font-size:26px;line-height:1.25}
.r11-section-heading>small{padding:8px 11px;border:1px solid #dbe5f1;border-radius:9px;color:#70839e;background:#fff;font-size:12px;font-weight:800}

.r11-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.r11-kpi-card{--tone:#176cf1;--tone-soft:#edf5ff;position:relative;min-width:0;min-height:171px;overflow:hidden;padding:19px 20px 14px;border:1px solid var(--r11-line);border-radius:20px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 12px 34px rgba(28,69,126,.075)}
.r11-kpi-card:after{content:"";position:absolute;right:-34px;top:-44px;width:143px;height:143px;border-radius:50%;background:radial-gradient(circle,var(--tone-soft),transparent 70%)}
.r11-kpi-card.tone-teal{--tone:#08a98e;--tone-soft:#e5faf5}.r11-kpi-card.tone-purple{--tone:#7858e9;--tone-soft:#f1edff}.r11-kpi-card.tone-orange{--tone:#f09318;--tone-soft:#fff3de}.r11-kpi-card.tone-indigo{--tone:#3d62d9;--tone-soft:#edf1ff}.r11-kpi-card.tone-cyan{--tone:#08a9c5;--tone-soft:#e8faff}
.r11-kpi-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px}
.r11-kpi-top>div{min-width:0}
.r11-kpi-top>div>span,.r11-kpi-top>div>strong{display:block}
.r11-kpi-top>div>span{color:#70829c;font-size:13px;font-weight:800}
.r11-kpi-top>div>strong{margin-top:7px;overflow:hidden;color:#0c2853;font-size:clamp(25px,1.8vw,32px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}
.r11-kpi-art{width:82px;height:82px;flex:0 0 82px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tone) 15%,white);border-radius:24px;background:linear-gradient(145deg,#fff,var(--tone-soft));box-shadow:0 11px 26px color-mix(in srgb,var(--tone) 13%,transparent)}
.r11-kpi-art img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(15,52,104,.15))}
.r11-kpi-foot{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:12px}
.r11-kpi-trend{display:block;color:#7d8da5;font-size:11.5px;line-height:1.4;white-space:nowrap}
.r11-kpi-trend b{margin-right:3px;color:#157c61}.r11-kpi-trend.negative b{color:#df4a65}.r11-kpi-trend.neutral b{color:#617696}
.r11-spark{width:118px;height:31px;display:block;overflow:hidden}
.r11-spark .ref-sparkline{width:118px;height:31px}

.r11-panel{min-width:0;overflow:hidden;border:1px solid var(--r11-line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(28,67,121,.075)}
.r11-panel-head{min-height:84px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 14px;border-bottom:1px solid #e8eef6}
.ui-reference-light.page-master .r11-panel-head h2{margin-top:4px;color:var(--r11-ink);font-size:21px;line-height:1.25}
.ui-reference-light.page-master .r11-panel-head p{margin-top:5px;color:var(--r11-muted);font-size:13px;line-height:1.5}
.r11-panel-head>a{margin-top:4px;color:#0b65e4;font-size:12.5px;font-weight:900;white-space:nowrap}
.r11-period-pill{padding:8px 10px;border:1px solid #dbe5f1;border-radius:9px;color:#627895;background:#f8fbff;font-size:11.5px;font-weight:900;white-space:nowrap}
.r11-performance-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(380px,.85fr);gap:18px;align-items:stretch}
.r11-revenue-panel{min-height:460px}
.r11-revenue-summary{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:17px 24px 4px}
.r11-revenue-summary small,.r11-revenue-summary strong{display:block}
.r11-revenue-summary>div>small{color:#7184a0;font-size:12px;font-weight:800}
.r11-revenue-summary>div>strong{margin-top:3px;color:#092855;font-size:34px;line-height:1.1}
.r11-inline-trend{padding:7px 9px;border-radius:9px;color:#08795c;background:#e9f9f3;font-size:12px;font-weight:900}.r11-inline-trend.negative{color:#d94b63;background:#fff0f3}.r11-inline-trend.neutral{color:#647792;background:#f1f5fa}.r11-inline-trend small{display:inline;font-size:11px;font-weight:800}
.r11-zero-insight{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin:10px 22px 5px;padding:10px 12px;border:1px solid #d8e7f7;border-radius:13px;background:linear-gradient(100deg,#f1f7ff,#f4fcfb)}
.r11-zero-insight>img{width:48px;height:48px;object-fit:contain}.r11-zero-insight strong,.r11-zero-insight p{display:block}.r11-zero-insight strong{color:#173960;font-size:13px}.ui-reference-light.page-master .r11-zero-insight p{margin:2px 0 0;color:#7286a1;font-size:11.5px}.r11-zero-insight>a{color:#0b66e5;font-size:11.5px;font-weight:900;white-space:nowrap}
.r11-chart-legend{display:flex;align-items:center;gap:16px;padding:11px 24px 0;color:#70839f;font-size:11.5px;font-weight:800}.r11-chart-legend>span{display:flex;align-items:center;gap:6px}.r11-chart-legend i{width:8px;height:8px;border-radius:99px;background:#1268ef}.r11-chart-legend>span:last-child i{border:1px solid #9eafd0;background:#fff}
.r11-chart-stage{padding:0 15px 12px}.ui-reference-light.page-master .r11-chart-stage .ref-line-chart{width:100%;height:235px}.ui-reference-light.page-master .r11-chart-stage .ref-line-current{stroke:#1268ef;stroke-width:3}.ui-reference-light.page-master .r11-chart-stage .ref-line-previous{stroke:#aab9cf;stroke-width:2;stroke-dasharray:7 7}.ui-reference-light.page-master .r11-chart-stage .ref-chart-grid{stroke:#e7edf5}

.r11-plan-panel{min-height:460px}
.r11-donut-layout{display:grid;grid-template-columns:215px minmax(0,1fr);align-items:center;gap:14px;padding:27px 23px 13px}
.r11-donut{width:205px;height:205px;display:grid;place-items:center;border-radius:50%;background:var(--r11-donut);box-shadow:0 15px 34px rgba(40,90,175,.15)}
.r11-donut:before{content:"";grid-area:1/1;width:138px;height:138px;border-radius:50%;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:inset 0 0 0 1px #e1e9f4,0 8px 24px rgba(23,65,125,.09)}
.r11-donut>div{z-index:1;grid-area:1/1;text-align:center}.r11-donut small,.r11-donut strong,.r11-donut span{display:block}.r11-donut small{color:#7587a2;font-size:10px;font-weight:900;letter-spacing:.08em}.r11-donut strong{margin-top:4px;color:#0a2a57;font-size:32px}.r11-donut span{color:#8b9ab0;font-size:11.5px}
.r11-donut-legend{display:grid;gap:11px}.r11-donut-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #edf1f6}.r11-donut-legend i{width:8px;height:8px;border-radius:99px;background:var(--legend-color)}.r11-donut-legend span{overflow:hidden;color:#4f6584;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.r11-donut-legend strong{color:#173a67;font-size:12px}.r11-donut-legend small{min-width:20px;color:#8a9ab1;font-size:11px;text-align:right}
.r11-plan-note{display:flex;align-items:center;gap:12px;margin:6px 22px 20px;padding:10px 12px;border:1px solid #e1e8f2;border-radius:14px;background:#f8fbff}.r11-plan-note img{width:50px;height:50px;object-fit:contain}.r11-plan-note strong,.r11-plan-note span{display:block}.r11-plan-note strong{color:#183a64;font-size:13px}.r11-plan-note span{margin-top:2px;color:#7587a1;font-size:11.5px}

.r11-command-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.r11-command-strip>a{min-width:0;display:grid;grid-template-columns:65px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 17px;border:1px solid var(--r11-line);border-radius:18px;color:inherit;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 10px 27px rgba(29,70,125,.06)}
.r11-command-strip img{width:65px;height:65px;object-fit:contain}.r11-command-strip strong,.r11-command-strip span{display:block}.r11-command-strip strong{color:#12335e;font-size:14px}.r11-command-strip span{margin-top:4px;color:#7488a4;font-size:11.5px}.r11-command-strip b{color:#0b68e8;font-size:20px}

.r11-operations-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(440px,.85fr);gap:18px;align-items:stretch}
.r11-business-list{display:grid;padding:7px 16px 15px}.r11-business-list>a{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 7px;border-bottom:1px solid #edf1f6;color:inherit}.r11-business-list>a:last-child{border-bottom:0}.r11-business-art{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#fff,#edf5ff)}.r11-business-art img{width:48px;height:48px;object-fit:contain}.r11-business-list strong,.r11-business-list span{display:block}.r11-business-list> a>div>strong{color:#17365f;font-size:13px}.r11-business-list> a>div>span{margin-top:3px;color:#798aa2;font-size:11.5px}.r11-business-list time{color:#8190a7;font-size:11px;white-space:nowrap}.r11-business-list>a>b{min-width:78px;color:#173962;font-size:12.5px;text-align:right}
.r11-health-body{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:11px;padding:18px 20px 23px}.r11-health-art{position:relative;display:grid;place-items:center;min-height:190px}.r11-health-art>span{position:absolute;width:155px;height:155px;border:1px solid #d5e9fa;border-radius:50%;box-shadow:0 0 0 22px rgba(25,123,234,.035),0 0 0 44px rgba(9,191,191,.018)}.r11-health-art img{position:relative;width:135px;height:135px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(21,77,153,.20))}.r11-health-art b{position:absolute;bottom:0;padding:6px 8px;border:1px solid #cceadd;border-radius:99px;color:#087456;background:#edfaf5;font-size:9.5px;letter-spacing:.065em}.r11-health-list{display:grid;gap:9px}.r11-health-list>div{display:grid;grid-template-columns:12px minmax(0,1fr);gap:9px;align-items:start;padding:10px;border:1px solid #e5ecf4;border-radius:12px;background:#fbfdff}.r11-health-list i{width:10px;height:10px;margin-top:4px;border:2px solid #fff;border-radius:50%;background:#15b88a;box-shadow:0 0 0 4px rgba(21,184,138,.11)}.r11-health-list .warn i{background:#f1a128;box-shadow:0 0 0 4px rgba(241,161,40,.11)}.r11-health-list p{min-width:0;margin:0}.r11-health-list strong,.r11-health-list span{display:block}.r11-health-list strong{color:#1b3c65;font-size:12.5px}.r11-health-list span{margin-top:2px;color:#798aa2;font-size:11px;line-height:1.4}

.r11-bottom-grid{display:grid;grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr);gap:18px;align-items:stretch}
.r11-support-list{display:grid;padding:8px 18px 18px}.r11-support-list>a{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #edf1f6;color:inherit}.r11-support-list>a:last-child{border-bottom:0}.r11-support-list>a>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#fff0f3}.r11-support-list>a>span.medium{background:#fff5e4}.r11-support-list>a>span.low{background:#e9faf5}.r11-support-list>a>span i{width:13px;height:13px;border:4px solid #ffc5ce;border-radius:50%;background:#eb526a;box-shadow:0 5px 12px rgba(235,82,106,.18)}.r11-support-list>a>span.medium i{border-color:#ffdb9d;background:#f3a51e;box-shadow:0 5px 12px rgba(243,165,30,.18)}.r11-support-list>a>span.low i{border-color:#b9efdf;background:#10ae82;box-shadow:0 5px 12px rgba(16,174,130,.18)}.r11-support-list strong,.r11-support-list small{display:block}.r11-support-list strong{color:#183a63;font-size:13px}.r11-support-list small{margin-top:3px;color:#7b8ca4;font-size:11.5px}.r11-support-list>a>b{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#1b5cad;background:#edf4ff;font-size:12px}
.r11-activity-list{display:grid;padding:8px 18px 18px}.r11-activity-list>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid #edf1f6;color:inherit}.r11-activity-list>a:last-child{border-bottom:0}.r11-activity-list>a>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#0b8065;background:#e8faf4;font-size:10px;font-weight:900}.r11-activity-list>a>span.tone-blue{color:#1768dc;background:#edf4ff}.r11-activity-list>a>span.tone-purple{color:#7053dc;background:#f2efff}.r11-activity-list>a>span.tone-orange{color:#d98313;background:#fff4e3}.r11-activity-list>a>span.tone-green{color:#168764;background:#eaf9f3}.r11-activity-list strong,.r11-activity-list small{display:block}.r11-activity-list strong{overflow:hidden;color:#183961;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.r11-activity-list small{margin-top:3px;overflow:hidden;color:#7d8da3;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.r11-activity-list time{color:#8493a8;font-size:11px;white-space:nowrap}
.r11-empty-row{min-height:150px;display:flex;align-items:center;justify-content:center;gap:14px;padding:20px}.r11-empty-row img{width:70px;height:70px;object-fit:contain}.r11-empty-row strong,.r11-empty-row span{display:block}.r11-empty-row strong{color:#173861;font-size:14px}.r11-empty-row span{margin-top:4px;color:#7c8ca3;font-size:12px}

@media(max-width:1380px){
  .r11-master-hero{grid-template-columns:minmax(0,1fr) 360px;padding:31px}
  .r11-hero-facts>div{min-width:135px;padding-inline:15px}
  .r11-performance-grid{grid-template-columns:minmax(0,1.35fr) minmax(355px,.85fr)}
  .r11-operations-grid{grid-template-columns:1fr}
}
@media(max-width:1120px){
  .r11-master-hero{grid-template-columns:1fr 300px}
  .r11-hero-visual>img{width:280px}
  .r11-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r11-performance-grid,.r11-bottom-grid{grid-template-columns:1fr}
  .r11-command-strip{grid-template-columns:1fr 1fr}
  .r11-command-strip>a:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .ui-reference-light.page-master .page-content{padding-top:13px}
  .r11-master-dashboard{gap:17px}
  .r11-master-hero{grid-template-columns:1fr;padding:26px 22px 21px;border-radius:22px}
  .ui-reference-light.page-master .r11-hero-copy h1{font-size:35px}
  .r11-hero-visual{min-height:245px;margin-top:10px}
  .r11-hero-visual>img{width:300px}
  .r11-float-status.top{right:5%}.r11-float-status.bottom{left:4%}
  .r11-section-heading{align-items:flex-start;flex-direction:column;gap:9px}
  .r11-kpi-grid{grid-template-columns:1fr 1fr;gap:12px}
  .r11-kpi-card{min-height:160px;padding:16px}
  .r11-kpi-art{width:70px;height:70px;flex-basis:70px}.r11-kpi-art img{width:66px;height:66px}
  .r11-kpi-foot{align-items:flex-start;flex-direction:column}.r11-spark{width:100%}.r11-spark .ref-sparkline{width:100%}
  .r11-command-strip{grid-template-columns:1fr}.r11-command-strip>a:last-child{grid-column:auto}
  .r11-donut-layout{grid-template-columns:1fr;justify-items:center}.r11-donut-legend{width:100%}
  .r11-health-body{grid-template-columns:1fr}.r11-health-art{min-height:175px}
  .r11-business-list>a{grid-template-columns:48px minmax(0,1fr) auto}.r11-business-list>a>b{grid-column:2;text-align:left}.r11-business-list time{grid-column:3;grid-row:1/3}
}
@media(max-width:520px){
  .r11-live-pill{font-size:10px;letter-spacing:.075em}
  .ui-reference-light.page-master .r11-hero-copy h1{font-size:31px}
  .ui-reference-light.page-master .r11-hero-copy>p{font-size:14.5px}
  .r11-hero-actions{align-items:flex-start;flex-direction:column;gap:12px}
  .r11-hero-facts{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:13px}.r11-hero-facts>div{min-width:0;padding:0;border:0}.r11-hero-facts>div:last-child{grid-column:1/-1}
  .r11-hero-visual{min-height:215px}.r11-hero-visual>img{width:250px}.r11-float-status{font-size:9.5px}.r11-float-status.top{top:12px}.r11-float-status.bottom{bottom:8px}
  .r11-kpi-grid{grid-template-columns:1fr}
  .r11-section-heading h2{font-size:23px!important}
  .r11-panel-head{align-items:flex-start;flex-direction:column;min-height:auto;padding:18px}.r11-panel-head>a,.r11-period-pill{margin-top:0}
  .r11-revenue-summary{align-items:flex-start;flex-direction:column;padding-inline:18px}
  .r11-zero-insight{grid-template-columns:45px minmax(0,1fr);margin-inline:15px}.r11-zero-insight>a{grid-column:2}
  .r11-chart-legend{padding-inline:18px}.r11-chart-stage{padding-inline:4px}
  .r11-donut{width:185px;height:185px}.r11-donut:before{width:124px;height:124px}
  .r11-command-strip>a{grid-template-columns:56px minmax(0,1fr) auto;padding:11px}.r11-command-strip img{width:56px;height:56px}
  .r11-business-list,.r11-support-list,.r11-activity-list{padding-inline:10px}
  .r11-business-list>a{grid-template-columns:45px minmax(0,1fr)}.r11-business-list time{grid-column:2;grid-row:auto}.r11-business-list>a>b{grid-column:2}
  .r11-activity-list>a{grid-template-columns:36px minmax(0,1fr)}.r11-activity-list time{grid-column:2}
}

/* R12 Master Feature Control — page-only commercial entitlement workspace. */
.ui-reference-light.page-master-features .page-content{padding-top:20px;padding-bottom:115px;background:linear-gradient(180deg,#f4f8ff 0,#f8fbff 420px,#f6f8fc 100%)}
.r12-feature-page{--r12-ink:#0a2752;--r12-muted:#6d819e;--r12-line:#dbe5f2;display:grid;gap:20px;width:100%}
.r12-feature-page :where(a,button,label){transition:none!important}

.r12-feature-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;overflow:hidden;padding:31px 34px 0;border:1px solid rgba(100,184,255,.25);border-radius:26px;color:#fff;background:linear-gradient(118deg,#071a3e 0,#0b3472 56%,#075f91 100%);box-shadow:0 24px 60px rgba(8,41,91,.20),inset 0 1px rgba(255,255,255,.13)}
.r12-feature-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 80% 32%,rgba(30,225,220,.22),transparent 27%),radial-gradient(circle at 12% 0,rgba(91,111,255,.27),transparent 34%)}
.r12-feature-hero:after{content:"";position:absolute;z-index:-1;right:-80px;top:-175px;width:420px;height:420px;border:1px solid rgba(136,223,255,.15);border-radius:50%;box-shadow:0 0 0 60px rgba(71,177,244,.04),0 0 0 120px rgba(71,177,244,.022)}
.r12-feature-hero-copy{position:relative;z-index:2;align-self:center;padding-bottom:29px}
.r12-feature-kicker{width:max-content;display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(151,224,255,.25);border-radius:99px;color:#c3efff;background:rgba(255,255,255,.075);font-size:11.5px;font-weight:900;letter-spacing:.095em}
.r12-feature-kicker i{width:8px;height:8px;border-radius:50%;background:#24dfbb;box-shadow:0 0 0 5px rgba(36,223,187,.13)}
.ui-reference-light.page-master-features .r12-feature-hero h1{max-width:690px;margin:14px 0 9px;color:#fff;font-size:clamp(34px,3vw,48px);line-height:1.08;letter-spacing:-.03em}
.ui-reference-light.page-master-features .r12-feature-hero-copy>p{max-width:690px;margin:0;color:#bfd2ea;font-size:16px;line-height:1.65}
.r12-feature-rules{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:21px}
.r12-feature-rules>span{padding:8px 10px;border:1px solid rgba(187,226,255,.17);border-radius:9px;color:#cce4f8;background:rgba(255,255,255,.055);font-size:11.5px;font-weight:800}
.r12-feature-rules b{margin-right:4px;color:#fff;font-size:12px}
.r12-feature-hero-art{position:relative;z-index:2;display:grid;place-items:center;align-content:center;min-height:235px;padding-bottom:29px}
.r12-feature-hero-art>span{position:absolute;width:230px;height:150px;border-radius:50%;background:radial-gradient(ellipse,rgba(30,223,222,.29),transparent 70%);filter:blur(12px)}
.r12-feature-hero-art>img{position:relative;width:205px;height:205px;object-fit:contain;filter:drop-shadow(0 22px 25px rgba(0,17,46,.34))}
.r12-feature-hero-art>div{position:absolute;right:0;bottom:24px;min-width:160px;padding:9px 11px;border:1px solid rgba(187,229,255,.24);border-radius:11px;background:rgba(6,29,67,.74);box-shadow:0 10px 24px rgba(0,20,53,.23);backdrop-filter:blur(12px)}
.r12-feature-hero-art small,.r12-feature-hero-art strong,.r12-feature-hero-art b{display:block}.r12-feature-hero-art small{color:#95cfe6;font-size:9px;font-weight:900;letter-spacing:.09em}.r12-feature-hero-art strong{margin-top:2px;color:#fff;font-size:26px;line-height:1.05}.r12-feature-hero-art b{margin-top:2px;color:#c0d7eb;font-size:10.5px}
.r12-feature-hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:0 -34px;border-top:1px solid rgba(180,223,255,.16);background:rgba(3,22,53,.22)}
.r12-feature-hero-stats>article{min-height:94px;padding:16px 25px;border-left:1px solid rgba(180,223,255,.14)}.r12-feature-hero-stats>article:first-child{border-left:0}
.r12-feature-hero-stats span,.r12-feature-hero-stats strong,.r12-feature-hero-stats small{display:block}.r12-feature-hero-stats span{color:#9ebbd8;font-size:11.5px;font-weight:800}.r12-feature-hero-stats strong{margin-top:3px;color:#fff;font-size:26px;line-height:1.1}.r12-feature-hero-stats small{margin-top:4px;color:#9cb5d1;font-size:11.5px}

.r12-feature-guide{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 17px;border:1px solid var(--r12-line);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(29,68,123,.06)}
.r12-feature-guide>div:first-child{display:flex;align-items:center;gap:12px}.r12-guide-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#0d69ec,#0bb9c4);box-shadow:0 8px 19px rgba(13,105,222,.17);font-size:19px;font-weight:900}
.r12-feature-guide p{margin:0}.r12-feature-guide p strong,.r12-feature-guide p small{display:block}.r12-feature-guide p strong{color:#183961;font-size:14px}.r12-feature-guide p small{margin-top:2px;color:#7587a0;font-size:12px}
.r12-guide-legend{display:flex;align-items:center;gap:13px;color:#657b99;font-size:12px;font-weight:800}.r12-guide-legend>span{display:flex;align-items:center;gap:6px}.r12-guide-legend i{width:9px;height:9px;border-radius:50%;background:#b6c2d2}.r12-guide-legend i.on{background:#12b68a;box-shadow:0 0 0 4px rgba(18,182,138,.11)}.r12-guide-legend>a{margin-left:5px;color:#0a65e3;font-weight:900;white-space:nowrap}

.ui-reference-light.page-master-features .r12-feature-control-form{display:grid;gap:19px;padding-bottom:32px}
.ui-reference-light.page-master-features .r12-feature-group{--group:#176cf1;--group-soft:#edf5ff;overflow:hidden;margin:0;border:1px solid var(--r12-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 38px rgba(28,67,121,.075)!important}
.ui-reference-light.page-master-features .r12-feature-group.tone-teal{--group:#08a98e;--group-soft:#e8faf5}.ui-reference-light.page-master-features .r12-feature-group.tone-purple{--group:#7758e8;--group-soft:#f1edff}.ui-reference-light.page-master-features .r12-feature-group.tone-orange{--group:#ee9218;--group-soft:#fff3df}
.r12-group-head{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:112px;padding:19px 22px;border-bottom:1px solid #e4ebf4;background:linear-gradient(115deg,#fff,var(--group-soft))}
.r12-group-head:after{content:"";position:absolute;right:10%;top:-65px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--group) 10%,transparent),transparent 69%)}
.r12-group-number{position:relative;z-index:1;width:54px;height:54px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--group) 20%,white);border-radius:17px;color:var(--group);background:#fff;box-shadow:0 9px 22px color-mix(in srgb,var(--group) 12%,transparent);font-size:16px;font-weight:900}
.r12-group-head>div{position:relative;z-index:1;min-width:0}.r12-group-head>div>span{color:var(--group);font-size:11px;font-weight:900;letter-spacing:.09em}.ui-reference-light.page-master-features .r12-group-head h2{margin-top:3px;color:var(--r12-ink);font-size:23px;line-height:1.2}.ui-reference-light.page-master-features .r12-group-head p{margin-top:4px;color:#6f829e;font-size:13.5px;line-height:1.5}.r12-group-head>b{position:relative;z-index:1;padding:7px 10px;border:1px solid color-mix(in srgb,var(--group) 16%,white);border-radius:9px;color:var(--group);background:#fff;font-size:12px;white-space:nowrap}
.r12-feature-matrix-wrap{overflow:auto;scrollbar-width:thin;scrollbar-color:#c7d6e8 transparent}
.ui-reference-light.page-master-features .r12-feature-matrix{width:100%;min-width:1080px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.ui-reference-light.page-master-features .r12-feature-matrix th,.ui-reference-light.page-master-features .r12-feature-matrix td{padding:18px;border:0;border-bottom:1px solid #e8eef5;text-align:left;vertical-align:top}
.ui-reference-light.page-master-features .r12-feature-matrix thead th{position:relative;height:118px;padding:19px 18px;border-bottom:1px solid #dce6f2!important;color:#607694!important;background:#f7faff!important;text-transform:none;letter-spacing:0}
.ui-reference-light.page-master-features .r12-feature-matrix thead th:first-child{position:sticky;z-index:3;left:0;width:350px;background:linear-gradient(110deg,#f5f9ff,#f9fbff)!important;box-shadow:8px 0 18px rgba(25,63,113,.035)}
.ui-reference-light.page-master-features .r12-feature-matrix thead th:not(:first-child){width:220px;border-left:1px solid #e3eaf3}
.r12-column-kicker{display:block;margin-bottom:7px;color:#5276aa;font-size:10.5px;font-weight:900;letter-spacing:.09em}
.ui-reference-light.page-master-features .r12-feature-matrix thead strong{display:block;color:#15365f;font-size:15px;line-height:1.3}.ui-reference-light.page-master-features .r12-feature-matrix thead small{display:block;margin-top:4px;color:#74869f;font-size:12px;font-weight:700;line-height:1.4}.ui-reference-light.page-master-features .r12-feature-matrix thead em{display:block;width:max-content;margin-top:8px;padding:3px 7px;border-radius:99px;color:#08795b;background:#e8f8f2;font-size:10.5px;font-style:normal;font-weight:900}.r12-plan-dot{position:absolute;top:20px;right:17px;width:9px;height:9px;border-radius:50%;background:#b8c3d2}.r12-plan-dot.active{background:#13b58a;box-shadow:0 0 0 4px rgba(19,181,138,.10)}
.ui-reference-light.page-master-features .r12-feature-matrix tbody td{min-height:130px;background:#fff;color:#234369}.ui-reference-light.page-master-features .r12-feature-matrix tbody td:first-child{position:sticky;z-index:2;left:0;width:350px;background:linear-gradient(105deg,#fff,#fbfdff);box-shadow:8px 0 18px rgba(25,63,113,.035)}.ui-reference-light.page-master-features .r12-feature-matrix tbody td:not(:first-child){border-left:1px solid #edf1f6}
.r12-feature-code{display:block;width:max-content;margin-bottom:7px;padding:3px 7px;border-radius:6px;color:var(--group);background:var(--group-soft);font-size:9.5px!important;font-weight:900!important;letter-spacing:.055em}
.ui-reference-light.page-master-features .r12-feature-matrix tbody td:first-child>strong{display:block;color:#13345d;font-size:16px;line-height:1.3}.ui-reference-light.page-master-features .r12-feature-matrix tbody td:first-child>span:not(.r12-feature-code){display:block;margin-top:5px;color:#6f829d;font-size:13px;line-height:1.55}.ui-reference-light.page-master-features .r12-feature-matrix tbody td:first-child>small{display:block;margin-top:9px;color:#40618a;font-size:11.5px;font-weight:900}
.ui-reference-light.page-master-features .r12-feature-switch{display:flex;align-items:center;gap:9px;min-height:31px}.ui-reference-light.page-master-features .r12-feature-switch>span{width:48px;height:27px;flex:0 0 48px;border:1px solid #cad5e2;border-radius:99px;background:#dfe6ef;box-shadow:inset 0 1px 3px rgba(30,59,98,.08)}.ui-reference-light.page-master-features .r12-feature-switch>span:after{top:3px;left:3px;width:19px;height:19px}.ui-reference-light.page-master-features .r12-feature-switch input:checked+span{border-color:#0da980;background:linear-gradient(90deg,#0daf84,#16c7a0)}.ui-reference-light.page-master-features .r12-feature-switch input:checked+span:after{left:24px}.ui-reference-light.page-master-features .r12-feature-switch>b{color:#506987;font-size:13px}
.ui-reference-light.page-master-features .r12-feature-limit{display:grid;grid-template-columns:1fr;gap:6px;margin-top:12px}.ui-reference-light.page-master-features .r12-feature-limit>span{color:#6d809a;font-size:11.5px;font-weight:800}.ui-reference-light.page-master-features .r12-feature-limit>input{width:100%;min-height:44px;height:44px;padding:0 11px;border:1px solid #d9e3ef;border-radius:10px;color:#17365f;background:#fbfdff;box-shadow:none;font-size:14px}.r12-no-limit{display:block;margin-top:12px;color:#8292a7;font-size:11.5px;font-weight:800}
.ui-reference-light.page-master-features .r12-save-bar{left:calc(var(--sidebar-width) + 35px);right:34px;bottom:18px;max-width:none;min-height:78px;padding:12px 14px 12px 18px;border:1px solid rgba(118,181,239,.22);border-radius:19px;background:linear-gradient(110deg,rgba(7,27,62,.97),rgba(9,57,111,.97));box-shadow:0 20px 50px rgba(4,27,67,.27);backdrop-filter:blur(18px)}
.r12-save-bar>div{display:flex;align-items:center;gap:12px}.r12-save-status{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid rgba(145,221,242,.23);border-radius:13px;background:rgba(255,255,255,.075)}.r12-save-status i{width:10px;height:10px;border-radius:50%;background:#21ddb6;box-shadow:0 0 0 5px rgba(33,221,182,.12)}.r12-save-bar p{margin:0}.ui-reference-light.page-master-features .r12-save-bar p strong{display:block;color:#fff;font-size:14px}.ui-reference-light.page-master-features .r12-save-bar p span{display:block;margin-top:3px;color:#abc3dc;font-size:12px}.ui-reference-light.page-master-features .r12-save-bar .btn{min-height:50px;padding:0 20px;border:0;border-radius:12px;color:#08356d;background:linear-gradient(100deg,#fff,#dff8f6);box-shadow:0 10px 24px rgba(0,16,42,.22);font-size:14px}

@media(max-width:1280px){
  .r12-feature-hero{grid-template-columns:minmax(0,1fr) 260px}
  .r12-feature-hero-art>img{width:185px;height:185px}
  .ui-reference-light.page-master-features .r12-save-bar{left:calc(var(--sidebar-width) + 22px);right:22px}
}
@media(max-width:1024px){
  .r12-feature-hero{grid-template-columns:1fr 260px}
  .ui-reference-light.page-master-features .r12-save-bar{left:18px;right:18px}
}
@media(max-width:760px){
  .ui-reference-light.page-master-features .page-content{padding-top:14px;padding-bottom:105px}
  .r12-feature-page{gap:16px}
  .r12-feature-hero{grid-template-columns:1fr;padding:25px 21px 0;border-radius:22px}
  .ui-reference-light.page-master-features .r12-feature-hero h1{font-size:35px}
  .r12-feature-hero-art{min-height:205px;padding-bottom:18px}.r12-feature-hero-art>img{width:180px;height:180px}.r12-feature-hero-art>div{right:7%;bottom:16px}
  .r12-feature-hero-stats{grid-template-columns:1fr;margin:0 -21px}.r12-feature-hero-stats>article{min-height:76px;padding:13px 21px;border-top:1px solid rgba(180,223,255,.13);border-left:0}.r12-feature-hero-stats>article:first-child{border-top:0}
  .r12-feature-guide{align-items:flex-start;flex-direction:column}.r12-guide-legend{width:100%;flex-wrap:wrap}.r12-guide-legend>a{margin-left:auto}
  .r12-group-head{grid-template-columns:52px minmax(0,1fr);padding:17px}.r12-group-head>b{grid-column:2;width:max-content}
  .ui-reference-light.page-master-features .r12-feature-matrix{min-width:950px}.ui-reference-light.page-master-features .r12-feature-matrix thead th:first-child,.ui-reference-light.page-master-features .r12-feature-matrix tbody td:first-child{width:305px}.ui-reference-light.page-master-features .r12-feature-matrix thead th:not(:first-child){width:195px}
  .ui-reference-light.page-master-features .r12-save-bar{left:10px;right:10px;bottom:9px}.ui-reference-light.page-master-features .r12-save-bar>div{display:none}.ui-reference-light.page-master-features .r12-save-bar .btn{width:100%;justify-content:center}
}
@media(max-width:520px){
  .r12-feature-kicker{font-size:10px;letter-spacing:.07em}
  .ui-reference-light.page-master-features .r12-feature-hero h1{font-size:31px}
  .ui-reference-light.page-master-features .r12-feature-hero-copy>p{font-size:14.5px}
  .r12-feature-rules{align-items:stretch;flex-direction:column}.r12-feature-rules>span{width:100%}
  .r12-feature-hero-art>div{right:0}
  .r12-guide-legend>a{width:100%;margin-left:0}
  .r12-group-head{grid-template-columns:46px minmax(0,1fr);gap:11px}.r12-group-number{width:46px;height:46px;border-radius:14px}.ui-reference-light.page-master-features .r12-group-head h2{font-size:21px}.ui-reference-light.page-master-features .r12-group-head p{font-size:12.5px}
}

/* R13 Master Plans — page-only commercial catalog redesign. */
.ui-reference-light.page-master-plans .page-content{padding-top:20px;background:linear-gradient(180deg,#f4f8ff 0,#f8fbff 430px,#f6f8fc 100%)}
.r13-plans-page{--r13-ink:#092650;--r13-muted:#6e829f;--r13-line:#dbe5f2;display:grid;gap:22px;width:100%;padding-bottom:14px}
.r13-plans-page :where(a,button){transition:none!important}
.r13-plans-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;overflow:hidden;padding:32px 35px 0;border:1px solid rgba(101,185,255,.25);border-radius:27px;color:#fff;background:linear-gradient(118deg,#071a3e 0,#0a3471 55%,#086291 100%);box-shadow:0 25px 62px rgba(8,41,92,.21),inset 0 1px rgba(255,255,255,.13)}
.r13-plans-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 80% 32%,rgba(30,226,220,.23),transparent 27%),radial-gradient(circle at 12% 0,rgba(89,113,255,.28),transparent 35%)}
.r13-plans-hero:after{content:"";position:absolute;z-index:-1;right:-88px;top:-185px;width:440px;height:440px;border:1px solid rgba(137,224,255,.15);border-radius:50%;box-shadow:0 0 0 62px rgba(72,179,244,.04),0 0 0 124px rgba(72,179,244,.022)}
.r13-plans-hero-copy{position:relative;z-index:2;align-self:center;padding-bottom:30px}
.r13-plans-kicker{width:max-content;display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(151,224,255,.25);border-radius:99px;color:#c3efff;background:rgba(255,255,255,.075);font-size:11.5px;font-weight:900;letter-spacing:.095em}
.r13-plans-kicker i{width:8px;height:8px;border-radius:50%;background:#24dfbb;box-shadow:0 0 0 5px rgba(36,223,187,.13)}
.ui-reference-light.page-master-plans .r13-plans-hero h1{max-width:720px;margin:14px 0 10px;color:#fff;font-size:clamp(35px,3vw,49px);line-height:1.08;letter-spacing:-.03em}
.ui-reference-light.page-master-plans .r13-plans-hero-copy>p{max-width:710px;margin:0;color:#bed2e9;font-size:16px;line-height:1.65}
.r13-hero-actions{display:flex;align-items:center;gap:15px;margin-top:22px}.ui-reference-light.page-master-plans .r13-hero-actions .btn{min-height:47px;padding:0 18px;border:0;border-radius:12px;color:#0a3975;background:#fff;box-shadow:0 11px 26px rgba(1,20,53,.22);font-size:14px}.r13-hero-actions .btn span{font-size:18px}.r13-hero-actions>span{color:#9fbdd8;font-size:12px;font-weight:800}
.r13-plans-hero-art{position:relative;z-index:2;display:grid;place-items:center;align-content:center;min-height:240px;padding-bottom:30px}.r13-plans-hero-art>span{position:absolute;width:240px;height:150px;border-radius:50%;background:radial-gradient(ellipse,rgba(30,223,222,.30),transparent 70%);filter:blur(12px)}.r13-plans-hero-art>img{position:relative;width:215px;height:215px;object-fit:contain;filter:drop-shadow(0 23px 27px rgba(0,17,46,.35))}.r13-plans-hero-art>div{position:absolute;right:0;bottom:25px;min-width:164px;padding:9px 11px;border:1px solid rgba(187,229,255,.24);border-radius:11px;background:rgba(6,29,67,.75);box-shadow:0 10px 24px rgba(0,20,53,.23);backdrop-filter:blur(12px)}.r13-plans-hero-art small,.r13-plans-hero-art strong,.r13-plans-hero-art b{display:block}.r13-plans-hero-art small{color:#95cfe6;font-size:9px;font-weight:900;letter-spacing:.09em}.r13-plans-hero-art strong{margin-top:2px;color:#fff;font-size:27px;line-height:1.05}.r13-plans-hero-art b{margin-top:2px;color:#c0d7eb;font-size:10.5px}
.r13-plans-hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:0 -35px;border-top:1px solid rgba(180,223,255,.16);background:rgba(3,22,53,.22)}.r13-plans-hero-stats>article{min-height:95px;padding:16px 26px;border-left:1px solid rgba(180,223,255,.14)}.r13-plans-hero-stats>article:first-child{border-left:0}.r13-plans-hero-stats span,.r13-plans-hero-stats strong,.r13-plans-hero-stats small{display:block}.r13-plans-hero-stats span{color:#9fbcd8;font-size:11.5px;font-weight:800}.r13-plans-hero-stats strong{margin-top:3px;color:#fff;font-size:26px;line-height:1.1}.r13-plans-hero-stats small{margin-top:4px;color:#9cb5d1;font-size:11.5px}

.r13-plans-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:2px 4px 0}.r13-plans-heading>div>span{display:block;color:#5277aa;font-size:11.5px;font-weight:900;letter-spacing:.105em}.ui-reference-light.page-master-plans .r13-plans-heading h2{margin-top:4px;color:var(--r13-ink);font-size:27px;line-height:1.22}.ui-reference-light.page-master-plans .r13-plans-heading p{margin-top:5px;color:var(--r13-muted);font-size:14px}.r13-plans-heading>a{color:#0a65e3;font-size:13px;font-weight:900;white-space:nowrap}
.r13-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));gap:17px;align-items:stretch}
.r13-plan-card{--plan:#176cf1;--plan-soft:#edf5ff;position:relative;min-width:0;min-height:680px;display:flex;flex-direction:column;overflow:hidden;padding:22px;border:1px solid var(--r13-line);border-radius:23px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 15px 40px rgba(27,67,122,.085)}
.r13-plan-card:after{content:"";position:absolute;right:-60px;top:-70px;width:205px;height:205px;border-radius:50%;background:radial-gradient(circle,var(--plan-soft),transparent 69%)}
.r13-plan-card.tone-teal{--plan:#08a98e;--plan-soft:#e8faf5}.r13-plan-card.tone-purple{--plan:#7758e8;--plan-soft:#f1edff}.r13-plan-card.tone-orange{--plan:#ee9218;--plan-soft:#fff3df}
.r13-plan-card.is-featured{border-color:#a9c9f9;background:linear-gradient(155deg,#f7fbff,#edf6ff 56%,#effcf9);box-shadow:0 20px 50px rgba(20,90,181,.14)}
.r13-recommended{position:absolute;z-index:3;top:0;left:50%;padding:6px 12px;border-radius:0 0 10px 10px;color:#fff;background:linear-gradient(95deg,#0d68ef,#0bb8c3);box-shadow:0 7px 18px rgba(15,103,222,.18);font-size:9.5px;font-weight:900;letter-spacing:.075em;transform:translateX(-50%)!important;white-space:nowrap}
.r13-plan-card>header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.r13-plan-icon{width:76px;height:76px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--plan) 17%,white);border-radius:22px;background:linear-gradient(145deg,#fff,var(--plan-soft));box-shadow:0 10px 25px color-mix(in srgb,var(--plan) 12%,transparent)}.r13-plan-icon img{width:71px;height:71px;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(17,53,103,.14))}.r13-plan-status{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #caecdf;border-radius:99px;color:#087658;background:#ebfaf4;font-size:11px;font-weight:900}.r13-plan-status i{width:7px;height:7px;border-radius:50%;background:#12b689;box-shadow:0 0 0 4px rgba(18,182,137,.10)}.r13-plan-status.disabled{border-color:#e1e6ed;color:#7a899c;background:#f4f6f9}.r13-plan-status.disabled i{background:#9ba8b8;box-shadow:none}
.r13-plan-label{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.r13-plan-label>span{color:var(--plan);font-size:10.5px;font-weight:900;letter-spacing:.085em}.r13-plan-label>small{color:#8190a5;font-size:10.5px;font-weight:800}.ui-reference-light.page-master-plans .r13-plan-card h3{position:relative;z-index:2;margin-top:7px;color:#0c2b56;font-size:31px;line-height:1.1;letter-spacing:-.025em}.ui-reference-light.page-master-plans .r13-plan-card>p{position:relative;z-index:2;min-height:66px;margin-top:8px;color:#6e829e;font-size:14px;line-height:1.58}
.r13-plan-price{position:relative;z-index:2;display:flex;align-items:flex-start;margin-top:18px;color:#0a2c59}.r13-plan-price>span{margin:6px 4px 0 0;font-size:19px;font-weight:900}.r13-plan-price>strong{font-size:46px;line-height:1;letter-spacing:-.045em}.r13-plan-price>small{margin:7px 0 0 8px;color:#7587a1;font-size:11.5px;line-height:1.35}
.r13-annual-price{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding:11px 12px;border:1px solid #dfe7f1;border-radius:13px;background:#f8fbff}.r13-annual-price span,.r13-annual-price strong{display:block}.r13-annual-price span{color:#7b8ca4;font-size:11px;font-weight:800}.r13-annual-price strong{margin-top:2px;color:#1b3c65;font-size:14px}.r13-annual-price>b{padding:5px 7px;border-radius:8px;color:#087b5d;background:#e7f8f2;font-size:10.5px;white-space:nowrap}
.r13-plan-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;border:1px solid #e0e8f2;border-radius:13px;background:#fff}.r13-plan-metrics>div{min-width:0;padding:10px 8px;border-left:1px solid #e8edf4;text-align:center}.r13-plan-metrics>div:first-child{border-left:0}.r13-plan-metrics strong,.r13-plan-metrics span{display:block}.r13-plan-metrics strong{color:#16385f;font-size:17px}.r13-plan-metrics span{margin-top:2px;color:#7b8ca3;font-size:9.5px;line-height:1.3}
.r13-plan-inclusions{position:relative;z-index:2;display:grid;gap:10px;margin:18px 0}.r13-plan-inclusions>span{display:flex;align-items:flex-start;gap:8px;color:#425f80;font-size:12.5px;line-height:1.45}.r13-plan-inclusions i{width:19px;height:19px;display:grid;place-items:center;flex:0 0 19px;border-radius:50%;color:#087b5c;background:#e5f8f1;font-size:10px;font-style:normal;font-weight:900}
.ui-reference-light.page-master-plans .r13-plan-card>.btn{position:relative;z-index:2;width:100%;min-height:48px;justify-content:center;margin-top:auto;border-radius:12px;font-size:13.5px}.r13-plan-card>.btn span{margin-left:5px;font-size:17px}
.r13-plan-empty{grid-column:1/-1;min-height:190px;display:flex;align-items:center;justify-content:center;gap:18px;padding:30px;border:1px dashed #cddcec;border-radius:22px;background:#fff}.r13-plan-empty img{width:92px;height:92px;object-fit:contain}.r13-plan-empty strong,.r13-plan-empty span{display:block}.r13-plan-empty strong{color:#15375f;font-size:17px}.r13-plan-empty span{margin-top:5px;color:#7689a2;font-size:13px}.r13-plan-empty .btn{margin-left:20px}

.r13-commercial-rules{display:grid;grid-template-columns:1.25fr 1fr 1fr;overflow:hidden;border:1px solid var(--r13-line);border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 12px 32px rgba(29,69,123,.065)}.r13-commercial-rules>div{min-width:0;padding:18px 20px;border-left:1px solid #e4ebf4}.r13-commercial-rules>div:first-child{display:flex;align-items:center;gap:12px;border-left:0}.r13-rule-mark{width:47px;height:47px;display:grid;place-items:center;flex:0 0 47px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#0c68ef,#0bb9c4);box-shadow:0 9px 21px rgba(14,104,224,.17);font-size:20px;font-weight:900}.r13-commercial-rules p{margin:0}.r13-commercial-rules strong,.r13-commercial-rules span,.r13-commercial-rules small{display:block}.r13-commercial-rules strong{color:#173961;font-size:13.5px}.r13-commercial-rules span,.r13-commercial-rules small{margin-top:4px;color:#7588a2;font-size:11.5px;line-height:1.5}

.r13-comparison-shell{min-width:0}.ui-reference-light.page-master-plans .r13-comparison-shell .v8-plan-comparison{margin:0;padding:25px;border:1px solid var(--r13-line)!important;border-radius:23px!important;background:#fff!important;box-shadow:0 15px 40px rgba(28,67,121,.075)!important}.ui-reference-light.page-master-plans .v8-comparison-head{align-items:center;margin-bottom:21px}.ui-reference-light.page-master-plans .v8-comparison-head span{color:#5277aa;font-size:11px;letter-spacing:.095em}.ui-reference-light.page-master-plans .v8-comparison-head h2{margin:5px 0 6px;color:var(--r13-ink);font-size:29px;line-height:1.2;letter-spacing:-.025em}.ui-reference-light.page-master-plans .v8-comparison-head p{color:#71839d;font-size:14px;line-height:1.55}.ui-reference-light.page-master-plans .v8-comparison-head>a{padding:9px 11px;border:1px solid #d9e5f2;border-radius:9px;color:#0b66e4;background:#f6faff;font-size:12px}.ui-reference-light.page-master-plans .v8-comparison-scroll{border-color:#dce5f1;border-radius:15px;scrollbar-width:thin;scrollbar-color:#c8d6e7 transparent}.ui-reference-light.page-master-plans .v8-plan-comparison table{min-width:930px}.ui-reference-light.page-master-plans .v8-plan-comparison th,.ui-reference-light.page-master-plans .v8-plan-comparison td{padding:15px 17px;border-color:#e3eaf3}.ui-reference-light.page-master-plans .v8-plan-comparison thead th{padding-block:19px;background:#f7faff}.ui-reference-light.page-master-plans .v8-plan-comparison thead th span,.ui-reference-light.page-master-plans .v8-plan-comparison thead th small{font-size:11.5px}.ui-reference-light.page-master-plans .v8-plan-comparison thead th strong{color:#17385f;font-size:18px}.ui-reference-light.page-master-plans .v8-plan-comparison thead .plan-growth strong{color:#fff}.ui-reference-light.page-master-plans .v8-plan-comparison tbody th,.ui-reference-light.page-master-plans .v8-plan-comparison td{font-size:13.5px}.ui-reference-light.page-master-plans .v8-comparison-group th{padding:11px 17px!important;color:#315f99!important;background:#edf5ff!important;font-size:11px!important}.ui-reference-light.page-master-plans .v8-feature-state b{font-size:12px}.ui-reference-light.page-master-plans .v8-comparison-note{font-size:12.5px;line-height:1.6}

.ui-reference-light.page-master-plans .r13-plan-dialog{width:min(680px,calc(100% - 24px));border:0;border-radius:22px;box-shadow:0 30px 90px rgba(5,28,67,.30)}.ui-reference-light.page-master-plans .r13-plan-dialog .dialog-head{align-items:flex-start;padding:21px 23px;border-bottom:1px solid #e3ebf4;background:linear-gradient(110deg,#f4f8ff,#f1fbfa)}.r13-plan-dialog .dialog-head>div>span{display:block;color:#4e75aa;font-size:10.5px;font-weight:900;letter-spacing:.09em}.ui-reference-light.page-master-plans .r13-plan-dialog .dialog-head h2{margin-top:4px;color:#0c2d58;font-size:24px}.ui-reference-light.page-master-plans .r13-plan-dialog .dialog-head p{margin-top:4px;color:#7487a1;font-size:13px}.ui-reference-light.page-master-plans .r13-plan-dialog .dialog-body{padding:22px}.ui-reference-light.page-master-plans .r13-plan-dialog .form-label{font-size:13.5px}.ui-reference-light.page-master-plans .r13-plan-dialog input{min-height:50px;font-size:15px}.r13-dialog-note{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid #d8e7f6;border-radius:13px;background:#f2f8ff}.r13-dialog-note>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:10px;color:#fff;background:#1269ec;font-size:14px;font-weight:900}.r13-dialog-note strong,.r13-dialog-note p{display:block}.r13-dialog-note strong{color:#173a65;font-size:13px}.ui-reference-light.page-master-plans .r13-dialog-note p{margin-top:3px;color:#71849e;font-size:12px;line-height:1.5}.ui-reference-light.page-master-plans .r13-plan-dialog .dialog-foot{padding:14px 22px 20px}.ui-reference-light.page-master-plans .r13-plan-dialog .dialog-foot .btn{min-height:49px;padding-inline:19px;font-size:14px}

@media(max-width:1320px){
  .r13-plans-hero{grid-template-columns:minmax(0,1fr) 270px}
  .r13-plans-hero-art>img{width:195px;height:195px}
  .r13-plan-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}
}
@media(max-width:900px){
  .r13-plans-hero{grid-template-columns:1fr 250px}
  .r13-commercial-rules{grid-template-columns:1fr 1fr}.r13-commercial-rules>div:last-child{grid-column:1/-1;border-top:1px solid #e4ebf4;border-left:0}
}
@media(max-width:760px){
  .ui-reference-light.page-master-plans .page-content{padding-top:14px}
  .r13-plans-page{gap:17px}
  .r13-plans-hero{grid-template-columns:1fr;padding:25px 21px 0;border-radius:22px}
  .ui-reference-light.page-master-plans .r13-plans-hero h1{font-size:35px}
  .r13-plans-hero-art{min-height:205px;padding-bottom:18px}.r13-plans-hero-art>img{width:185px;height:185px}.r13-plans-hero-art>div{right:7%;bottom:15px}
  .r13-plans-hero-stats{grid-template-columns:1fr;margin:0 -21px}.r13-plans-hero-stats>article{min-height:76px;padding:13px 21px;border-top:1px solid rgba(180,223,255,.13);border-left:0}.r13-plans-hero-stats>article:first-child{border-top:0}
  .r13-plans-heading{align-items:flex-start;flex-direction:column;gap:9px}
  .r13-plan-grid{grid-template-columns:1fr}
  .r13-plan-card{min-height:auto}
  .r13-commercial-rules{grid-template-columns:1fr}.r13-commercial-rules>div{border-top:1px solid #e4ebf4;border-left:0}.r13-commercial-rules>div:first-child{border-top:0}
  .ui-reference-light.page-master-plans .v8-comparison-head{align-items:flex-start;flex-direction:column}.ui-reference-light.page-master-plans .r13-comparison-shell .v8-plan-comparison{padding:18px}
}
@media(max-width:520px){
  .r13-plans-kicker{font-size:10px;letter-spacing:.07em}
  .ui-reference-light.page-master-plans .r13-plans-hero h1{font-size:31px}
  .ui-reference-light.page-master-plans .r13-plans-hero-copy>p{font-size:14.5px}
  .r13-hero-actions{align-items:flex-start;flex-direction:column}.r13-hero-actions>span{font-size:11px}
  .r13-plans-hero-art>div{right:0}
  .r13-plan-card{padding:19px}.r13-plan-metrics{grid-template-columns:1fr}.r13-plan-metrics>div{border-top:1px solid #e8edf4;border-left:0}.r13-plan-metrics>div:first-child{border-top:0}
  .r13-plan-empty{align-items:stretch;flex-direction:column}.r13-plan-empty .btn{margin-left:0}
  .ui-reference-light.page-master-plans .r13-plan-dialog .form-row{grid-template-columns:1fr}
}

/* R14 Master Plans visual QA corrections: lock icon alignment and Growth contrast. */
.ui-reference-light.page-master-plans .r13-plan-card>header .r13-plan-icon{position:relative;isolation:isolate;width:76px;height:76px;display:grid;place-items:center;flex:0 0 76px;overflow:visible;margin:0;padding:0;box-sizing:border-box}
.ui-reference-light.page-master-plans .r13-plan-card>header .r13-plan-icon>img{position:static;inset:auto;display:block;width:66px;height:66px;max-width:66px;max-height:66px;margin:0;padding:0;object-fit:contain;object-position:center;transform:none!important}
.ui-reference-light.page-master-plans .r13-commercial-rules>div:first-child>.r13-rule-mark{position:static;inset:auto;width:47px;height:47px;display:grid;place-items:center;flex:0 0 47px;overflow:hidden;margin:0;padding:0;color:#fff;background:linear-gradient(145deg,#0c68ef,#0bb9c4);font-size:20px;font-weight:900;line-height:1;text-align:center;transform:none!important}
.ui-reference-light.page-master-plans .r13-comparison-shell .v8-plan-comparison thead th.plan-growth{color:#fff!important;background:linear-gradient(145deg,#135ee8 0%,#256cf3 54%,#0caaa8 100%)!important;box-shadow:inset 0 1px rgba(255,255,255,.20)}
.ui-reference-light.page-master-plans .r13-comparison-shell .v8-plan-comparison thead th.plan-growth>strong{color:#fff!important;text-shadow:0 1px 1px rgba(4,35,92,.18)}
.ui-reference-light.page-master-plans .r13-comparison-shell .v8-plan-comparison thead th.plan-growth>span,.ui-reference-light.page-master-plans .r13-comparison-shell .v8-plan-comparison thead th.plan-growth>small{color:rgba(255,255,255,.88)!important}
.ui-reference-light.page-master-plans .r13-comparison-shell .v8-plan-comparison tbody td:nth-child(3){color:#173b67!important;background:#f4f8ff!important}
.ui-reference-light.page-master-plans .r13-comparison-shell .v8-plan-comparison tbody td:nth-child(3) .v8-feature-state{color:#087c60!important}

/* R15 Master Businesses — premium directory and Customer 360 command center. */
.ui-reference-light.page-master-businesses .page-content,.ui-reference-light.page-master-business .page-content{background:linear-gradient(180deg,#f8fbff 0,#f5f9fe 100%)}
.r15-business-directory,.r15-customer-page{--r15-ink:#092650;--r15-muted:#6e829f;--r15-line:#dbe5f2;display:grid;gap:21px;width:100%;padding-bottom:14px}
.r15-business-directory :where(a,button),.r15-customer-page :where(a,button){transition:none!important}
.r15-kicker{width:max-content;display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(151,224,255,.24);border-radius:99px;color:#c4efff;background:rgba(255,255,255,.075);font-size:11px;font-weight:900;letter-spacing:.095em}.r15-kicker i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#25dfba;box-shadow:0 0 0 5px rgba(37,223,186,.13)}

/* Workspace directory hero. */
.r15-directory-hero,.r15-customer-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;overflow:hidden;padding:32px 35px 0;border:1px solid rgba(101,185,255,.25);border-radius:27px;color:#fff;background:linear-gradient(118deg,#071a3e 0,#0a3471 54%,#086291 100%);box-shadow:0 25px 62px rgba(8,41,92,.19),inset 0 1px rgba(255,255,255,.13)}
.r15-directory-hero:before,.r15-customer-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 80% 32%,rgba(30,226,220,.23),transparent 27%),radial-gradient(circle at 12% 0,rgba(89,113,255,.27),transparent 35%)}
.r15-directory-hero:after,.r15-customer-hero:after{content:"";position:absolute;z-index:-1;right:-88px;top:-185px;width:440px;height:440px;border:1px solid rgba(137,224,255,.15);border-radius:50%;box-shadow:0 0 0 62px rgba(72,179,244,.04),0 0 0 124px rgba(72,179,244,.022)}
.r15-directory-copy{position:relative;z-index:2;align-self:center;padding-bottom:29px}.ui-reference-light.page-master-businesses .r15-directory-copy h1{max-width:760px;margin:14px 0 10px;color:#fff;font-size:clamp(35px,3vw,48px);line-height:1.08;letter-spacing:-.03em}.ui-reference-light.page-master-businesses .r15-directory-copy>p{max-width:720px;margin:0;color:#bed2e9;font-size:16px;line-height:1.65}.r15-hero-links{display:flex;align-items:center;gap:20px;margin-top:20px}.r15-hero-links>a{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(170,224,255,.25);border-radius:10px;color:#fff;background:rgba(255,255,255,.08);font-size:13px;font-weight:900}.r15-hero-links>a b{font-size:18px}.r15-hero-links>span{color:#a8c5df;font-size:12px;font-weight:800}
.r15-directory-art,.r15-customer-art{position:relative;z-index:2;display:grid;place-items:center;align-content:center;min-height:245px;padding-bottom:29px}.r15-directory-art>span,.r15-customer-art>span{position:absolute;width:255px;height:150px;border-radius:50%;background:radial-gradient(ellipse,rgba(30,223,222,.30),transparent 70%);filter:blur(12px)}.r15-directory-art>img,.r15-customer-art>img{position:relative;display:block;width:218px;height:218px;max-width:none;object-fit:contain;filter:drop-shadow(0 23px 27px rgba(0,17,46,.35))}.r15-directory-art>div,.r15-customer-art>div{position:absolute;right:0;bottom:25px;min-width:172px;padding:9px 11px;border:1px solid rgba(187,229,255,.24);border-radius:11px;background:rgba(6,29,67,.78);box-shadow:0 10px 24px rgba(0,20,53,.23);backdrop-filter:blur(12px)}.r15-directory-art small,.r15-directory-art strong,.r15-directory-art b,.r15-customer-art small,.r15-customer-art strong,.r15-customer-art b{display:block}.r15-directory-art small,.r15-customer-art small{color:#95cfe6;font-size:9px;font-weight:900;letter-spacing:.09em}.r15-directory-art strong,.r15-customer-art strong{margin-top:2px;color:#fff;font-size:27px;line-height:1.05}.r15-directory-art b,.r15-customer-art b{margin-top:3px;color:#c0d7eb;font-size:10.5px}
.r15-directory-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:0 -35px;border-top:1px solid rgba(180,223,255,.16);background:rgba(3,22,53,.23)}.r15-directory-stats>article{min-height:94px;padding:16px 25px;border-left:1px solid rgba(180,223,255,.14)}.r15-directory-stats>article:first-child{border-left:0}.r15-directory-stats span,.r15-directory-stats strong,.r15-directory-stats small{display:block}.r15-directory-stats span{color:#9fbcd8;font-size:11.5px;font-weight:800}.r15-directory-stats strong{margin-top:3px;color:#fff;font-size:26px;line-height:1.1}.r15-directory-stats small{margin-top:4px;color:#9cb5d1;font-size:11.5px}

/* Search controls and commercial directory rows. */
.r15-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid var(--r15-line);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(28,67,121,.055)}.r15-directory-toolbar>form{min-width:0;display:flex;align-items:flex-end;gap:10px}.r15-directory-search{width:min(440px,42vw);min-height:52px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #d7e2ef;border-radius:12px;background:#fbfdff}.r15-directory-search svg{width:19px;flex:0 0 19px;color:#4f76aa}.r15-directory-search input{min-width:0;width:100%;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:14.5px!important}.r15-directory-search>span{padding:4px 6px;border-radius:6px;color:#6680a5;background:#eef4fb;font-size:10px;font-weight:900;white-space:nowrap}.r15-filter-label{display:grid;gap:4px}.r15-filter-label>span{color:#647a98;font-size:10px;font-weight:900;letter-spacing:.06em}.ui-reference-light .r15-filter-label select{min-width:150px;min-height:52px;font-size:14px}.ui-reference-light .r15-directory-toolbar .btn{min-height:52px;padding-inline:18px;font-size:13px}.r15-clear-filter{align-self:center;color:#0b66e4;font-size:12px;font-weight:900}.r15-directory-toolbar>div{text-align:right}.r15-directory-toolbar>div strong,.r15-directory-toolbar>div span{display:block}.r15-directory-toolbar>div strong{color:#11335d;font-size:20px}.r15-directory-toolbar>div span{margin-top:2px;color:#7589a3;font-size:11.5px}
.r15-workspace-shell{overflow:hidden;border:1px solid var(--r15-line);border-radius:21px;background:#fff;box-shadow:0 15px 40px rgba(28,67,121,.07)}.r15-workspace-shell>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;border-bottom:1px solid #e2eaf3;background:linear-gradient(110deg,#fbfdff,#f6fbff)}.r15-workspace-shell>header span{display:block;color:#5277aa;font-size:10.5px;font-weight:900;letter-spacing:.095em}.ui-reference-light.page-master-businesses .r15-workspace-shell>header h2{margin-top:4px;color:var(--r15-ink);font-size:24px}.r15-workspace-shell>header p{max-width:470px;margin:0;color:#71849e;font-size:12.5px;line-height:1.55;text-align:right}
.r15-workspace-list{display:grid}.r15-workspace-row{min-width:0;display:grid;grid-template-columns:minmax(240px,1.45fr) minmax(215px,1.15fr) minmax(190px,1fr) minmax(150px,.72fr) auto;align-items:center;gap:18px;padding:16px 20px;border-top:1px solid #e5ebf3;color:inherit;background:#fff}.r15-workspace-row:first-child{border-top:0}.r15-workspace-identity{min-width:0;display:flex;align-items:center;gap:13px}.r15-workspace-avatar{width:56px;height:56px;display:grid;place-items:center;flex:0 0 56px;border-radius:17px;color:#fff;background:linear-gradient(145deg,#0b5ff0,#08bac0);box-shadow:0 10px 22px rgba(15,101,222,.18);font-size:17px;font-weight:900;letter-spacing:.02em}.r15-workspace-identity>div{min-width:0}.r15-workspace-identity strong,.r15-workspace-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r15-workspace-identity strong{color:#11345f;font-size:15.5px}.r15-workspace-identity small{max-width:235px;margin-top:3px;color:#8090a5;font-size:10.5px}.r15-status{width:max-content;display:flex!important;align-items:center;gap:6px;margin-top:7px;padding:4px 7px;border:1px solid #cfece2;border-radius:99px;color:#08775a;background:#ebfaf5;font-size:9.5px!important;font-weight:900;line-height:1!important}.r15-status i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#10b587}.r15-status.is-suspended{border-color:#f0dcae;color:#9a6607;background:#fff7e6}.r15-status.is-suspended i{background:#e5a41e}.r15-status.is-cancelled{border-color:#efced2;color:#a7444e;background:#fff0f2}.r15-status.is-cancelled i{background:#dc6670}
.r15-workspace-owner,.r15-workspace-plan{min-width:0}.r15-workspace-owner>span,.r15-workspace-plan>span{display:block;color:#8191a7;font-size:9.5px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.r15-workspace-owner>strong,.r15-workspace-owner>small,.r15-workspace-plan>strong,.r15-workspace-plan>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r15-workspace-owner>strong,.r15-workspace-plan>strong{margin-top:4px;color:#1a3c65;font-size:13px}.r15-workspace-owner>small,.r15-workspace-plan>small{margin-top:3px;color:#7d8ea5;font-size:10.5px}.r15-workspace-usage{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden;border:1px solid #e1e8f1;border-radius:11px;background:#f8fbff}.r15-workspace-usage>div{padding:8px;border-left:1px solid #e5ebf3;text-align:center}.r15-workspace-usage>div:first-child{border-left:0}.r15-workspace-usage strong,.r15-workspace-usage span{display:block}.r15-workspace-usage strong{color:#16385f;font-size:15px}.r15-workspace-usage span{margin-top:1px;color:#8190a5;font-size:9px}.r15-row-action{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #d9e5f2;border-radius:10px;color:#0b66e4;background:#f6faff;font-size:11.5px;font-weight:900;white-space:nowrap}.r15-row-action b{font-size:16px}.r15-workspace-empty{min-height:190px;display:flex;align-items:center;justify-content:center;gap:17px;padding:28px}.r15-workspace-empty img{width:92px;height:92px;object-fit:contain}.r15-workspace-empty strong,.r15-workspace-empty span{display:block}.r15-workspace-empty strong{color:#15375f;font-size:17px}.r15-workspace-empty span{margin-top:5px;color:#7689a2;font-size:13px}.r15-workspace-empty .btn{margin-left:18px}

/* Create workspace dialog. */
.ui-reference-light.page-master-businesses .r15-business-dialog{width:min(720px,calc(100% - 24px));border:0;border-radius:22px;box-shadow:0 30px 90px rgba(5,28,67,.30)}.ui-reference-light.page-master-businesses .r15-business-dialog .dialog-head{align-items:flex-start;padding:21px 23px;border-bottom:1px solid #e3ebf4;background:linear-gradient(110deg,#f4f8ff,#f1fbfa)}.r15-business-dialog .dialog-head>div>span{display:block;color:#4e75aa;font-size:10.5px;font-weight:900;letter-spacing:.09em}.ui-reference-light.page-master-businesses .r15-business-dialog .dialog-head h2{margin-top:4px;color:#0c2d58;font-size:25px}.ui-reference-light.page-master-businesses .r15-business-dialog .dialog-head p{margin-top:4px;color:#7487a1;font-size:13px}.ui-reference-light.page-master-businesses .r15-business-dialog .dialog-body{padding:22px}.ui-reference-light.page-master-businesses .r15-business-dialog .form-label{font-size:13px}.ui-reference-light.page-master-businesses .r15-business-dialog input{min-height:50px;font-size:14.5px}.r15-dialog-note{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid #d8e7f6;border-radius:13px;background:#f2f8ff}.r15-dialog-note>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:10px;color:#fff;background:#1269ec;font-size:14px;font-weight:900}.r15-dialog-note p{margin:0}.r15-dialog-note strong,.r15-dialog-note small{display:block}.r15-dialog-note strong{color:#173a65;font-size:13px}.r15-dialog-note small{margin-top:3px;color:#71849e;font-size:11.5px;line-height:1.5}.ui-reference-light.page-master-businesses .r15-business-dialog .dialog-foot{padding:14px 22px 20px}.ui-reference-light.page-master-businesses .r15-business-dialog .dialog-foot .btn{min-height:49px;padding-inline:19px;font-size:14px}

/* Customer 360 hero. */
.r15-customer-hero{grid-template-columns:minmax(0,1fr) 300px}.r15-customer-copy{position:relative;z-index:2;align-self:center;padding-bottom:28px}.r15-back-link{width:max-content;display:block;margin-bottom:13px;color:#98d6ee;font-size:11.5px;font-weight:900}.r15-customer-title{display:flex;align-items:center;gap:14px;margin-top:15px}.r15-customer-title>span{width:62px;height:62px;display:grid;place-items:center;flex:0 0 62px;border:1px solid rgba(197,239,255,.24);border-radius:18px;color:#fff;background:linear-gradient(145deg,#0d64ef,#0cc1ba);box-shadow:0 12px 26px rgba(0,18,53,.25);font-size:18px;font-weight:900}.ui-reference-light.page-master-business .r15-customer-title h1{margin:0;color:#fff;font-size:clamp(34px,3vw,47px);line-height:1.08;letter-spacing:-.03em}.ui-reference-light.page-master-business .r15-customer-title p{margin-top:5px;color:#b8cfe5;font-size:13.5px}.r15-customer-actions{display:flex;align-items:center;gap:16px;margin-top:20px}.r15-customer-actions form{margin:0}.ui-reference-light.page-master-business .r15-customer-actions .btn{min-height:46px;padding-inline:15px;color:#0b3970;background:#fff}.r15-customer-actions>a{color:#bde9f5;font-size:12px;font-weight:900}.r15-customer-signals{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:0 -35px;border-top:1px solid rgba(180,223,255,.16);background:rgba(3,22,53,.23)}.r15-customer-signals>article{min-height:98px;padding:16px 25px;border-left:1px solid rgba(180,223,255,.14)}.r15-customer-signals>article:first-child{border-left:0}.r15-customer-signals span,.r15-customer-signals strong,.r15-customer-signals small{display:block}.r15-customer-signals span{color:#9fbcd8;font-size:11.5px;font-weight:800}.r15-customer-signals strong{margin-top:3px;color:#fff;font-size:22px}.r15-customer-signals small{margin-top:4px;color:#9cb5d1;font-size:11px;line-height:1.4}

/* Customer 360 live metrics. */
.r15-customer-metrics{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:13px}.r15-customer-metrics>article{min-width:0;min-height:123px;display:flex;align-items:center;gap:11px;overflow:hidden;padding:14px;border:1px solid var(--r15-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 10px 28px rgba(28,67,121,.06)}.r15-customer-metrics>article:nth-child(2){background:linear-gradient(145deg,#fff,#f1fbf8)}.r15-customer-metrics>article:nth-child(3){background:linear-gradient(145deg,#fff,#f7f3ff)}.r15-customer-metrics>article:nth-child(4){background:linear-gradient(145deg,#fff,#f0fbf8)}.r15-customer-metrics>article:nth-child(5){background:linear-gradient(145deg,#fff,#fff8ee)}.r15-customer-metrics img{width:65px;height:65px;max-width:65px;flex:0 0 65px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(22,57,106,.13))}.r15-customer-metrics div{min-width:0}.r15-customer-metrics span,.r15-customer-metrics strong,.r15-customer-metrics small{display:block}.r15-customer-metrics span{color:#71849d;font-size:10.5px;font-weight:900;letter-spacing:.035em}.r15-customer-metrics strong{margin-top:3px;overflow:hidden;color:#11345e;font-size:21px;line-height:1.15;text-overflow:ellipsis}.r15-customer-metrics small{margin-top:4px;color:#7e8fa6;font-size:10px;line-height:1.35}

/* Identity, subscription and audited access. */
.r15-customer-command-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,1fr) minmax(300px,.75fr);gap:16px;align-items:stretch}.r15-customer-panel{min-width:0;padding:21px;border:1px solid var(--r15-line);border-radius:21px;background:#fff;box-shadow:0 14px 38px rgba(28,67,121,.07)}.r15-customer-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid #e4ebf3}.r15-customer-panel>header>div>span{display:block;color:#5277aa;font-size:10.5px;font-weight:900;letter-spacing:.09em}.ui-reference-light.page-master-business .r15-customer-panel>header h2{margin-top:4px;color:var(--r15-ink);font-size:25px}.r15-customer-panel>header .r15-status{margin-top:0}.r15-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:16px}.r15-identity-grid>div{min-width:0;padding:13px;border:1px solid #e2e9f2;border-radius:13px;background:#f8fbff}.r15-identity-grid span,.r15-identity-grid strong,.r15-identity-grid small{display:block}.r15-identity-grid span{color:#73869f;font-size:9.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.r15-identity-grid strong{margin-top:5px;overflow-wrap:anywhere;color:#163960;font-size:13.5px;line-height:1.35}.r15-identity-grid small{margin-top:4px;color:#8897aa;font-size:9.5px;line-height:1.35}.r15-inline-control{display:flex;align-items:flex-end;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #e5ebf3}.r15-inline-control>label{min-width:0;display:grid;flex:1;gap:5px}.r15-inline-control>label>span{color:#637a99;font-size:10.5px;font-weight:900}.ui-reference-light.page-master-business .r15-inline-control select{min-height:48px;font-size:14px}.ui-reference-light.page-master-business .r15-inline-control .btn{min-height:48px;font-size:12.5px;white-space:nowrap}
.r15-plan-chip{padding:6px 9px;border:1px solid #d7e4f5;border-radius:99px;color:#0b65df;background:#edf5ff;font-size:10.5px;font-weight:900}.r15-subscription-panel form{display:grid;gap:13px;margin-top:16px}.ui-reference-light.page-master-business .r15-subscription-panel .form-group{margin:0}.ui-reference-light.page-master-business .r15-subscription-panel .form-label{font-size:12.5px}.ui-reference-light.page-master-business .r15-subscription-panel :where(input,select){min-height:49px;font-size:14px}.r15-subscription-note{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #d9e6f4;border-radius:12px;background:#f3f8ff}.r15-subscription-note>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;color:#fff;background:#1269ec;font-size:13px;font-weight:900}.r15-subscription-note p{margin:0}.r15-subscription-note strong,.r15-subscription-note small{display:block}.r15-subscription-note strong{color:#173a64;font-size:12.5px}.r15-subscription-note small{margin-top:3px;color:#71849c;font-size:10.5px;line-height:1.45}.ui-reference-light.page-master-business .r15-subscription-panel>.btn,.ui-reference-light.page-master-business .r15-subscription-panel form>.btn{min-height:48px;justify-content:center;font-size:13px}
.r15-master-action{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;padding:23px;border:1px solid rgba(104,193,255,.23);border-radius:21px;color:#fff;background:linear-gradient(145deg,#082452,#0a4a86 65%,#087b91);box-shadow:0 18px 45px rgba(8,43,93,.18)}.r15-master-action:after{content:"";position:absolute;z-index:-1;right:-65px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(27,224,209,.25),transparent 68%)}.r15-master-action .r15-kicker{font-size:9.5px}.ui-reference-light.page-master-business .r15-master-action h2{margin-top:17px;color:#fff;font-size:29px;line-height:1.17;letter-spacing:-.025em}.ui-reference-light.page-master-business .r15-master-action>p{margin-top:8px;color:#bad1e6;font-size:13px;line-height:1.6}.r15-master-action>div{display:grid;gap:7px;margin:18px 0;padding:14px 0;border-block:1px solid rgba(188,226,255,.15)}.r15-master-action>div span{color:#b9cee2;font-size:11.5px}.r15-master-action>div b{margin-right:4px;color:#fff;font-size:14px}.r15-master-action form{margin-top:auto}.ui-reference-light.page-master-business .r15-master-action .btn{width:100%;min-height:49px;justify-content:center;color:#0b376d;background:#fff;font-size:13px}.r15-master-action>small{display:block;margin-top:11px;color:#92b2ce;font-size:9.5px;line-height:1.45;text-align:center}

/* Wallet and invoice operations. */
.r15-wallet-strip{display:grid;grid-template-columns:minmax(250px,1.35fr) repeat(5,minmax(110px,.65fr)) auto;align-items:stretch;overflow:hidden;border:1px solid var(--r15-line);border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(28,67,121,.065)}.r15-wallet-strip>div,.r15-wallet-strip>a{min-width:0;padding:16px 17px;border-left:1px solid #e5ebf3}.r15-wallet-strip>div:first-child{border-left:0}.r15-wallet-intro{display:flex;align-items:center;gap:10px;background:linear-gradient(145deg,#f8fbff,#f1fbf8)}.r15-wallet-intro img{width:62px;height:62px;max-width:62px;flex:0 0 62px;object-fit:contain}.r15-wallet-strip span,.r15-wallet-strip strong,.r15-wallet-strip small{display:block}.r15-wallet-strip>div>span,.r15-wallet-intro>div>span{color:#73869e;font-size:9.5px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.r15-wallet-strip>div>strong,.r15-wallet-intro>div>strong{margin-top:5px;overflow:hidden;color:#15375f;font-size:14px;text-overflow:ellipsis}.r15-wallet-intro>div>strong{font-size:16px}.r15-wallet-intro small{margin-top:3px;color:#7b8da4;font-size:9.5px;line-height:1.35}.ui-reference-light.page-master-business .r15-wallet-strip>a{align-self:center;margin:0 14px;padding:11px 13px;border-left:0;font-size:11.5px;white-space:nowrap}
.r15-invoice-panel{overflow:hidden;border:1px solid var(--r15-line);border-radius:21px;background:#fff;box-shadow:0 15px 40px rgba(28,67,121,.07)}.r15-invoice-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;border-bottom:1px solid #e2eaf3;background:linear-gradient(110deg,#fbfdff,#f6fbff)}.r15-invoice-panel>header span{display:block;color:#5277aa;font-size:10.5px;font-weight:900;letter-spacing:.095em}.ui-reference-light.page-master-business .r15-invoice-panel>header h2{margin-top:4px;color:var(--r15-ink);font-size:24px}.ui-reference-light.page-master-business .r15-invoice-panel>header p{margin-top:4px;color:#71849e;font-size:11.5px}.r15-invoice-panel>header>a{padding:9px 11px;border:1px solid #d9e5f2;border-radius:9px;color:#0b66e4;background:#f6faff;font-size:11.5px;font-weight:900;white-space:nowrap}.r15-invoice-table{overflow:auto}.r15-invoice-table table{width:100%;min-width:760px;border-collapse:collapse}.r15-invoice-table th,.r15-invoice-table td{padding:15px 18px;border-bottom:1px solid #e5ebf3;text-align:left}.r15-invoice-table tr:last-child td{border-bottom:0}.r15-invoice-table th{color:#71849f;background:#f8fbff;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.r15-invoice-table td{color:#24466d;font-size:12.5px}.r15-invoice-table td:first-child strong,.r15-invoice-table td:first-child small{display:block}.r15-invoice-table td:first-child strong{color:#14375f;font-size:12.5px}.r15-invoice-table td:first-child small{margin-top:3px;color:#8998aa;font-size:9.5px}.r15-invoice-empty{min-height:170px;display:flex;align-items:center;justify-content:center;gap:15px;padding:26px}.r15-invoice-empty img{width:86px;height:86px;object-fit:contain}.r15-invoice-empty strong,.r15-invoice-empty span{display:block}.r15-invoice-empty strong{color:#15375f;font-size:16px}.r15-invoice-empty span{margin-top:4px;color:#7689a2;font-size:12px}

@media(max-width:1450px){
  .r15-workspace-row{grid-template-columns:minmax(230px,1.4fr) minmax(200px,1.05fr) minmax(175px,.9fr) minmax(140px,.7fr) auto;gap:13px}
  .r15-customer-command-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr)}.r15-master-action{grid-column:1/-1}.r15-master-action>div{grid-template-columns:repeat(3,1fr)}
  .r15-wallet-strip{grid-template-columns:minmax(230px,1.3fr) repeat(3,minmax(110px,.65fr)) auto}.r15-wallet-strip>div:nth-of-type(5),.r15-wallet-strip>div:nth-of-type(6){display:none}
}
@media(max-width:1180px){
  .r15-directory-hero,.r15-customer-hero{grid-template-columns:minmax(0,1fr) 270px}.r15-directory-art>img,.r15-customer-art>img{width:195px;height:195px}
  .r15-workspace-row{grid-template-columns:minmax(240px,1.3fr) minmax(220px,1fr) minmax(175px,.8fr) auto}.r15-workspace-usage{display:none}
  .r15-customer-metrics{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .r15-directory-hero,.r15-customer-hero{grid-template-columns:1fr 240px}.r15-directory-stats{grid-template-columns:repeat(2,1fr)}.r15-directory-stats>article:nth-child(3){border-top:1px solid rgba(180,223,255,.14);border-left:0}.r15-directory-stats>article:nth-child(4){border-top:1px solid rgba(180,223,255,.14)}
  .r15-directory-toolbar{align-items:stretch;flex-direction:column}.r15-directory-toolbar>form{flex-wrap:wrap}.r15-directory-search{width:100%;flex:1 1 100%}.r15-directory-toolbar>div{text-align:left}
  .r15-workspace-row{grid-template-columns:1.15fr 1fr auto}.r15-workspace-plan{display:none}
  .r15-customer-signals{grid-template-columns:1fr}.r15-customer-signals>article{min-height:77px;border-top:1px solid rgba(180,223,255,.14);border-left:0}.r15-customer-signals>article:first-child{border-top:0}
  .r15-customer-metrics{grid-template-columns:repeat(2,1fr)}
  .r15-customer-command-grid{grid-template-columns:1fr}.r15-master-action{grid-column:auto}
  .r15-wallet-strip{grid-template-columns:repeat(3,1fr)}.r15-wallet-intro{grid-column:1/-1}.r15-wallet-strip>a{grid-column:1/-1;justify-self:start}.r15-wallet-strip>div,.r15-wallet-strip>a{border-top:1px solid #e5ebf3}.r15-wallet-intro{border-top:0!important}
}
@media(max-width:760px){
  .ui-reference-light.page-master-businesses .page-content,.ui-reference-light.page-master-business .page-content{padding-top:14px}
  .r15-business-directory,.r15-customer-page{gap:16px}
  .r15-directory-hero,.r15-customer-hero{grid-template-columns:1fr;padding:25px 21px 0;border-radius:22px}
  .ui-reference-light.page-master-businesses .r15-directory-copy h1{font-size:34px}.r15-directory-copy{padding-bottom:15px}.r15-hero-links{align-items:flex-start;flex-direction:column;gap:10px}
  .r15-directory-art,.r15-customer-art{min-height:205px;padding-bottom:18px}.r15-directory-art>img,.r15-customer-art>img{width:184px;height:184px}.r15-directory-art>div,.r15-customer-art>div{right:7%;bottom:15px}
  .r15-directory-stats,.r15-customer-signals{margin:0 -21px}
  .r15-directory-toolbar{padding:13px}.r15-directory-toolbar>form{align-items:stretch;flex-direction:column}.r15-filter-label select{width:100%}.r15-clear-filter{align-self:flex-start}
  .r15-workspace-shell>header,.r15-invoice-panel>header{align-items:flex-start;flex-direction:column}.r15-workspace-shell>header p{text-align:left}
  .r15-workspace-row{grid-template-columns:1fr auto;gap:13px;padding:15px}.r15-workspace-owner{grid-column:1/-1;padding-top:12px;border-top:1px solid #e5ebf3}.r15-workspace-owner>strong,.r15-workspace-owner>small{white-space:normal}.r15-row-action{grid-column:2;grid-row:1}.r15-workspace-empty{align-items:stretch;flex-direction:column}.r15-workspace-empty .btn{margin-left:0}
  .ui-reference-light.page-master-businesses .r15-business-dialog .form-row{grid-template-columns:1fr}
  .r15-customer-copy{padding-bottom:15px}.r15-customer-title{align-items:flex-start}.ui-reference-light.page-master-business .r15-customer-title h1{font-size:34px}.r15-customer-actions{align-items:flex-start;flex-direction:column;gap:11px}
  .r15-customer-metrics{grid-template-columns:1fr}.r15-customer-metrics>article{min-height:108px}
  .r15-identity-grid{grid-template-columns:1fr}.r15-inline-control{align-items:stretch;flex-direction:column}.r15-master-action>div{grid-template-columns:1fr}
  .r15-wallet-strip{grid-template-columns:1fr 1fr}.r15-wallet-intro{grid-column:1/-1}.r15-wallet-strip>a{grid-column:1/-1}.r15-wallet-strip>div:nth-of-type(4){display:none}
}
@media(max-width:520px){
  .r15-kicker{font-size:9.5px;letter-spacing:.07em}.ui-reference-light.page-master-businesses .r15-directory-copy h1,.ui-reference-light.page-master-business .r15-customer-title h1{font-size:30px}
  .r15-directory-stats{grid-template-columns:1fr}.r15-directory-stats>article{min-height:76px;border-top:1px solid rgba(180,223,255,.14);border-left:0}.r15-directory-stats>article:first-child{border-top:0}
  .r15-directory-search>span{display:none}.r15-workspace-row{grid-template-columns:1fr}.r15-row-action{grid-column:1;grid-row:auto;width:max-content}.r15-workspace-plan{display:block;padding-top:11px;border-top:1px solid #e5ebf3}
  .r15-customer-title>span{width:52px;height:52px;flex-basis:52px;border-radius:15px}.r15-customer-art>div,.r15-directory-art>div{right:0}
  .r15-customer-panel,.r15-master-action{padding:18px}.r15-subscription-panel .form-row{grid-template-columns:1fr}
  .r15-wallet-strip{grid-template-columns:1fr}.r15-wallet-intro,.r15-wallet-strip>a{grid-column:1}.r15-wallet-strip>div:nth-of-type(3){display:none}
}

/* R16 Master Invoices — premium reconciliation ledger. */
.ui-reference-light.page-master-invoices .page-content{background:linear-gradient(180deg,#f8fbff 0,#f5f9fe 100%)}
.r16-invoices-page{--r16-ink:#092650;--r16-muted:#6e829f;--r16-line:#dbe5f2;display:grid;gap:21px;width:100%;padding-bottom:14px}.r16-invoices-page :where(a,button){transition:none!important}
.r16-kicker{width:max-content;display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(151,224,255,.24);border-radius:99px;color:#c4efff;background:rgba(255,255,255,.075);font-size:11px;font-weight:900;letter-spacing:.095em}.r16-kicker i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#25dfba;box-shadow:0 0 0 5px rgba(37,223,186,.13)}
.r16-invoice-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;overflow:hidden;padding:32px 35px 0;border:1px solid rgba(101,185,255,.25);border-radius:27px;color:#fff;background:linear-gradient(118deg,#09183a 0,#15366f 51%,#086a86 100%);box-shadow:0 25px 62px rgba(8,41,92,.19),inset 0 1px rgba(255,255,255,.13)}
.r16-invoice-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 80% 31%,rgba(29,227,211,.25),transparent 27%),radial-gradient(circle at 14% 0,rgba(101,103,255,.27),transparent 35%)}.r16-invoice-hero:after{content:"";position:absolute;z-index:-1;right:-88px;top:-185px;width:440px;height:440px;border:1px solid rgba(137,224,255,.15);border-radius:50%;box-shadow:0 0 0 62px rgba(72,179,244,.04),0 0 0 124px rgba(72,179,244,.022)}
.r16-invoice-copy{position:relative;z-index:2;align-self:center;padding-bottom:29px}.ui-reference-light.page-master-invoices .r16-invoice-copy h1{max-width:760px;margin:14px 0 10px;color:#fff;font-size:clamp(35px,3vw,48px);line-height:1.08;letter-spacing:-.03em}.ui-reference-light.page-master-invoices .r16-invoice-copy>p{max-width:720px;margin:0;color:#bed2e9;font-size:16px;line-height:1.65}.r16-hero-links{display:flex;align-items:center;gap:17px;margin-top:20px}.r16-hero-links>button{min-height:44px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid rgba(171,225,255,.25);border-radius:10px;color:#0c376e;background:#fff;font-size:13px;font-weight:900}.r16-hero-links>button b{font-size:17px}.r16-hero-links>a{color:#bde8f4;font-size:12px;font-weight:900}
.r16-invoice-art{position:relative;z-index:2;display:grid;place-items:center;align-content:center;min-height:245px;padding-bottom:29px}.r16-invoice-art>span{position:absolute;width:255px;height:150px;border-radius:50%;background:radial-gradient(ellipse,rgba(30,223,222,.30),transparent 70%);filter:blur(12px)}.r16-invoice-art>img{position:relative;display:block;width:218px;height:218px;max-width:none;object-fit:contain;filter:drop-shadow(0 23px 27px rgba(0,17,46,.35))}.r16-invoice-art>div{position:absolute;right:0;bottom:25px;min-width:180px;padding:9px 11px;border:1px solid rgba(187,229,255,.24);border-radius:11px;background:rgba(6,29,67,.80);box-shadow:0 10px 24px rgba(0,20,53,.23);backdrop-filter:blur(12px)}.r16-invoice-art small,.r16-invoice-art strong,.r16-invoice-art b{display:block}.r16-invoice-art small{color:#95cfe6;font-size:9px;font-weight:900;letter-spacing:.09em}.r16-invoice-art strong{margin-top:2px;color:#fff;font-size:25px;line-height:1.05}.r16-invoice-art b{margin-top:3px;color:#c0d7eb;font-size:10.5px}
.r16-invoice-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:0 -35px;border-top:1px solid rgba(180,223,255,.16);background:rgba(3,22,53,.23)}.r16-invoice-stats>article{min-height:94px;padding:16px 25px;border-left:1px solid rgba(180,223,255,.14)}.r16-invoice-stats>article:first-child{border-left:0}.r16-invoice-stats span,.r16-invoice-stats strong,.r16-invoice-stats small{display:block}.r16-invoice-stats span{color:#9fbcd8;font-size:11.5px;font-weight:800}.r16-invoice-stats strong{margin-top:3px;color:#fff;font-size:24px;line-height:1.1}.r16-invoice-stats small{margin-top:4px;color:#9cb5d1;font-size:11.5px}

.r16-invoice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--r16-line);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(28,67,121,.055)}.r16-invoice-toolbar>form{min-width:0;display:flex;align-items:flex-end;gap:9px}.r16-invoice-search{width:min(370px,32vw);min-height:52px!important;display:flex!important;align-items:center;gap:10px;padding:0 13px;border:1px solid #d7e2ef;border-radius:12px;background:#fbfdff}.r16-invoice-search svg{width:19px;flex:0 0 19px;color:#4f76aa}.r16-invoice-search input{min-width:0;width:100%;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:14px!important}.r16-invoice-search>span{padding:4px 6px;border-radius:6px;color:#6680a5;background:#eef4fb;font-size:10px!important;font-weight:900;white-space:nowrap}.r16-invoice-toolbar form>label:not(.r16-invoice-search){display:grid;gap:4px}.r16-invoice-toolbar form>label:not(.r16-invoice-search)>span{color:#647a98;font-size:10px;font-weight:900;letter-spacing:.06em}.ui-reference-light.page-master-invoices .r16-invoice-toolbar select{min-width:145px;min-height:52px;font-size:13.5px}.ui-reference-light.page-master-invoices .r16-invoice-toolbar .btn{min-height:52px;padding-inline:17px;font-size:13px}.r16-invoice-toolbar form>a{align-self:center;color:#0b66e4;font-size:12px;font-weight:900}.r16-invoice-toolbar>div{text-align:right}.r16-invoice-toolbar>div strong,.r16-invoice-toolbar>div span{display:block}.r16-invoice-toolbar>div strong{color:#11335d;font-size:20px}.r16-invoice-toolbar>div span{margin-top:2px;color:#7589a3;font-size:11.5px}

.r16-ledger-panel{overflow:hidden;border:1px solid var(--r16-line);border-radius:21px;background:#fff;box-shadow:0 15px 40px rgba(28,67,121,.07)}.r16-ledger-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;border-bottom:1px solid #e2eaf3;background:linear-gradient(110deg,#fbfdff,#f6fbff)}.r16-ledger-panel>header>div:first-child>span{display:block;color:#5277aa;font-size:10.5px;font-weight:900;letter-spacing:.095em}.ui-reference-light.page-master-invoices .r16-ledger-panel>header h2{margin-top:4px;color:var(--r16-ink);font-size:24px}.ui-reference-light.page-master-invoices .r16-ledger-panel>header p{margin-top:4px;color:#71849e;font-size:11.5px}.r16-ledger-panel>header>div:last-child{display:flex;gap:7px}.r16-ledger-panel>header>div:last-child>span{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #dbe6f2;border-radius:99px;color:#4d6789;background:#fff;font-size:10.5px;font-weight:900}.r16-ledger-panel>header>div:last-child i{width:6px;height:6px;border-radius:50%;background:#0fb489}.r16-ledger-panel>header>div:last-child .is-due i{background:#e5a41e}
.r16-ledger-scroll{overflow:auto}.r16-ledger-scroll table{width:100%;min-width:1210px;border-collapse:collapse}.r16-ledger-scroll th,.r16-ledger-scroll td{padding:15px 17px;border-bottom:1px solid #e5ebf3;text-align:left;vertical-align:middle}.r16-ledger-scroll tr:last-child td{border-bottom:0}.r16-ledger-scroll th{color:#71849f;background:#f8fbff;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.r16-ledger-scroll td{color:#24466d;font-size:12.5px}.r16-ledger-scroll td>strong,.r16-ledger-scroll td>small{display:block}.r16-ledger-scroll td>strong{color:#14375f;font-size:12.5px}.r16-ledger-scroll td>small{margin-top:4px;color:#8998aa;font-size:9.5px}.r16-ledger-scroll td:nth-child(2)>a{display:block;color:#0c5ecf;font-size:12.5px;font-weight:900}.r16-ledger-scroll td:nth-child(2)>small{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r16-plan-chip{width:max-content;display:block;padding:6px 8px;border:1px solid #d9e5f5;border-radius:8px;color:#145daf;background:#f0f6ff;font-size:10.5px;font-weight:900}.r16-invoice-status{width:max-content;display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #f0dcae;border-radius:99px;color:#996407;background:#fff7e6;font-size:10px;font-weight:900}.r16-invoice-status i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#e4a01a}.r16-invoice-status.is-paid{border-color:#caebdf;color:#08775a;background:#ebfaf4}.r16-invoice-status.is-paid i{background:#11b487}.r16-invoice-status.is-void{border-color:#dce3ec;color:#708096;background:#f3f6f9}.r16-invoice-status.is-void i{background:#91a0b2}.r16-invoice-status.is-failed{border-color:#efced2;color:#a7444e;background:#fff0f2}.r16-invoice-status.is-failed i{background:#db6570}.r16-ledger-scroll .is-overdue{color:#ba4652;font-weight:900}
.r16-status-form{min-width:260px;display:flex;align-items:center;gap:8px}.ui-reference-light.page-master-invoices .r16-status-form select{min-width:104px;min-height:45px;padding-inline:11px;font-size:12.5px}.ui-reference-light.page-master-invoices .r16-status-form .btn{min-height:45px;justify-content:center;padding-inline:13px;border-color:#bdd3ee;color:#0b5ed4;background:#f5f9ff;font-size:11.5px;font-weight:900;white-space:nowrap}.r16-invoice-empty{min-height:210px;display:flex;align-items:center;justify-content:center;gap:17px;padding:30px}.r16-invoice-empty img{width:98px;height:98px;object-fit:contain}.r16-invoice-empty strong,.r16-invoice-empty span{display:block}.r16-invoice-empty strong{color:#15375f;font-size:17px}.r16-invoice-empty span{margin-top:5px;color:#7689a2;font-size:13px}.r16-invoice-empty .btn{margin-left:18px}

.ui-reference-light.page-master-invoices .r16-invoice-dialog{width:min(700px,calc(100% - 24px));border:0;border-radius:22px;box-shadow:0 30px 90px rgba(5,28,67,.30)}.ui-reference-light.page-master-invoices .r16-invoice-dialog .dialog-head{align-items:flex-start;padding:21px 23px;border-bottom:1px solid #e3ebf4;background:linear-gradient(110deg,#f4f8ff,#f1fbfa)}.r16-invoice-dialog .dialog-head>div>span{display:block;color:#4e75aa;font-size:10.5px;font-weight:900;letter-spacing:.09em}.ui-reference-light.page-master-invoices .r16-invoice-dialog .dialog-head h2{margin-top:4px;color:#0c2d58;font-size:25px}.ui-reference-light.page-master-invoices .r16-invoice-dialog .dialog-head p{margin-top:4px;color:#7487a1;font-size:13px}.ui-reference-light.page-master-invoices .r16-invoice-dialog .dialog-body{padding:22px}.ui-reference-light.page-master-invoices .r16-invoice-dialog .form-label{font-size:13px}.ui-reference-light.page-master-invoices .r16-invoice-dialog :where(input,select){min-height:50px;font-size:14px}.r16-dialog-note{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid #d8e7f6;border-radius:13px;background:#f2f8ff}.r16-dialog-note>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#0c68ef,#0bb9c4);font-size:15px;font-weight:900}.r16-dialog-note p{margin:0}.r16-dialog-note strong,.r16-dialog-note small{display:block}.r16-dialog-note strong{color:#173a65;font-size:13px}.r16-dialog-note small{margin-top:3px;color:#71849e;font-size:11.5px;line-height:1.5}.ui-reference-light.page-master-invoices .r16-invoice-dialog .dialog-foot{padding:14px 22px 20px}.ui-reference-light.page-master-invoices .r16-invoice-dialog .dialog-foot .btn{min-height:49px;padding-inline:19px;font-size:14px}

@media(max-width:1320px){
  .r16-invoice-hero{grid-template-columns:minmax(0,1fr) 275px}.r16-invoice-art>img{width:198px;height:198px}
  .r16-invoice-toolbar{align-items:stretch;flex-direction:column}.r16-invoice-toolbar>form{flex-wrap:wrap}.r16-invoice-search{width:100%;flex:1 1 100%}.r16-invoice-toolbar>div{text-align:left}
}
@media(max-width:900px){
  .r16-invoice-hero{grid-template-columns:1fr 240px}.r16-invoice-stats{grid-template-columns:repeat(2,1fr)}.r16-invoice-stats>article:nth-child(3){border-top:1px solid rgba(180,223,255,.14);border-left:0}.r16-invoice-stats>article:nth-child(4){border-top:1px solid rgba(180,223,255,.14)}
}
@media(max-width:760px){
  .ui-reference-light.page-master-invoices .page-content{padding-top:14px}.r16-invoices-page{gap:16px}
  .r16-invoice-hero{grid-template-columns:1fr;padding:25px 21px 0;border-radius:22px}.r16-invoice-copy{padding-bottom:15px}.ui-reference-light.page-master-invoices .r16-invoice-copy h1{font-size:34px}.r16-hero-links{align-items:flex-start;flex-direction:column;gap:11px}
  .r16-invoice-art{min-height:205px;padding-bottom:18px}.r16-invoice-art>img{width:184px;height:184px}.r16-invoice-art>div{right:7%;bottom:15px}.r16-invoice-stats{margin:0 -21px}
  .r16-invoice-toolbar{padding:13px}.r16-invoice-toolbar>form{align-items:stretch;flex-direction:column}.r16-invoice-toolbar form>label:not(.r16-invoice-search) select{width:100%}.r16-invoice-toolbar form>a{align-self:flex-start}
  .r16-ledger-panel>header{align-items:flex-start;flex-direction:column}.r16-invoice-empty{align-items:stretch;flex-direction:column}.r16-invoice-empty .btn{margin-left:0}
  .ui-reference-light.page-master-invoices .r16-invoice-dialog .form-row{grid-template-columns:1fr}
}
@media(max-width:520px){
  .r16-kicker{font-size:9.5px;letter-spacing:.07em}.ui-reference-light.page-master-invoices .r16-invoice-copy h1{font-size:30px}.r16-invoice-search>span{display:none}.r16-invoice-art>div{right:0}
  .r16-invoice-stats{grid-template-columns:1fr}.r16-invoice-stats>article{min-height:76px;border-top:1px solid rgba(180,223,255,.14);border-left:0}.r16-invoice-stats>article:first-child{border-top:0}
  .r16-ledger-panel>header>div:last-child{align-items:flex-start;flex-direction:column}
}

/* R19 Master Meta Platform - secure central connection command surface. */
.ui-reference-light.page-master-meta-platform .page-content{padding-top:20px;background:linear-gradient(180deg,#f4f8ff 0,#f8fbff 420px,#f6f9fd 100%)}
.ui-reference-light.page-master-meta-platform .page-titlebar{display:none}
.r19-meta-page{--r19-ink:#09264f;--r19-muted:#6f829e;--r19-line:#dbe6f2;display:grid;gap:22px;width:100%;padding-bottom:14px}
.r19-meta-page :where(a,button){transition:none!important}

.r19-meta-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);align-items:center;overflow:hidden;padding:39px 41px 0;border:1px solid rgba(102,190,241,.27);border-radius:29px;color:#fff;background:linear-gradient(116deg,#06193c 0,#0d3979 50%,#087b92 100%);box-shadow:0 28px 68px rgba(8,42,94,.21),inset 0 1px rgba(255,255,255,.14)}
.r19-meta-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 80% 34%,rgba(36,231,218,.25),transparent 29%),radial-gradient(circle at 10% -5%,rgba(79,101,255,.32),transparent 36%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 48%)}
.r19-meta-hero:after{content:"";position:absolute;z-index:-1;right:-115px;top:-205px;width:510px;height:510px;border:1px solid rgba(146,229,255,.17);border-radius:50%;box-shadow:0 0 0 68px rgba(71,188,247,.043),0 0 0 137px rgba(71,188,247,.022)}
.r19-meta-copy{position:relative;z-index:3;align-self:center;padding:3px 0 35px}
.r19-meta-kicker{width:max-content;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(155,226,255,.25);border-radius:99px;color:#c5f1ff;background:rgba(255,255,255,.075);font-size:12px!important;font-weight:900;letter-spacing:.095em}
.r19-meta-kicker i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#26e1bb;box-shadow:0 0 0 5px rgba(38,225,187,.13)}
.ui-reference-light.page-master-meta-platform .r19-meta-copy h1{max-width:790px;margin:16px 0 12px;color:#fff;font-size:clamp(38px,3.2vw,52px);line-height:1.06;letter-spacing:-.035em}
.ui-reference-light.page-master-meta-platform .r19-meta-copy>p{max-width:720px;margin:0;color:#c2d5ea;font-size:17px;line-height:1.68}
.r19-meta-actions{display:flex;align-items:center;gap:18px;margin-top:24px}
.r19-meta-actions form{margin:0}.ui-reference-light.page-master-meta-platform .r19-meta-actions .btn{min-height:50px;display:flex;align-items:center;gap:10px;padding:0 18px;border:0;border-radius:12px;color:#0b3771;background:#fff;box-shadow:0 12px 27px rgba(0,18,51,.24);font-size:15px;font-weight:900}.r19-meta-actions .btn .icon{width:19px;height:19px}
.r19-meta-actions>a{display:flex;align-items:center;gap:8px;color:#c9ecf5;font-size:14px;font-weight:900}.r19-meta-actions>a b{font-size:19px}
.r19-meta-facts{display:flex;align-items:stretch;margin-top:29px}
.r19-meta-facts>div{min-width:176px;padding:0 21px;border-left:1px solid rgba(188,225,255,.18)}.r19-meta-facts>div:first-child{padding-left:0;border-left:0}
.r19-meta-facts span,.r19-meta-facts strong{display:block}.r19-meta-facts span{color:#9fb9d5;font-size:12.5px}.r19-meta-facts strong{margin-top:4px;color:#fff;font-size:18px;line-height:1.25}

.r19-meta-visual{position:relative;z-index:2;align-self:stretch;display:grid;place-items:center;min-height:330px;padding:18px 0 39px}
.r19-meta-glow{position:absolute;width:340px;height:220px;border-radius:50%;background:radial-gradient(ellipse,rgba(24,228,219,.31),transparent 70%);filter:blur(14px)}
.r19-meta-visual>img{position:relative;z-index:3;width:min(100%,318px);max-height:310px;object-fit:contain;filter:drop-shadow(0 27px 31px rgba(0,14,42,.38))}
.r19-orbit{position:absolute;z-index:1;border:1px solid rgba(142,226,255,.19);border-radius:50%;transform:rotate(-15deg)!important}.r19-orbit.orbit-one{width:330px;height:210px}.r19-orbit.orbit-two{width:410px;height:275px;border-color:rgba(136,178,255,.11);transform:rotate(17deg)!important}
.r19-float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;min-width:183px;padding:10px 12px;border:1px solid rgba(188,230,255,.25);border-radius:12px;background:rgba(5,29,68,.80);box-shadow:0 13px 28px rgba(0,18,50,.25);backdrop-filter:blur(13px)}
.r19-float-card.signup{top:43px;right:0}.r19-float-card.webhook{left:0;bottom:56px}.r19-float-card>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#397bff,#08c9c4)}.r19-float-card>span .icon{width:18px;height:18px}
.r19-float-card small,.r19-float-card strong{display:block}.r19-float-card small{color:#90cce3;font-size:9px!important;font-weight:900;letter-spacing:.09em}.r19-float-card strong{margin-top:2px;color:#fff;font-size:12.5px}

.r19-meta-signal-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:0 -41px;border-top:1px solid rgba(183,225,255,.17);background:rgba(2,21,53,.26)}
.r19-meta-signal-strip article{min-height:124px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:19px 25px;border-left:1px solid rgba(183,225,255,.14)}.r19-meta-signal-strip article:first-child{border-left:0}
.r19-meta-signal-strip article>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:15px}.r19-meta-signal-strip article>span .icon{width:23px;height:23px}.r19-meta-signal-strip .tone-blue{color:#b7d7ff;background:rgba(59,118,255,.18)}.r19-meta-signal-strip .tone-teal{color:#93f1da;background:rgba(18,193,157,.15)}.r19-meta-signal-strip .tone-purple{color:#d0c4ff;background:rgba(137,105,247,.16)}.r19-meta-signal-strip .tone-cyan{color:#a5eef5;background:rgba(24,190,210,.15)}
.r19-meta-signal-strip small,.r19-meta-signal-strip strong,.r19-meta-signal-strip p{display:block}.r19-meta-signal-strip small{color:#a0bad5;font-size:12.5px!important;font-weight:800}.r19-meta-signal-strip strong{margin-top:3px;color:#fff;font-size:26px;line-height:1.1}.ui-reference-light.page-master-meta-platform .r19-meta-signal-strip p{margin:4px 0 0;color:#9db4cd;font-size:13px;line-height:1.4}

.r19-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:4px 3px 0}.r19-section-heading>div>span{display:block;color:#2768ba;font-size:11.5px!important;font-weight:900;letter-spacing:.1em}.ui-reference-light.page-master-meta-platform .r19-section-heading h2{margin-top:5px;color:var(--r19-ink);font-size:31px;line-height:1.2}.ui-reference-light.page-master-meta-platform .r19-section-heading p{margin-top:5px;color:var(--r19-muted);font-size:14.5px;line-height:1.55}
.r19-readiness-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #c9e8dc;border-radius:99px;color:#08775a;background:#ebfaf4;font-size:12.5px!important;font-weight:900;white-space:nowrap}.r19-readiness-pill i{width:8px;height:8px;border-radius:50%;background:#11b487;box-shadow:0 0 0 4px rgba(17,180,135,.10)}.r19-readiness-pill.is-attention{border-color:#f0dcad;color:#986508;background:#fff7e7}.r19-readiness-pill.is-attention i{background:#e4a01a;box-shadow:0 0 0 4px rgba(228,160,26,.10)}

.r19-config-panel,.r19-health-panel{overflow:hidden;border:1px solid var(--r19-line);border-radius:22px;background:#fff;box-shadow:0 16px 43px rgba(28,67,121,.072)}
.r19-config-panel>header,.r19-health-panel>header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;border-bottom:1px solid #e1eaf3;background:linear-gradient(110deg,#fbfdff,#f3fbfb)}
.r19-config-panel>header>div:first-child>span,.r19-health-panel>header>div:first-child>span{display:block;color:#4a75a8;font-size:11px!important;font-weight:900;letter-spacing:.1em}.ui-reference-light.page-master-meta-platform :is(.r19-config-panel,.r19-health-panel)>header h2{margin-top:5px;color:var(--r19-ink);font-size:27px;line-height:1.25}.ui-reference-light.page-master-meta-platform .r19-health-panel>header p{margin-top:5px;color:#71849e;font-size:14px;line-height:1.5}
.r19-progress{width:230px;flex:0 0 230px}.r19-progress>div{display:flex;align-items:center;justify-content:space-between}.r19-progress span{color:#72859f;font-size:12px!important;font-weight:800}.r19-progress strong{color:#0d65d9;font-size:17px}.r19-progress>i{height:8px;display:block;margin-top:8px;overflow:hidden;border-radius:99px;background:#e5edf6}.r19-progress>i>b{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#146cf3,#0bc4ba)}
.r19-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e5ecf4}
.r19-config-grid article{position:relative;min-width:0;min-height:142px;display:grid;grid-template-columns:48px minmax(0,1fr) 12px;align-items:start;gap:13px;padding:21px;background:#fff}.r19-config-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#1268e7;background:#edf5ff}.r19-config-icon .icon{width:22px;height:22px}.r19-config-grid article.is-missing .r19-config-icon{color:#bc7512;background:#fff4e5}
.r19-config-grid article small,.r19-config-grid article strong,.r19-config-grid article p{display:block}.r19-config-grid article small{color:#6e83a0;font-size:12.5px!important;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.r19-config-grid article strong{overflow:hidden;margin-top:7px;color:#15375f;font-size:17px;line-height:1.35;text-overflow:ellipsis;word-break:break-word}.ui-reference-light.page-master-meta-platform .r19-config-grid article p{margin:5px 0 0;color:#8091a7;font-size:13.5px;line-height:1.45}.r19-config-grid article>i{width:10px;height:10px;margin-top:4px;border:3px solid #e2f8f1;border-radius:50%;background:#11b487;box-shadow:0 0 0 1px #11b487}.r19-config-grid article.is-missing>i{border-color:#fff2dc;background:#dfa020;box-shadow:0 0 0 1px #dfa020}
.r19-config-grid article strong.r19-url-value{font-size:14.5px;letter-spacing:-.01em;word-break:break-all}

.r19-operations-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(370px,.7fr);gap:20px;align-items:stretch}
.r19-health-score{display:flex;align-items:baseline;gap:5px;color:#0d64d7;font-size:28px!important;font-weight:900}.r19-health-score small{color:#7890ad;font-size:12px!important;font-weight:800}
.r19-health-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e6edf5}.r19-health-list>div{position:relative;min-height:140px;display:grid;grid-template-columns:48px minmax(0,1fr) 11px;align-items:center;gap:13px;padding:20px;background:#fff}.r19-health-list>div>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#0b9d79;background:#eaf9f4}.r19-health-list>div>span .icon{width:22px;height:22px}.r19-health-list>div.is-attention>span{color:#ba7511;background:#fff4e6}.r19-health-list>div.is-waiting>span{color:#516ed3;background:#eef1ff}
.r19-health-list small,.r19-health-list strong,.r19-health-list p{display:block}.r19-health-list small{color:#6f849f;font-size:12.5px!important;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.r19-health-list strong{margin-top:6px;color:#15375f;font-size:17px;line-height:1.35}.ui-reference-light.page-master-meta-platform .r19-health-list p{margin:4px 0 0;color:#7e90a6;font-size:13.5px;line-height:1.4}.r19-health-list>div>i{width:10px;height:10px;border:3px solid #e2f8f1;border-radius:50%;background:#11b487;box-shadow:0 0 0 1px #11b487}.r19-health-list>div.is-attention>i{border-color:#fff2dc;background:#dfa020;box-shadow:0 0 0 1px #dfa020}.r19-health-list>div.is-waiting>i{border-color:#edf0ff;background:#6179d9;box-shadow:0 0 0 1px #6179d9}

.r19-approval-panel{position:relative;isolation:isolate;overflow:hidden;padding:27px;border:1px solid rgba(94,174,229,.23);border-radius:22px;color:#fff;background:linear-gradient(145deg,#071b3e,#0c3670 68%,#087384);box-shadow:0 18px 46px rgba(11,45,91,.17)}.r19-approval-panel:before{content:"";position:absolute;z-index:-1;right:-105px;top:-85px;width:300px;height:300px;border:1px solid rgba(133,225,248,.15);border-radius:50%;box-shadow:0 0 0 48px rgba(73,187,237,.035),0 0 0 96px rgba(73,187,237,.018)}
.r19-approval-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(255,255,255,.14);border-radius:17px;color:#fff;background:linear-gradient(145deg,#2c73fa,#08c5be);box-shadow:0 13px 28px rgba(0,18,51,.26)}.r19-approval-icon .icon{width:28px;height:28px}
.r19-approval-kicker{color:#83dedf;font-size:11px!important;font-weight:900;letter-spacing:.105em}.ui-reference-light.page-master-meta-platform .r19-approval-panel h2{max-width:520px;margin:7px 0 9px;color:#fff;font-size:29px;line-height:1.2}.ui-reference-light.page-master-meta-platform .r19-approval-panel>p{max-width:520px;margin:0;color:#bed1e6;font-size:14.5px;line-height:1.62}
.r19-approval-panel ul{display:grid;gap:0;margin:22px 0 20px;padding:0;border-top:1px solid rgba(188,225,255,.15);list-style:none}.r19-approval-panel li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid rgba(188,225,255,.13)}.r19-approval-panel li>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#f6c66c;background:rgba(244,181,64,.12)}.r19-approval-panel li.is-done>i{color:#74e4c8;background:rgba(31,213,168,.12)}.r19-approval-panel li>i .icon{width:17px;height:17px}.r19-approval-panel li strong,.r19-approval-panel li small{display:block}.r19-approval-panel li strong{color:#eef7ff;font-size:14.5px}.r19-approval-panel li small{margin-top:2px;color:#9db6d0;font-size:12.5px!important}
.r19-security-note{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(164,223,245,.16);border-radius:12px;background:rgba(255,255,255,.065)}.r19-security-note>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:10px;color:#8ee7d4;background:rgba(13,215,177,.10)}.r19-security-note>span .icon{width:17px;height:17px}.r19-security-note strong,.r19-security-note small{display:block}.r19-security-note strong{color:#fff;font-size:13px}.r19-security-note small{margin-top:2px;color:#a9bfd5;font-size:11.5px!important}

@media(max-width:1320px){
  .r19-meta-hero{grid-template-columns:minmax(0,1fr) 350px}.r19-meta-visual>img{width:280px}.r19-float-card{min-width:165px}.r19-meta-facts>div{min-width:150px;padding-inline:16px}
  .r19-config-grid{grid-template-columns:repeat(2,1fr)}.r19-operations-grid{grid-template-columns:1fr}.r19-approval-panel ul{grid-template-columns:repeat(2,1fr);column-gap:22px}.r19-approval-panel li:nth-child(2){border-top:0}
}
@media(max-width:840px){
  .r19-meta-hero{grid-template-columns:1fr;padding:32px 31px 0}.r19-meta-copy{padding-bottom:12px}.r19-meta-visual{min-height:285px;padding-bottom:25px}.r19-meta-signal-strip{margin:0 -31px;grid-template-columns:repeat(2,1fr)}.r19-meta-signal-strip article:nth-child(3){border-top:1px solid rgba(183,225,255,.14);border-left:0}.r19-meta-signal-strip article:nth-child(4){border-top:1px solid rgba(183,225,255,.14)}
}
@media(max-width:760px){
  .ui-reference-light.page-master-meta-platform .page-content{padding-top:14px}.r19-meta-page{gap:17px}.r19-meta-hero{padding:25px 21px 0;border-radius:23px}.ui-reference-light.page-master-meta-platform .r19-meta-copy h1{font-size:35px}.ui-reference-light.page-master-meta-platform .r19-meta-copy>p{font-size:15.5px}.r19-meta-actions{align-items:stretch;flex-direction:column;gap:12px}.r19-meta-actions form,.r19-meta-actions .btn{width:100%;justify-content:center}.r19-meta-actions>a{justify-content:center}.r19-meta-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.r19-meta-facts>div{min-width:0;padding:0;border:0}.r19-meta-facts>div:last-child{grid-column:1/-1;padding-top:13px;border-top:1px solid rgba(188,225,255,.18)}
  .r19-meta-visual{min-height:245px}.r19-meta-visual>img{width:228px}.r19-orbit.orbit-one{width:270px;height:170px}.r19-orbit.orbit-two{width:330px;height:220px}.r19-float-card.signup{top:28px}.r19-float-card.webhook{bottom:30px}.r19-meta-signal-strip{margin:0 -21px}.r19-section-heading,.r19-config-panel>header,.r19-health-panel>header{align-items:flex-start;flex-direction:column}.r19-progress{width:100%;flex-basis:auto}.r19-config-grid,.r19-health-list{grid-template-columns:1fr}.r19-approval-panel ul{grid-template-columns:1fr}.r19-approval-panel li:nth-child(2){border-top:0}
}
@media(max-width:520px){
  .r19-meta-kicker{font-size:10px!important;letter-spacing:.065em}.ui-reference-light.page-master-meta-platform .r19-meta-copy h1{font-size:31px}.r19-meta-facts{grid-template-columns:1fr}.r19-meta-facts>div,.r19-meta-facts>div:last-child{grid-column:auto;padding:11px 0 0;border-top:1px solid rgba(188,225,255,.16)}.r19-meta-facts>div:first-child{padding-top:0;border-top:0}.r19-meta-visual{min-height:220px}.r19-meta-visual>img{width:205px}.r19-float-card{min-width:0;padding:8px}.r19-float-card.signup{right:-8px}.r19-float-card.webhook{left:-8px}.r19-float-card>span{width:32px;height:32px;flex-basis:32px}.r19-float-card strong{font-size:10.5px}.r19-float-card small{font-size:8px!important}.r19-orbit.orbit-two{display:none}
  .r19-meta-signal-strip{grid-template-columns:1fr}.r19-meta-signal-strip article{min-height:101px;border-top:1px solid rgba(183,225,255,.14);border-left:0}.r19-meta-signal-strip article:first-child{border-top:0}.ui-reference-light.page-master-meta-platform .r19-section-heading h2{font-size:27px}.r19-config-panel>header,.r19-health-panel>header{padding:18px}.r19-config-grid article,.r19-health-list>div{padding:17px}.r19-approval-panel{padding:22px}.ui-reference-light.page-master-meta-platform .r19-approval-panel h2{font-size:26px}
}

/* R21 Master Support Desk - customer success operations command center. */
.ui-reference-light.page-master-support .page-content{padding-top:20px;background:linear-gradient(180deg,#f3f8ff 0,#f8fbff 440px,#f5f9fd 100%)}
.ui-reference-light.page-master-support .page-titlebar{display:none}
.r21-support-page{--r21-ink:#09264f;--r21-copy:#18395f;--r21-muted:#6d819c;--r21-line:#dbe6f2;display:grid;gap:22px;width:100%;padding-bottom:16px}.r21-support-page :where(a,button,input,select,textarea){transition:none!important}
.r21-support-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);align-items:center;overflow:hidden;padding:39px 41px 0;border:1px solid rgba(98,184,241,.27);border-radius:29px;color:#fff;background:linear-gradient(116deg,#06193c 0,#0d3979 51%,#087c91 100%);box-shadow:0 28px 68px rgba(8,42,94,.21),inset 0 1px rgba(255,255,255,.14)}
.r21-support-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 80% 31%,rgba(36,231,218,.25),transparent 29%),radial-gradient(circle at 9% -6%,rgba(79,101,255,.33),transparent 37%)}.r21-support-hero:after{content:"";position:absolute;z-index:-1;right:-130px;top:-215px;width:525px;height:525px;border:1px solid rgba(146,229,255,.17);border-radius:50%;box-shadow:0 0 0 70px rgba(71,188,247,.043),0 0 0 141px rgba(71,188,247,.022)}
.r21-support-copy{position:relative;z-index:3;padding:3px 0 35px}.r21-support-kicker{width:max-content;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(155,226,255,.25);border-radius:99px;color:#c5f1ff;background:rgba(255,255,255,.075);font-size:12px!important;font-weight:900;letter-spacing:.095em}.r21-support-kicker i{width:8px;height:8px;border-radius:50%;background:#26e1bb;box-shadow:0 0 0 5px rgba(38,225,187,.13)}
.ui-reference-light.page-master-support .r21-support-copy h1{max-width:780px;margin:16px 0 12px;color:#fff;font-size:clamp(38px,3.2vw,52px);line-height:1.06;letter-spacing:-.035em}.ui-reference-light.page-master-support .r21-support-copy>p{max-width:720px;margin:0;color:#c2d5ea;font-size:17px;line-height:1.68}.r21-support-actions{display:flex;align-items:center;gap:18px;margin-top:24px}.r21-support-actions .r21-primary-action{min-height:50px;display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:12px;color:#0b3771;background:#fff;box-shadow:0 12px 27px rgba(0,18,51,.24);font-size:15px;font-weight:900}.r21-support-actions .r21-primary-action .icon{width:19px}.r21-support-actions>a:last-child{display:flex;align-items:center;gap:8px;color:#c9ecf5;font-size:14px;font-weight:900}.r21-support-facts{display:flex;margin-top:29px}.r21-support-facts>div{min-width:176px;padding:0 21px;border-left:1px solid rgba(188,225,255,.18)}.r21-support-facts>div:first-child{padding-left:0;border:0}.r21-support-facts span,.r21-support-facts strong{display:block}.r21-support-facts span{color:#9fb9d5;font-size:12.5px}.r21-support-facts strong{margin-top:4px;color:#fff;font-size:18px}
.r21-support-visual{position:relative;z-index:2;align-self:stretch;display:grid;place-items:center;min-height:330px;padding:18px 0 39px}.r21-support-glow{position:absolute;width:340px;height:220px;border-radius:50%;background:radial-gradient(ellipse,rgba(24,228,219,.31),transparent 70%);filter:blur(14px)}.r21-support-visual>img{position:relative;z-index:3;width:min(100%,315px);max-height:305px;object-fit:contain;filter:drop-shadow(0 27px 31px rgba(0,14,42,.38))}.r21-support-orbit{position:absolute;z-index:1;border:1px solid rgba(142,226,255,.19);border-radius:50%;transform:rotate(-15deg)!important}.r21-support-orbit.orbit-one{width:330px;height:210px}.r21-support-orbit.orbit-two{width:410px;height:275px;transform:rotate(17deg)!important}.r21-support-float{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;min-width:190px;padding:10px 12px;border:1px solid rgba(188,230,255,.25);border-radius:12px;background:rgba(5,29,68,.82);box-shadow:0 13px 28px rgba(0,18,50,.25)}.r21-support-float.urgent{top:44px;right:0}.r21-support-float.coverage{left:0;bottom:55px}.r21-support-float>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#397bff,#08c9c4)}.r21-support-float>span .icon{width:18px}.r21-support-float small,.r21-support-float strong{display:block}.r21-support-float small{color:#90cce3;font-size:9px!important;font-weight:900;letter-spacing:.09em}.r21-support-float strong{margin-top:2px;color:#fff;font-size:12.5px}
.r21-support-signal-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:0 -41px;border-top:1px solid rgba(183,225,255,.17);background:rgba(2,21,53,.27)}.r21-support-signal-strip article{min-height:124px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:19px 25px;border-left:1px solid rgba(183,225,255,.14)}.r21-support-signal-strip article:first-child{border:0}.r21-support-signal-strip article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px}.r21-support-signal-strip article>span .icon{width:23px}.r21-support-signal-strip .tone-blue{color:#b7d7ff;background:rgba(59,118,255,.18)}.r21-support-signal-strip .tone-teal{color:#93f1da;background:rgba(18,193,157,.15)}.r21-support-signal-strip .tone-purple{color:#d0c4ff;background:rgba(137,105,247,.16)}.r21-support-signal-strip .tone-rose{color:#ffb9c8;background:rgba(233,74,112,.15)}.r21-support-signal-strip small,.r21-support-signal-strip strong,.r21-support-signal-strip p{display:block}.r21-support-signal-strip small{color:#a0bad5;font-size:12.5px!important;font-weight:800}.r21-support-signal-strip strong{margin-top:3px;color:#fff;font-size:26px}.ui-reference-light.page-master-support .r21-support-signal-strip p{margin:4px 0 0;color:#9db4cd;font-size:13px}
.r21-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:4px 3px 0}.r21-section-heading>div>span{color:#2768ba;font-size:11.5px!important;font-weight:900;letter-spacing:.1em}.ui-reference-light.page-master-support .r21-section-heading h2{margin-top:5px;color:var(--r21-ink);font-size:31px}.ui-reference-light.page-master-support .r21-section-heading p{margin-top:5px;color:var(--r21-muted);font-size:14.5px}.r21-coverage-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #c9e8dc;border-radius:99px;color:#08775a;background:#ebfaf4;font-size:12.5px!important;font-weight:900;white-space:nowrap}.r21-coverage-pill i{width:8px;height:8px;border-radius:50%;background:#11b487}
.r21-support-workspace{display:grid;grid-template-columns:minmax(390px,.83fr) minmax(520px,1.17fr);gap:20px;align-items:start;scroll-margin-top:20px}.r21-queue-panel,.r21-conversation-panel{overflow:hidden;border:1px solid var(--r21-line);border-radius:22px;background:#fff;box-shadow:0 16px 43px rgba(28,67,121,.072)}.r21-queue-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 22px;border-bottom:1px solid #e1eaf3;background:linear-gradient(110deg,#fbfdff,#f2fbfb)}.r21-queue-panel>header>div>span{color:#3f70ac;font-size:10.5px!important;font-weight:900;letter-spacing:.1em}.ui-reference-light.page-master-support .r21-queue-panel>header h2{margin-top:5px;color:var(--r21-ink);font-size:25px}.ui-reference-light.page-master-support .r21-queue-panel>header p{margin-top:4px;color:#778ba4;font-size:12.5px}.r21-queue-panel>header form{min-width:145px}.r21-queue-panel>header label{display:block;margin-bottom:6px;color:#72869f;font-size:10px!important;font-weight:900;text-transform:uppercase}.ui-reference-light.page-master-support .r21-queue-panel>header select{width:100%;height:40px;padding:0 34px 0 12px;border:1px solid #d5e1ed;border-radius:10px;color:#17395e;background:#fff;font-size:12.5px!important;font-weight:800}
.r21-status-tabs{display:flex;gap:7px;overflow:auto;padding:13px 15px;border-bottom:1px solid #e5edf5;background:#f8fbfe;scrollbar-width:none}.r21-status-tabs a{flex:0 0 auto;padding:7px 10px;border:1px solid transparent;border-radius:9px;color:#6f839d;font-size:11.5px;font-weight:900}.r21-status-tabs a.is-active{border-color:#cddff4;color:#1263ce;background:#fff;box-shadow:0 5px 13px rgba(31,82,147,.08)}.r21-ticket-list{max-height:742px;overflow:auto}.r21-ticket-row{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr) 12px;align-items:start;gap:12px;padding:16px 17px;border-bottom:1px solid #e6edf5;color:inherit;background:#fff}.r21-ticket-row:last-child{border-bottom:0}.r21-ticket-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.r21-ticket-row.is-selected{background:linear-gradient(90deg,#edf5ff,#f7fcff)}.r21-ticket-row.is-selected:before{background:linear-gradient(#196cff,#0bc4bb)}.r21-ticket-avatar{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;color:#1462c7;background:#ebf3ff;font-size:12px!important;font-weight:900}.r21-ticket-row.priority-urgent .r21-ticket-avatar,.r21-ticket-row.priority-high .r21-ticket-avatar{color:#c74560;background:#fff0f3}.r21-ticket-main{min-width:0}.r21-ticket-main>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.r21-ticket-main>div:first-child strong{overflow:hidden;color:#14375f;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.r21-ticket-main time{flex:0 0 auto;color:#8a99ab;font-size:9.5px!important}.ui-reference-light.page-master-support .r21-ticket-main>p{overflow:hidden;margin:4px 0 9px;color:#7488a1;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.r21-ticket-main>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.r21-ticket-main>div:last-child small{margin-left:auto;color:#8b9aad;font-size:9.5px!important}.r21-ticket-row>b{align-self:center;color:#7a90aa;font-size:20px}
.r21-priority-chip,.r21-status-chip{width:max-content;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:99px;font-size:9.5px!important;font-weight:900}.r21-priority-chip{color:#58718f;background:#eef3f8}.r21-priority-chip i{width:6px;height:6px;border-radius:50%;background:#7187a0}.r21-priority-chip.urgent,.r21-priority-chip.high{color:#b83c59;background:#fff0f3}.r21-priority-chip.urgent i,.r21-priority-chip.high i{background:#db4768}.r21-priority-chip.normal{color:#a46c0e;background:#fff4e1}.r21-priority-chip.normal i{background:#db9b23}.r21-priority-chip.low{color:#078164;background:#e9f9f3}.r21-priority-chip.low i{background:#0baa82}.r21-status-chip{color:#1e64bd;background:#edf5ff}.r21-status-chip.resolved,.r21-status-chip.closed{color:#078164;background:#e9f9f3}.r21-status-chip.waiting_customer{color:#704fd0;background:#f0edff}.r21-status-chip.in_progress{color:#b36e0b;background:#fff3df}
.r21-queue-empty{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:15px;padding:31px}.r21-queue-empty>span{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;color:#0a9b77;background:#e9faf4}.r21-queue-empty strong{display:block;color:#17375d;font-size:17px}.ui-reference-light.page-master-support .r21-queue-empty p{margin:4px 0 0;color:#788ba3;font-size:13px}.r21-queue-empty>a{grid-column:1/-1;color:#0d63d5;font-size:13px;font-weight:900}
.r21-conversation-panel{min-height:650px}.r21-conversation-empty{display:flex;min-height:650px;align-items:center;flex-direction:column;justify-content:center;padding:42px;text-align:center;background:radial-gradient(circle at 50% 25%,#edf9ff,transparent 34%),linear-gradient(145deg,#fff,#f7fbff)}.r21-empty-art{position:relative;width:215px;height:176px;display:grid;place-items:center;margin-bottom:22px}.r21-empty-art>span{position:absolute;width:170px;height:130px;border:1px solid #cde7f5;border-radius:50%;box-shadow:0 0 0 30px rgba(75,174,227,.05),0 0 0 60px rgba(75,174,227,.025)}.r21-empty-art img{position:relative;width:175px;max-height:160px;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(13,61,111,.19))}.r21-empty-kicker{color:#2770bd;font-size:10.5px!important;font-weight:900;letter-spacing:.1em}.ui-reference-light.page-master-support .r21-conversation-empty h2{max-width:430px;margin:8px 0 7px;color:#0c2c54;font-size:29px}.ui-reference-light.page-master-support .r21-conversation-empty>p{max-width:500px;margin:0;color:#71849c;font-size:14px;line-height:1.6}.r21-empty-features{width:min(100%,470px);display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.r21-empty-features>div{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid #deE8f2;border-radius:12px;text-align:left;background:#fff}.r21-empty-features>div>.icon{width:20px;color:#1768d5}.r21-empty-features strong,.r21-empty-features small{display:block}.r21-empty-features strong{color:#16375e;font-size:12.5px}.r21-empty-features small{margin-top:2px;color:#8091a6;font-size:10.5px!important}
.r21-conversation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 23px;border-bottom:1px solid #dfe8f2;background:linear-gradient(110deg,#fbfdff,#f1fbfb)}.r21-ticket-number{color:#2f6db5;font-size:10px!important;font-weight:900;letter-spacing:.09em}.ui-reference-light.page-master-support .r21-conversation-head h2{margin:5px 0 4px;color:#0d2d55;font-size:25px;line-height:1.25}.ui-reference-light.page-master-support .r21-conversation-head p{margin:0;color:#74889f;font-size:12.5px}.r21-ticket-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 22px;border-bottom:1px solid #e4ebf3;background:#f8fbfe}.r21-ticket-controls>div span,.r21-ticket-controls>div strong{display:block}.r21-ticket-controls>div span{color:#7b8da3;font-size:10px!important;font-weight:900;text-transform:uppercase}.r21-ticket-controls>div strong{margin-top:3px;color:#17395f;font-size:14px}.r21-ticket-controls form{display:flex;align-items:center;gap:9px}.ui-reference-light.page-master-support .r21-ticket-controls select{height:41px;min-width:150px;padding:0 34px 0 12px;border:1px solid #d3e0ed;border-radius:10px;color:#17395e;background:#fff;font-size:12px!important;font-weight:800}.ui-reference-light.page-master-support .r21-ticket-controls .btn{min-height:41px;display:flex;align-items:center;gap:8px;padding:0 13px;border-radius:10px;font-size:12px!important;font-weight:900}.r21-ticket-controls .btn .icon{width:16px}
.r21-message-thread{display:grid;gap:15px;max-height:510px;overflow:auto;padding:21px;background:#f7faff}.r21-message{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start}.r21-message-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#1765c9;background:#e9f2ff;font-size:10.5px!important;font-weight:900}.r21-message.is-master .r21-message-avatar{color:#007e69;background:#e6f9f3}.r21-message>div:last-child{max-width:87%;padding:13px 15px;border:1px solid #dfe8f1;border-radius:4px 16px 16px 16px;background:#fff;box-shadow:0 7px 17px rgba(27,68,117,.05)}.r21-message.is-master>div:last-child{margin-left:auto;border-color:#cdebe4;border-radius:16px 4px 16px 16px;background:#ecfaf6}.r21-message.is-master{grid-template-columns:minmax(0,1fr) 40px}.r21-message.is-master .r21-message-avatar{grid-column:2}.r21-message.is-master>div:last-child{grid-column:1;grid-row:1}.r21-message header{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.r21-message header strong{color:#17375d;font-size:12.5px}.r21-message header span{padding:3px 6px;border-radius:6px;color:#698099;background:#eef3f7;font-size:8.5px!important;font-weight:900}.r21-message header time{margin-left:auto;color:#8899ac;font-size:8.5px!important}.ui-reference-light.page-master-support .r21-message>div>p{margin:8px 0 0;color:#3b5675;font-size:13px;line-height:1.58}.r21-message-empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:28px;color:#2d69b8}.r21-message-empty>.icon{width:25px}.r21-message-empty strong,.r21-message-empty small{display:block}.r21-message-empty strong{color:#17375d;font-size:14px}.r21-message-empty small{color:#7f91a6;font-size:11px!important}
.r21-reply-form{padding:20px 22px;border-top:1px solid #e1e9f2;background:#fff}.r21-reply-form>label{display:block;margin-bottom:8px;color:#18395f;font-size:13px!important;font-weight:900}.r21-reply-form>div{overflow:hidden;border:1px solid #d5e1ed;border-radius:13px;background:#fbfdff}.ui-reference-light.page-master-support .r21-reply-form textarea{width:100%;min-height:116px;padding:14px;border:0!important;outline:0;resize:vertical;color:#17375d;background:transparent;box-shadow:none!important;font-size:14px!important;line-height:1.55}.r21-reply-form footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 12px;border-top:1px solid #e2eaf2;background:#f7fafd}.r21-reply-form footer>span{display:flex;align-items:center;gap:7px;color:#73869d;font-size:10.5px}.r21-reply-form footer>span .icon{width:15px;color:#138468}.ui-reference-light.page-master-support .r21-reply-form .btn{min-height:41px;display:flex;align-items:center;gap:8px;padding:0 14px;border:0;border-radius:10px;background:linear-gradient(110deg,#1269ef,#08b9c0);font-size:12px!important;font-weight:900}.r21-reply-form .btn .icon{width:16px}.r21-closed-note{display:flex;align-items:center;gap:12px;margin:20px;padding:16px;border:1px solid #cdeade;border-radius:13px;color:#078364;background:#ebfaf4}.r21-closed-note>.icon{width:24px}.r21-closed-note strong,.r21-closed-note span{display:block}.r21-closed-note strong{font-size:14px}.r21-closed-note span{margin-top:3px;color:#65877d;font-size:11px}
@media(max-width:1320px){.r21-support-hero{grid-template-columns:minmax(0,1fr) 350px}.r21-support-visual>img{width:280px}.r21-support-float.coverage{display:none}.r21-support-workspace{grid-template-columns:1fr}.r21-ticket-list{max-height:590px}.r21-conversation-panel,.r21-conversation-empty{min-height:570px}}
@media(max-width:1000px){.r21-support-hero{grid-template-columns:1fr;padding:32px 31px 0}.r21-support-copy{padding-bottom:12px}.r21-support-visual{min-height:285px}.r21-support-signal-strip{margin:0 -31px;grid-template-columns:repeat(2,1fr)}.r21-support-signal-strip article:nth-child(3){border-left:0}}
@media(max-width:760px){.ui-reference-light.page-master-support .page-content{padding-top:14px}.r21-support-page{gap:17px}.r21-support-hero{padding:25px 21px 0;border-radius:23px}.ui-reference-light.page-master-support .r21-support-copy h1{font-size:35px}.ui-reference-light.page-master-support .r21-support-copy>p{font-size:15.5px}.r21-support-actions{align-items:stretch;flex-direction:column}.r21-support-actions a{justify-content:center}.r21-support-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.r21-support-facts>div{min-width:0;padding:0;border:0}.r21-support-facts>div:last-child{grid-column:1/-1}.r21-support-visual{min-height:245px}.r21-support-visual>img{width:228px}.r21-support-signal-strip{margin:0 -21px}.r21-section-heading,.r21-queue-panel>header,.r21-conversation-head,.r21-ticket-controls{align-items:flex-start;flex-direction:column}.r21-queue-panel>header form{width:100%}.r21-ticket-controls form{width:100%}.r21-ticket-controls form select{flex:1}.r21-empty-features{grid-template-columns:1fr}.r21-message>div:last-child{max-width:94%}.r21-reply-form footer{align-items:stretch;flex-direction:column}.r21-reply-form footer .btn{justify-content:center}.r21-conversation-panel,.r21-conversation-empty{min-height:520px}}
@media(max-width:520px){.r21-support-kicker{font-size:10px!important;letter-spacing:.06em}.ui-reference-light.page-master-support .r21-support-copy h1{font-size:31px}.r21-support-facts{grid-template-columns:1fr}.r21-support-facts>div,.r21-support-facts>div:last-child{grid-column:auto;padding:11px 0 0;border-top:1px solid rgba(188,225,255,.16)}.r21-support-visual{min-height:220px}.r21-support-visual>img{width:205px}.r21-support-float{min-width:0;padding:8px}.r21-support-float.urgent{right:-8px}.r21-support-float strong{font-size:10.5px}.r21-support-float small{font-size:8px!important}.r21-support-orbit.orbit-two{display:none}.r21-support-signal-strip{grid-template-columns:1fr}.r21-support-signal-strip article{min-height:101px;border-left:0}.r21-section-heading h2{font-size:27px!important}.r21-status-tabs{padding-inline:12px}.r21-ticket-row{padding:14px 13px}.r21-ticket-main>div:last-child small{width:100%;margin:2px 0 0}.r21-conversation-empty{padding:29px 20px}.r21-empty-art{transform:scale(.86);margin-block:-7px 10px}.r21-conversation-head,.r21-ticket-controls,.r21-reply-form{padding:17px}.r21-ticket-controls form{align-items:stretch;flex-direction:column}.r21-ticket-controls form select{width:100%}.r21-ticket-controls form .btn{justify-content:center}.r21-message-thread{padding:15px}.r21-message{grid-template-columns:34px minmax(0,1fr)}.r21-message.is-master{grid-template-columns:minmax(0,1fr) 34px}.r21-message-avatar{width:34px;height:34px}.r21-message header time{width:100%;margin:0}.r21-message>div:last-child{padding:11px 12px}}

/* R22 Master Settings - platform identity and configuration workspace. */
.ui-reference-light.page-master-settings .page-content{padding-top:20px;background:linear-gradient(180deg,#f3f8ff 0,#f8fbff 450px,#f5f9fd 100%)}
.ui-reference-light.page-master-settings .page-titlebar{display:none}
.r22-settings-page{--r22-ink:#09264f;--r22-muted:#6d819c;--r22-line:#dbe6f2;display:grid;gap:22px;width:100%;padding-bottom:16px}.r22-settings-page :where(a,button,input,select,textarea){transition:none!important}
.r22-settings-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);align-items:center;overflow:hidden;padding:39px 41px 0;border:1px solid rgba(98,184,241,.27);border-radius:29px;color:#fff;background:linear-gradient(116deg,#06193c 0,#0d3979 51%,#087c91 100%);box-shadow:0 28px 68px rgba(8,42,94,.21),inset 0 1px rgba(255,255,255,.14)}
.r22-settings-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 80% 31%,rgba(36,231,218,.25),transparent 29%),radial-gradient(circle at 9% -6%,rgba(79,101,255,.33),transparent 37%)}.r22-settings-hero:after{content:"";position:absolute;z-index:-1;right:-130px;top:-215px;width:525px;height:525px;border:1px solid rgba(146,229,255,.17);border-radius:50%;box-shadow:0 0 0 70px rgba(71,188,247,.043),0 0 0 141px rgba(71,188,247,.022)}
.r22-settings-copy{position:relative;z-index:3;padding:3px 0 35px}.r22-settings-kicker{width:max-content;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(155,226,255,.25);border-radius:99px;color:#c5f1ff;background:rgba(255,255,255,.075);font-size:12px!important;font-weight:900;letter-spacing:.095em}.r22-settings-kicker i{width:8px;height:8px;border-radius:50%;background:#26e1bb;box-shadow:0 0 0 5px rgba(38,225,187,.13)}
.ui-reference-light.page-master-settings .r22-settings-copy h1{max-width:780px;margin:16px 0 12px;color:#fff;font-size:clamp(38px,3.2vw,52px);line-height:1.06;letter-spacing:-.035em}.ui-reference-light.page-master-settings .r22-settings-copy>p{max-width:720px;margin:0;color:#c2d5ea;font-size:17px;line-height:1.68}.r22-settings-actions{display:flex;align-items:center;gap:18px;margin-top:24px}.r22-settings-actions .r22-primary-action{min-height:50px;display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:12px;color:#0b3771;background:#fff;box-shadow:0 12px 27px rgba(0,18,51,.24);font-size:15px;font-weight:900}.r22-settings-actions .r22-primary-action .icon{width:19px}.r22-settings-actions>a:last-child{display:flex;align-items:center;gap:8px;color:#c9ecf5;font-size:14px;font-weight:900}.r22-settings-facts{display:flex;margin-top:29px}.r22-settings-facts>div{min-width:176px;padding:0 21px;border-left:1px solid rgba(188,225,255,.18)}.r22-settings-facts>div:first-child{padding-left:0;border:0}.r22-settings-facts span,.r22-settings-facts strong{display:block}.r22-settings-facts span{color:#9fb9d5;font-size:12.5px}.r22-settings-facts strong{margin-top:4px;color:#fff;font-size:18px}
.r22-settings-visual{position:relative;z-index:2;align-self:stretch;display:grid;place-items:center;min-height:330px;padding:18px 0 39px}.r22-settings-glow{position:absolute;width:340px;height:220px;border-radius:50%;background:radial-gradient(ellipse,rgba(24,228,219,.31),transparent 70%);filter:blur(14px)}.r22-settings-visual>img{position:relative;z-index:3;width:min(100%,295px);max-height:300px;object-fit:contain;filter:drop-shadow(0 27px 31px rgba(0,14,42,.38))}.r22-settings-orbit{position:absolute;z-index:1;border:1px solid rgba(142,226,255,.19);border-radius:50%;transform:rotate(-15deg)!important}.r22-settings-orbit.orbit-one{width:330px;height:210px}.r22-settings-orbit.orbit-two{width:410px;height:275px;transform:rotate(17deg)!important}.r22-settings-float{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;min-width:184px;padding:10px 12px;border:1px solid rgba(188,230,255,.25);border-radius:12px;background:rgba(5,29,68,.82);box-shadow:0 13px 28px rgba(0,18,50,.25)}.r22-settings-float.secure{top:44px;right:0}.r22-settings-float.delivery{left:0;bottom:55px}.r22-settings-float>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#397bff,#08c9c4)}.r22-settings-float>span .icon{width:18px}.r22-settings-float small,.r22-settings-float strong{display:block}.r22-settings-float small{color:#90cce3;font-size:9px!important;font-weight:900;letter-spacing:.09em}.r22-settings-float strong{margin-top:2px;color:#fff;font-size:12.5px}
.r22-settings-signal-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:0 -41px;border-top:1px solid rgba(183,225,255,.17);background:rgba(2,21,53,.27)}.r22-settings-signal-strip article{min-height:124px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:19px 25px;border-left:1px solid rgba(183,225,255,.14)}.r22-settings-signal-strip article:first-child{border:0}.r22-settings-signal-strip article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px}.r22-settings-signal-strip article>span .icon{width:23px}.r22-settings-signal-strip .tone-blue{color:#b7d7ff;background:rgba(59,118,255,.18)}.r22-settings-signal-strip .tone-teal{color:#93f1da;background:rgba(18,193,157,.15)}.r22-settings-signal-strip .tone-purple{color:#d0c4ff;background:rgba(137,105,247,.16)}.r22-settings-signal-strip .tone-amber{color:#ffd88e;background:rgba(230,163,41,.15)}.r22-settings-signal-strip small,.r22-settings-signal-strip strong,.r22-settings-signal-strip p{display:block}.r22-settings-signal-strip small{color:#a0bad5;font-size:12.5px!important;font-weight:800}.r22-settings-signal-strip strong{margin-top:3px;color:#fff;font-size:20px;line-height:1.2}.ui-reference-light.page-master-settings .r22-settings-signal-strip p{overflow:hidden;margin:4px 0 0;color:#9db4cd;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.r22-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:4px 3px 0}.r22-section-heading>div>span{color:#2768ba;font-size:11.5px!important;font-weight:900;letter-spacing:.1em}.ui-reference-light.page-master-settings .r22-section-heading h2{margin-top:5px;color:var(--r22-ink);font-size:31px}.ui-reference-light.page-master-settings .r22-section-heading p{margin-top:5px;color:var(--r22-muted);font-size:14.5px}.r22-readiness-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #c9e8dc;border-radius:99px;color:#08775a;background:#ebfaf4;font-size:12.5px!important;font-weight:900;white-space:nowrap}.r22-readiness-pill i{width:8px;height:8px;border-radius:50%;background:#11b487}.r22-readiness-pill.is-attention{border-color:#efdfba;color:#9f6a10;background:#fff7e8}.r22-readiness-pill.is-attention i{background:#dc9c23}
.r22-settings-workspace{display:grid;grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);gap:20px;align-items:start}.r22-settings-index,.r22-settings-panel{overflow:hidden;border:1px solid var(--r22-line);border-radius:22px;background:#fff;box-shadow:0 16px 43px rgba(28,67,121,.072)}.r22-settings-index{position:sticky;top:18px}.r22-settings-index>header{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;padding:21px;border-bottom:1px solid #e2eaf3;background:linear-gradient(110deg,#fbfdff,#f1fbfb)}.r22-settings-index>header>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#1567d4;background:#eaf3ff}.r22-settings-index>header>span .icon{width:23px}.r22-settings-index>header small{color:#4675aa;font-size:9.5px!important;font-weight:900;letter-spacing:.09em}.ui-reference-light.page-master-settings .r22-settings-index>header h2{margin:4px 0;color:#11335d;font-size:21px}.ui-reference-light.page-master-settings .r22-settings-index>header p{margin:0;color:#7588a0;font-size:11.5px}.r22-settings-index nav{display:grid;padding:10px}.r22-settings-index nav a{display:grid;grid-template-columns:39px minmax(0,1fr) 9px;align-items:center;gap:10px;padding:12px;border-radius:11px;color:inherit}.r22-settings-index nav a>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#3b70ad;background:#f0f5fb}.r22-settings-index nav a>span .icon{width:18px}.r22-settings-index nav strong,.r22-settings-index nav small{display:block}.r22-settings-index nav strong{color:#17385e;font-size:12.5px}.r22-settings-index nav small{margin-top:2px;color:#8191a5;font-size:10px!important}.r22-settings-index nav i{width:9px;height:9px;border:2px solid #f7e7c3;border-radius:50%;background:#d79b27;box-shadow:0 0 0 1px #d79b27}.r22-settings-index nav i.is-ready{border-color:#dff6ef;background:#0eaa82;box-shadow:0 0 0 1px #0eaa82}.r22-settings-assurance{margin:0 12px 12px;padding:17px;border:1px solid #d8e6f3;border-radius:15px;background:linear-gradient(145deg,#f5f9ff,#f1fbfa)}.r22-assurance-score{display:flex;align-items:baseline;color:#0c61d3}.r22-assurance-score>span{font-size:33px;font-weight:900;line-height:1}.r22-assurance-score small{font-size:14px!important;font-weight:900}.r22-settings-assurance>div:nth-child(2){margin-top:9px}.r22-settings-assurance strong{color:#17375d;font-size:13px}.ui-reference-light.page-master-settings .r22-settings-assurance p{margin:3px 0 0;color:#74889f;font-size:10.5px;line-height:1.45}.r22-assurance-bar{height:7px;margin:13px 0;overflow:hidden;border-radius:99px;background:#dce7f2}.r22-assurance-bar i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#176cf0,#09bcb9)}.r22-settings-assurance>span{display:flex;align-items:flex-start;gap:7px;color:#64809c;font-size:9.5px;line-height:1.45}.r22-settings-assurance>span .icon{width:15px;flex:0 0 15px;color:#0b9978}
.r22-settings-panel{scroll-margin-top:18px}.r22-settings-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #e1eaf3;background:linear-gradient(110deg,#fbfdff,#f2fbfb)}.r22-settings-panel>header>div>span{color:#3f70ac;font-size:10.5px!important;font-weight:900;letter-spacing:.1em}.ui-reference-light.page-master-settings .r22-settings-panel>header h2{margin-top:5px;color:var(--r22-ink);font-size:27px}.ui-reference-light.page-master-settings .r22-settings-panel>header p{margin-top:4px;color:#72849d;font-size:13px}.r22-profile-state{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:99px;font-size:10.5px!important;font-weight:900;white-space:nowrap}.r22-profile-state i{width:7px;height:7px;border-radius:50%}.r22-profile-state.is-ready{color:#078164;background:#e9f9f3}.r22-profile-state.is-ready i{background:#0baa82}.r22-profile-state.is-pending{color:#9d6910;background:#fff4e1}.r22-profile-state.is-pending i{background:#da9a24}
.r22-form-section{padding:23px 24px;border-bottom:1px solid #e4ebf3;scroll-margin-top:18px}.r22-form-section>header{display:grid;grid-template-columns:47px minmax(0,1fr);align-items:center;gap:13px;margin-bottom:20px}.r22-form-section>header>span{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;color:#1568d6;background:#eaf3ff}.r22-form-section:nth-child(3)>header>span{color:#05856c;background:#e8f9f4}.r22-form-section:nth-child(4)>header>span{color:#714fd2;background:#f0edff}.r22-form-section:nth-child(5)>header>span{color:#c06b09;background:#fff3df}.r22-form-section>header>span .icon{width:22px}.r22-form-section>header small{color:#4775a8;font-size:9.5px!important;font-weight:900;letter-spacing:.08em}.ui-reference-light.page-master-settings .r22-form-section>header h3{margin:4px 0 2px;color:#12345d;font-size:20px}.ui-reference-light.page-master-settings .r22-form-section>header p{margin:0;color:#778aa1;font-size:11.5px}.r22-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.r22-field-grid label{display:block;min-width:0}.r22-field-grid label.wide{grid-column:1/-1}.r22-field-grid label>span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#17375d;font-size:12.5px!important;font-weight:900}.r22-field-grid label>span b{color:#7d8da1;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase}.r22-input-shell{min-height:52px;display:grid;grid-template-columns:21px minmax(0,1fr);align-items:center;gap:9px;padding:0 13px;border:1px solid #d5e1ee;border-radius:12px;color:#5e7da5;background:#fbfdff}.r22-input-shell:focus-within{border-color:#64a2ef;box-shadow:0 0 0 3px rgba(55,126,236,.09)}.r22-input-shell .icon{width:18px}.r22-input-shell em{color:#246ac8;font-size:15px;font-style:normal;font-weight:900}.ui-reference-light.page-master-settings .r22-input-shell input{width:100%;height:50px;min-width:0;padding:0;border:0!important;outline:0;color:#102f56;background:transparent;box-shadow:none!important;font-size:14px!important;font-weight:800}.r22-field-grid label>small{display:block;margin-top:7px;color:#8292a7;font-size:10.5px!important;line-height:1.4}
.r22-social-section>header{grid-template-columns:47px minmax(0,1fr) auto}.r22-social-preview{display:flex;align-items:center;gap:7px}.r22-social-preview>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#fff;font-family:Arial,sans-serif;font-size:13px!important;font-weight:900}.r22-social-preview .instagram{background:linear-gradient(145deg,#7b3fe4,#f63f73,#f6a139)}.r22-social-preview .facebook{background:#1877f2}.r22-social-preview .linkedin{background:#0a66c2;font-size:10px!important}.r22-social-preview .youtube{background:#ff0033}.r22-social-preview .icon{width:16px}.r22-settings-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 24px;background:#f7fafd}.r22-settings-submit>div{display:flex;align-items:center;gap:11px}.r22-settings-submit>div>.icon{width:22px;flex:0 0 22px;color:#0a9d78}.r22-settings-submit p{margin:0}.r22-settings-submit p strong,.r22-settings-submit p span{display:block}.r22-settings-submit p strong{color:#17375d;font-size:13px}.r22-settings-submit p span{margin-top:2px;color:#7a8ca4;font-size:10.5px}.ui-reference-light.page-master-settings .r22-settings-submit .btn{min-height:47px;display:flex;align-items:center;gap:8px;padding:0 17px;border:0;border-radius:11px;background:linear-gradient(110deg,#1269ef,#08b9c0);box-shadow:0 11px 24px rgba(19,102,223,.19);font-size:13px!important;font-weight:900}.r22-settings-submit .btn .icon{width:17px}
@media(max-width:1320px){.r22-settings-hero{grid-template-columns:1fr;padding:32px 31px 0}.r22-settings-copy{padding-bottom:12px}.r22-settings-visual{min-height:285px}.r22-settings-visual>img{width:270px}.r22-settings-float.delivery{display:none}.r22-settings-signal-strip{margin:0 -31px;grid-template-columns:repeat(2,1fr)}.r22-settings-signal-strip article:nth-child(3){border-left:0}.r22-settings-workspace{grid-template-columns:1fr}.r22-settings-index{position:static}.r22-settings-index nav{grid-template-columns:repeat(2,1fr)}.r22-settings-assurance{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px}.r22-assurance-score{grid-row:1/3}.r22-assurance-bar,.r22-settings-assurance>span{grid-column:1/-1}.r22-settings-assurance>span{margin-top:0}}
@media(max-width:1080px){.r22-settings-workspace{grid-template-columns:1fr}.r22-settings-index{position:static}.r22-settings-index nav{grid-template-columns:repeat(2,1fr)}.r22-settings-assurance{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px}.r22-assurance-score{grid-row:1/3}.r22-assurance-bar,.r22-settings-assurance>span{grid-column:1/-1}.r22-settings-assurance>span{margin-top:0}}
@media(max-width:1000px){.r22-settings-hero{grid-template-columns:1fr;padding:32px 31px 0}.r22-settings-copy{padding-bottom:12px}.r22-settings-visual{min-height:285px}.r22-settings-signal-strip{margin:0 -31px;grid-template-columns:repeat(2,1fr)}.r22-settings-signal-strip article:nth-child(3){border-left:0}}
@media(max-width:760px){.ui-reference-light.page-master-settings .page-content{padding-top:14px}.r22-settings-page{gap:17px}.r22-settings-hero{padding:25px 21px 0;border-radius:23px}.ui-reference-light.page-master-settings .r22-settings-copy h1{font-size:35px}.ui-reference-light.page-master-settings .r22-settings-copy>p{font-size:15.5px}.r22-settings-actions{align-items:stretch;flex-direction:column}.r22-settings-actions a{justify-content:center}.r22-settings-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.r22-settings-facts>div{min-width:0;padding:0;border:0}.r22-settings-facts>div:last-child{grid-column:1/-1}.r22-settings-visual{min-height:245px}.r22-settings-visual>img{width:220px}.r22-settings-signal-strip{margin:0 -21px}.r22-section-heading,.r22-settings-panel>header{align-items:flex-start;flex-direction:column}.r22-settings-index nav,.r22-field-grid{grid-template-columns:1fr}.r22-field-grid label.wide{grid-column:auto}.r22-social-section>header{grid-template-columns:47px minmax(0,1fr)}.r22-social-preview{grid-column:1/-1}.r22-settings-submit{align-items:stretch;flex-direction:column}.r22-settings-submit .btn{justify-content:center}}

/* ========================================================================
   R29 — BUSINESS DASHBOARD STATUS SHOWCASE
   Premium reference-inspired card group; business data and actions unchanged.
   ======================================================================== */
.ui-reference-light.page-dashboard .ref-business-status-showcase{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:28px 20px 20px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:29px;
  background:linear-gradient(110deg,#21124f 0%,#4930ba 32%,#6547ed 67%,#765ee9 100%);
  box-shadow:0 24px 52px rgba(52,35,141,.2);
}
.ui-reference-light.page-dashboard .ref-business-status-showcase::before,
.ui-reference-light.page-dashboard .ref-business-status-showcase::after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase::before{
  width:420px;
  height:420px;
  right:-150px;
  top:-270px;
  background:radial-gradient(circle,rgba(132,248,226,.24),rgba(132,248,226,0) 68%);
}
.ui-reference-light.page-dashboard .ref-business-status-showcase::after{
  width:360px;
  height:360px;
  left:-180px;
  bottom:-250px;
  background:radial-gradient(circle,rgba(38,15,95,.6),rgba(38,15,95,0) 70%);
}
.ui-reference-light.page-dashboard .ref-business-status-showcase-head{
  position:relative;
  z-index:2;
  margin:0 auto 20px;
  text-align:center;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase-head h1{
  margin:0;
  color:#fff56b;
  font-size:clamp(28px,3vw,46px);
  font-weight:850;
  line-height:1;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase-head p{
  margin:9px 0 0;
  color:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:550;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-business-status-grid{
  position:relative;
  z-index:2;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:230px;
  padding:23px 22px 19px;
  border:0;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 30px rgba(24,18,78,.13);
  transition:transform .18s ease,box-shadow .18s ease;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 40px rgba(24,18,78,.19);
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card:nth-child(1){background:linear-gradient(135deg,#eef8ff 0%,#d9efff 100%)}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card:nth-child(2){background:linear-gradient(135deg,#fff 0%,#eceaff 100%)}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card:nth-child(3){background:linear-gradient(135deg,#f4fffb 0%,#d9f9ec 100%)}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card:nth-child(4){background:linear-gradient(135deg,#fffdf2 0%,#fff0c7 100%)}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:23px;
  height:23px;
  right:29px;
  top:24px;
  border:3px solid currentColor;
  border-radius:50%;
  opacity:.065;
  box-shadow:-72px 96px 0 -3px currentColor,-146px 155px 0 1px currentColor,44px 174px 0 -5px currentColor;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-head{
  display:block;
  max-width:calc(100% - 64px);
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-head>div{min-width:0}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-head small{
  margin:0;
  color:#151728;
  font-size:21px;
  font-weight:780;
  line-height:1.12;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-head strong{
  margin-top:9px;
  color:#202538;
  font-size:14px;
  font-weight:720;
  line-height:1.32;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-head span:not(.ref-channel-icon){
  margin-top:7px;
  color:#42506b;
  font-size:11.5px;
  line-height:1.45;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-head .ref-channel-number{
  color:#16213a!important;
  font-size:17px!important;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-head .ref-status-value,
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-head .ref-plan-name{
  color:#16213a;
  font-size:20px;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-channel-icon{
  position:absolute;
  right:22px;
  bottom:22px;
  width:58px;
  height:58px;
  border-radius:18px;
  transform:rotate(-9deg);
  box-shadow:0 12px 20px rgba(44,42,112,.19)!important;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-channel-icon>.icon{width:25px;height:25px}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-channel-icon.whatsapp{box-shadow:0 12px 20px rgba(19,174,101,.22)!important}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-channel-icon.instagram{box-shadow:0 12px 20px rgba(214,56,122,.2)!important}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-foot{
  position:relative;
  z-index:2;
  flex-direction:row;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:9px;
  padding-right:72px;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-foot.single{display:flex}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-foot>a,
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-foot.single>a,
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-foot.single>a.ref-primary-link,
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-foot.single>a.ref-outline-link{
  width:auto;
  min-height:40px;
  padding:0 15px;
  border:1px solid #15171d;
  border-radius:11px;
  color:#fff;
  background:#15171d;
  box-shadow:none;
  font-size:10.5px;
  font-weight:760;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card-foot>a:hover{
  color:#fff;
  border-color:#176bf0;
  background:#176bf0;
  transform:none;
}
.ui-reference-light.page-dashboard .ref-business-status-showcase .ref-whatsapp-foot>.ref-verified{
  max-width:92px;
  color:#31506c;
  font-size:8.5px;
  line-height:1.25;
}

@media(max-width:1280px){
  .ui-reference-light.page-dashboard .ref-business-status-showcase .ref-business-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .ui-reference-light.page-dashboard .ref-business-status-showcase{padding:23px 12px 12px;border-radius:22px}
  .ui-reference-light.page-dashboard .ref-business-status-showcase-head{margin-bottom:16px;padding:0 8px}
  .ui-reference-light.page-dashboard .ref-business-status-showcase-head h1{font-size:29px;line-height:1.05}
  .ui-reference-light.page-dashboard .ref-business-status-showcase-head p{max-width:290px;margin:8px auto 0;font-size:10.5px;line-height:1.4}
  .ui-reference-light.page-dashboard .ref-business-status-showcase .ref-business-status-grid{grid-template-columns:1fr;gap:12px}
  .ui-reference-light.page-dashboard .ref-business-status-showcase .ref-status-card{min-height:205px;padding:20px;border-radius:20px}
  .ui-reference-light.page-dashboard .ref-business-status-showcase .ref-channel-icon{right:19px;bottom:19px;width:54px;height:54px}
}
@media(max-width:520px){.r22-settings-kicker{font-size:10px!important;letter-spacing:.06em}.ui-reference-light.page-master-settings .r22-settings-copy h1{font-size:31px}.r22-settings-facts{grid-template-columns:1fr}.r22-settings-facts>div,.r22-settings-facts>div:last-child{grid-column:auto;padding:11px 0 0;border-top:1px solid rgba(188,225,255,.16)}.r22-settings-visual{min-height:215px}.r22-settings-visual>img{width:195px}.r22-settings-float{min-width:0;padding:8px}.r22-settings-float.secure{right:-8px}.r22-settings-float strong{font-size:10.5px}.r22-settings-float small{font-size:8px!important}.r22-settings-orbit.orbit-two{display:none}.r22-settings-signal-strip{grid-template-columns:1fr}.r22-settings-signal-strip article{min-height:101px;border-left:0}.r22-section-heading h2{font-size:27px!important}.r22-settings-index>header,.r22-settings-panel>header,.r22-form-section,.r22-settings-submit{padding:18px}.r22-form-section>header{grid-template-columns:42px minmax(0,1fr)}.r22-form-section>header>span{width:42px;height:42px}.r22-social-section>header{grid-template-columns:42px minmax(0,1fr)}.r22-settings-submit p span{line-height:1.45}}

/* R14 Shared Inbox exact queue controls, selection mode and black composer tools. */
.ui-reference-light.page-inbox.page-inbox,.ui-reference-light.page-inbox.page-inbox :where(h1,h2,h3,h4,h5,h6,p,a,span,strong,small,label,button,input,select,textarea,table,dl,dt,dd,option,time){font-family:"Kameron",Georgia,"Times New Roman",serif!important}
.ui-reference-light.page-inbox .ci-queue-tools{position:relative!important;padding:14px 10px 9px!important;background:#fff}
.ui-reference-light.page-inbox .ci-search-row{display:grid!important;grid-template-columns:minmax(0,1fr) 38px 38px!important;align-items:center;gap:8px}
.ui-reference-light.page-inbox .ci-search-row[hidden]{display:none!important}
.ui-reference-light.page-inbox .ci-search-field input{height:36px!important;min-height:36px!important;border-color:#c7d1df!important;border-radius:19px!important;color:#172b48!important;font-size:13px!important}
.ui-reference-light.page-inbox .ci-round-tool{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #cbd5e2!important;border-radius:50%!important;color:#05080d!important;background:#fff!important;box-shadow:none!important}
.ui-reference-light.page-inbox .ci-round-tool:hover,.ui-reference-light.page-inbox .ci-round-tool[aria-expanded="true"]{border-color:#9eabba!important;color:#05080d!important;background:#f3f5f8!important}
.ui-reference-light.page-inbox .ci-round-tool .icon{display:block!important;width:20px!important;height:20px!important;color:inherit!important;stroke-width:1.85!important;transform:none!important}
.ui-reference-light.page-inbox .ci-sort-menu{position:absolute;z-index:80;top:58px;right:54px;width:228px;overflow:hidden;border:1px solid #cbd5e2;border-radius:10px;background:#fff;box-shadow:0 10px 26px rgba(21,43,75,.15)}
.ui-reference-light.page-inbox .ci-sort-menu[hidden]{display:none!important}
.ui-reference-light.page-inbox .ci-sort-menu>strong{height:45px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #d4dce7;color:#111b2b;font-size:12px;font-weight:800}
.ui-reference-light.page-inbox .ci-sort-menu>div{display:grid;padding:9px 0}
.ui-reference-light.page-inbox .ci-sort-menu a{min-height:44px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 14px;color:#101724;background:#fff;font-size:12px}
.ui-reference-light.page-inbox .ci-sort-menu a:hover{background:#f7f9fc}
.ui-reference-light.page-inbox .ci-sort-menu a i{width:16px;height:16px;border:2px solid #60718e;border-radius:50%;background:#fff}
.ui-reference-light.page-inbox .ci-sort-menu a.active i{border:5px solid #0757e8}
.ui-reference-light.page-inbox .ci-selection-header{height:39px;display:flex;align-items:center;gap:8px}
.ui-reference-light.page-inbox .ci-selection-header[hidden]{display:none!important}
.ui-reference-light.page-inbox .ci-selection-header>button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#0b1728;background:transparent;cursor:pointer}
.ui-reference-light.page-inbox .ci-selection-header>button:hover{background:#f1f4f8}.ui-reference-light.page-inbox .ci-selection-header>button .icon{width:19px;height:19px}
.ui-reference-light.page-inbox .ci-selection-header>strong{flex:1;color:#111b2b;font-size:13px;font-weight:800}.ui-reference-light.page-inbox .ci-selection-header>button:last-child{border:1px solid #d5dde8}
.ui-reference-light.page-inbox .ci-selection-summary{height:35px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;border-bottom:1px solid #d6e0ec;background:#fff}
.ui-reference-light.page-inbox .ci-list-summary[hidden],.ui-reference-light.page-inbox .ci-selection-summary[hidden]{display:none!important}.ui-reference-light.page-inbox .ci-selection-summary button{padding:0;border:0;color:#60739a;background:transparent;font-size:11px;cursor:pointer}
.ui-reference-light.page-inbox .ci-conversation-checkbox{display:none;width:14px;height:14px;align-self:start;margin-top:2px;border:1.5px solid #111827;border-radius:2px;background:#fff}
.ui-reference-light.page-inbox .premium-inbox-list.is-selecting .ci-filter-row{opacity:.55;pointer-events:none}
.ui-reference-light.page-inbox .premium-inbox-list.is-selecting .premium-conversation-row{display:grid!important;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:7px;padding-left:16px!important}
.ui-reference-light.page-inbox .premium-inbox-list.is-selecting .ci-conversation-checkbox{display:grid;place-items:center}
.ui-reference-light.page-inbox .premium-inbox-list.is-selecting .premium-conversation-row.is-selected .ci-conversation-checkbox{border-color:#0757e8;background:#0757e8}
.ui-reference-light.page-inbox .premium-inbox-list.is-selecting .premium-conversation-row.is-selected .ci-conversation-checkbox:after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)!important}
.ui-reference-light.page-inbox .premium-inbox-list.is-selecting .premium-conversation-row.active{background:#fff;box-shadow:none}
.ui-reference-light.page-inbox .premium-inbox-list.is-selecting .premium-conversation-row.is-selected{background:#eef5ff;box-shadow:inset 3px 0 #0757e8}
.ui-reference-light.page-inbox .ci-composer-card{overflow:visible!important;border:1px solid #c6d0dc!important;border-radius:6px!important}
.ui-reference-light.page-inbox .ci-composer-head{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 0 10px;border-bottom:1px solid #d4dce6;background:#fff}
.ui-reference-light.page-inbox .ci-composer-head .ci-composer-tabs{height:42px;display:flex;align-items:flex-end;flex:0 0 auto;gap:9px;padding:0;border:0;background:transparent}
.ui-reference-light.page-inbox .ci-composer-head .ci-composer-tabs span,.ui-reference-light.page-inbox .ci-composer-head .ci-composer-tabs a{height:34px!important;color:#101820!important;font-size:13px!important}
.ui-reference-light.page-inbox .ci-composer-head .ci-composer-tabs span{border-bottom:2px solid #0757e8!important;color:#0757e8!important}
.ui-reference-light.page-inbox .ci-composer-head .ci-action-toolbar{position:static!important;inset:auto!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;margin-left:auto!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
.ui-reference-light.page-inbox .ci-composer-head .ci-action-toolbar .ci-action-tool{position:relative!important;width:30px!important;min-width:30px!important;height:32px!important;min-height:32px!important;display:grid!important;place-items:center!important;flex:0 0 30px!important;padding:0!important;border:0!important;border-radius:5px!important;color:#050505!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;cursor:pointer}
.ui-reference-light.page-inbox .ci-composer-head .ci-action-toolbar .ci-action-tool:hover,.ui-reference-light.page-inbox .ci-composer-head .ci-action-toolbar .ci-action-tool.active{color:#050505!important;background:#eef1f5!important}
.ui-reference-light.page-inbox .ci-composer-head .ci-action-toolbar .ci-action-tool .icon{display:block!important;width:22px!important;height:22px!important;color:inherit!important;stroke-width:2!important;transform:none!important}
.ui-reference-light.page-inbox .ci-composer-card .pi-compose-row{min-height:82px!important;padding:8px 10px!important;border:0!important;background:#fff!important}
.ui-reference-light.page-inbox .ci-composer-card .composer-input{min-height:66px!important;max-height:116px!important;padding:4px 0!important;color:#21344f!important;background:#fff!important;font-size:13px!important}
.ui-reference-light.page-inbox .ci-send-button{height:58px!important;border-radius:6px!important;background:#0757e8!important;box-shadow:none!important;font-family:"Kameron",Georgia,"Times New Roman",serif!important;font-size:14px!important}
@media(max-width:760px){.ui-reference-light.page-inbox .ci-composer-head{align-items:flex-start;flex-direction:column;padding:0 7px 6px}.ui-reference-light.page-inbox .ci-composer-head .ci-action-toolbar{width:100%!important;justify-content:flex-start!important;overflow-x:auto!important}.ui-reference-light.page-inbox .ci-sort-menu{right:48px}}

/* R15 Shared Inbox exact filter rail and self-contained icon rendering. */
.ui-reference-light.page-inbox .premium-inbox-list{min-width:0!important}
.ui-reference-light.page-inbox .ci-queue-tools{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.ui-reference-light.page-inbox .ci-search-row{width:100%!important;min-width:0!important;max-width:100%!important}
.ui-reference-light.page-inbox .ci-native-icon{width:20px;height:20px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;transform:none!important}
.ui-reference-light.page-inbox .ci-native-icon-fill{fill:currentColor;stroke:currentColor}.ui-reference-light.page-inbox .ci-native-icon-fill path{fill:currentColor}
.ui-reference-light.page-inbox .ci-search-field>.ci-native-icon{position:absolute;z-index:2;top:50%;left:11px;width:17px;height:17px;color:#61728e;transform:translateY(-50%)!important;pointer-events:none}
.ui-reference-light.page-inbox .ci-round-tool>.ci-native-icon{width:20px;height:20px;color:#080b10!important}
.ui-reference-light.page-inbox .ci-selection-header>button>.ci-native-icon{width:19px;height:19px;color:#0b1728}.ui-reference-light.page-inbox .ci-selection-header>button>.ci-native-icon circle{fill:currentColor;stroke:none}
.ui-reference-light.page-inbox .ci-filter-scroll{width:100%!important;min-width:0!important;max-width:100%!important;display:flex;align-items:center;gap:7px;margin-top:9px;padding:0 1px 2px;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;touch-action:pan-x;cursor:grab}
.ui-reference-light.page-inbox .ci-filter-scroll::-webkit-scrollbar{display:none}.ui-reference-light.page-inbox .ci-filter-scroll:active{cursor:grabbing}.ui-reference-light.page-inbox .ci-filter-scroll>*{flex:0 0 auto;scroll-snap-align:start}
.ui-reference-light.page-inbox .ci-filter-button{width:38px;height:34px;border-color:#0757e8!important;border-radius:7px!important;color:#0757e8!important;background:#eef5ff!important}.ui-reference-light.page-inbox .ci-filter-button>.ci-native-icon{width:18px;height:18px}.ui-reference-light.page-inbox .ci-filter-button b{top:-6px!important;right:-5px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;background:#0757e8!important;font-size:9px!important;line-height:17px!important}
.ui-reference-light.page-inbox .ci-filter-select{position:relative;min-width:0}.ui-reference-light.page-inbox .ci-filter-select:after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;border-right:1.5px solid #526783;border-bottom:1.5px solid #526783;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.ui-reference-light.page-inbox .ci-filter-status{width:132px}.ui-reference-light.page-inbox .ci-filter-assignee{width:116px}
.ui-reference-light.page-inbox .ci-filter-scroll select{width:100%!important;height:34px!important;min-height:34px!important;padding:0 28px 0 12px!important;border:1px solid #cad6e6!important;border-radius:18px!important;color:#203b60!important;background:#fff!important;background-image:none!important;box-shadow:none!important;font-family:"Kameron",Georgia,"Times New Roman",serif!important;font-size:11.5px!important;font-weight:600!important;appearance:none!important;cursor:pointer}
.ui-reference-light.page-inbox .ci-filter-chip{height:34px;display:flex;align-items:center;gap:5px;padding:0 11px;border:1px solid #cad6e6;border-radius:18px;color:#203b60;background:#fff;font-family:"Kameron",Georgia,"Times New Roman",serif!important;font-size:11.5px;font-weight:600;white-space:nowrap;box-shadow:none;cursor:pointer}.ui-reference-light.page-inbox .ci-filter-chip:hover,.ui-reference-light.page-inbox .ci-filter-chip[aria-expanded="true"],.ui-reference-light.page-inbox .ci-filter-chip.active{border-color:#8fb8fa;color:#0757e8;background:#f4f8ff}.ui-reference-light.page-inbox .ci-filter-chip>.ci-chip-chevron{width:13px;height:13px;transition:none}.ui-reference-light.page-inbox .ci-filter-chip[aria-expanded="true"]>.ci-chip-chevron{transform:rotate(180deg)!important}
.ui-reference-light.page-inbox .ci-filter-popover{position:absolute;z-index:90;width:265px;padding:12px;border:1px solid #cad5e4;border-radius:10px;background:#fff;box-shadow:0 10px 26px rgba(20,44,79,.16)}.ui-reference-light.page-inbox .ci-filter-popover[hidden]{display:none!important}.ui-reference-light.page-inbox .ci-filter-popover>strong{min-height:22px;display:flex;align-items:center;gap:5px;color:#111827;font-size:12px;font-weight:800}.ui-reference-light.page-inbox .ci-filter-popover>strong>.ci-native-icon{width:14px;height:14px}.ui-reference-light.page-inbox .ci-filter-divider{height:1px;margin:1px 0 8px;background:#d5dde8}
.ui-reference-light.page-inbox .ci-filter-choice{min-height:42px;display:flex;align-items:center;gap:9px;color:#253a5a;font-size:11.5px;cursor:pointer}.ui-reference-light.page-inbox .ci-filter-choice input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.ui-reference-light.page-inbox .ci-filter-choice>span{width:14px;height:14px;display:grid;place-items:center;flex:0 0 14px;border:1.5px solid #566b8d;border-radius:2px;background:#fff}.ui-reference-light.page-inbox .ci-filter-choice input:checked+span{border-color:#0757e8;background:#0757e8}.ui-reference-light.page-inbox .ci-filter-choice input:checked+span:after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)!important}
.ui-reference-light.page-inbox .ci-radio-choice>span{border-radius:50%}.ui-reference-light.page-inbox .ci-radio-choice input:checked+span{border:4px solid #0757e8;background:#fff}.ui-reference-light.page-inbox .ci-radio-choice input:checked+span:after{display:none}
.ui-reference-light.page-inbox .ci-filter-footer{height:52px;display:grid;grid-template-columns:1fr 112px;align-items:end;gap:8px;margin-top:2px;padding-top:9px;border-top:1px solid #d5dde8}.ui-reference-light.page-inbox .ci-filter-footer button{height:39px;border:0;border-radius:4px;color:#7184a4;background:transparent;font-family:"Kameron",Georgia,"Times New Roman",serif!important;font-size:11.5px;font-weight:700;cursor:pointer}.ui-reference-light.page-inbox .ci-filter-footer button:last-child{color:#fff;background:#0757e8;font-weight:900}.ui-reference-light.page-inbox .ci-filter-footer button:last-child:hover{background:#0647bf}
.ui-reference-light.page-inbox .premium-inbox-list.is-selecting .ci-filter-scroll{opacity:.55;pointer-events:none}
.ui-reference-light.page-inbox .ci-composer-head .ci-action-toolbar .ci-action-tool>.ci-native-icon{width:22px!important;height:22px!important;color:#050505!important;stroke-width:2!important}.ui-reference-light.page-inbox .ci-composer-head .ci-action-toolbar .ci-action-tool>.ci-native-icon-fill{fill:#050505!important}
@media(max-width:760px){.ui-reference-light.page-inbox .ci-filter-popover{width:min(265px,calc(100% - 16px))}.ui-reference-light.page-inbox .ci-filter-scroll{padding-bottom:4px}}

/* R16 Shared Inbox — service window, contact details and tag assignment. */
.ui-reference-light.page-inbox .ci-filter-scroll{margin-top:5px!important;padding:5px 5px 3px 1px!important}
.ui-reference-light.page-inbox .ci-filter-button{position:relative;overflow:visible!important}
.ui-reference-light.page-inbox .ci-filter-button b{top:-3px!important;right:-3px!important;z-index:3;box-shadow:0 0 0 2px #fff}
.ui-reference-light.page-inbox .ci-filter-button:not(.has-count) b{display:none!important}
.ui-reference-light.page-inbox .ci-service-window[hidden],.ui-reference-light.page-inbox [data-ci-contact-view][hidden],.ci-tag-modal[hidden]{display:none!important}
.ui-reference-light.page-inbox .ci-composer-form.is-window-expired .ci-composer-card{border-color:#c6c6c6!important;background:#ededed!important}
.ui-reference-light.page-inbox .ci-composer-form.is-window-expired .ci-composer-head{min-height:42px;border-bottom:0!important;background:#ededed!important}
.ui-reference-light.page-inbox .ci-composer-form.is-window-expired .ci-service-window{min-height:91px;padding:9px 12px 13px;border:0!important;color:#111!important;background:#ededed!important}
.ui-reference-light.page-inbox .ci-composer-form.is-window-expired .ci-service-window p{font-size:12px!important;font-weight:600}
.ui-reference-light.page-inbox .ci-composer-form.is-window-expired .ci-service-window button,.ui-reference-light.page-inbox .ci-composer-form.is-window-expired .ci-service-window a{height:34px;min-width:200px;padding:0 16px;border:1px solid #c8d3e4!important;border-radius:4px!important;color:#111d30!important;background:#fff!important;font-family:"Kameron",Georgia,"Times New Roman",serif!important;font-size:11.5px!important;font-weight:700;box-shadow:none}
.ui-reference-light.page-inbox .ci-composer-form.is-window-expired.has-window-template .ci-composer-card{border-color:#b9cce9!important;background:#fff!important}
.ui-reference-light.page-inbox .ci-composer-form.is-window-expired.has-window-template .ci-composer-head{border-bottom:1px solid #d9e4f0!important;background:#fff!important}
.ui-reference-light.page-inbox .ci-send-button:disabled{cursor:not-allowed!important;opacity:.5!important}
.ui-reference-light.page-inbox .ci-contact-pane{overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}
.ui-reference-light.page-inbox .ci-details-heading button,.ui-reference-light.page-inbox .ci-profile-row button,.ui-reference-light.page-inbox .ci-card-heading button,.ui-reference-light.page-inbox .ci-show-more{font-family:"Kameron",Georgia,"Times New Roman",serif!important}
.ui-reference-light.page-inbox .ci-details-heading button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#111;background:transparent;cursor:pointer}
.ui-reference-light.page-inbox .ci-details-heading button:hover{background:#e9eef5}
.ui-reference-light.page-inbox .ci-details-heading button .icon{width:19px;height:19px}
.ui-reference-light.page-inbox .ci-profile-row button{margin-left:auto;padding:6px 9px;border:0;border-radius:4px;color:#fff;background:#0757e8;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.ui-reference-light.page-inbox .ci-card-heading button{padding:2px 0;border:0;color:#0757e8;background:transparent;font-size:11px;font-weight:700;cursor:pointer}
.ui-reference-light.page-inbox .ci-show-more{width:100%;min-height:39px;display:flex;align-items:center;justify-content:space-between;padding:8px 0 0;border:0;border-top:1px solid #e5e8ec;color:#111827;background:transparent;font-size:11.5px;font-weight:700;cursor:pointer}
.ui-reference-light.page-inbox .ci-show-more .icon{width:16px;height:16px}
.ui-reference-light.page-inbox .ci-tags-card .ci-tag-list{min-height:41px;padding-bottom:3px}
.ui-reference-light.page-inbox .ci-tags-card .tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:6px 9px;border:0;border-radius:18px;color:#fff;background:#7183a1;font-size:10.5px;font-weight:700;white-space:normal}
.ui-reference-light.page-inbox .ci-tags-card .tag .ci-native-icon{width:12px;height:12px;flex:0 0 12px;color:#fff}
.ui-reference-light.page-inbox .ci-contact-subview{min-height:100%;margin:0 -14px -14px;background:#f4f4f3}
.ui-reference-light.page-inbox .ci-contact-subview>header{height:66px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid #e3e4e6;background:#fff}
.ui-reference-light.page-inbox .ci-contact-subview>header>button{height:34px;display:flex;align-items:center;justify-content:center;padding:0;border:0;color:#111;background:transparent;font-family:"Kameron",Georgia,"Times New Roman",serif!important;font-size:12px;font-weight:800;cursor:pointer}
.ui-reference-light.page-inbox .ci-contact-subview>header>button:first-child{width:34px;border-radius:50%}.ui-reference-light.page-inbox .ci-contact-subview>header>button:first-child:hover{background:#eef1f5}.ui-reference-light.page-inbox .ci-contact-subview>header>button:first-child .ci-native-icon{width:18px;height:18px}
.ui-reference-light.page-inbox .ci-contact-subview>header>button:last-child{color:#0757e8}
.ui-reference-light.page-inbox .ci-contact-subview>header h2{margin:0;color:#101010;font-size:17px;font-weight:800}
.ui-reference-light.page-inbox .ci-contact-subview>section{padding:20px;background:#fff}
.ui-reference-light.page-inbox .ci-contact-subview dl{display:grid;gap:16px;margin:0}.ui-reference-light.page-inbox .ci-contact-subview dl>div{display:grid;gap:5px}.ui-reference-light.page-inbox .ci-contact-subview dt{color:#111827;font-size:11.5px;font-weight:800}.ui-reference-light.page-inbox .ci-contact-subview dd{margin:0;color:#34425a;font-size:11.5px;line-height:1.35}
.ui-reference-light.page-inbox .ci-contact-edit>form{display:grid;gap:15px;padding:20px;background:#fff}
.ui-reference-light.page-inbox .ci-contact-edit>form>label{display:grid;gap:6px;color:#111827;font-size:11.5px;font-weight:800}.ui-reference-light.page-inbox .ci-contact-edit>form input,.ui-reference-light.page-inbox .ci-contact-edit>form select{width:100%;height:39px;padding:0 11px;border:1px solid #cbd4e1;border-radius:5px;color:#1c2b42;background:#fff;font-family:"Kameron",Georgia,"Times New Roman",serif!important;font-size:12px;box-sizing:border-box}.ui-reference-light.page-inbox .ci-contact-edit>form input:focus,.ui-reference-light.page-inbox .ci-contact-edit>form select:focus{border-color:#0757e8;outline:2px solid rgba(7,87,232,.12)}
.ui-reference-light.page-inbox .ci-contact-edit>form>button{height:42px;margin-top:5px;border:0;border-radius:4px;color:#fff;background:#0757e8;font-family:"Kameron",Georgia,"Times New Roman",serif!important;font-size:12px;font-weight:900;cursor:pointer}.ui-reference-light.page-inbox .ci-contact-edit>form>button:hover{background:#0647bf}
.ci-tag-modal{position:fixed;z-index:10020;inset:0;display:grid;place-items:center;padding:18px;font-family:"Kameron",Georgia,"Times New Roman",serif}
.ci-tag-backdrop{position:absolute;inset:0;background:rgba(13,20,30,.52)}
.ci-tag-modal>section{position:relative;width:min(466px,calc(100vw - 28px));max-height:min(594px,calc(100vh - 28px));overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 22px 70px rgba(10,24,45,.3)}
.ci-tag-modal form{height:100%;max-height:inherit;display:grid;grid-template-rows:55px minmax(0,1fr) 69px}
.ci-tag-modal header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #cfd8e6}.ci-tag-modal header>div{min-width:0;display:flex;align-items:center;gap:9px}.ci-tag-modal header h2{overflow:hidden;margin:0;color:#182236;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.ci-tag-modal header .ci-native-icon{width:15px;height:15px;color:#5a70a0}.ci-tag-modal header>button{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid #657596;border-radius:50%;color:#334564;background:#fff;cursor:pointer}.ci-tag-modal header>button .ci-native-icon{width:15px;height:15px;color:inherit}
.ci-tag-body{min-height:0;display:flex;flex-direction:column;gap:10px;padding:18px 16px 14px;overflow-y:auto;color:#172033}.ci-tag-body>label,.ci-tag-meta>label{font-size:12px;font-weight:900}.ci-tag-assigned{min-height:76px;max-height:90px;display:flex;align-content:flex-start;flex-wrap:wrap;gap:7px;padding:10px;border:1px solid #cbd5e4;border-radius:4px;overflow-y:auto}.ci-tag-assigned>p{margin:auto;color:#8b98ab;font-size:11px}.ci-tag-chip{height:27px;display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:0 7px 0 10px;border-radius:16px;color:#0757e8;background:#e4efff;font-size:10.5px;font-weight:800}.ci-tag-chip:nth-child(3n+1){color:#536d00;background:#e8fac7}.ci-tag-chip:nth-child(3n+2){color:#006aa3;background:#dff3ff}.ci-tag-chip button{width:16px;height:16px;display:grid;place-items:center;padding:0;border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent;font:700 11px/1 Arial;cursor:pointer}
.ci-tag-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.ci-tag-meta a{color:#0757e8;font-size:10.5px;font-weight:800;text-decoration:none}
.ci-tag-search{position:relative;display:block!important}.ci-tag-search>.ci-native-icon{position:absolute;z-index:2;top:50%;left:11px;width:17px;height:17px;color:#516680;transform:translateY(-50%)!important;pointer-events:none}.ci-tag-search input{width:100%;height:42px;padding:0 12px 0 38px;border:1px solid #c6d2e2;border-radius:4px;color:#1d304f;background:#fff;font-family:"Kameron",Georgia,"Times New Roman",serif;font-size:12px;box-sizing:border-box}.ci-tag-search input:focus{border-color:#0757e8;outline:2px solid rgba(7,87,232,.12)}
.ci-tag-options{min-height:122px;max-height:161px;overflow-y:auto;border:1px solid #d6deea;border-radius:5px;background:#fff}.ci-tag-option{min-height:40px;display:grid;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:7px;padding:4px 9px;border-bottom:1px solid #eef1f5}.ci-tag-option:last-child{border-bottom:0}.ci-tag-option>span{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:5px;overflow:hidden;padding:5px 8px;border-radius:14px;color:#0757e8;background:#e4efff;font-size:10.5px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.ci-tag-option:nth-child(3n+1)>span{color:#6a37dc;background:#eee3ff}.ci-tag-option:nth-child(3n+2)>span{color:#0072a7;background:#dff4ff}.ci-tag-option:nth-child(3n)>span{color:#5e6673;background:#ececee}.ci-tag-option>span .ci-native-icon{width:12px;height:12px;flex:0 0 12px}.ci-tag-option small{color:#8a96a7;font-size:9px}.ci-tag-option>button{width:28px;height:28px;padding:0;border:0;color:#60739a;background:transparent;font-size:20px;line-height:1;cursor:pointer}.ci-tag-option>button:hover{color:#0757e8;background:#edf4ff}.ci-tag-option.is-added{opacity:.58}.ci-tag-option[hidden]{display:none!important}
.ci-tag-create-toggle{height:39px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b7d8cb;border-radius:4px;color:#0757e8;background:#f3f8ff;font-family:"Kameron",Georgia,"Times New Roman",serif;font-size:11.5px;font-weight:800;cursor:pointer}.ci-tag-create{display:grid;grid-template-columns:1fr 66px;gap:7px}.ci-tag-create[hidden]{display:none!important}.ci-tag-create input{height:37px;padding:0 10px;border:1px solid #c6d2e2;border-radius:4px;font-family:inherit}.ci-tag-create button{border:0;border-radius:4px;color:#fff;background:#0757e8;font-family:inherit;font-weight:800;cursor:pointer}
.ci-tag-modal footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 16px;border-top:1px solid #d7deea;background:#fff}.ci-tag-modal footer button{height:43px;min-width:116px;padding:0 18px;border:0;border-radius:4px;color:#40546f;background:transparent;font-family:"Kameron",Georgia,"Times New Roman",serif;font-size:12px;font-weight:900;cursor:pointer}.ci-tag-modal footer button:last-child{color:#fff;background:#0757e8}.ci-tag-modal footer button:last-child:hover{background:#0647bf}
@media(max-width:760px){.ci-tag-modal{padding:8px}.ci-tag-modal>section{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.ci-tag-modal footer button{min-width:100px}.ui-reference-light.page-inbox .ci-contact-subview{margin:0}}

/* R17 Scale-only WhatsApp Calling and RCS upgrade surfaces. */
.ui-reference-light.page-inbox .ci-call-menu-wrap{position:relative;z-index:95}
.ui-reference-light.page-inbox .ci-call-toggle{width:68px!important;display:grid!important;grid-template-columns:1fr 22px;overflow:hidden;padding:0!important;border:1px solid #cbd7e8!important;border-radius:21px!important;color:#20395e!important;background:#fff!important}
.ui-reference-light.page-inbox .ci-call-toggle>svg{width:19px;height:19px;margin:auto}.ui-reference-light.page-inbox .ci-call-toggle>span{height:100%;display:grid;place-items:center;border-left:1px solid #e4e9f1}.ui-reference-light.page-inbox .ci-call-toggle>span svg{width:13px;height:13px;transition:transform .15s}.ui-reference-light.page-inbox .ci-call-toggle[aria-expanded="true"]>span svg{transform:rotate(180deg)!important}
.ui-reference-light.page-inbox .ci-call-menu{position:absolute;z-index:100;top:calc(100% + 7px);right:0;width:260px;padding:8px;border:1px solid #c9d4e3;border-radius:4px;background:#fff;box-shadow:0 12px 30px rgba(21,42,74,.2);font-family:"Kameron",Georgia,"Times New Roman",serif!important}.ui-reference-light.page-inbox .ci-call-menu[hidden]{display:none!important}
.ui-reference-light.page-inbox .ci-call-option-wrap{position:relative}.ui-reference-light.page-inbox .ci-call-option{min-height:61px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:0;border-bottom:1px solid #dce3ed;color:#172b49;background:#fff;text-decoration:none;box-sizing:border-box}.ui-reference-light.page-inbox .ci-call-option>span{width:29px;height:29px;display:grid;place-items:center;color:#0757e8}.ui-reference-light.page-inbox .ci-call-option>span .icon{width:20px;height:20px}.ui-reference-light.page-inbox .ci-call-option strong,.ui-reference-light.page-inbox .ci-call-option small{display:block}.ui-reference-light.page-inbox .ci-call-option strong{font-size:12px}.ui-reference-light.page-inbox .ci-call-option small{margin-top:3px;color:#657a99;font-size:10px}.ui-reference-light.page-inbox .ci-call-option>b{min-height:26px;display:flex;align-items:center;gap:4px;padding:0 7px;border-radius:4px;color:#fff;background:#f4a51c;font-size:9.5px;font-weight:900;white-space:nowrap}.ui-reference-light.page-inbox .ci-call-option>b .icon{width:11px;height:11px}.ui-reference-light.page-inbox a.ci-call-option:hover{background:#f1f6ff}.ui-reference-light.page-inbox .ci-call-option.is-disabled{border-bottom:0;color:#9aa4b2;background:#fafafa;cursor:not-allowed}.ui-reference-light.page-inbox .ci-call-option.is-disabled>span{color:#bdc5d1}.ui-reference-light.page-inbox .ci-call-option.is-disabled>b{color:#9aa4b2;background:#f1f2f4;font-weight:700}
.ui-reference-light.page-inbox .ci-plan-tooltip{position:absolute;z-index:120;right:calc(100% + 12px);top:-9px;width:300px;padding:15px 17px;border-radius:3px;color:#fff;background:#171717;box-shadow:0 10px 26px rgba(0,0,0,.28);visibility:hidden;opacity:0;transform:translateX(5px);transition:opacity .14s,transform .14s;pointer-events:none}.ui-reference-light.page-inbox .ci-plan-tooltip:after{content:"";position:absolute;right:-8px;top:35px;border-width:8px 0 8px 8px;border-style:solid;border-color:transparent transparent transparent #171717}.ui-reference-light.page-inbox .ci-plan-tooltip p{margin:0;font-size:11.5px;font-weight:700;line-height:1.45}.ui-reference-light.page-inbox .ci-plan-tooltip span{min-height:29px;display:inline-flex;align-items:center;margin-top:10px;padding:0 14px;border-radius:3px;color:#fff;background:#0757e8;font-size:10px;font-weight:900}.ui-reference-light.page-inbox .ci-call-option-wrap:hover .ci-plan-tooltip,.ui-reference-light.page-inbox .ci-call-option-wrap:focus-within .ci-plan-tooltip{visibility:visible;opacity:1;transform:none}
.lcp-upgrade-wrap{position:relative;display:inline-flex}.lcp-upgrade-wrap .lcp-create-rcs{padding-right:9px!important}.lcp-upgrade-badge{min-height:25px;display:inline-flex;align-items:center;gap:4px;padding:0 7px;border-radius:4px;color:#fff;background:#f4a51c;font-size:9px;font-weight:900}.lcp-upgrade-badge .icon{width:11px!important;height:11px!important}.lcp-plan-tooltip{position:absolute;z-index:500;right:0;top:calc(100% + 10px);width:310px;padding:15px 17px;border-radius:3px;color:#fff;background:#171717;box-shadow:0 12px 30px rgba(0,0,0,.28);visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .14s,transform .14s}.lcp-plan-tooltip:before{content:"";position:absolute;right:42px;top:-8px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #171717}.lcp-plan-tooltip p{margin:0!important;color:#fff!important;font-size:11.5px!important;font-weight:700;line-height:1.45}.lcp-plan-tooltip a{min-height:30px;display:inline-flex;align-items:center;margin-top:10px;padding:0 14px;border-radius:3px;color:#fff!important;background:#0757e8;font-size:10px;font-weight:900;text-decoration:none}.lcp-upgrade-wrap:hover .lcp-plan-tooltip,.lcp-upgrade-wrap:focus-within .lcp-plan-tooltip,.lcp-upgrade-wrap.show-tooltip .lcp-plan-tooltip{visibility:visible;opacity:1;transform:none}
@media(max-width:900px){.ui-reference-light.page-inbox .ci-plan-tooltip{right:0;top:calc(100% + 8px);width:min(280px,calc(100vw - 32px))}.ui-reference-light.page-inbox .ci-plan-tooltip:after{right:32px;top:-8px;border-width:0 8px 8px;border-color:transparent transparent #171717}.lcp-plan-tooltip{right:auto;left:0;width:min(290px,calc(100vw - 24px))}.lcp-plan-tooltip:before{right:auto;left:42px}}

/* R18 WhatsApp delivery ticks and full Contact Details workspace. */
.ui-reference-light.page-inbox .ci-wa-status{width:19px;height:12px;display:inline-grid;place-items:center;flex:0 0 19px;color:#75849a;vertical-align:middle}.ui-reference-light.page-inbox .ci-wa-status svg{width:19px;height:12px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ui-reference-light.page-inbox .ci-wa-status.is-read{color:#16a4e4}.ui-reference-light.page-inbox .ci-wa-status.is-delivered{color:#6f7f92}.ui-reference-light.page-inbox .ci-wa-status.is-sent{color:#7f8b9c}.ui-reference-light.page-inbox .ci-wa-status.is-single .ci-wa-tick-first{display:none}.ui-reference-light.page-inbox .ci-wa-status.is-single .ci-wa-tick-second{transform:translateX(-5px)!important}.ui-reference-light.page-inbox .ci-wa-status.is-failed{color:#d63a4b}.ui-reference-light.page-inbox .ci-wa-status.is-failed svg{width:12px;height:12px;stroke-width:1.5}.ui-reference-light.page-inbox .conversation-preview>.ci-wa-status{margin-right:1px}.ui-reference-light.page-inbox .message-meta>.ci-wa-status{margin-left:2px}.ui-reference-light.page-inbox .ci-delivery,.ui-reference-light.page-inbox .read-check{display:none!important}
.ui-reference-light.page-inbox .premium-inbox-workspace{position:relative}.ui-reference-light.page-inbox .ci-contact-workspace[hidden],.ui-reference-light.page-inbox [data-ci-workspace-left-view][hidden],.ui-reference-light.page-inbox .ci-contact-tab-panel[hidden],.ui-reference-light.page-inbox .ci-contact-custom-field[hidden],.ui-reference-light.page-inbox [data-ci-timeline-entry][hidden],.ui-reference-light.page-inbox .ci-contact-filter-empty[hidden]{display:none!important}
body.ci-contact-workspace-open{overflow:hidden!important}.ui-reference-light.page-inbox .ci-contact-workspace{position:absolute;z-index:420;inset:0;min-height:100%;display:grid;grid-template-columns:380px minmax(0,1fr);overflow:hidden;border:1px solid #c9d5e6;border-radius:8px;background:#f5f8fc;box-shadow:0 14px 38px rgba(16,44,84,.14);font-family:"Kameron",Georgia,"Times New Roman",serif!important}.ui-reference-light.page-inbox .ci-contact-workspace *{box-sizing:border-box}
.ui-reference-light.page-inbox .ci-contact-workspace-sidebar{min-width:0;display:flex;flex-direction:column;gap:14px;padding:0 16px 14px;border-right:1px solid #cfd9e8;background:#f7f9fc;overflow-y:auto;scrollbar-width:thin}.ui-reference-light.page-inbox .ci-contact-workspace-sidebar>header{height:55px;min-height:55px;display:flex;align-items:center;gap:8px;margin:0 -16px;padding:0 14px;border-bottom:1px solid #d7dfeb;background:#fff}.ui-reference-light.page-inbox .ci-contact-workspace-sidebar>header button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#14233a;background:transparent;cursor:pointer}.ui-reference-light.page-inbox .ci-contact-workspace-sidebar>header button:hover{background:#edf4ff;color:#0757e8}.ui-reference-light.page-inbox .ci-contact-workspace-sidebar>header button .icon{width:18px;height:18px}.ui-reference-light.page-inbox .ci-contact-workspace-sidebar>header h2{margin:0;color:#0f1c2e;font-size:16px;font-weight:900}
.ui-reference-light.page-inbox .ci-contact-identity-card,.ui-reference-light.page-inbox .ci-contact-details-card{border:1px solid #cbd7e7;border-radius:7px;background:#fff}.ui-reference-light.page-inbox .ci-contact-identity-card{padding:13px}.ui-reference-light.page-inbox .ci-contact-identity-card>div:first-child{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.ui-reference-light.page-inbox .ci-contact-workspace-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#0757e8,#18a6df);font-size:11px;font-weight:900}.ui-reference-light.page-inbox .ci-contact-identity-card strong{overflow:hidden;color:#10223b;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.ui-reference-light.page-inbox .ci-contact-identity-card>div:first-child>button{height:31px;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid #a8c9e9;border-radius:17px;color:#0757e8;background:#edf5ff;font-family:inherit;font-size:11px;font-weight:900;cursor:pointer}.ui-reference-light.page-inbox .ci-contact-identity-card>div:first-child>button .icon{width:15px;height:15px}.ui-reference-light.page-inbox .ci-contact-identity-card>a{display:block;margin:9px 0 11px;color:#315a91;font-size:11.5px;text-decoration:none}.ui-reference-light.page-inbox .ci-contact-workspace-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.ui-reference-light.page-inbox .ci-contact-workspace-tags>span{height:25px;display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:0 8px;border-radius:14px;color:#375170;background:#e9eef5;font-size:10px;font-weight:700}.ui-reference-light.page-inbox .ci-contact-workspace-tags>span:nth-child(2n){color:#0757e8;background:#e3efff}.ui-reference-light.page-inbox .ci-contact-workspace-tags>span i{font-style:normal;opacity:.65}.ui-reference-light.page-inbox .ci-contact-workspace-tags>button{height:27px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #a8c9e9;border-radius:3px;color:#0757e8;background:#f5f9ff;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer}.ui-reference-light.page-inbox .ci-contact-workspace-tags>button .icon{width:12px;height:12px}
.ui-reference-light.page-inbox .ci-contact-details-card{min-height:0;display:flex;flex:1;flex-direction:column;padding:12px}.ui-reference-light.page-inbox .ci-contact-details-card>header{min-height:35px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;border-bottom:1px solid #dfe6ef}.ui-reference-light.page-inbox .ci-contact-details-card>header h3{margin:0;color:#111d30;font-size:13px;font-weight:900}.ui-reference-light.page-inbox .ci-contact-details-card>header button{height:26px;display:flex;align-items:center;gap:5px;padding:0 6px;border:0;color:#0757e8;background:transparent;font-family:inherit;font-size:10.5px;font-weight:800;cursor:pointer}.ui-reference-light.page-inbox .ci-contact-details-card>header button .icon{width:13px;height:13px}.ui-reference-light.page-inbox .ci-contact-field-scroll{min-height:190px;max-height:calc(100vh - 385px);overflow-y:auto;scrollbar-width:thin}.ui-reference-light.page-inbox .ci-contact-field{position:relative;display:grid;gap:6px;padding:12px 2px;border-bottom:1px solid #e6ebf2}.ui-reference-light.page-inbox .ci-contact-field>span{color:#49607f;font-size:10.5px}.ui-reference-light.page-inbox .ci-contact-field>strong{padding-right:29px;color:#12213a;font-size:11.5px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.ui-reference-light.page-inbox .ci-contact-field>button{position:absolute;right:2px;bottom:9px;width:27px;height:27px!important;display:grid!important;place-items:center;padding:0!important;border:1px solid #c4d1e2!important;border-radius:4px;color:#0757e8!important;background:#fff!important}.ui-reference-light.page-inbox .ci-contact-field>button .icon{width:13px!important;height:13px!important}.ui-reference-light.page-inbox .ci-contact-add-field{height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:11px;border:1px solid #a8c9e9;border-radius:4px;color:#0757e8;background:#f1f7ff;font-family:inherit;font-size:11.5px;font-weight:900;cursor:pointer}.ui-reference-light.page-inbox .ci-contact-add-field .icon{width:14px;height:14px}.ui-reference-light.page-inbox .ci-contact-custom-field{display:grid;gap:9px;margin-top:10px;padding:10px;border:1px solid #bed2ee;border-radius:5px;background:#f5f9ff}.ui-reference-light.page-inbox .ci-contact-custom-field label,.ui-reference-light.page-inbox .ci-contact-workspace-edit form label{display:grid;gap:5px;color:#2c4362;font-size:10.5px;font-weight:800}.ui-reference-light.page-inbox .ci-contact-custom-field input,.ui-reference-light.page-inbox .ci-contact-workspace-edit input,.ui-reference-light.page-inbox .ci-contact-workspace-edit select{width:100%;height:37px;padding:0 10px;border:1px solid #c8d4e4;border-radius:4px;color:#1e3150;background:#fff;font:600 11px/1 "Kameron",Georgia,serif}.ui-reference-light.page-inbox .ci-contact-custom-field>div{display:flex;justify-content:flex-end;gap:7px}.ui-reference-light.page-inbox .ci-contact-custom-field button{height:32px;padding:0 11px;border:0;border-radius:4px;color:#5c6e87;background:transparent;font-family:inherit;font-size:10.5px;font-weight:900;cursor:pointer}.ui-reference-light.page-inbox .ci-contact-custom-field button:last-child{color:#fff;background:#0757e8}
.ui-reference-light.page-inbox .ci-contact-workspace-edit{flex:0 0 auto}.ui-reference-light.page-inbox .ci-contact-workspace-edit>header{justify-content:flex-start}.ui-reference-light.page-inbox .ci-contact-workspace-edit>form{display:grid;gap:12px;padding-top:12px}.ui-reference-light.page-inbox .ci-contact-workspace-edit>form>button{height:40px;margin-top:4px;border:0;border-radius:4px;color:#fff;background:#0757e8;font-family:inherit;font-size:11.5px;font-weight:900;cursor:pointer}
.ui-reference-light.page-inbox .ci-contact-workspace-main{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}.ui-reference-light.page-inbox .ci-contact-mobile-head{display:none}.ui-reference-light.page-inbox .ci-contact-tabs{height:54px;min-height:54px;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #cbd7e7;background:#fff}.ui-reference-light.page-inbox .ci-contact-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 10px;border:0;border-bottom:3px solid transparent;color:#263750;background:#fff;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.ui-reference-light.page-inbox .ci-contact-tabs button:hover{color:#0757e8;background:#f7faff}.ui-reference-light.page-inbox .ci-contact-tabs button.active{border-bottom-color:#0757e8;color:#0757e8;font-weight:900}.ui-reference-light.page-inbox .ci-contact-tabs button .icon{width:17px;height:17px}.ui-reference-light.page-inbox .ci-contact-tabs button b{min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:9px;color:#61728b;background:#edf1f6;font-size:8.5px}.ui-reference-light.page-inbox .ci-contact-tabs button.active b{color:#0757e8;background:#e4efff}
.ui-reference-light.page-inbox .ci-contact-tab-panel{min-height:0;flex:1;padding:22px 24px;overflow-y:auto;scrollbar-width:thin;background:#fff}.ui-reference-light.page-inbox .ci-contact-tab-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid #e1e7ef}.ui-reference-light.page-inbox .ci-contact-tab-panel>header h3{margin:0;color:#12233c;font-size:15px}.ui-reference-light.page-inbox .ci-contact-tab-panel>header p{margin:4px 0 0;color:#718199;font-size:10.5px}.ui-reference-light.page-inbox .ci-contact-tab-panel>header>a{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:4px;color:#fff;background:#0757e8;font-size:10.5px;font-weight:900;text-decoration:none}.ui-reference-light.page-inbox .ci-contact-tab-panel>header>a .icon{width:14px;height:14px}.ui-reference-light.page-inbox .ci-timeline-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px}.ui-reference-light.page-inbox .ci-timeline-filters button{height:31px;padding:0 15px;border:1px solid #cbd7e7;border-radius:17px;color:#425978;background:#fff;font-family:inherit;font-size:10.5px;font-weight:700;cursor:pointer}.ui-reference-light.page-inbox .ci-timeline-filters button:hover,.ui-reference-light.page-inbox .ci-timeline-filters button.active{border-color:#0757e8;color:#0757e8;background:#edf5ff;font-weight:900}
.ui-reference-light.page-inbox .ci-contact-timeline{display:grid;gap:0}.ui-reference-light.page-inbox .ci-contact-timeline>article{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:0 0 20px}.ui-reference-light.page-inbox .ci-contact-timeline>article:not(:last-of-type):before{content:"";position:absolute;left:16px;top:34px;bottom:0;width:1px;background:#dce4ef}.ui-reference-light.page-inbox .ci-contact-timeline>article>span,.ui-reference-light.page-inbox .ci-contact-record-list>article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#0757e8;box-shadow:0 0 0 4px #edf5ff}.ui-reference-light.page-inbox .ci-contact-timeline>article:nth-child(4n+2)>span{background:#148fc7}.ui-reference-light.page-inbox .ci-contact-timeline>article:nth-child(4n+3)>span{background:#4d6ec9}.ui-reference-light.page-inbox .ci-contact-timeline>article:nth-child(4n)>span{background:#5f75a0}.ui-reference-light.page-inbox .ci-contact-timeline>article>span .icon,.ui-reference-light.page-inbox .ci-contact-record-list>article>span .icon{width:15px;height:15px}.ui-reference-light.page-inbox .ci-contact-timeline article strong{display:block;color:#13233a;font-size:12px}.ui-reference-light.page-inbox .ci-contact-timeline article time{display:block;margin-top:5px;color:#446ca4;font-size:10px}.ui-reference-light.page-inbox .ci-contact-timeline article p{max-width:850px;margin:8px 0 0;color:#344761;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.ui-reference-light.page-inbox .ci-contact-record-list{display:grid;gap:10px}.ui-reference-light.page-inbox .ci-contact-record-list>article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #d6e0ec;border-radius:6px;background:#fff}.ui-reference-light.page-inbox .ci-contact-record-list>article>span{box-shadow:none}.ui-reference-light.page-inbox .ci-contact-record-list article strong{display:block;color:#12223a;font-size:11.5px}.ui-reference-light.page-inbox .ci-contact-record-list article p{margin:4px 0;color:#526681;font-size:10.5px;line-height:1.4}.ui-reference-light.page-inbox .ci-contact-record-list article time{color:#8390a3;font-size:9.5px}.ui-reference-light.page-inbox .ci-contact-record-list article>a{color:#0757e8;font-size:10.5px;font-weight:900;text-decoration:none}.ui-reference-light.page-inbox .ci-contact-workspace-note{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:9px;margin-bottom:18px}.ui-reference-light.page-inbox .ci-contact-workspace-note textarea{min-height:78px;padding:11px;border:1px solid #c8d5e5;border-radius:5px;color:#203552;background:#fff;font:600 11.5px/1.45 "Kameron",Georgia,serif;resize:vertical}.ui-reference-light.page-inbox .ci-contact-workspace-note button{border:0;border-radius:5px;color:#fff;background:#0757e8;font-family:inherit;font-size:11.5px;font-weight:900;cursor:pointer}.ui-reference-light.page-inbox .ci-contact-tab-empty{min-height:270px;display:grid;place-items:center;align-content:center;gap:8px;color:#8090a6;text-align:center}.ui-reference-light.page-inbox .ci-contact-tab-empty>.icon{width:28px;height:28px;color:#7fa7e7}.ui-reference-light.page-inbox .ci-contact-tab-empty strong{color:#314969;font-size:13px}.ui-reference-light.page-inbox .ci-contact-tab-empty p{margin:0;font-size:10.5px}.ui-reference-light.page-inbox .ci-contact-filter-empty{padding:40px;color:#8290a4;font-size:11px;text-align:center}
@media(max-width:1050px){.ui-reference-light.page-inbox .ci-contact-workspace{grid-template-columns:320px minmax(0,1fr)}.ui-reference-light.page-inbox .ci-contact-tabs button{gap:5px;font-size:11px}.ui-reference-light.page-inbox .ci-contact-tabs button b{display:none}.ui-reference-light.page-inbox .ci-contact-tab-panel{padding:18px}}
@media(max-width:760px){.ui-reference-light.page-inbox .ci-contact-workspace{position:fixed;grid-template-columns:1fr;border:0;border-radius:0}.ui-reference-light.page-inbox .ci-contact-workspace-sidebar{display:none}.ui-reference-light.page-inbox .ci-contact-mobile-head{height:44px;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #d6dfeb;color:#13233a;background:#fff}.ui-reference-light.page-inbox .ci-contact-mobile-head button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#13233a;background:transparent}.ui-reference-light.page-inbox .ci-contact-mobile-head button .icon{width:17px}.ui-reference-light.page-inbox .ci-contact-mobile-head strong{font-size:14px}.ui-reference-light.page-inbox .ci-contact-tabs{grid-template-columns:repeat(5,minmax(66px,1fr));overflow-x:auto}.ui-reference-light.page-inbox .ci-contact-tabs button{flex-direction:column;gap:2px;font-size:9px}.ui-reference-light.page-inbox .ci-contact-tabs button .icon{width:15px;height:15px}.ui-reference-light.page-inbox .ci-contact-tab-panel{padding:14px}.ui-reference-light.page-inbox .ci-contact-workspace-note{grid-template-columns:1fr}.ui-reference-light.page-inbox .ci-contact-workspace-note button{height:38px}}

/* R27 Channels — authentic provider marks and polished connection cards. */
.ui-reference-light.page-channels .channel-market-grid{gap:17px}
.ui-reference-light.page-channels .channel-market-card{min-height:238px;display:flex;flex-direction:column;padding:19px!important;overflow:visible!important;border-color:#d8e3f1!important;box-shadow:0 8px 24px rgba(23,52,92,.055)!important}
.ui-reference-light.page-channels .channel-market-card:hover{border-color:#bfd0e7!important;box-shadow:0 16px 34px rgba(23,52,92,.1)!important;transform:translateY(-3px)}
.ui-reference-light.page-channels .channel-card-head{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:start;gap:13px;min-width:0}
.ui-reference-light.page-channels .channel-logo{position:relative;width:58px;height:58px;display:grid;place-items:center;overflow:visible;border:1px solid #e0e7f1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 18px rgba(21,49,88,.09)}
.ui-reference-light.page-channels .channel-logo img{width:46px;height:46px;display:block;object-fit:contain}
.ui-reference-light.page-channels .channel-logo--whatsapp{border-color:#bcebd1!important;background:#25d366!important}.ui-reference-light.page-channels .channel-logo--whatsapp img{width:33px;height:38px}
.ui-reference-light.page-channels .channel-logo--instagram img,.ui-reference-light.page-channels .channel-logo--messenger img{width:48px;height:48px}
.ui-reference-light.page-channels .channel-logo--rcs{background:#f2f7ff!important}.ui-reference-light.page-channels .channel-logo--voice{background:#effcf5!important}
.ui-reference-light.page-channels .channel-connected-mark{position:absolute;right:-5px;bottom:-5px;width:21px;height:21px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:#fff;background:#0bb36d;box-shadow:0 3px 8px rgba(11,179,109,.28)}
.ui-reference-light.page-channels .channel-connected-mark .icon{width:10px;height:10px;stroke-width:3}
.ui-reference-light.page-channels .channel-card-copy{min-width:0;padding-top:2px}.ui-reference-light.page-channels .channel-card-copy>span{display:block;margin-bottom:5px;color:#7588a7;font-size:8.5px;font-weight:900;letter-spacing:.065em;text-transform:uppercase}.ui-reference-light.page-channels .channel-card-copy h3{margin:0!important;color:#102a50;font-size:15px!important;font-weight:900;line-height:1.15}.ui-reference-light.page-channels .channel-card-copy p{margin:5px 0 0;color:#5d7192;font-size:10.5px;line-height:1.45}
.ui-reference-light.page-channels .channel-card-status{padding-top:2px;white-space:nowrap}.ui-reference-light.page-channels .channel-card-status .status-badge{min-height:24px;padding:0 9px;font-size:9px}
.ui-reference-light.page-channels .channel-card-assurance{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px;padding:10px 0;border-top:1px solid #e6ecf4;color:#426080}.ui-reference-light.page-channels .channel-card-assurance>span{display:flex;align-items:center;gap:7px;font-size:9.5px;font-weight:800}.ui-reference-light.page-channels .channel-card-assurance>span>i{width:7px;height:7px;border-radius:50%;background:#16ad75;box-shadow:0 0 0 4px rgba(22,173,117,.1)}.ui-reference-light.page-channels .is-plan-locked .channel-card-assurance>span>i{background:#eea321;box-shadow:0 0 0 4px rgba(238,163,33,.12)}.ui-reference-light.page-channels .channel-card-assurance small{color:#8492a8;font-size:8.8px;font-weight:700;white-space:nowrap}
.ui-reference-light.page-channels .channel-market-actions{margin-top:auto;padding-top:12px;border-top:1px solid #edf1f6}.ui-reference-light.page-channels .channel-market-actions .btn{height:44px;border-color:#cbd9eb;color:#214a82;background:#fff;font-size:11px;font-weight:900;box-shadow:none}.ui-reference-light.page-channels .channel-market-actions .btn:hover{border-color:#7da8df;color:#0757e8;background:#f5f9ff}.ui-reference-light.page-channels .channel-market-actions .btn-primary{border-color:transparent;color:#fff;background:linear-gradient(92deg,#0c64f3 0%,#117ce9 58%,#08bfc8 115%);box-shadow:0 7px 15px rgba(12,100,243,.14)}
.ui-reference-light.page-channels .channel-market-card.is-plan-locked{background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important}.ui-reference-light.page-channels .channel-market-card.is-plan-locked .channel-logo,.ui-reference-light.page-channels .channel-market-card.is-plan-locked .channel-card-copy{filter:saturate(.84)}
@media(max-width:1180px){.ui-reference-light.page-channels .channel-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ui-reference-light.page-channels .channel-market-grid{grid-template-columns:1fr}.ui-reference-light.page-channels .channel-market-card{min-height:220px}.ui-reference-light.page-channels .channel-card-head{grid-template-columns:54px minmax(0,1fr)}.ui-reference-light.page-channels .channel-logo{width:54px;height:54px}.ui-reference-light.page-channels .channel-card-status{grid-column:2;margin-top:3px;padding:0}.ui-reference-light.page-channels .channel-card-assurance{margin-top:18px}}
/* R30 Business dashboard — colorful data, activity, action and discovery cards. */
body.app-body.ui-reference-light.page-dashboard .reference-business-dashboard{gap:22px}

body.app-body.ui-reference-light.page-dashboard .ref-business-kpi-grid{gap:17px}
body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi{
  --kpi-start:#edf4ff;
  --kpi-end:#fbfdff;
  --kpi-icon-start:#1465f3;
  --kpi-icon-end:#38a1ff;
  position:relative;
  isolation:isolate;
  min-height:136px;
  padding:20px 18px;
  grid-template-columns:58px minmax(0,1fr);
  gap:16px;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--tone) 24%,#dce6f4);
  border-radius:20px;
  background:linear-gradient(132deg,var(--kpi-start),var(--kpi-end) 72%);
  box-shadow:0 15px 34px color-mix(in srgb,var(--tone) 11%,rgba(31,61,110,.05));
}
body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi:before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-38px;
  bottom:-52px;
  width:128px;
  height:128px;
  border-radius:50%;
  background:color-mix(in srgb,var(--tone) 11%,transparent);
}
body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi:after{
  content:"";
  position:absolute;
  z-index:-1;
  top:14px;
  right:18px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--tone);
  box-shadow:13px 9px 0 color-mix(in srgb,var(--tone) 34%,transparent),-8px 18px 0 color-mix(in srgb,var(--tone) 19%,transparent);
}
body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi.tone-blue{--kpi-start:#e8f1ff;--kpi-end:#f7fbff;--kpi-icon-start:#155ff2;--kpi-icon-end:#2ea4ff}
body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi.tone-teal{--kpi-start:#e1fbf3;--kpi-end:#f5fffb;--kpi-icon-start:#03a77f;--kpi-icon-end:#24d3b4}
body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi.tone-purple{--kpi-start:#eee9ff;--kpi-end:#fbf9ff;--kpi-icon-start:#6947e8;--kpi-icon-end:#9b75ff}
body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi.tone-orange{--kpi-start:#fff0d9;--kpi-end:#fffaf1;--kpi-icon-start:#f28b0a;--kpi-icon-end:#ffbf36}
body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi:nth-child(5){--kpi-start:#e7f2ff;--kpi-end:#f4fffd;--kpi-icon-start:#075ee6;--kpi-icon-end:#08c7bd}
body.app-body.ui-reference-light.page-dashboard .ref-mini-icon{
  width:56px;
  height:56px;
  color:#fff;
  border-radius:18px;
  background:linear-gradient(145deg,var(--kpi-icon-start),var(--kpi-icon-end));
  box-shadow:0 10px 22px color-mix(in srgb,var(--tone) 24%,transparent),inset 0 1px rgba(255,255,255,.42);
}
body.app-body.ui-reference-light.page-dashboard .ref-mini-icon>.icon{width:27px;height:27px;stroke-width:1.9}
body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi small{color:#40577f;font-size:14px;font-weight:750;line-height:1.2}
body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi strong{margin-top:7px;color:#071d49;font-size:28px;font-weight:820;line-height:1.05}
body.app-body.ui-reference-light.page-dashboard .ref-mini-trend{margin-top:10px;font-size:12.5px;line-height:1.3}
body.app-body.ui-reference-light.page-dashboard .ref-mini-trend em{color:#667c9f;font-size:11.8px;font-weight:600}

body.app-body.ui-reference-light.page-dashboard .ref-business-main-grid{gap:17px}
body.app-body.ui-reference-light.page-dashboard .ref-business-main-grid>.ref-dashboard-panel{
  height:330px;
  min-height:330px;
  border-radius:20px;
  box-shadow:0 16px 36px rgba(31,65,119,.09);
}
body.app-body.ui-reference-light.page-dashboard .ref-recent-campaigns{
  border-color:#cbdcff;
  background:linear-gradient(145deg,#eef4ff 0%,#f9fbff 62%,#e8f4ff 100%);
}
body.app-body.ui-reference-light.page-dashboard .ref-inbox-activity{
  border-color:#c6ecdf;
  background:linear-gradient(145deg,#eafaf5 0%,#fbfffd 61%,#e5f8f1 100%);
}
body.app-body.ui-reference-light.page-dashboard .ref-quick-actions{
  border-color:#d9cffc;
  background:linear-gradient(145deg,#f1edff 0%,#fcfbff 58%,#eae5ff 100%);
}
body.app-body.ui-reference-light.page-dashboard .ref-panel-head{min-height:68px;padding:20px 20px 12px}
body.app-body.ui-reference-light.page-dashboard .ref-panel-head h2{color:#0b2250;font-size:20px;font-weight:820;line-height:1.2}
body.app-body.ui-reference-light.page-dashboard .ref-panel-head>a{padding-top:3px;color:#075fe8;font-size:14px;font-weight:800}
body.app-body.ui-reference-light.page-dashboard .ref-list-stack{padding:0 12px 13px}
body.app-body.ui-reference-light.page-dashboard .ref-campaign-row,
body.app-body.ui-reference-light.page-dashboard .ref-inbox-row{
  margin-top:8px;
  padding:12px;
  border:1px solid rgba(202,217,239,.78);
  border-radius:14px;
  background:rgba(255,255,255,.76);
  box-shadow:0 7px 18px rgba(42,77,130,.045);
}
body.app-body.ui-reference-light.page-dashboard .ref-list-stack>:first-child{border-top:1px solid rgba(202,217,239,.78)}
body.app-body.ui-reference-light.page-dashboard .ref-row-icon{width:42px;height:42px;border-radius:14px}
body.app-body.ui-reference-light.page-dashboard .ref-row-icon>.icon{width:20px;height:20px}
body.app-body.ui-reference-light.page-dashboard .ref-row-copy strong,
body.app-body.ui-reference-light.page-dashboard .ref-inbox-row>div strong{color:#102959;font-size:13.5px;font-weight:780}
body.app-body.ui-reference-light.page-dashboard .ref-row-copy small,
body.app-body.ui-reference-light.page-dashboard .ref-inbox-row>div small{margin-top:4px;color:#63799e;font-size:11.5px;line-height:1.35}
body.app-body.ui-reference-light.page-dashboard .ref-inbox-row time{font-size:10.5px;font-weight:650}
body.app-body.ui-reference-light.page-dashboard .ref-compact-empty{margin:8px 14px 14px;padding:22px;border:1px solid rgba(201,217,242,.8);border-radius:16px;background:rgba(255,255,255,.72)}
body.app-body.ui-reference-light.page-dashboard .ref-compact-empty>span{width:44px;height:44px;border-radius:14px}
body.app-body.ui-reference-light.page-dashboard .ref-compact-empty strong{font-size:14px}
body.app-body.ui-reference-light.page-dashboard .ref-compact-empty small{font-size:12px;line-height:1.4}
body.app-body.ui-reference-light.page-dashboard .ref-compact-empty>a{font-size:12px}

body.app-body.ui-reference-light.page-dashboard .ref-action-grid{gap:13px;padding:8px 16px 18px}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a{
  min-height:112px;
  gap:10px;
  padding:13px 8px;
  border-radius:16px;
  color:#213b67;
  background:#fff;
  font-size:13px;
  box-shadow:0 9px 20px rgba(44,63,130,.055);
}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:nth-child(1){border-color:#bcd9ff;background:linear-gradient(145deg,#e9f3ff,#fff)}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:nth-child(2){border-color:#b9eadf;background:linear-gradient(145deg,#e5faf4,#fff)}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:nth-child(3){border-color:#d6c8ff;background:linear-gradient(145deg,#f0eaff,#fff)}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:nth-child(4){border-color:#ffd7ae;background:linear-gradient(145deg,#fff1df,#fff)}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:nth-child(5){border-color:#ffc9da;background:linear-gradient(145deg,#ffedf4,#fff)}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:nth-child(6){border-color:#bfe8ed;background:linear-gradient(145deg,#e8f9fb,#fff)}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a>span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(145deg,#1764ee,#35a8ff);
  box-shadow:0 8px 18px rgba(23,101,239,.2);
}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:nth-child(2)>span{background:linear-gradient(145deg,#00a680,#26d2b3);box-shadow:0 8px 18px rgba(0,166,128,.18)}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:nth-child(3)>span{background:linear-gradient(145deg,#6548e7,#9d75ff);box-shadow:0 8px 18px rgba(101,72,231,.18)}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:nth-child(4)>span{background:linear-gradient(145deg,#ef8500,#ffbd34);box-shadow:0 8px 18px rgba(239,133,0,.18)}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:nth-child(5)>span{background:linear-gradient(145deg,#e94380,#ff7aa8);box-shadow:0 8px 18px rgba(233,67,128,.18)}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:nth-child(6)>span{background:linear-gradient(145deg,#0473c9,#04c7bd);box-shadow:0 8px 18px rgba(4,128,198,.18)}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a>span>.icon{width:25px;height:25px}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a strong{font-size:12.5px;font-weight:780;line-height:1.25}
body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a:hover{border-color:color-mix(in srgb,var(--tone,#2d70f5) 42%,#cbd8ea);background:#fff;transform:translateY(-3px);box-shadow:0 14px 28px rgba(38,70,122,.11)}

body.app-body.ui-reference-light.page-dashboard .ref-explore-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:186px;
  padding:22px;
  border:0;
  border-radius:24px;
  background:linear-gradient(112deg,#24134f 0%,#5137ca 45%,#8067f3 100%);
  box-shadow:0 20px 44px rgba(55,35,145,.2);
}
body.app-body.ui-reference-light.page-dashboard .ref-explore-panel:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-105px;
  right:-70px;
  width:280px;
  height:280px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 86px rgba(255,255,255,.025);
}
body.app-body.ui-reference-light.page-dashboard .ref-explore-panel>h2{margin:0 0 16px;color:#fff95d;font-size:22px;font-weight:850;line-height:1.2}
body.app-body.ui-reference-light.page-dashboard .ref-explore-grid{gap:15px}
body.app-body.ui-reference-light.page-dashboard .ref-explore-grid>a{
  min-height:102px;
  padding:15px;
  grid-template-columns:50px minmax(0,1fr) 18px;
  gap:13px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:17px;
  background:#eef6ff;
  box-shadow:0 10px 24px rgba(23,13,72,.13);
}
body.app-body.ui-reference-light.page-dashboard .ref-explore-grid>a:nth-child(1){background:linear-gradient(145deg,#ffe9f3,#fff8fb)}
body.app-body.ui-reference-light.page-dashboard .ref-explore-grid>a:nth-child(2){background:linear-gradient(145deg,#eee8ff,#faf8ff)}
body.app-body.ui-reference-light.page-dashboard .ref-explore-grid>a:nth-child(3){background:linear-gradient(145deg,#dff9ee,#f6fffb)}
body.app-body.ui-reference-light.page-dashboard .ref-explore-grid>a:nth-child(4){background:linear-gradient(145deg,#e7edff,#f8faff)}
body.app-body.ui-reference-light.page-dashboard .ref-explore-grid strong{color:#102758;font-size:14px;font-weight:820;line-height:1.2}
body.app-body.ui-reference-light.page-dashboard .ref-explore-grid small{margin-top:5px;color:#60759a;font-size:12px;line-height:1.35}
body.app-body.ui-reference-light.page-dashboard .ref-explore-grid>a>.icon{width:17px;height:17px;color:#293f75}
body.app-body.ui-reference-light.page-dashboard .ref-explore-icon{width:50px;height:50px;border-radius:16px;color:#fff!important}
body.app-body.ui-reference-light.page-dashboard .ref-explore-icon>.icon{width:24px;height:24px}
body.app-body.ui-reference-light.page-dashboard .ref-explore-icon.phone{background:linear-gradient(145deg,#e8428f,#ff77a9);box-shadow:0 8px 18px rgba(232,66,143,.2)}
body.app-body.ui-reference-light.page-dashboard .ref-explore-icon.team{background:linear-gradient(145deg,#6547e7,#a07aff);box-shadow:0 8px 18px rgba(101,71,231,.2)}
body.app-body.ui-reference-light.page-dashboard .ref-explore-icon.integration{background:linear-gradient(145deg,#00a477,#28d2a8);box-shadow:0 8px 18px rgba(0,164,119,.2)}
body.app-body.ui-reference-light.page-dashboard .ref-explore-icon.api{background:linear-gradient(145deg,#315bdd,#7484ff);box-shadow:0 8px 18px rgba(49,91,221,.2)}
body.app-body.ui-reference-light.page-dashboard .ref-explore-grid>a:hover{border-color:#fff;background:#fff;transform:translateY(-3px);box-shadow:0 15px 30px rgba(18,10,68,.18)}

@media(max-width:1100px){
  body.app-body.ui-reference-light.page-dashboard .ref-business-main-grid{grid-template-columns:1fr}
  body.app-body.ui-reference-light.page-dashboard .ref-quick-actions{grid-column:auto}
  body.app-body.ui-reference-light.page-dashboard .ref-business-main-grid>.ref-dashboard-panel{height:auto;min-height:330px}
}
@media(max-width:768px){
  body.app-body.ui-reference-light.page-dashboard .reference-business-dashboard{gap:16px}
  body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi{min-height:128px;padding:17px 15px;grid-template-columns:52px minmax(0,1fr);gap:13px}
  body.app-body.ui-reference-light.page-dashboard .ref-mini-icon{width:50px;height:50px;border-radius:16px}
  body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi strong{font-size:25px}
  body.app-body.ui-reference-light.page-dashboard .ref-panel-head{padding:18px 17px 11px}
  body.app-body.ui-reference-light.page-dashboard .ref-panel-head h2{font-size:19px}
  body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a{min-height:105px}
  body.app-body.ui-reference-light.page-dashboard .ref-explore-panel{padding:18px;border-radius:20px}
  body.app-body.ui-reference-light.page-dashboard .ref-explore-panel>h2{font-size:20px}
}
@media(max-width:520px){
  body.app-body.ui-reference-light.page-dashboard .ref-business-kpi-grid{grid-template-columns:1fr}
  body.app-body.ui-reference-light.page-dashboard .ref-mini-kpi{min-height:122px;grid-template-columns:56px minmax(0,1fr)}
  body.app-body.ui-reference-light.page-dashboard .ref-business-main-grid>.ref-dashboard-panel{min-height:320px}
  body.app-body.ui-reference-light.page-dashboard .ref-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:7px 12px 14px}
  body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a{min-height:106px;padding:10px 6px}
  body.app-body.ui-reference-light.page-dashboard .ref-action-grid>a strong{font-size:12px}
  body.app-body.ui-reference-light.page-dashboard .ref-explore-panel{padding:17px 13px}
  body.app-body.ui-reference-light.page-dashboard .ref-explore-grid{grid-template-columns:1fr;gap:11px}
  body.app-body.ui-reference-light.page-dashboard .ref-explore-grid>a{min-height:92px}
}

/* R34 Master dashboard — Business Dashboard visual system with Master data. */
body.app-body.ui-reference-light.role-master.page-dashboard .page-content{
  padding:20px 27px 30px 32px;
  background:linear-gradient(180deg,#f7f9ff 0%,#fbfcff 45%,#f6f9ff 100%);
}
.reference-master-dashboard{gap:22px}
.master-dashboard-kicker{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 auto 12px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  color:#c8fff4;
  background:rgba(255,255,255,.09);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}
.master-dashboard-kicker>i{width:7px;height:7px;border-radius:50%;background:#52efd3;box-shadow:0 0 0 4px rgba(82,239,211,.13)}
body.app-body.ui-reference-light.role-master.page-dashboard .ref-business-status-showcase-head h1{text-transform:none}
body.app-body.ui-reference-light.role-master.page-dashboard .ref-business-status-showcase-head p{font-size:14px}
body.app-body.ui-reference-light.role-master.page-dashboard .ref-business-status-showcase .ref-channel-icon.master-businesses{color:#fff;background:linear-gradient(145deg,#1767f2,#39a7ff)}
body.app-body.ui-reference-light.role-master.page-dashboard .ref-business-status-showcase .ref-channel-icon.master-revenue{color:#fff;background:linear-gradient(145deg,#6548e7,#a17aff)}
body.app-body.ui-reference-light.role-master.page-dashboard .ref-business-status-showcase .ref-channel-icon.master-subscriptions{color:#fff;background:linear-gradient(145deg,#00a77e,#28d2ad)}
body.app-body.ui-reference-light.role-master.page-dashboard .ref-business-status-showcase .ref-channel-icon.master-health{color:#fff;background:linear-gradient(145deg,#ed8907,#ffc13a)}
body.app-body.ui-reference-light.role-master.page-dashboard .ref-business-status-showcase .ref-status-card-foot>a>.icon{width:14px;height:14px}

.master-recent-businesses{border-color:#cbdcff!important;background:linear-gradient(145deg,#eef4ff 0%,#f9fbff 62%,#e8f4ff 100%)!important}
.master-revenue-activity{border-color:#c6ecdf!important;background:linear-gradient(145deg,#eafaf5 0%,#fbfffd 61%,#e5f8f1 100%)!important}
.master-business-list{display:grid;gap:7px;max-height:252px;overflow:auto;padding:0 12px 13px;scrollbar-width:thin;scrollbar-color:#c3d3e8 transparent}
.master-business-row{
  min-width:0;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  min-height:45px;
  padding:8px 10px;
  border:1px solid rgba(197,214,239,.78);
  border-radius:13px;
  color:#17305e;
  background:rgba(255,255,255,.8);
  box-shadow:0 6px 16px rgba(42,77,130,.04);
}
.master-business-row:hover{border-color:#a9c6ef;background:#fff;transform:translateY(-1px)}
.master-business-row>.avatar{width:38px;height:38px;font-size:10px}
.master-business-row>div{min-width:0}
.master-business-row>div strong,.master-business-row>div small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.master-business-row>div strong{font-size:13px;font-weight:800}
.master-business-row>div small{margin-top:3px;color:#6c7fa0;font-size:10.5px}
.master-business-row>.ref-status-chip{white-space:nowrap}
.master-business-row>b{color:#173866;font-size:11px;white-space:nowrap}

.master-revenue-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:2px 20px 7px}
.master-revenue-summary small,.master-revenue-summary strong{display:block}
.master-revenue-summary small{color:#66809c;font-size:10.5px;font-weight:750}
.master-revenue-summary strong{margin-top:4px;color:#092a54;font-size:27px;line-height:1}
.master-chart-legend{display:flex;justify-content:flex-end;gap:14px;padding:0 20px;color:#6c809c;font-size:9.5px;font-weight:700}
.master-chart-legend>span{display:flex;align-items:center;gap:6px}
.master-chart-legend i{width:13px;height:3px;border-radius:3px;background:#146cf3}
.master-chart-legend span:last-child i{background:#a7b7cc}
.master-chart-stage{height:165px;padding:0 12px 8px}
.master-chart-stage .ref-line-chart{width:100%;height:100%}

.master-dashboard-operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.master-dashboard-operations-grid>.ref-dashboard-panel{min-width:0;min-height:318px;border-radius:20px;box-shadow:0 16px 36px rgba(31,65,119,.085)}
.master-plan-portfolio{border-color:#d9cffc;background:linear-gradient(145deg,#f1edff,#fff 60%,#ebe6ff)}
.master-system-readiness{border-color:#c6ecdf;background:linear-gradient(145deg,#eafaf5,#fff 62%,#e5f8f1)}
.master-support-queue{border-color:#ffd5b4;background:linear-gradient(145deg,#fff2e3,#fff 62%,#fff0da)}
.master-plan-layout{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:16px;padding:7px 18px 18px}
.master-plan-donut{width:140px;height:140px;display:grid;place-items:center;border-radius:50%;background:var(--master-donut);box-shadow:0 13px 28px rgba(76,60,160,.13)}
.master-plan-donut:before{content:"";grid-area:1/1;width:88px;height:88px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #e8e6f2}
.master-plan-donut>div{z-index:1;grid-area:1/1;text-align:center}
.master-plan-donut strong,.master-plan-donut span{display:block}
.master-plan-donut strong{color:#152957;font-size:25px;line-height:1}
.master-plan-donut span{margin-top:5px;color:#72809b;font-size:9.5px;font-weight:700}
.master-plan-legend{display:grid;gap:8px}
.master-plan-legend>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid rgba(218,216,235,.75)}
.master-plan-legend>div:last-child{border-bottom:0}
.master-plan-legend i{width:8px;height:8px;border-radius:50%;background:var(--legend-color)}
.master-plan-legend span{overflow:hidden;color:#465b7e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.master-plan-legend strong{color:#152d58;font-size:11px}.master-plan-legend small{color:#8592a8;font-size:9px}

.master-readiness-list,.master-support-list{display:grid;gap:9px;padding:8px 17px 18px}
.master-readiness-list>div{display:grid;grid-template-columns:11px minmax(0,1fr);align-items:center;gap:11px;min-height:58px;padding:11px 12px;border:1px solid rgba(187,223,211,.8);border-radius:13px;background:rgba(255,255,255,.76)}
.master-readiness-list>div>i{width:9px;height:9px;border-radius:50%;background:#0db181;box-shadow:0 0 0 4px rgba(13,177,129,.12)}
.master-readiness-list>div.needs-action{border-color:#f2d6a2;background:#fffaf1}.master-readiness-list>div.needs-action>i{background:#e29a1c;box-shadow:0 0 0 4px rgba(226,154,28,.13)}
.master-readiness-list strong,.master-readiness-list small{display:block}.master-readiness-list strong{color:#18375e;font-size:12.5px}.master-readiness-list small{margin-top:3px;color:#71849e;font-size:10.5px}
.master-support-list>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px 11px;border:1px solid rgba(242,210,172,.82);border-radius:13px;background:rgba(255,255,255,.78)}
.master-support-list>a:hover{border-color:#efb86d;background:#fff}
.master-support-list>a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-size:13px;font-weight:900}
.master-support-list .urgent{color:#d73f62;background:#ffe8ef}.master-support-list .normal{color:#d47b08;background:#fff0d9}.master-support-list .low{color:#079672;background:#e7faf4}
.master-support-list strong,.master-support-list small{display:block}.master-support-list strong{color:#21395f;font-size:12.5px}.master-support-list small{margin-top:3px;color:#7c8da5;font-size:10px}.master-support-list b{min-width:30px;color:#17365e;font-size:17px;text-align:center}

.master-dashboard-activity{min-height:226px;border-color:#cbdcff;background:linear-gradient(145deg,#eef4ff,#fff 58%,#edf1ff);border-radius:20px;box-shadow:0 16px 36px rgba(31,65,119,.08)}
.master-activity-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:5px 17px 18px}
.master-activity-list>a{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:105px;padding:12px;border:1px solid #dbe5f3;border-radius:14px;background:rgba(255,255,255,.8)}
.master-activity-list>a:hover{border-color:#b9ceed;background:#fff;transform:translateY(-2px)}
.master-activity-list>a>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:9px;font-weight:900}
.master-activity-list .tone-teal{background:linear-gradient(145deg,#00a47d,#24d0ae)}.master-activity-list .tone-blue{background:linear-gradient(145deg,#1766ef,#36a3ff)}.master-activity-list .tone-purple{background:linear-gradient(145deg,#6849e7,#a078ff)}.master-activity-list .tone-orange{background:linear-gradient(145deg,#ed8707,#ffc13a)}.master-activity-list .tone-green{background:linear-gradient(145deg,#08a071,#44cb8c)}
.master-activity-list>a>div{min-width:0}.master-activity-list strong,.master-activity-list small{display:block;overflow:hidden;text-overflow:ellipsis}.master-activity-list strong{color:#19345e;font-size:11.5px;line-height:1.3}.master-activity-list small{margin-top:4px;color:#71839f;font-size:9.5px;line-height:1.35}.master-activity-list time{grid-column:2;color:#8b98ad;font-size:9px}

@media(max-width:1320px){
  .master-dashboard-operations-grid{grid-template-columns:1fr 1fr}
  .master-support-queue{grid-column:1/-1}
  .master-support-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .master-activity-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  body.app-body.ui-reference-light.role-master.page-dashboard .page-content{padding:18px}
  .master-dashboard-operations-grid{grid-template-columns:1fr}
  .master-support-queue{grid-column:auto}
  .master-support-list{grid-template-columns:1fr}
  .master-activity-list{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  body.app-body.ui-reference-light.role-master.page-dashboard .page-content{padding:14px 12px 24px}
  .master-dashboard-kicker{margin-bottom:10px;font-size:8.5px}
  body.app-body.ui-reference-light.role-master.page-dashboard .ref-business-status-showcase-head p{font-size:11px}
  .master-business-row{grid-template-columns:38px minmax(0,1fr) auto}
  .master-business-row>b{display:none}
  .master-plan-layout{grid-template-columns:1fr;justify-items:center}
  .master-plan-legend{width:100%}
  .master-activity-list{grid-template-columns:1fr}
}

/* R31 Business workspace — one colorful, readable design system across every Business page. */
body.app-body.ui-reference-light.business-colorful{
  --biz-purple:#4e34c7;
  --biz-violet:#8068f4;
  --biz-blue:#1268f2;
  --biz-teal:#08b99a;
  --biz-yellow:#fff45f;
  --biz-ink:#0a214e;
  --biz-muted:#5f7398;
  color:var(--biz-ink);
}
body.app-body.ui-reference-light.business-colorful,
body.app-body.ui-reference-light.business-colorful :where(h1,h2,h3,h4,h5,h6,p,a,span,strong,small,label,button,input,select,textarea,table,dl,dt,dd,option,time){font-family:"Kameron",Georgia,"Times New Roman",serif!important}
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-content{
  min-height:calc(100vh - 76px);
  background:
    radial-gradient(circle at 5% 2%,rgba(77,52,199,.075),transparent 29%),
    radial-gradient(circle at 94% 7%,rgba(8,185,154,.07),transparent 28%),
    linear-gradient(180deg,#f8f8ff 0%,#f7fbff 52%,#fbfaff 100%)!important;
}

body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar{
  position:relative;
  isolation:isolate;
  min-height:124px!important;
  margin:0 0 22px!important;
  padding:24px 28px!important;
  overflow:hidden;
  border:0!important;
  border-radius:24px!important;
  background:linear-gradient(112deg,#24134f 0%,#5137ca 48%,#8067f3 100%)!important;
  box-shadow:0 18px 40px rgba(60,38,150,.19)!important;
}
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-118px;
  right:-66px;
  width:292px;
  height:292px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  box-shadow:0 0 0 44px rgba(255,255,255,.04),0 0 0 90px rgba(255,255,255,.025);
}
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy{position:relative;z-index:1;gap:17px!important}
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:18px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#0b72ef,#15d0bd)!important;
  box-shadow:0 11px 25px rgba(9,29,102,.27),inset 0 1px rgba(255,255,255,.4)!important;
}
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon>.icon{width:27px!important;height:27px!important}
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1{
  color:var(--biz-yellow)!important;
  font-size:clamp(27px,2vw,34px)!important;
  font-weight:850!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1:after{color:rgba(255,255,255,.68)!important}
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy p{
  margin-top:7px!important;
  color:#eeeaff!important;
  font-size:15px!important;
  font-weight:560!important;
  line-height:1.45!important;
}
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-actions{position:relative;z-index:1}
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-actions .btn{
  min-height:48px;
  border-color:rgba(255,255,255,.45);
  color:#fff;
  background:rgba(255,255,255,.12);
  box-shadow:0 9px 22px rgba(18,10,68,.18);
  backdrop-filter:blur(7px);
}
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-actions .btn-primary{
  border-color:#14131c;
  color:#fff;
  background:#14131c;
}

body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.panel,.table-panel,.toolbar-card,.settings-section,.support-card,.usage-card,.stat-card,.suite-card,.integration-market-card,.channel-market-card,.automation-card,.quick-reply-card,.auto-reply-card,.workflow-card,.product-card,.price-card,.v9-price-card,.widget-card,.ai-agent-card){
  --biz-card-start:#edf4ff;
  --biz-card-end:#fff;
  --biz-card-border:#cadcff;
  --biz-card-accent:#1767ef;
  border-color:var(--biz-card-border)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,var(--biz-card-start) 0%,var(--biz-card-end) 72%)!important;
  box-shadow:0 14px 34px rgba(34,70,126,.085)!important;
}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.settings-section,.integration-market-card,.channel-market-card){--biz-card-start:#e7faf4;--biz-card-border:#c5eadf;--biz-card-accent:#07a782}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.table-panel,.support-card,.price-card,.v9-price-card){--biz-card-start:#f1edff;--biz-card-border:#d8cdfd;--biz-card-accent:#6d50e6}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.toolbar-card,.usage-card,.quick-reply-card){--biz-card-start:#fff1df;--biz-card-border:#f4d6ae;--biz-card-accent:#ed8c10}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.automation-card,.auto-reply-card,.workflow-card,.ai-agent-card){--biz-card-start:#ffedf4;--biz-card-border:#f2cad9;--biz-card-accent:#e44e89}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.suite-card,.product-card,.widget-card){--biz-card-start:#eaf7ff;--biz-card-border:#c7e0f2;--biz-card-accent:#087ec8}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.panel,.settings-section,.suite-card,.integration-market-card,.channel-market-card,.automation-card,.quick-reply-card,.auto-reply-card,.workflow-card,.product-card,.price-card,.widget-card,.ai-agent-card):hover{
  border-color:color-mix(in srgb,var(--biz-card-accent) 40%,var(--biz-card-border))!important;
  box-shadow:0 20px 44px color-mix(in srgb,var(--biz-card-accent) 12%,rgba(35,69,120,.07))!important;
}

body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.analytics-grid,.suite-card-grid,.integration-market-grid,.channel-market-grid,.product-grid,.page-grid,.usage-grid,.pricing-grid)>:nth-child(4n+1){--biz-card-start:#e8f2ff;--biz-card-border:#c7dbff;--biz-card-accent:#1767ef}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.analytics-grid,.suite-card-grid,.integration-market-grid,.channel-market-grid,.product-grid,.page-grid,.usage-grid,.pricing-grid)>:nth-child(4n+2){--biz-card-start:#e2faf2;--biz-card-border:#bfe9dc;--biz-card-accent:#07a982}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.analytics-grid,.suite-card-grid,.integration-market-grid,.channel-market-grid,.product-grid,.page-grid,.usage-grid,.pricing-grid)>:nth-child(4n+3){--biz-card-start:#efeaff;--biz-card-border:#d5c9fd;--biz-card-accent:#704fe8}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.analytics-grid,.suite-card-grid,.integration-market-grid,.channel-market-grid,.product-grid,.page-grid,.usage-grid,.pricing-grid)>:nth-child(4n+4){--biz-card-start:#fff0dc;--biz-card-border:#f3d2a7;--biz-card-accent:#ef900e}

body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.panel-head,.settings-section-head){
  min-height:72px;
  padding:19px 21px!important;
  border-bottom-color:color-mix(in srgb,var(--biz-card-accent,#1767ef) 16%,#e5ebf4)!important;
  background:linear-gradient(95deg,color-mix(in srgb,var(--biz-card-start,#edf4ff) 86%,#fff),rgba(255,255,255,.78))!important;
}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.panel-head,.settings-section-head) h2{color:var(--biz-ink)!important;font-size:20px!important;font-weight:820!important;line-height:1.22!important}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.panel-head,.settings-section-head) p{margin-top:5px;color:var(--biz-muted)!important;font-size:13.5px!important;line-height:1.5!important}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.panel-pad,.settings-section-body){padding:21px!important}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .settings-section-foot{padding:17px 21px;border-top-color:#e2eaf4;background:rgba(255,255,255,.72)}

body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .stat-card{
  position:relative;
  isolation:isolate;
  min-height:148px;
  padding:20px!important;
  overflow:hidden;
}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .stat-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-43px;
  bottom:-56px;
  width:142px;
  height:142px;
  border-radius:50%;
  background:color-mix(in srgb,var(--biz-card-accent) 10%,transparent);
}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .stat-icon{
  width:52px;
  height:52px;
  border-radius:17px;
  color:#fff!important;
  background:linear-gradient(145deg,var(--biz-card-accent),color-mix(in srgb,var(--biz-card-accent) 60%,#1dd7c1))!important;
  box-shadow:0 9px 20px color-mix(in srgb,var(--biz-card-accent) 25%,transparent);
}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .stat-icon>.icon{width:25px;height:25px}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .stat-value{margin-top:15px;color:var(--biz-ink);font-size:30px;font-weight:850;line-height:1.05}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .stat-card>p{margin-top:7px;color:#4d6388;font-size:14px;font-weight:700}

body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.billing-hero,.commerce-hero,.suite-hero,.suite-lock,.v9-subscription-hero,.v9-wallet-hero,.v8-subscription-card){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:190px;
  padding:28px!important;
  border:0!important;
  border-radius:24px!important;
  color:#fff!important;
  background:linear-gradient(112deg,#251352 0%,#5036ca 48%,#8068f3 100%)!important;
  box-shadow:0 20px 44px rgba(58,37,148,.2)!important;
}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.billing-hero,.commerce-hero,.suite-hero,.suite-lock,.v9-subscription-hero,.v9-wallet-hero,.v8-subscription-card):before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-70px;
  top:-100px;
  width:270px;
  height:270px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.02);
}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.billing-hero,.commerce-hero,.suite-hero,.suite-lock,.v9-subscription-hero,.v9-wallet-hero,.v8-subscription-card) :is(h1,h2,h3,h4,strong){color:#fff!important}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.billing-hero,.commerce-hero,.suite-hero,.suite-lock,.v9-subscription-hero,.v9-wallet-hero,.v8-subscription-card) h2{font-size:clamp(27px,2.25vw,39px)!important;line-height:1.16!important}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.billing-hero,.commerce-hero,.suite-hero,.suite-lock,.v9-subscription-hero,.v9-wallet-hero,.v8-subscription-card) :is(p,small,span){color:#ece9ff!important;font-size:14px;line-height:1.55}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.billing-hero,.commerce-hero,.suite-hero,.suite-lock,.v9-subscription-hero,.v9-wallet-hero,.v8-subscription-card) .eyebrow{color:var(--biz-yellow)!important;font-size:12px!important;font-weight:850!important;letter-spacing:.12em}

body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.suite-card,.integration-market-card,.channel-market-card,.automation-card,.quick-reply-card,.auto-reply-card,.workflow-card,.product-card,.widget-card,.ai-agent-card){min-height:190px;padding:21px!important}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.suite-card,.integration-market-card,.channel-market-card,.automation-card,.quick-reply-card,.auto-reply-card,.workflow-card,.product-card,.widget-card,.ai-agent-card) h3{color:var(--biz-ink)!important;font-size:18px!important;font-weight:820!important;line-height:1.25!important}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.suite-card,.integration-market-card,.channel-market-card,.automation-card,.quick-reply-card,.auto-reply-card,.workflow-card,.product-card,.widget-card,.ai-agent-card)>p{color:#586f94!important;font-size:13px!important;line-height:1.55!important}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.feature-icon,.integration-brand-icon,.channel-logo){
  width:52px;
  height:52px;
  border:0!important;
  border-radius:17px!important;
  color:#fff!important;
  background:linear-gradient(145deg,var(--biz-card-accent,#1767ef),color-mix(in srgb,var(--biz-card-accent,#1767ef) 60%,#1dd7c1))!important;
  box-shadow:0 9px 20px color-mix(in srgb,var(--biz-card-accent,#1767ef) 23%,transparent);
}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.feature-icon,.integration-brand-icon,.channel-logo)>.icon{width:25px;height:25px}

body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .data-table-wrap{background:rgba(255,255,255,.76)}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .data-table{font-size:14px!important}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .data-table th{height:52px;padding:12px 15px;color:#40577d;background:linear-gradient(90deg,#ede9ff,#eef6ff)!important;font-size:12.5px!important;font-weight:820!important;letter-spacing:.025em}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .data-table td{padding:14px 15px;color:#263e66;font-size:14px!important;background:rgba(255,255,255,.7)}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .data-table tbody tr:nth-child(even) td{background:rgba(241,246,255,.72)}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .table-primary strong{font-size:14px}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .table-primary span{font-size:12px}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .form-label,
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .form-group>label{color:#243e69;font-size:14px!important;font-weight:750!important}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(input,select,textarea){min-height:48px;border-color:#cbd9ea;border-radius:12px;font-size:14.5px!important}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .btn{min-height:44px;border-radius:11px;font-size:14px;font-weight:780}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .btn-primary{background:linear-gradient(96deg,#1268f2 0%,#147ee9 52%,#08c7b8 115%);box-shadow:0 9px 20px rgba(18,104,242,.18)}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .btn-secondary{border-color:#c7d8ee;color:#284f85;background:rgba(255,255,255,.78)}

body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .notice-banner{min-height:72px;padding:14px 16px;border-radius:16px;box-shadow:0 10px 24px rgba(40,72,122,.06)}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .notice-banner .notice-icon{width:44px;height:44px;border-radius:14px}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .notice-banner strong{font-size:14px}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .notice-banner p{font-size:12.5px;line-height:1.45}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .empty-icon{width:56px;height:56px;border:0;border-radius:18px;color:#fff;background:linear-gradient(145deg,#1767ef,#18c9bb);box-shadow:0 10px 22px rgba(23,103,239,.19)}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .empty-state h3{font-size:18px}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .empty-state p{font-size:13.5px}

/* Bespoke Business pages retain their interactions and receive the same colorful surfaces. */
body.app-body.ui-reference-light.business-colorful.page-contacts .chub-toolbar{padding:15px;border:1px solid #d2c9fa;border-radius:18px;background:linear-gradient(135deg,#f0ebff,#edf8ff);box-shadow:0 12px 28px rgba(45,66,130,.07)}
body.app-body.ui-reference-light.business-colorful.page-contacts .chub-table-card{border-color:#c7dcf8!important;border-radius:20px!important;background:linear-gradient(145deg,#edf4ff,#fff 22%)!important;box-shadow:0 15px 34px rgba(34,70,126,.08)!important}
body.app-body.ui-reference-light.business-colorful.page-contacts .chub-table th{color:#3b5278;background:linear-gradient(90deg,#ede9ff,#e9f7ff)!important;font-size:13.5px!important}
body.app-body.ui-reference-light.business-colorful.page-contacts .chub-table td{font-size:14px!important;background:rgba(255,255,255,.76)}
body.app-body.ui-reference-light.business-colorful.page-contacts .chub-table tbody tr:nth-child(even) td{background:#f5f8ff}
body.app-body.ui-reference-light.business-colorful.page-contacts .chub-table-foot{background:linear-gradient(90deg,#eef3ff,#ecfaf5)}

body.app-body.ui-reference-light.business-colorful.page-templates .tpl-tabs{border-color:#d3c9fc!important;border-radius:16px!important;background:linear-gradient(90deg,#eeeaff,#edf8ff)!important;box-shadow:0 11px 25px rgba(48,69,128,.07)!important}
body.app-body.ui-reference-light.business-colorful.page-templates .tpl-tab{color:#3b527a;background:transparent!important;font-size:16px!important}
body.app-body.ui-reference-light.business-colorful.page-templates .tpl-tab.is-active{border-bottom-color:#684be0!important;color:#4d36bb!important;background:rgba(255,255,255,.76)!important}
body.app-body.ui-reference-light.business-colorful.page-templates :is(.tpl-search,.tpl-sync-btn){border-radius:12px!important;background:rgba(255,255,255,.84)!important}
body.app-body.ui-reference-light.business-colorful.page-templates :is(.tpl-library-col,.tpl-table-card){border-color:#cbdaf0!important;border-radius:18px!important;background:linear-gradient(145deg,#edf4ff,#fff 24%)!important;box-shadow:0 14px 32px rgba(37,70,122,.08)!important}
body.app-body.ui-reference-light.business-colorful.page-templates .tpl-library-col:nth-child(even){background:linear-gradient(145deg,#ebfaf4,#fff 24%)!important}
body.app-body.ui-reference-light.business-colorful.page-templates .tpl-table th{background:linear-gradient(90deg,#eeeaff,#edf7ff)!important;font-size:14px!important}
body.app-body.ui-reference-light.business-colorful.page-templates .tpl-table td{background:rgba(255,255,255,.76);font-size:14px!important}

body.app-body.ui-reference-light.business-colorful.page-campaigns .lcp-toolbar{margin:0 0 16px;padding:15px;border:1px solid #d4cafd;border-radius:18px;background:linear-gradient(135deg,#f0ecff,#eaf8ff);box-shadow:0 12px 28px rgba(48,69,128,.07)}
body.app-body.ui-reference-light.business-colorful.page-campaigns .lcp-search{height:46px;border-color:#c7d8ee;border-radius:12px;background:rgba(255,255,255,.86)}
body.app-body.ui-reference-light.business-colorful.page-campaigns .lcp-filter-trigger{min-height:39px;border-radius:10px;font-size:13px}
body.app-body.ui-reference-light.business-colorful.page-campaigns .lcp-tabs{height:54px;border-color:#d2c9fb;border-radius:14px;background:linear-gradient(90deg,#eeeaff,#edf8ff);overflow:hidden}
body.app-body.ui-reference-light.business-colorful.page-campaigns .lcp-tab{height:53px;background:transparent;font-size:14px}
body.app-body.ui-reference-light.business-colorful.page-campaigns .lcp-tab.active{border-bottom-color:#684be0;background:rgba(255,255,255,.78);color:#4e36ba}
body.app-body.ui-reference-light.business-colorful.page-campaigns .lcp-table-card{border-color:#cbdaf0!important;border-radius:18px!important;background:linear-gradient(145deg,#edf4ff,#fff 20%)!important;box-shadow:0 15px 34px rgba(34,70,126,.08)!important}
body.app-body.ui-reference-light.business-colorful.page-campaigns .lcp-table th{color:#3b5278;background:linear-gradient(90deg,#ede9ff,#eaf7ff)!important;font-size:13px!important}
body.app-body.ui-reference-light.business-colorful.page-campaigns .lcp-table td{font-size:13.5px!important;background:rgba(255,255,255,.76)}
body.app-body.ui-reference-light.business-colorful.page-campaigns .lcp-table tbody tr:nth-child(even) td{background:#f5f8ff}

body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .crm-column{border-color:#cfdcf0;border-radius:18px;background:linear-gradient(180deg,#eef4ff,#fbfdff);box-shadow:0 12px 28px rgba(37,70,122,.06)}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .crm-column:nth-child(2n){background:linear-gradient(180deg,#e9faf4,#fbfffd)}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .crm-column:nth-child(3n){background:linear-gradient(180deg,#f1ecff,#fdfcff)}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .crm-column-head{min-height:62px;padding:15px;background:rgba(255,255,255,.72)}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .crm-column-title{font-size:16px}
body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .crm-card{border-color:#d6e1ef;border-radius:15px;background:rgba(255,255,255,.84);box-shadow:0 8px 20px rgba(37,70,122,.07)}

@media(max-width:1180px){
  body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar{min-height:0!important;padding:20px!important;border-radius:20px!important}
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy{align-items:flex-start}
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon{width:50px!important;height:50px!important;flex-basis:50px}
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1{font-size:25px!important}
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy p{font-size:13.5px!important}
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-actions{width:100%}
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-actions .btn{flex:1 1 180px}
  body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.panel-head,.settings-section-head){padding:17px!important}
  body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.panel-pad,.settings-section-body){padding:17px!important}
  body.app-body.ui-reference-light.business-colorful.page-contacts .chub-toolbar,
  body.app-body.ui-reference-light.business-colorful.page-campaigns .lcp-toolbar{border-radius:14px}
}
@media(max-width:540px){
  body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .analytics-grid{grid-template-columns:1fr}
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar{padding:17px 15px!important}
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy{gap:12px!important}
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon{width:44px!important;height:44px!important;flex-basis:44px;border-radius:14px!important}
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1{font-size:22px!important}
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy p{font-size:12.5px!important}
  body.app-body.ui-reference-light.business-colorful:not(.page-inbox) .stat-card{min-height:132px}
  body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.billing-hero,.commerce-hero,.suite-hero,.suite-lock,.v9-subscription-hero,.v9-wallet-hero,.v8-subscription-card){min-height:0;padding:21px!important;border-radius:19px!important}
  body.app-body.ui-reference-light.business-colorful:not(.page-inbox) :is(.billing-hero,.commerce-hero,.suite-hero,.suite-lock,.v9-subscription-hero,.v9-wallet-hero,.v8-subscription-card) h2{font-size:25px!important}
}

/* R35 — Master and Business mobile drawers must remain hidden until opened. */
@media(max-width:1080px){
  body.ui-reference-light .sidebar{transform:translateX(-102%)!important}
  body.ui-reference-light .sidebar.open{transform:translateX(0)!important}
}

/* R36 — provider platform, AI agents, revenue automation and channel optimizer. */
.integration-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.integration-market-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0;overflow:hidden}
.integration-market-card:after{content:"";position:absolute;right:-50px;top:-58px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--biz-card-accent,#1767ef) 9%,transparent);pointer-events:none}
.integration-market-card>div:nth-of-type(2){min-height:101px}
.integration-market-card .integration-brand-icon{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 auto;background:#fff!important;box-shadow:0 10px 24px rgba(31,61,110,.12)!important}
.integration-market-card .integration-brand-icon img{display:block;width:30px;height:30px;object-fit:contain}
.integration-market-card .integration-brand-icon.whatsapp img{width:34px;height:34px}
.integration-market-card .status-badge{position:absolute;z-index:2;top:21px;right:21px;max-width:145px}
.integration-market-card .integration-plan-label{display:block;margin-bottom:5px;color:var(--biz-card-accent,#1767ef);font-size:10.5px;font-weight:850;letter-spacing:.09em}
.integration-market-card .text-danger{display:block;min-height:32px;color:#b4233a;font-size:11px;line-height:1.4}
.integration-market-card .btn-block{margin-top:auto}
.integration-market-card .row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}
.integration-market-card .row-actions form,.integration-market-card .row-actions .btn{width:100%}
.integration-market-card.is-plan-locked{border-style:dashed!important;background:linear-gradient(145deg,#fff8e9,#fff 62%)!important}
.integration-market-card.is-plan-locked .integration-brand-icon{filter:grayscale(.25);opacity:.72}
.integration-dialog-title{display:flex;align-items:center;gap:12px}
.integration-dialog-title>img{width:42px;height:42px;padding:7px;border:1px solid #dbe5f2;border-radius:13px;background:#fff;object-fit:contain}
.integration-dialog-title span{display:block;color:#6e7f9d;font-size:10px;font-weight:850;letter-spacing:.1em}
.integration-dialog-title h2{margin:2px 0 0}

.chd-integration-ico{display:grid!important;place-items:center!important;overflow:hidden;color:#1767ef!important}
.chd-integration-ico img{width:38px;height:38px;object-fit:contain}
.chd-integration-ico .icon{width:29px;height:29px}
.chd-integration-card:hover .chd-integration-ico{transform:translateY(-2px);box-shadow:0 10px 22px rgba(26,83,167,.14)}
.chd-integration-external .icon{width:18px;height:18px}

.platform-integrations-page,.ai-agent-page,.revenue-autopilot-page,.channel-optimizer-page{display:grid;gap:20px}
.platform-provider-hero,.ai-agent-hero,.revenue-hero,.optimizer-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:230px;padding:30px 34px;overflow:hidden;border:1px solid rgba(122,99,237,.25);border-radius:25px;background:linear-gradient(118deg,#25155f 0%,#5e3fd5 52%,#7c65ed 100%);box-shadow:0 20px 45px rgba(58,42,140,.18);color:#fff}
.platform-provider-hero:after,.ai-agent-hero:after,.revenue-hero:after,.optimizer-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 56px rgba(255,255,255,.045),0 0 0 112px rgba(255,255,255,.025)}
.platform-provider-hero>div,.ai-agent-hero>div,.revenue-hero>div,.optimizer-hero>div{position:relative;z-index:1;max-width:820px}
.platform-provider-hero h1,.ai-agent-hero h1,.revenue-hero h1,.optimizer-hero h1{margin:7px 0 8px;color:#fff;font-size:clamp(27px,2.25vw,39px);line-height:1.12}
.platform-provider-hero p,.ai-agent-hero p,.revenue-hero p,.optimizer-hero p{max-width:780px;margin:0;color:#e9e5ff;font-size:14.5px;line-height:1.6}
.platform-provider-actions,.ai-agent-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.platform-provider-actions a,.ai-agent-hero-actions :is(a,button){display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.26);border-radius:11px;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-size:13px;font-weight:780;text-decoration:none;cursor:pointer}
.platform-provider-actions .icon,.ai-agent-hero-actions .icon{width:18px;height:18px}
.platform-provider-score,.ai-agent-hero>aside,.revenue-hero-score{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 190px;min-height:165px;padding:20px;border:1px solid rgba(255,255,255,.22);border-radius:21px;background:rgba(255,255,255,.11);backdrop-filter:blur(8px);text-align:center}
.platform-provider-score>strong,.ai-agent-hero>aside>strong,.revenue-hero-score>strong{color:#fff;font-size:48px;line-height:1}
.platform-provider-score>strong small{font-size:19px}
.platform-provider-score>span,.ai-agent-hero>aside>small,.revenue-hero-score>span{margin-top:8px;color:#eeeaff;font-size:12px;font-weight:750}
.platform-provider-score>i{display:block;width:100%;height:7px;margin-top:16px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.17)}
.platform-provider-score>i b{display:block;height:100%;border-radius:inherit;background:#54ebd0}
.platform-provider-metrics,.ai-agent-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.platform-provider-metrics article,.ai-agent-metrics article{display:flex;align-items:center;gap:13px;min-height:90px;padding:16px 18px;border:1px solid #d4def0;border-radius:17px;background:linear-gradient(145deg,#eef4ff,#fff 65%);box-shadow:0 12px 27px rgba(31,64,112,.07)}
.platform-provider-metrics article:nth-child(2),.ai-agent-metrics article:nth-child(2){background:linear-gradient(145deg,#e7faf3,#fff 65%)}
.platform-provider-metrics article:nth-child(3),.ai-agent-metrics article:nth-child(3){background:linear-gradient(145deg,#f0ebff,#fff 65%)}
.platform-provider-metrics article:nth-child(4),.ai-agent-metrics article:nth-child(4){background:linear-gradient(145deg,#fff0df,#fff 65%)}
.platform-provider-metrics article>span,.ai-agent-metrics article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#fff;color:#1767ef;box-shadow:0 8px 18px rgba(31,64,112,.1)}
.platform-provider-metrics article .icon,.ai-agent-metrics article .icon{width:22px;height:22px}
.platform-provider-metrics strong,.platform-provider-metrics small,.ai-agent-metrics strong,.ai-agent-metrics small{display:block}
.platform-provider-metrics strong,.ai-agent-metrics strong{color:#132f5e;font-size:24px;line-height:1}
.platform-provider-metrics small,.ai-agent-metrics small{margin-top:5px;color:#697d9b;font-size:11px;font-weight:720}
.platform-provider-section-head,.ai-agent-section-head{padding:7px 4px 0}
.platform-provider-section-head span,.ai-agent-section-head span,.ai-knowledge-panel>header span,.revenue-action-panel>header>div>span,.optimizer-config>header span,.optimizer-readiness>header span{color:#6949db;font-size:10.5px;font-weight:880;letter-spacing:.12em}
.platform-provider-section-head h2,.ai-agent-section-head h2{margin:4px 0 3px;color:#102e5c;font-size:24px}
.platform-provider-section-head p,.ai-agent-section-head p{margin:0;color:#6d809d;font-size:13px}
.platform-provider-grid,.ai-agent-grid,.revenue-playbook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.platform-provider-card,.ai-agent-card,.revenue-playbook-card{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding:21px;border:1px solid #cbdaf0;border-radius:20px;background:linear-gradient(145deg,#edf4ff,#fff 61%);box-shadow:0 14px 32px rgba(35,68,119,.08)}
.platform-provider-card.tone-green{background:linear-gradient(145deg,#e7faf2,#fff 61%)}
.platform-provider-card.tone-purple{background:linear-gradient(145deg,#f0ebff,#fff 61%)}
.platform-provider-card.tone-teal{background:linear-gradient(145deg,#e3fbfa,#fff 61%)}
.platform-provider-card>header,.ai-agent-card>header,.revenue-playbook-card>header{display:flex;align-items:center;gap:12px}
.platform-provider-card>header>div,.ai-agent-card>header>div{min-width:0}
.platform-provider-card>header .status-badge,.ai-agent-card>header .status-badge,.revenue-playbook-card>header .status-badge{margin-left:auto}
.platform-provider-icon,.ai-agent-card>header>span,.revenue-playbook-card>header>span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#1767ef,#13c5bb);box-shadow:0 9px 20px rgba(23,103,239,.18);color:#fff}
.platform-provider-icon .icon,.ai-agent-card>header>span .icon,.revenue-playbook-card>header>span .icon{width:24px;height:24px}
.platform-provider-icon img{width:28px;height:28px;object-fit:contain;filter:none}
.platform-provider-card .platform-provider-icon{border:1px solid #dbe5f1;background:#fff;box-shadow:0 9px 20px rgba(38,69,112,.11)}
.platform-provider-card header small,.ai-agent-card header small{display:block;color:#6d80a0;font-size:9.5px;font-weight:880;letter-spacing:.1em}
.platform-provider-card h3,.ai-agent-card h3,.revenue-playbook-card h3{margin:2px 0 0;color:#102e5b;font-size:18px}
.platform-provider-card>p,.ai-agent-card>p,.revenue-playbook-card>p{min-height:45px;margin:0;color:#5e7496;font-size:13px;line-height:1.5}
.platform-provider-result{display:flex;gap:9px;min-height:57px;padding:11px;border:1px solid rgba(34,164,124,.16);border-radius:13px;background:rgba(255,255,255,.72);color:#168a6a}
.platform-provider-result .icon{flex:0 0 17px;width:17px;height:17px}
.platform-provider-result small{color:#4d6d6a;font-size:11px;line-height:1.45}
.platform-provider-error{padding:9px 10px;border-radius:10px;background:#fff0f2;color:#a8273d;font-size:11px;line-height:1.4}
.platform-provider-card>footer,.ai-agent-card>footer{display:flex;align-items:center;gap:9px;margin-top:auto}
.platform-provider-card>footer form{flex:1}.platform-provider-card>footer .btn{width:100%}
.platform-provider-flow,.ai-knowledge-panel,.revenue-action-panel,.optimizer-config,.optimizer-readiness{overflow:hidden;border:1px solid #cbdaf0;border-radius:21px;background:linear-gradient(145deg,#f0ebff,#fff 38%);box-shadow:0 15px 34px rgba(34,70,126,.08)}
.platform-provider-flow>header,.ai-knowledge-panel>header,.revenue-action-panel>header,.optimizer-config>header,.optimizer-readiness>header{padding:21px 23px;border-bottom:1px solid #d9e2ef;background:rgba(255,255,255,.62)}
.platform-provider-flow>header span{color:#6949db;font-size:10px;font-weight:880;letter-spacing:.12em}
.platform-provider-flow>header h2,.ai-knowledge-panel>header h2,.revenue-action-panel>header h2,.optimizer-config>header h2,.optimizer-readiness>header h2{margin:4px 0 0;color:#102e5b;font-size:21px}
.platform-provider-flow>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px}
.platform-provider-flow article{position:relative;padding:0 20px 0 50px}
.platform-provider-flow article:not(:last-child):after{content:"";position:absolute;right:-8px;top:19px;width:16px;border-top:2px dashed #b9c8dc}
.platform-provider-flow article>span{position:absolute;left:0;top:0;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#684be0;color:#fff;font-size:14px;font-weight:850}
.platform-provider-flow article strong{display:block;color:#173560;font-size:13px}
.platform-provider-flow article p{margin:5px 0 0;color:#6a7e9b;font-size:11.5px;line-height:1.45}
.platform-provider-dialog{width:min(620px,calc(100vw - 24px))}.platform-provider-dialog .dialog-head>div>span,.ai-agent-dialog .dialog-head>div>span{color:#6949db;font-size:10px;font-weight:850;letter-spacing:.1em}

.ai-agent-hero{background:linear-gradient(118deg,#142d63 0%,#3854bb 45%,#7560e9 100%)}
.ai-provider-state{display:flex;align-items:center;gap:7px;margin-bottom:14px;color:#fff;font-size:10.5px;font-weight:780}
.ai-provider-state i{width:9px;height:9px;border-radius:50%;background:#ffba46;box-shadow:0 0 0 5px rgba(255,186,70,.15)}
.ai-provider-state.ready i{background:#43e3b4;box-shadow:0 0 0 5px rgba(67,227,180,.15)}
.ai-agent-hero>aside>a{margin-top:13px;color:#fff;font-size:11px;font-weight:750}
.ai-agent-empty{grid-column:1/-1;padding:52px;border:1px dashed #bfcfe5;border-radius:21px;background:linear-gradient(135deg,#eef5ff,#f1ecff);text-align:center}
.ai-agent-empty>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 13px;border-radius:18px;background:#684be0;color:#fff}
.ai-agent-empty h3{margin:0;color:#102e5b;font-size:20px}.ai-agent-empty p{max-width:580px;margin:7px auto 16px;color:#647895;font-size:13px;line-height:1.5}
.ai-agent-card{min-height:310px}.ai-agent-card.role-sales,.ai-agent-card.role-orders{background:linear-gradient(145deg,#e5faf2,#fff 61%)}.ai-agent-card.role-booking,.ai-agent-card.role-custom{background:linear-gradient(145deg,#fff0df,#fff 61%)}
.ai-agent-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:11px;border-radius:13px;background:rgba(255,255,255,.72)}
.ai-agent-card-stats span{color:#7184a0;font-size:9.5px;text-align:center}.ai-agent-card-stats b{display:block;margin-bottom:3px;color:#173560;font-size:13px}
.ai-agent-tools{display:flex;flex-wrap:wrap;gap:6px}.ai-agent-tools span{padding:5px 8px;border-radius:99px;background:#eef2ff;color:#4f52a8;font-size:9.5px;font-weight:750}
.ai-agent-card>footer form:first-child{flex:1}.ai-agent-card>footer form:first-child .btn{width:100%}
.ai-agent-card>footer .table-action{flex:0 0 38px}
.ai-knowledge-panel>header,.revenue-action-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.ai-knowledge-panel>header p,.revenue-action-panel>header p,.optimizer-config>header p{margin:4px 0 0;color:#6b7f9c;font-size:12px}
.ai-knowledge-list{display:grid;gap:0}.ai-knowledge-list article{display:flex;align-items:center;gap:13px;padding:15px 22px;border-top:1px solid #e0e7f1;background:rgba(255,255,255,.7)}
.ai-knowledge-list article:first-child{border-top:0}.ai-knowledge-list article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e9f2ff;color:#1767ef}.ai-knowledge-list article>div{flex:1;min-width:0}.ai-knowledge-list article strong,.ai-knowledge-list article small{display:block}.ai-knowledge-list article strong{color:#18365f;font-size:13px}.ai-knowledge-list article small{margin-top:4px;color:#70829d;font-size:10.5px}
.ai-knowledge-empty{padding:36px;color:#71829c;text-align:center}.ai-preview-result{display:flex;gap:15px;padding:20px;border:1px solid #c2eadc;border-radius:18px;background:linear-gradient(135deg,#e7faf3,#fff)}.ai-preview-result>span{color:#0d9f79}.ai-preview-result small{color:#11876b;font-size:10px;font-weight:850;letter-spacing:.1em}.ai-preview-result p{margin:5px 0 0;color:#244461;font-size:13px;line-height:1.55}.ai-tool-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ai-tool-choice label{padding:11px;border:1px solid #d4deec;border-radius:11px;background:#f8faff;color:#39536f;font-size:12px}

.revenue-hero{background:linear-gradient(118deg,#064b46 0%,#078975 50%,#22b892 100%)}
.revenue-hero-score small{margin-top:7px;color:#d6fff2;font-size:10.5px}.revenue-playbook-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.revenue-playbook-card{min-height:330px;background:linear-gradient(145deg,#fff1dd,#fff 62%)}.revenue-playbook-card.active{border-color:#a8e1ce;background:linear-gradient(145deg,#e3faf2,#fff 62%)}
.revenue-playbook-card form{display:grid;gap:11px;margin-top:auto}.revenue-playbook-card form>label:not(.revenue-switch){display:grid;grid-template-columns:1fr 84px;align-items:center;gap:8px;color:#506887;font-size:11px;font-weight:720}.revenue-playbook-card input[type=number]{min-height:40px;padding:8px 10px}.revenue-switch,.optimizer-toggle{display:flex;align-items:center;gap:9px;cursor:pointer}.revenue-switch>input,.optimizer-toggle>input{position:absolute;opacity:0}.revenue-switch>span,.optimizer-toggle>span{position:relative;display:block;width:39px;height:22px;border-radius:99px;background:#cbd6e6;transition:.2s}.revenue-switch>span:after,.optimizer-toggle>span:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.2s}.revenue-switch>input:checked+span,.optimizer-toggle>input:checked+span{background:#14a881}.revenue-switch>input:checked+span:after,.optimizer-toggle>input:checked+span:after{transform:translateX(17px)}.revenue-switch b{color:#425c7a;font-size:11px}.revenue-playbook-card>small{color:#8190a8;font-size:9.5px}
.revenue-action-filter span{display:inline-flex;padding:7px 11px;border-radius:99px;background:#eee9ff;color:#624ac3;font-size:11px;font-weight:780}.revenue-action-list{display:grid}.revenue-action-list>article{display:flex;align-items:center;gap:13px;padding:15px 22px;border-top:1px solid #e0e7f1;background:rgba(255,255,255,.72)}.revenue-action-list>article.status-completed{opacity:.7}.revenue-action-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:14px;background:#e8f2ff;color:#1767ef}.revenue-action-list article>div{flex:1;min-width:0}.revenue-action-list article>div :is(small,strong,p,time){display:block}.revenue-action-list article>div small{color:#6e54c5;font-size:9px;font-weight:850;letter-spacing:.08em}.revenue-action-list article>div strong{margin-top:3px;color:#18365f;font-size:13px}.revenue-action-list article>div p{margin:3px 0;color:#697e9a;font-size:11px}.revenue-action-list article>div time{color:#909db0;font-size:9.5px}.revenue-action-list article form{display:flex;align-items:center;gap:5px}.revenue-action-empty{padding:45px;text-align:center}.revenue-action-empty>.icon{width:37px;height:37px;color:#10a47d}.revenue-action-empty strong,.revenue-action-empty p{display:block}.revenue-action-empty strong{margin-top:8px;color:#18365f}.revenue-action-empty p{color:#6c809a;font-size:12px}

.optimizer-hero{background:linear-gradient(118deg,#173461 0%,#1767b8 50%,#14a995 100%)}
.optimizer-route{position:relative;z-index:1;display:flex!important;align-items:center;gap:9px!important;max-width:none!important}.optimizer-route>span{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(255,255,255,.27);border-radius:21px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}.optimizer-route img{width:38px;height:38px;object-fit:contain}.optimizer-route>i{color:#fff;font-style:normal;font-size:22px}
.optimizer-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:18px}.optimizer-config>form{display:grid;gap:20px;padding:22px}.optimizer-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.optimizer-mode-grid label{cursor:pointer}.optimizer-mode-grid input{position:absolute;opacity:0}.optimizer-mode-grid label>span{display:block;min-height:98px;padding:15px;border:1px solid #d2ddeb;border-radius:14px;background:#fff;transition:.2s}.optimizer-mode-grid input:checked+span{border-color:#6550d9;background:#f0ecff;box-shadow:0 0 0 3px rgba(101,80,217,.1)}.optimizer-mode-grid strong,.optimizer-mode-grid small{display:block}.optimizer-mode-grid strong{color:#173660;font-size:13px}.optimizer-mode-grid small{margin-top:6px;color:#6e809a;font-size:10.5px;line-height:1.4}.optimizer-order>label{display:block;margin-bottom:9px;color:#243e69;font-size:13px;font-weight:760}.optimizer-order>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.optimizer-order>div>label{cursor:pointer}.optimizer-order input{position:absolute;opacity:0}.optimizer-order label>span{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d3deec;border-radius:13px;background:#fff}.optimizer-order input:checked+span{border-color:#12a782;background:#eafaf4}.optimizer-order img{width:32px;height:32px}.optimizer-order span strong,.optimizer-order span small{display:block}.optimizer-order span strong{color:#173660;font-size:12px}.optimizer-order span small{color:#72849e;font-size:9.5px}.optimizer-toggle{padding:14px;border:1px solid #d6e0ec;border-radius:14px;background:#f8faff}.optimizer-toggle>div strong,.optimizer-toggle>div small{display:block}.optimizer-toggle>div strong{color:#173660;font-size:12px}.optimizer-toggle>div small{margin-top:3px;color:#73859f;font-size:10px}.optimizer-readiness>header{padding-bottom:17px}.optimizer-readiness>article{display:flex;align-items:center;gap:11px;padding:14px 18px;border-top:1px solid #e1e8f1;background:rgba(255,255,255,.72)}.optimizer-readiness>article>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#eef4ff}.optimizer-readiness>article img{width:28px;height:28px}.optimizer-readiness>article>div{flex:1}.optimizer-readiness>article strong,.optimizer-readiness>article small{display:block}.optimizer-readiness>article strong{color:#18365f;font-size:12px}.optimizer-readiness>article small{margin-top:3px;color:#74859e;font-size:9.5px}.optimizer-readiness>.notice-banner{margin:16px}.optimizer-readiness>.btn{width:calc(100% - 32px);margin:0 16px 16px}

@media(max-width:1250px){.integration-market-grid,.platform-provider-grid,.ai-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.revenue-playbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.platform-provider-metrics,.ai-agent-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-provider-flow>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.platform-provider-flow article:not(:last-child):after{display:none}.optimizer-layout{grid-template-columns:1fr}.optimizer-mode-grid{grid-template-columns:1fr}}
@media(max-width:720px){.integration-market-grid,.platform-provider-grid,.ai-agent-grid,.revenue-playbook-grid{grid-template-columns:1fr}.platform-provider-hero,.ai-agent-hero,.revenue-hero,.optimizer-hero{align-items:stretch;flex-direction:column;padding:23px 20px}.platform-provider-score,.ai-agent-hero>aside,.revenue-hero-score{flex-basis:auto;min-height:135px}.platform-provider-metrics,.ai-agent-metrics,.platform-provider-flow>div{grid-template-columns:1fr}.optimizer-route{justify-content:center}.optimizer-route>span{width:54px;height:54px}.optimizer-route img{width:31px;height:31px}.optimizer-order>div,.ai-tool-choice{grid-template-columns:1fr}.ai-knowledge-panel>header,.revenue-action-panel>header{align-items:flex-start;flex-direction:column}.ai-knowledge-list article,.revenue-action-list>article{align-items:flex-start;flex-wrap:wrap;padding:14px}.revenue-action-list article>div{flex-basis:calc(100% - 62px)}.revenue-action-list article form{width:100%;justify-content:flex-end}.integration-market-card .status-badge{top:18px;right:18px}}

/* R41 — JICE-inspired global application header and sidebar. */
body.app-body.ui-reference-light{
  --r41-navy:#061d42;
  --r41-navy-2:#0a3975;
  --r41-blue:#0c60c7;
  --r41-gold:#f1bf24;
  --r41-gold-soft:#fff5c8;
  --r41-cream:#fffdf5;
  --r41-cream-2:#f7f3e8;
  --r41-sky:#e8f4ff;
}

/* The shell uses the same display/body typography as the approved reference. */
body.app-body.ui-reference-light :is(.topbar,.sidebar,.master-context-bar,.page-titlebar){font-family:"Inter",Arial,sans-serif!important}
body.app-body.ui-reference-light :is(.page-titlebar-copy h1,.sidebar-link,.sidebar-group-toggle,.sidebar-sublink,.sidebar-context-card strong,.sidebar-profile-card strong,.master-context-copy strong,.topbar-date-pill,.user-menu-copy strong){font-family:"Poppins","Inter",Arial,sans-serif!important}
body.app-body.ui-reference-light.business-colorful :is(.topbar,.sidebar,.master-context-bar,.page-titlebar) :where(a,button,input,span,strong,small,h1,p){font-family:"Inter",Arial,sans-serif!important}
body.app-body.ui-reference-light.business-colorful :is(.page-titlebar-copy h1,.sidebar-link,.sidebar-group-toggle,.sidebar-sublink,.sidebar-context-card strong,.sidebar-profile-card strong,.master-context-copy strong,.topbar-date-pill,.user-menu-copy strong){font-family:"Poppins","Inter",Arial,sans-serif!important}

/* Persistent left navigation — deep navy, warm gold and cream. */
body.app-body.ui-reference-light .sidebar{
  isolation:isolate;
  overflow:hidden;
  border-right:1px solid rgba(241,191,36,.34)!important;
  color:#fff;
  background:
    radial-gradient(circle at -8% 9%,rgba(241,191,36,.17),transparent 22%),
    radial-gradient(circle at 112% 76%,rgba(26,151,228,.22),transparent 32%),
    linear-gradient(180deg,var(--r41-navy) 0%,#082957 56%,var(--r41-navy-2) 100%)!important;
  box-shadow:18px 0 46px rgba(4,24,58,.12)!important;
}
body.app-body.ui-reference-light .sidebar:before{
  z-index:-1;
  inset:114px -36px auto auto;
  width:210px;
  height:280px;
  opacity:.2;
  background:radial-gradient(circle,rgba(255,255,255,.72) 1.15px,transparent 1.35px) 0 0/15px 15px;
}
body.app-body.ui-reference-light .sidebar-head{
  margin:12px 0 9px;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:20px;
  background:linear-gradient(135deg,#fffef9,#f5f0df)!important;
  box-shadow:0 12px 29px rgba(0,13,39,.2),inset 0 1px rgba(255,255,255,.85);
}
body.app-body.ui-reference-light.role-master .sidebar-head{padding:0 14px!important}
body.app-body.ui-reference-light .sidebar-brand-full{width:165px;max-width:165px!important}
body.app-body.ui-reference-light .sidebar-collapse{
  width:40px;
  height:40px;
  border:1px solid rgba(9,45,93,.12)!important;
  border-radius:13px!important;
  color:var(--r41-navy)!important;
  background:linear-gradient(145deg,#fff8d3,#f1bf24)!important;
  box-shadow:0 7px 16px rgba(114,81,5,.16)!important;
}
body.app-body.ui-reference-light .sidebar-collapse:hover{color:#fff!important;border-color:rgba(255,255,255,.24)!important;background:linear-gradient(145deg,#0b4b99,#062554)!important}
body.app-body.ui-reference-light .sidebar-context-card{
  border:1px solid rgba(255,255,255,.28)!important;
  color:var(--r41-navy)!important;
  background:linear-gradient(135deg,#fffef8,#fff5ce)!important;
  box-shadow:0 12px 28px rgba(0,18,49,.2)!important;
}
body.app-body.ui-reference-light .sidebar-context-avatar,
body.app-body.ui-reference-light .sidebar-context-icon{
  color:#fff!important;
  background:linear-gradient(145deg,#0c5fc4,#0c3975)!important;
  box-shadow:0 7px 16px rgba(6,43,91,.22);
}
body.app-body.ui-reference-light .sidebar-context-card strong{color:var(--r41-navy)!important;font-size:14px!important;font-weight:800!important}
body.app-body.ui-reference-light .sidebar-context-card small{color:#657493!important;font-size:11px!important}
body.app-body.ui-reference-light .sidebar-context-card>.icon{color:#755f1b!important}

body.app-body.ui-reference-light .sidebar-nav,
body.app-body.ui-reference-light.role-master .sidebar-nav{
  border:1px solid rgba(255,255,255,.1)!important;
  background:rgba(1,16,43,.22)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055)!important;
}
body.app-body.ui-reference-light .nav-group-label,
body.app-body.ui-reference-light .nav-quick-label{
  border-color:rgba(255,255,255,.13)!important;
  color:#f7ce53!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
body.app-body.ui-reference-light .sidebar-link,
body.app-body.ui-reference-light .sidebar-group-toggle,
body.app-body.ui-reference-light.role-master .sidebar-link{
  min-height:48px;
  border:1px solid transparent!important;
  border-radius:13px!important;
  color:#e7effd!important;
  -webkit-text-fill-color:#e7effd!important;
  background:transparent!important;
  font-size:13.5px!important;
  font-weight:650!important;
  letter-spacing:-.01em;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-toggle,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-toggle>span:first-of-type,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-toggle:is(:hover,:focus,:focus-visible),
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-toggle:is(:hover,:focus,:focus-visible)>span:first-of-type,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.open>.sidebar-group-toggle,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.open>.sidebar-group-toggle>span:first-of-type{
  color:#e7effd!important;
  -webkit-text-fill-color:#e7effd!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.active>.sidebar-group-toggle,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.active>.sidebar-group-toggle>span:first-of-type{
  color:var(--r41-navy)!important;
  -webkit-text-fill-color:var(--r41-navy)!important;
}
body.app-body.ui-reference-light .sidebar-link>.icon,
body.app-body.ui-reference-light .sidebar-group-toggle>.icon,
body.app-body.ui-reference-light .sidebar-group-chevron{
  color:#a9c9f4!important;
}
body.app-body.ui-reference-light .sidebar-link:hover,
body.app-body.ui-reference-light .sidebar-group-toggle:hover{
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.09)!important;
}
body.app-body.ui-reference-light .sidebar-link:hover>.icon,
body.app-body.ui-reference-light .sidebar-group-toggle:hover>.icon{color:#ffd85e!important}
body.app-body.ui-reference-light .sidebar-link.active,
body.app-body.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle,
body.app-body.ui-reference-light .sidebar-nav-premium>.sidebar-link.active{
  border-color:#f7d766!important;
  color:var(--r41-navy)!important;
  -webkit-text-fill-color:var(--r41-navy)!important;
  background:linear-gradient(105deg,#fffbea 0%,#f7d45f 100%)!important;
  box-shadow:0 11px 24px rgba(0,13,38,.23)!important;
  font-weight:800!important;
}
body.app-body.ui-reference-light .sidebar-link.active>.icon,
body.app-body.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle>.icon,
body.app-body.ui-reference-light .sidebar-nav-premium>.sidebar-link.active>.icon{color:#0a417f!important}
body.app-body.ui-reference-light .sidebar-link.active:before,
body.app-body.ui-reference-light .sidebar-link.active:after,
body.app-body.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle:before,
body.app-body.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle:after{display:none!important}
body.app-body.ui-reference-light .sidebar-nav-group.open{
  border-color:rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
body.app-body.ui-reference-light .sidebar-nav-group.open>.sidebar-group-toggle,
body.app-body.ui-reference-light .sidebar-nav-group.open>.sidebar-group-toggle>span:first-of-type{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:transparent!important;
}
body.app-body.ui-reference-light .sidebar-nav-group.open .sidebar-group-chevron{color:#f7d35d!important}
body.app-body.ui-reference-light .sidebar-sublink,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.open .sidebar-sublink{
  min-height:43px;
  color:#cbdcf6!important;
  -webkit-text-fill-color:#cbdcf6!important;
  background:transparent!important;
  font-size:12.5px!important;
  font-weight:600!important;
}
body.app-body.ui-reference-light .sidebar-sublink>.icon{color:#8fb2e3!important}
body.app-body.ui-reference-light .sidebar-sublink:hover,
body.app-body.ui-reference-light .sidebar-sublink.active,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.open .sidebar-sublink:hover,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.open .sidebar-sublink.active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.1)!important;
  box-shadow:none!important;
}
body.app-body.ui-reference-light .sidebar-bottom,
body.app-body.ui-reference-light.role-master .sidebar-bottom{
  border-top-color:rgba(255,255,255,.14)!important;
  background:transparent!important;
}
body.app-body.ui-reference-light .sidebar-profile-card{
  border:1px solid rgba(255,255,255,.24)!important;
  color:var(--r41-navy)!important;
  background:linear-gradient(135deg,#fffef9,#fff4c8)!important;
  box-shadow:0 10px 24px rgba(0,16,44,.18)!important;
}
body.app-body.ui-reference-light .sidebar-profile-card strong{color:var(--r41-navy)!important;font-size:13px!important}
body.app-body.ui-reference-light .sidebar-profile-card small{color:#667691!important;font-size:10.5px!important}
body.app-body.ui-reference-light .sidebar-logout{
  border-color:rgba(255,164,180,.3)!important;
  color:#ffd8df!important;
  background:rgba(255,255,255,.07)!important;
  font-family:"Poppins","Inter",Arial,sans-serif!important;
  font-size:13px!important;
}
body.app-body.ui-reference-light .sidebar-logout:hover{border-color:#ff8199!important;color:#fff!important;background:linear-gradient(135deg,#dd3157,#b91f46)!important}

/* Compact rail keeps the same visual language without changing open/close behaviour. */
@media(min-width:1081px){
  body.app-body.ui-reference-light.sidebar-compact .sidebar{padding-inline:11px!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-head{
    height:60px;
    min-height:60px;
    margin:11px 0 8px;
    padding:0!important;
    border-color:rgba(255,255,255,.15)!important;
    background:rgba(255,255,255,.06)!important;
    box-shadow:none;
  }
  body.app-body.ui-reference-light.sidebar-compact .sidebar-collapse{
    width:46px;
    height:46px;
    border-color:#f5d157!important;
    color:var(--r41-navy)!important;
    background:linear-gradient(145deg,#fff9d6,#efbd23)!important;
  }
  body.app-body.ui-reference-light.sidebar-compact .sidebar-nav,
  body.app-body.ui-reference-light.role-master.sidebar-compact .sidebar-nav{border:0!important;background:transparent!important;box-shadow:none!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-link,
  body.app-body.ui-reference-light.sidebar-compact .sidebar-group-toggle,
  body.app-body.ui-reference-light.role-master.sidebar-compact .sidebar-link{
    width:52px;
    min-height:50px;
    border-radius:15px!important;
    color:#b9d2f4!important;
    -webkit-text-fill-color:#b9d2f4!important;
  }
  body.app-body.ui-reference-light.sidebar-compact .sidebar-link:hover,
  body.app-body.ui-reference-light.sidebar-compact .sidebar-group-toggle:hover{border-color:rgba(255,255,255,.14)!important;color:#fff!important;background:rgba(255,255,255,.09)!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-link.active,
  body.app-body.ui-reference-light.sidebar-compact .sidebar-nav-group.active>.sidebar-group-toggle{
    border-color:#f4ce4e!important;
    color:var(--r41-navy)!important;
    -webkit-text-fill-color:var(--r41-navy)!important;
    background:linear-gradient(145deg,#fff9d3,#f0be26)!important;
    box-shadow:0 9px 22px rgba(0,13,38,.25)!important;
  }
  body.app-body.ui-reference-light.sidebar-compact .sidebar-link.active>.icon,
  body.app-body.ui-reference-light.sidebar-compact .sidebar-nav-group.active>.sidebar-group-toggle>.icon{color:var(--r41-navy)!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-bottom,
  body.app-body.ui-reference-light.role-master.sidebar-compact .sidebar-bottom{border-top-color:rgba(255,255,255,.14)!important;background:transparent!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-logout{border-color:rgba(255,154,174,.28)!important;color:#ffd5de!important;background:rgba(255,255,255,.06)!important}
}

/* Global top header — cream surface with readable reference-size controls. */
body.app-body.ui-reference-light .topbar,
body.app-body.ui-reference-light.role-master .topbar{
  height:88px;
  padding:0 28px!important;
  border-bottom:1px solid #e5dcc2!important;
  background:
    radial-gradient(circle at 7% -80%,rgba(241,191,36,.18),transparent 35%),
    linear-gradient(90deg,#fffdf6 0%,#fff 58%,#f3f8ff 100%)!important;
  box-shadow:0 9px 26px rgba(7,38,78,.075)!important;
  backdrop-filter:blur(18px);
}
body.app-body.ui-reference-light .topbar:after{
  content:"";
  position:absolute;
  right:28px;
  bottom:-1px;
  width:150px;
  height:3px;
  border-radius:9px 9px 0 0;
  background:linear-gradient(90deg,var(--r41-gold),#f5d96c);
}
body.app-body.ui-reference-light .command-search{
  width:min(620px,50vw);
  min-width:300px;
  height:54px;
  padding:0 18px;
  gap:12px;
  border:1px solid #d9d2bd!important;
  border-radius:17px!important;
  color:#27476e!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 22px rgba(7,42,85,.065)!important;
}
body.app-body.ui-reference-light .command-search:focus-within{border-color:#d0a91f!important;box-shadow:0 0 0 4px rgba(241,191,36,.13),0 9px 23px rgba(7,42,85,.07)!important}
body.app-body.ui-reference-light .command-search>.icon{width:21px;height:21px;color:#0c569e!important}
body.app-body.ui-reference-light .command-search input{
  width:100%;
  min-width:0;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  outline:0;
  color:#193c68!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:14.5px!important;
  font-weight:600!important;
}
body.app-body.ui-reference-light .command-search input::placeholder{color:#7b89a2!important;opacity:1}
body.app-body.ui-reference-light .topbar-actions{gap:11px}
body.app-body.ui-reference-light :is(.notification-button,.topbar-support-button,.topbar-settings-icon),
body.app-body.ui-reference-light .topbar-date-pill,
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger{
  width:50px;
  min-width:50px;
  height:50px;
  border:1px solid #ded5bb!important;
  border-radius:16px!important;
  color:#0b4f98!important;
  -webkit-text-fill-color:#0b4f98!important;
  background:linear-gradient(145deg,#fff,#fffaf0)!important;
  box-shadow:0 8px 19px rgba(11,51,98,.07)!important;
}
body.app-body.ui-reference-light :is(.notification-button,.topbar-support-button,.topbar-settings-icon):is(:hover,:focus,:focus-visible,.active){
  border-color:#e4bd2f!important;
  color:var(--r41-navy)!important;
  -webkit-text-fill-color:var(--r41-navy)!important;
  background:linear-gradient(145deg,#fff9d8,#f1c130)!important;
  box-shadow:0 10px 23px rgba(105,76,5,.15)!important;
}
body.app-body.ui-reference-light .topbar-date-pill{
  width:auto;
  min-width:0;
  padding:0 17px;
  color:#173e6e!important;
  -webkit-text-fill-color:#173e6e!important;
  font-size:12.5px!important;
  font-weight:700!important;
}
body.app-body.ui-reference-light .topbar-date-pill>.icon{color:#c28d00!important}
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger{padding:5px!important;border-radius:50%!important}
body.app-body.ui-reference-light .topbar-avatar-menu .avatar{width:38px;height:38px;border:2px solid #f0c84e}
body.app-body.ui-reference-light .notification-count{border-color:#fffdf6!important;background:#d92d4f!important;font-family:"Inter",Arial,sans-serif!important}

/* Every page-title header now matches the navy/gold reference language. */
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar{
  position:relative;
  isolation:isolate;
  min-height:132px!important;
  margin:2px 0 24px!important;
  padding:24px 28px!important;
  overflow:hidden;
  border:1px solid rgba(241,191,36,.28)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 87% -60%,rgba(241,191,36,.24),transparent 32%),
    linear-gradient(112deg,var(--r41-navy) 0%,#0a3976 58%,#0b559a 100%)!important;
  box-shadow:0 19px 42px rgba(5,31,70,.18)!important;
}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar:before,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto 25px 14px auto;
  width:190px;
  height:66px;
  border:0;
  border-radius:0;
  opacity:.26;
  background:radial-gradient(circle,rgba(255,255,255,.85) 1.2px,transparent 1.35px) 0 0/14px 14px;
  box-shadow:none;
}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy{position:relative;z-index:1;gap:18px!important}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon{
  width:66px!important;
  height:66px!important;
  flex:0 0 66px;
  border:1px solid rgba(255,255,255,.48)!important;
  border-radius:20px!important;
  color:var(--r41-navy)!important;
  background:linear-gradient(145deg,#fff9d6,#f0bd20)!important;
  box-shadow:0 13px 28px rgba(0,18,47,.26),inset 0 1px rgba(255,255,255,.8)!important;
}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon>.icon,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon>.icon{width:30px!important;height:30px!important;color:currentColor!important}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1{
  color:#f8d044!important;
  -webkit-text-fill-color:#f8d044!important;
  font-family:"Poppins","Inter",Arial,sans-serif!important;
  font-size:clamp(27px,2.15vw,38px)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy p,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy p{
  max-width:840px;
  margin-top:8px!important;
  color:#e4edf9!important;
  -webkit-text-fill-color:#e4edf9!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:15.5px!important;
  font-weight:500!important;
  line-height:1.55!important;
}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-actions,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-actions{position:relative;z-index:1;gap:10px}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-actions .btn,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-actions .btn{min-height:48px;border-radius:13px;font-family:"Poppins","Inter",Arial,sans-serif!important;font-size:13px!important;font-weight:750!important}

/* Master-to-Business strip remains a separate, non-overlapping top row. */
body.app-body.ui-reference-light .master-context-bar{
  border-bottom:1px solid rgba(241,191,36,.36)!important;
  background:linear-gradient(90deg,#03132f 0%,#082f65 58%,#0a4b87 100%)!important;
  box-shadow:0 7px 20px rgba(2,18,45,.2)!important;
}
body.app-body.ui-reference-light .master-context-pill{
  border-color:#f0ce56!important;
  color:var(--r41-navy)!important;
  background:linear-gradient(100deg,#fff7ca,#f1bf24)!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:9.5px!important;
}
body.app-body.ui-reference-light .master-context-copy strong{color:#fff!important;font-size:12px!important;font-weight:700!important}
body.app-body.ui-reference-light .master-context-return button{
  border-color:rgba(255,255,255,.25)!important;
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  font-family:"Poppins","Inter",Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
}
body.app-body.ui-reference-light .master-context-return button:hover{border-color:#f0c743!important;color:var(--r41-navy)!important;background:#f5cd42!important}

@media(max-width:1080px){
  body.app-body.ui-reference-light .sidebar{box-shadow:24px 0 60px rgba(1,15,39,.34)!important}
  body.app-body.ui-reference-light .topbar,
  body.app-body.ui-reference-light.role-master .topbar{height:78px;padding:0 18px!important}
  body.app-body.ui-reference-light .command-search{width:min(460px,47vw);min-width:220px;height:50px}
  body.app-body.ui-reference-light .topbar:after{right:18px;width:96px}
}
@media(max-width:768px){
  body.app-body.ui-reference-light .topbar,
  body.app-body.ui-reference-light.role-master .topbar{height:72px;padding:0 13px!important}
  body.app-body.ui-reference-light .command-search{width:46px;min-width:46px;height:46px;padding:0;justify-content:center}
  body.app-body.ui-reference-light .command-search input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
  body.app-body.ui-reference-light :is(.notification-button,.topbar-support-button,.topbar-settings-icon),
  body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger{width:46px;min-width:46px;height:46px;border-radius:14px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar{min-height:0!important;padding:20px!important;border-radius:21px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon{width:52px!important;height:52px!important;flex-basis:52px;border-radius:16px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1{font-size:25px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy p,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy p{font-size:13.5px!important}
}
@media(max-width:540px){
  body.app-body.ui-reference-light .topbar-actions{gap:6px}
  body.app-body.ui-reference-light .topbar:after{display:none}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar{padding:17px 15px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy{gap:12px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon{width:46px!important;height:46px!important;flex-basis:46px;border-radius:14px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1{font-size:21px!important}
  body.app-body.ui-reference-light .master-context-copy strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.app-body.ui-reference-light .master-context-return button span{display:none}
}

/* R42 — Business Dashboard: navy, gold, cream and premium glass finish. */
body.app-body.ui-reference-light.business-colorful.page-dashboard .page-content{
  min-height:calc(100vh - 88px);
  padding:28px 30px 34px!important;
  background:
    linear-gradient(rgba(9,45,91,.032) 1px,transparent 1px) 0 0/48px 48px,
    linear-gradient(90deg,rgba(9,45,91,.032) 1px,transparent 1px) 0 0/48px 48px,
    radial-gradient(circle at 7% 3%,rgba(241,191,36,.19),transparent 29%),
    radial-gradient(circle at 93% 8%,rgba(29,126,213,.16),transparent 31%),
    linear-gradient(145deg,#fffdf5 0%,#f7f5eb 42%,#edf5fb 100%)!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .reference-business-dashboard :where(a,button,span,strong,small,p,time,em){font-family:"Inter",Arial,sans-serif!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .reference-business-dashboard :where(h1,h2,h3,.ref-status-card-head small,.ref-status-card-head strong,.ref-mini-kpi strong,.ref-action-grid strong,.ref-explore-grid strong){font-family:"Poppins","Inter",Arial,sans-serif!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .reference-business-dashboard{gap:28px}

/* Large reference-style dashboard stage. */
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase{
  position:relative;
  isolation:isolate;
  min-height:488px;
  padding:42px 34px 32px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:40px!important;
  background:linear-gradient(128deg,rgba(255,255,255,.93) 0%,rgba(255,253,247,.84) 48%,rgba(238,246,252,.77) 100%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(135%);
  backdrop-filter:blur(28px) saturate(135%);
  box-shadow:0 34px 90px rgba(7,34,72,.16),inset 0 1px rgba(255,255,255,.96)!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase:before{
  content:"";
  position:absolute;
  z-index:-2;
  top:104px;
  right:-55px;
  width:48%;
  min-width:520px;
  height:310px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:44px 0 0 44px;
  background:
    radial-gradient(circle at 78% 24%,rgba(58,156,226,.4),transparent 34%),
    linear-gradient(122deg,#061d42 0%,#0a3975 58%,#0c5ea8 100%);
  box-shadow:0 28px 65px rgba(5,31,70,.25),inset 0 1px rgba(255,255,255,.13);
  transform:rotate(-4deg);
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase:after{
  content:"";
  position:absolute;
  z-index:-3;
  left:-150px;
  bottom:-190px;
  width:490px;
  height:490px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(241,191,36,.31) 0%,rgba(241,191,36,.08) 42%,transparent 70%);
  filter:blur(5px);
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase-head{
  position:relative;
  z-index:3;
  max-width:930px;
  margin:0 0 32px;
  padding:0 10px;
  text-align:left;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-eyebrow{
  width:max-content;
  max-width:100%;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 15px;
  border:1px solid rgba(205,158,20,.3);
  border-radius:999px;
  color:#123d70!important;
  -webkit-text-fill-color:#123d70!important;
  background:linear-gradient(100deg,rgba(255,250,221,.94),rgba(255,246,201,.76));
  box-shadow:0 9px 23px rgba(99,70,3,.09),inset 0 1px rgba(255,255,255,.92);
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.105em;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-eyebrow>.icon{width:17px;height:17px;color:#c38f00}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase-head h1{
  max-width:none;
  margin:20px 0 0;
  color:#061d42!important;
  -webkit-text-fill-color:#061d42!important;
  font-size:clamp(34px,3.35vw,52px)!important;
  font-weight:900!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
  text-align:left;
  text-transform:none!important;
  white-space:nowrap;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase-head h1 em{
  color:#d49a00!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(105deg,#bf8200 0%,#efbd22 55%,#ffd85b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  font-family:inherit!important;
  font-style:normal;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase-head p{
  max-width:680px;
  margin:17px 0 0;
  color:#52647d!important;
  -webkit-text-fill-color:#52647d!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.65!important;
  text-align:left;
}

/* Connected-service cards float above the stage like frosted glass. */
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-business-status-grid{
  position:relative;
  z-index:4;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card,
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card:nth-child(n){
  min-height:248px;
  padding:24px 22px 21px;
  border:1px solid rgba(255,255,255,.76)!important;
  border-radius:25px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.87),rgba(247,250,255,.66))!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  backdrop-filter:blur(24px) saturate(145%);
  box-shadow:0 18px 42px rgba(5,30,68,.15),inset 0 1px rgba(255,255,255,.92)!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card:nth-child(1){background:linear-gradient(145deg,rgba(234,255,246,.91),rgba(255,255,255,.7))!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card:nth-child(2){background:linear-gradient(145deg,rgba(251,238,255,.9),rgba(255,255,255,.7))!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card:nth-child(3){background:linear-gradient(145deg,rgba(234,245,255,.91),rgba(255,255,255,.7))!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card:nth-child(4){background:linear-gradient(145deg,rgba(255,248,218,.92),rgba(255,255,255,.7))!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card:hover{
  border-color:rgba(241,191,36,.64)!important;
  transform:translateY(-6px);
  box-shadow:0 25px 50px rgba(5,30,68,.2),inset 0 1px rgba(255,255,255,.94)!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card:before{
  width:78px;
  height:78px;
  right:-28px;
  top:-31px;
  border:1px solid rgba(8,61,116,.12);
  opacity:.6;
  box-shadow:0 0 0 19px rgba(8,61,116,.028),0 0 0 38px rgba(8,61,116,.018);
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-head{max-width:calc(100% - 54px)}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-head small{
  color:#061d42!important;
  -webkit-text-fill-color:#061d42!important;
  font-size:20px!important;
  font-weight:850!important;
  letter-spacing:-.025em;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-head strong{
  margin-top:10px;
  color:#1f3858!important;
  -webkit-text-fill-color:#1f3858!important;
  font-size:13.5px!important;
  font-weight:750!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-head span:not(.ref-channel-icon){
  color:#5e708a!important;
  -webkit-text-fill-color:#5e708a!important;
  font-size:12px!important;
  line-height:1.5!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-head :is(.ref-channel-number,.ref-status-value,.ref-plan-name){
  color:#092b56!important;
  -webkit-text-fill-color:#092b56!important;
  font-size:21px!important;
  font-weight:850!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-channel-icon{
  right:21px;
  bottom:21px;
  width:62px;
  height:62px;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:21px;
  box-shadow:0 14px 28px rgba(6,36,74,.2),inset 0 1px rgba(255,255,255,.48)!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-foot{padding-right:72px}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-foot>a,
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-foot.single>a,
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-foot.single>a.ref-primary-link,
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-foot.single>a.ref-outline-link{
  min-height:43px;
  padding:0 15px;
  border:1px solid #061d42!important;
  border-radius:12px;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:linear-gradient(112deg,#061d42,#0a4388)!important;
  box-shadow:0 9px 20px rgba(5,36,78,.17)!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-foot>a:hover{
  border-color:#e5b21c!important;
  color:#061d42!important;
  -webkit-text-fill-color:#061d42!important;
  background:linear-gradient(105deg,#fff8cf,#efbc22)!important;
}

/* KPI row — translucent data tiles with layered light. */
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-kpi-grid{gap:18px}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-mini-kpi,
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-mini-kpi:nth-child(n){
  min-height:145px;
  padding:21px 19px;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:23px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(245,249,255,.54))!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 17px 42px rgba(7,39,81,.105),inset 0 1px rgba(255,255,255,.95)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-mini-kpi:before{background:radial-gradient(circle,color-mix(in srgb,var(--tone) 18%,transparent),transparent 70%)}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-mini-kpi:hover{border-color:rgba(241,191,36,.55)!important;transform:translateY(-4px);box-shadow:0 23px 48px rgba(7,39,81,.15),inset 0 1px rgba(255,255,255,.96)!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-mini-icon{border:1px solid rgba(255,255,255,.5);box-shadow:0 13px 26px color-mix(in srgb,var(--tone) 25%,transparent),inset 0 1px rgba(255,255,255,.48)}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-mini-kpi small{color:#47607e!important;-webkit-text-fill-color:#47607e!important;font-size:13px!important;font-weight:750!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-mini-kpi strong{color:#061d42!important;-webkit-text-fill-color:#061d42!important;font-size:30px!important;font-weight:850!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-mini-trend{font-size:12px!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-mini-trend em{color:#6b7e99!important;-webkit-text-fill-color:#6b7e99!important}

/* Campaign, inbox and action workspaces use the same frosted panels. */
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-main-grid{gap:18px}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-main-grid>.ref-dashboard-panel,
body.app-body.ui-reference-light.business-colorful.page-dashboard :is(.ref-recent-campaigns,.ref-inbox-activity,.ref-quick-actions){
  height:352px;
  min-height:352px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:25px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(243,248,254,.57))!important;
  -webkit-backdrop-filter:blur(21px) saturate(140%);
  backdrop-filter:blur(21px) saturate(140%);
  box-shadow:0 20px 50px rgba(7,36,77,.12),inset 0 1px rgba(255,255,255,.95)!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-recent-campaigns{background:linear-gradient(145deg,rgba(236,245,255,.83),rgba(255,255,255,.61))!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-inbox-activity{background:linear-gradient(145deg,rgba(231,250,244,.82),rgba(255,255,255,.61))!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-quick-actions{background:linear-gradient(145deg,rgba(243,239,255,.84),rgba(255,255,255,.61))!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-panel-head{min-height:75px;padding:23px 22px 14px}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-panel-head h2{color:#061d42!important;-webkit-text-fill-color:#061d42!important;font-size:20px!important;font-weight:850!important;letter-spacing:-.025em}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-panel-head>a{color:#0a579f!important;-webkit-text-fill-color:#0a579f!important;font-size:12.5px!important;font-weight:800!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-panel-head>a:hover{color:#b47e00!important;-webkit-text-fill-color:#b47e00!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard :is(.ref-campaign-row,.ref-inbox-row,.ref-compact-empty){
  border:1px solid rgba(255,255,255,.88)!important;
  background:rgba(255,255,255,.68)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 9px 21px rgba(8,42,85,.07)!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-row-copy strong,
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-inbox-row>div strong{color:#102f58!important;-webkit-text-fill-color:#102f58!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-row-copy small,
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-inbox-row>div small{color:#667b98!important;-webkit-text-fill-color:#667b98!important}

body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-action-grid{gap:12px;padding:8px 17px 20px}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-action-grid>a,
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-action-grid>a:nth-child(n){
  min-height:116px;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:18px!important;
  color:#17385f!important;
  -webkit-text-fill-color:#17385f!important;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(247,249,255,.58))!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 11px 25px rgba(11,40,80,.085),inset 0 1px rgba(255,255,255,.92)!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-action-grid>a:hover{border-color:rgba(241,191,36,.62)!important;transform:translateY(-4px);box-shadow:0 17px 32px rgba(11,40,80,.14)!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-action-grid>a strong{font-size:12px!important;font-weight:800!important}

/* Discovery section closes the page with the same navy slab and floating glass. */
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-panel{
  min-height:205px;
  padding:27px;
  border:1px solid rgba(241,191,36,.26)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 90% -40%,rgba(241,191,36,.24),transparent 34%),
    linear-gradient(112deg,#061d42 0%,#0a3975 58%,#0c5ca4 100%)!important;
  box-shadow:0 25px 58px rgba(5,31,70,.22)!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-panel:before{
  top:auto;
  right:22px;
  bottom:18px;
  width:205px;
  height:76px;
  border:0;
  border-radius:0;
  opacity:.27;
  background:radial-gradient(circle,rgba(255,255,255,.9) 1.2px,transparent 1.4px) 0 0/15px 15px;
  box-shadow:none;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-panel>h2{margin-bottom:19px;color:#f6cc3d!important;-webkit-text-fill-color:#f6cc3d!important;font-size:24px!important;font-weight:850!important;letter-spacing:-.025em}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-grid{gap:16px}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-grid>a,
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-grid>a:nth-child(n){
  min-height:108px;
  border:1px solid rgba(255,255,255,.5)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(244,248,255,.75))!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 14px 30px rgba(0,18,48,.2),inset 0 1px rgba(255,255,255,.92)!important;
}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-grid>a:hover{border-color:#f4cf50!important;background:rgba(255,255,255,.96)!important;transform:translateY(-5px);box-shadow:0 21px 38px rgba(0,18,48,.28)!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-grid strong{color:#082a55!important;-webkit-text-fill-color:#082a55!important;font-size:14px!important;font-weight:820!important}
body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-grid small{color:#627592!important;-webkit-text-fill-color:#627592!important;font-size:11.5px!important}

@media(max-width:1320px){
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-business-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase:before{width:64%;height:430px;top:170px}
}
@media(max-width:1100px){
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-main-grid{grid-template-columns:1fr}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-main-grid>.ref-dashboard-panel{height:auto;min-height:350px}
}
@media(max-width:768px){
  body.app-body.ui-reference-light.business-colorful.page-dashboard .page-content{padding:19px 15px 27px!important}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .reference-business-dashboard{gap:18px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase{min-height:0;padding:27px 18px 18px;border-radius:28px!important}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase:before{top:240px;right:-190px;width:540px;height:590px;border-radius:45px;opacity:.82}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase-head{margin-bottom:23px;padding:0 4px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-eyebrow{min-height:36px;padding:0 12px;font-size:9.5px!important;letter-spacing:.075em}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase-head h1{margin-top:16px;font-size:clamp(31px,8.4vw,43px)!important;white-space:normal}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase-head p{font-size:14px!important;line-height:1.55!important}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card{min-height:225px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-main-grid>.ref-dashboard-panel{min-height:330px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-panel{padding:21px 18px;border-radius:24px!important}
}
@media(max-width:560px){
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-business-status-grid{grid-template-columns:1fr;gap:13px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase:before{top:310px;right:-255px;height:980px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card{min-height:216px;padding:21px 19px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-channel-icon{right:18px;bottom:18px;width:56px;height:56px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-status-showcase .ref-status-card-foot{padding-right:64px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-business-kpi-grid{grid-template-columns:1fr}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-mini-kpi{min-height:128px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:7px 12px 15px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-action-grid>a{min-height:105px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-grid{grid-template-columns:1fr;gap:11px}
  body.app-body.ui-reference-light.business-colorful.page-dashboard .ref-explore-grid>a{min-height:94px}
}

/* R43 — refined global shell: clean cream frame, contained navy navigation. */
body.app-body.ui-reference-light{
  --r43-ink:#061d42;
  --r43-ink-soft:#173b66;
  --r43-gold:#efbd22;
  --r43-gold-light:#ffe27b;
  --r43-cream:#fffdf6;
  --r43-cream-deep:#f5f1e6;
  --r43-line:#dfe5ec;
}

/* Sidebar frame is intentionally light; navigation is contained inside it. */
body.app-body.ui-reference-light .sidebar{
  overflow:hidden;
  border-right:1px solid #dce2e9!important;
  color:var(--r43-ink)!important;
  background:
    radial-gradient(circle at -5% 6%,rgba(239,189,34,.16),transparent 23%),
    linear-gradient(180deg,#fffef9 0%,#fbfaf5 56%,#f3f6fa 100%)!important;
  box-shadow:14px 0 40px rgba(7,34,71,.09)!important;
}
body.app-body.ui-reference-light .sidebar:before{
  z-index:0;
  inset:auto -42px 88px auto;
  width:190px;
  height:220px;
  opacity:.36;
  background:radial-gradient(circle,rgba(9,71,132,.25) 1px,transparent 1.2px) 0 0/14px 14px;
}
body.app-body.ui-reference-light .sidebar>*{position:relative;z-index:1}
body.app-body.ui-reference-light .sidebar-head,
body.app-body.ui-reference-light.role-master .sidebar-head{
  height:76px;
  min-height:76px;
  margin:6px 0 5px;
  padding:0 12px!important;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
}
body.app-body.ui-reference-light .sidebar-brand-full{width:166px;max-width:166px!important}
body.app-body.ui-reference-light .sidebar-collapse{
  width:39px;
  height:39px;
  border:1px solid #d8e0e9!important;
  border-radius:12px!important;
  color:#0a4d91!important;
  background:#fff!important;
  box-shadow:0 7px 17px rgba(8,48,96,.08)!important;
}
body.app-body.ui-reference-light .sidebar-collapse:hover{
  border-color:#092f61!important;
  color:#fff!important;
  background:linear-gradient(145deg,#082d5b,#0a4e91)!important;
  box-shadow:0 9px 20px rgba(6,43,89,.18)!important;
}

body.app-body.ui-reference-light .sidebar-context-card{
  min-height:78px;
  margin:6px 0 13px;
  border:1px solid #dce3eb!important;
  border-radius:17px!important;
  color:var(--r43-ink)!important;
  background:rgba(255,255,255,.88)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 10px 25px rgba(10,43,82,.075),inset 0 1px rgba(255,255,255,.96)!important;
}
body.app-body.ui-reference-light .sidebar-context-avatar,
body.app-body.ui-reference-light .sidebar-context-icon{
  color:#fff!important;
  background:linear-gradient(145deg,#082d5b,#0b5ba6)!important;
  box-shadow:0 8px 18px rgba(7,46,94,.17)!important;
}
body.app-body.ui-reference-light .sidebar-context-card strong{color:var(--r43-ink)!important;font-size:13.5px!important;font-weight:800!important}
body.app-body.ui-reference-light .sidebar-context-card small{color:#718099!important;font-size:10.5px!important}
body.app-body.ui-reference-light .sidebar-context-card>.icon{color:#b08205!important}

body.app-body.ui-reference-light .sidebar-nav,
body.app-body.ui-reference-light.role-master .sidebar-nav{
  padding:11px 9px 13px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:23px!important;
  background:
    radial-gradient(circle at 110% 0%,rgba(44,137,209,.32),transparent 30%),
    linear-gradient(180deg,#061d42 0%,#082e61 58%,#0a427f 100%)!important;
  box-shadow:0 17px 36px rgba(5,29,65,.18),inset 0 1px rgba(255,255,255,.09)!important;
}
body.app-body.ui-reference-light .nav-group-label,
body.app-body.ui-reference-light .nav-quick-label{
  margin-inline:10px!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f5cd4d!important;
  -webkit-text-fill-color:#f5cd4d!important;
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
}
body.app-body.ui-reference-light .sidebar-link,
body.app-body.ui-reference-light .sidebar-group-toggle,
body.app-body.ui-reference-light.role-master .sidebar-link,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-toggle,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-toggle>span:first-of-type{
  min-height:47px;
  margin:2px 0;
  padding-inline:12px;
  border:1px solid transparent!important;
  border-radius:12px!important;
  color:#e5edf9!important;
  -webkit-text-fill-color:#e5edf9!important;
  background:transparent!important;
  font-size:12.5px!important;
  font-weight:650!important;
}
body.app-body.ui-reference-light .sidebar-link>.icon,
body.app-body.ui-reference-light .sidebar-group-toggle>.icon,
body.app-body.ui-reference-light .sidebar-group-chevron{color:#a9c5e8!important}
body.app-body.ui-reference-light .sidebar-link:hover,
body.app-body.ui-reference-light .sidebar-group-toggle:hover,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-toggle:is(:hover,:focus,:focus-visible),
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-toggle:is(:hover,:focus,:focus-visible)>span:first-of-type{
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.075)!important;
}
body.app-body.ui-reference-light .sidebar-link.active,
body.app-body.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle,
body.app-body.ui-reference-light .sidebar-nav-premium>.sidebar-link.active,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.active>.sidebar-group-toggle,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.active>.sidebar-group-toggle>span:first-of-type{
  border-color:rgba(255,255,255,.7)!important;
  color:var(--r43-ink)!important;
  -webkit-text-fill-color:var(--r43-ink)!important;
  background:linear-gradient(100deg,#fffdf4 0%,#fff6d0 100%)!important;
  box-shadow:inset 4px 0 var(--r43-gold),0 8px 21px rgba(0,13,38,.2)!important;
  font-weight:800!important;
}
body.app-body.ui-reference-light .sidebar-link.active>.icon,
body.app-body.ui-reference-light .sidebar-nav-group.active>.sidebar-group-toggle>.icon,
body.app-body.ui-reference-light .sidebar-nav-premium>.sidebar-link.active>.icon{color:#0a4e91!important}
body.app-body.ui-reference-light .sidebar-nav-group.open{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
}
body.app-body.ui-reference-light .sidebar-nav-group.open>.sidebar-group-toggle,
body.app-body.ui-reference-light .sidebar-nav-group.open>.sidebar-group-toggle>span:first-of-type{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:transparent!important;
}
body.app-body.ui-reference-light .sidebar-nav-group.active.open>.sidebar-group-toggle,
body.app-body.ui-reference-light .sidebar-nav-group.active.open>.sidebar-group-toggle>span:first-of-type{
  color:var(--r43-ink)!important;
  -webkit-text-fill-color:var(--r43-ink)!important;
  background:linear-gradient(100deg,#fffdf4,#fff6d0)!important;
}
body.app-body.ui-reference-light .sidebar-nav-group.open .sidebar-group-chevron{color:#f3ca48!important}
body.app-body.ui-reference-light .sidebar-sublink,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.open .sidebar-sublink{
  min-height:41px;
  color:#c9d9ef!important;
  -webkit-text-fill-color:#c9d9ef!important;
  background:transparent!important;
  font-size:11.5px!important;
  font-weight:600!important;
}
body.app-body.ui-reference-light .sidebar-sublink:hover,
body.app-body.ui-reference-light .sidebar-sublink.active,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.open .sidebar-sublink:hover,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.open .sidebar-sublink.active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
}

body.app-body.ui-reference-light .sidebar-bottom,
body.app-body.ui-reference-light.role-master .sidebar-bottom{
  gap:9px;
  padding-top:12px;
  border-top:1px solid #e0e5ec!important;
  background:transparent!important;
}
body.app-body.ui-reference-light .sidebar-profile-card{
  border:1px solid #dce3eb!important;
  border-radius:15px!important;
  color:var(--r43-ink)!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 8px 20px rgba(9,40,80,.07)!important;
}
body.app-body.ui-reference-light .sidebar-profile-card strong{color:var(--r43-ink)!important;font-size:12.5px!important}
body.app-body.ui-reference-light .sidebar-profile-card small{color:#74839a!important;font-size:10px!important}
body.app-body.ui-reference-light .sidebar-logout{
  border:1px solid #efd9df!important;
  border-radius:13px!important;
  color:#ba3653!important;
  -webkit-text-fill-color:#ba3653!important;
  background:#fff8fa!important;
  box-shadow:none!important;
  font-size:12px!important;
}
body.app-body.ui-reference-light .sidebar-logout:hover{border-color:#d83b5d!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#d83b5d!important;box-shadow:0 9px 20px rgba(194,44,78,.18)!important}

/* Compact rail: clean cream surface with strong navy selection. */
@media(min-width:1081px){
  body.app-body.ui-reference-light.sidebar-compact .sidebar{padding-inline:11px!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-head{
    height:116px;
    min-height:116px;
    flex-direction:column;
    justify-content:center;
    gap:9px;
    margin:6px 0 4px;
    border:0!important;
    background:transparent!important;
  }
  body.app-body.ui-reference-light.sidebar-compact .sidebar-brand{width:44px;height:44px;display:flex!important;align-items:center;justify-content:center}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-brand-full{display:none!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-brand-icon{width:42px;height:42px;display:block!important;object-fit:contain;filter:none!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-head-actions{margin:0!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-collapse{
    width:43px;
    height:38px;
    border-color:#d4dde7!important;
    color:#0a4b8d!important;
    background:#fff!important;
    box-shadow:0 8px 19px rgba(8,45,88,.09)!important;
  }
  body.app-body.ui-reference-light.sidebar-compact .sidebar-nav,
  body.app-body.ui-reference-light.role-master.sidebar-compact .sidebar-nav{
    padding:8px 0 12px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.app-body.ui-reference-light.sidebar-compact .sidebar-link,
  body.app-body.ui-reference-light.sidebar-compact .sidebar-group-toggle,
  body.app-body.ui-reference-light.role-master.sidebar-compact .sidebar-link{
    width:52px;
    min-height:50px;
    padding:0;
    border-radius:15px!important;
    color:#356393!important;
    -webkit-text-fill-color:#356393!important;
    background:transparent!important;
  }
  body.app-body.ui-reference-light.sidebar-compact .sidebar-link>.icon,
  body.app-body.ui-reference-light.sidebar-compact .sidebar-group-toggle>.icon{color:#356393!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-link:hover,
  body.app-body.ui-reference-light.sidebar-compact .sidebar-group-toggle:hover{
    border-color:#d4e0ed!important;
    color:#0a4e91!important;
    -webkit-text-fill-color:#0a4e91!important;
    background:#edf4fb!important;
  }
  body.app-body.ui-reference-light.sidebar-compact .sidebar-link.active,
  body.app-body.ui-reference-light.sidebar-compact .sidebar-nav-group.active>.sidebar-group-toggle{
    border-color:#092f61!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(145deg,#072756,#0a559a)!important;
    box-shadow:0 10px 23px rgba(6,42,87,.22),inset 0 -3px var(--r43-gold)!important;
  }
  body.app-body.ui-reference-light.sidebar-compact .sidebar-link.active>.icon,
  body.app-body.ui-reference-light.sidebar-compact .sidebar-nav-group.active>.sidebar-group-toggle>.icon{color:#fff!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-bottom,
  body.app-body.ui-reference-light.role-master.sidebar-compact .sidebar-bottom{border-top-color:#dfe5eb!important;background:transparent!important}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-logout{border-color:#edd7dd!important;color:#bd3a55!important;-webkit-text-fill-color:#bd3a55!important;background:#fff7f9!important}
}

/* Top toolbar: flatter, calmer and easier to scan. */
body.app-body.ui-reference-light .topbar,
body.app-body.ui-reference-light.role-master .topbar{
  height:82px;
  padding:0 26px!important;
  border-bottom:1px solid #e0e4e9!important;
  background:rgba(255,254,249,.96)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 8px 24px rgba(7,34,70,.055)!important;
}
body.app-body.ui-reference-light .topbar:after{
  right:auto;
  left:26px;
  bottom:-1px;
  width:94px;
  height:3px;
  border-radius:6px 6px 0 0;
  background:linear-gradient(90deg,#082e60 0 62%,var(--r43-gold) 62% 100%);
}
body.app-body.ui-reference-light .command-search{
  width:min(600px,49vw);
  min-width:290px;
  height:50px;
  padding:0 16px;
  border:1px solid #dbe1e8!important;
  border-radius:14px!important;
  color:#426284!important;
  background:#f8fafc!important;
  box-shadow:inset 0 1px rgba(255,255,255,.95)!important;
}
body.app-body.ui-reference-light .command-search:hover{border-color:#cbd6e1!important;background:#fff!important;box-shadow:0 8px 20px rgba(8,44,89,.065)!important}
body.app-body.ui-reference-light .command-search:focus-within{border-color:#8fb1d2!important;background:#fff!important;box-shadow:0 0 0 4px rgba(10,78,145,.075)!important}
body.app-body.ui-reference-light .command-search>.icon{width:19px;height:19px;color:#0a579e!important}
body.app-body.ui-reference-light .command-search input{color:#173c66!important;font-size:13.5px!important;font-weight:600!important}
body.app-body.ui-reference-light :is(.notification-button,.topbar-support-button,.topbar-settings-icon),
body.app-body.ui-reference-light .topbar-date-pill,
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger{
  width:46px;
  min-width:46px;
  height:46px;
  border:1px solid #dbe1e8!important;
  border-radius:14px!important;
  color:#174f86!important;
  -webkit-text-fill-color:#174f86!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(8,43,86,.055)!important;
}
body.app-body.ui-reference-light :is(.notification-button,.topbar-support-button,.topbar-settings-icon):is(:hover,:focus,:focus-visible,.active){
  border-color:#0a4e91!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#0a4e91!important;
  box-shadow:0 9px 20px rgba(7,50,98,.16)!important;
}
body.app-body.ui-reference-light .topbar-date-pill{
  width:auto;
  min-width:0;
  padding:0 15px;
  color:#254c75!important;
  -webkit-text-fill-color:#254c75!important;
  font-size:11.5px!important;
  font-weight:700!important;
}
body.app-body.ui-reference-light .topbar-date-pill>.icon{color:#af8107!important}
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger{padding:4px!important;border-radius:50%!important}
body.app-body.ui-reference-light .topbar-avatar-menu .avatar{width:36px;height:36px;border:2px solid #eec547}

/* Page headers become restrained glass cards instead of heavy dark banners. */
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar{
  min-height:112px!important;
  margin:2px 0 22px!important;
  padding:21px 24px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:24px!important;
  background:linear-gradient(130deg,rgba(255,255,255,.88),rgba(249,247,239,.76) 56%,rgba(238,246,252,.72))!important;
  -webkit-backdrop-filter:blur(20px) saturate(130%);
  backdrop-filter:blur(20px) saturate(130%);
  box-shadow:0 16px 42px rgba(7,38,78,.105),inset 0 1px rgba(255,255,255,.97)!important;
}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar:before,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar:before{
  inset:auto 22px 13px auto;
  width:150px;
  height:56px;
  opacity:.3;
  background:radial-gradient(circle,rgba(10,70,130,.32) 1px,transparent 1.2px) 0 0/13px 13px;
}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar:after,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar:after{
  content:"";
  position:absolute;
  left:0;
  top:24px;
  bottom:24px;
  width:5px;
  border-radius:0 8px 8px 0;
  background:linear-gradient(180deg,#082f61,var(--r43-gold));
}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy{gap:16px!important}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px;
  border:1px solid #0a3c75!important;
  border-radius:17px!important;
  color:#f4ca45!important;
  background:linear-gradient(145deg,#062552,#0a4f91)!important;
  box-shadow:0 11px 24px rgba(6,39,81,.2),inset 0 1px rgba(255,255,255,.14)!important;
}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon>.icon,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon>.icon{width:26px!important;height:26px!important;color:currentColor!important}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1{
  color:var(--r43-ink)!important;
  -webkit-text-fill-color:var(--r43-ink)!important;
  font-size:clamp(25px,1.9vw,34px)!important;
  font-weight:850!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy p,
body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy p{
  max-width:820px;
  margin-top:6px!important;
  color:#65758d!important;
  -webkit-text-fill-color:#65758d!important;
  font-size:13.5px!important;
  font-weight:550!important;
  line-height:1.5!important;
}

/* Master return strip stays visually separate and compact. */
body.app-body.ui-reference-light .master-context-bar{
  border-bottom:2px solid #e9bd32!important;
  background:#061d42!important;
  box-shadow:0 6px 18px rgba(4,26,59,.17)!important;
}
body.app-body.ui-reference-light .master-context-pill{border-color:#f1cc53!important;color:#061d42!important;-webkit-text-fill-color:#061d42!important;background:#f4cc49!important}
body.app-body.ui-reference-light .master-context-return button{border-color:rgba(255,255,255,.25)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.08)!important}
body.app-body.ui-reference-light .master-context-return button:hover{border-color:#f0c63f!important;color:#061d42!important;-webkit-text-fill-color:#061d42!important;background:#f0c63f!important}

@media(max-width:1080px){
  body.app-body.ui-reference-light .sidebar{box-shadow:22px 0 56px rgba(4,27,60,.25)!important}
  body.app-body.ui-reference-light .topbar,
  body.app-body.ui-reference-light.role-master .topbar{height:76px;padding:0 17px!important}
  body.app-body.ui-reference-light .topbar:after{left:17px}
  body.app-body.ui-reference-light .command-search{height:48px}
}
@media(max-width:768px){
  body.app-body.ui-reference-light .sidebar{background:linear-gradient(180deg,#fffef9,#f4f7fa)!important}
  body.app-body.ui-reference-light .sidebar-nav,
  body.app-body.ui-reference-light.role-master .sidebar-nav{border-radius:20px!important}
  body.app-body.ui-reference-light .topbar,
  body.app-body.ui-reference-light.role-master .topbar{height:70px;padding:0 12px!important}
  body.app-body.ui-reference-light .topbar:after{left:12px;width:68px}
  body.app-body.ui-reference-light .command-search{width:44px;min-width:44px;height:44px;padding:0}
  body.app-body.ui-reference-light :is(.notification-button,.topbar-support-button,.topbar-settings-icon),
  body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger{width:44px;min-width:44px;height:44px;border-radius:13px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar{min-height:0!important;padding:18px!important;border-radius:19px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar:after,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar:after{top:18px;bottom:18px;width:4px}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon{width:50px!important;height:50px!important;flex-basis:50px;border-radius:15px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1{font-size:24px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy p,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy p{font-size:12.5px!important}
}
@media(max-width:540px){
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar{padding:16px 14px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy{gap:11px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-icon{width:44px!important;height:44px!important;flex-basis:44px;border-radius:13px!important}
  body.app-body.ui-reference-light:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1,
  body.app-body.ui-reference-light.business-colorful:not(.page-dashboard):not(.page-inbox) .page-titlebar-copy h1{font-size:20px!important}
}

/* R45 — Refined business account trigger and account popover. */
body.app-body.ui-reference-light .topbar-avatar-menu{
  position:relative;
  z-index:520;
}
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger{
  width:auto!important;
  min-width:206px;
  height:52px;
  justify-content:flex-start;
  gap:10px;
  padding:5px 12px 5px 5px!important;
  border:1px solid #0b326b!important;
  border-radius:15px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:
    radial-gradient(circle at 88% -35%,rgba(244,201,65,.23),transparent 42%),
    linear-gradient(120deg,#061d42 0%,#0a3977 100%)!important;
  box-shadow:0 10px 24px rgba(5,31,70,.18),inset 0 1px rgba(255,255,255,.11)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger:is(:hover,:focus-visible),
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger[aria-expanded="true"]{
  transform:translateY(-1px);
  border-color:#e9bf39!important;
  background:
    radial-gradient(circle at 88% -35%,rgba(244,201,65,.32),transparent 43%),
    linear-gradient(120deg,#071f46 0%,#0b448c 100%)!important;
  box-shadow:0 14px 31px rgba(5,31,70,.24),0 0 0 3px rgba(234,191,56,.12)!important;
}
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger .avatar{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:11px!important;
  color:#061d42!important;
  -webkit-text-fill-color:#061d42!important;
  background:linear-gradient(145deg,#fff9da 0%,#f0c43b 100%)!important;
  box-shadow:0 7px 16px rgba(1,18,43,.24),inset 0 1px rgba(255,255,255,.78)!important;
  font-family:"Poppins","Inter",Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:850!important;
}
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger .avatar img{
  width:100%;
  height:100%;
  border-radius:10px;
  object-fit:cover;
}
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-copy{
  min-width:0;
  display:block!important;
  flex:1 1 auto;
  text-align:left;
}
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-copy strong{
  display:block;
  max-width:122px;
  overflow:hidden;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-family:"Poppins","Inter",Arial,sans-serif!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-copy small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  color:#cbd9ec!important;
  -webkit-text-fill-color:#cbd9ec!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:9.5px!important;
  font-weight:600!important;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger>.icon{
  width:16px;
  height:16px;
  display:block!important;
  flex:0 0 16px;
  margin-left:auto;
  color:#f2ca4a!important;
  transition:transform .18s ease;
}
body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger[aria-expanded="true"]>.icon{transform:rotate(180deg)}

body.app-body.ui-reference-light .account-popover{
  top:calc(100% + 14px);
  right:0;
  width:420px;
  max-width:calc(100vw - 26px);
  max-height:calc(100vh - 96px);
  padding:0;
  overflow-x:hidden;
  overflow-y:auto;
  border:1px solid rgba(214,179,64,.42);
  border-radius:24px;
  background:rgba(255,254,249,.98);
  box-shadow:0 30px 80px rgba(4,29,65,.27),0 0 0 5px rgba(255,255,255,.55);
  scrollbar-width:thin;
  scrollbar-color:#b9c6d6 transparent;
}
body.app-body.ui-reference-light .account-popover.open{animation:r45-account-in .2s cubic-bezier(.2,.75,.2,1) both}
@keyframes r45-account-in{from{opacity:0;transform:translateY(-10px) scale(.975)}to{opacity:1;transform:none}}
body.app-body.ui-reference-light .account-popover .account-popover-section{
  border:0;
  border-radius:0;
  background:transparent;
}
body.app-body.ui-reference-light .account-popover .account-popover-section+.account-popover-section{margin-top:0}
body.app-body.ui-reference-light .account-popover .account-user-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:23px 24px 22px;
  border-radius:22px 22px 0 0;
  background:
    radial-gradient(circle at 91% -18%,rgba(244,201,65,.28),transparent 39%),
    linear-gradient(124deg,#061d42 0%,#0a3976 64%,#0b5596 118%);
}
body.app-body.ui-reference-light .account-popover .account-user-section:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:17px;
  bottom:16px;
  width:115px;
  height:52px;
  opacity:.18;
  background:radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1.2px) 0 0/12px 12px;
}
body.app-body.ui-reference-light .account-popover .account-popover-eyebrow{
  margin-bottom:15px;
  color:#345a86;
  font-family:"Poppins","Inter",Arial,sans-serif;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.13em;
}
body.app-body.ui-reference-light .account-popover .account-user-section .account-popover-eyebrow{color:#f1ca4c}
body.app-body.ui-reference-light .account-popover .account-user-identity{gap:14px}
body.app-body.ui-reference-light .account-popover .account-user-identity>.avatar{
  width:54px;
  height:54px;
  flex:0 0 54px;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:15px!important;
  color:#061d42!important;
  -webkit-text-fill-color:#061d42!important;
  background:linear-gradient(145deg,#fff9d9,#f0c33a)!important;
  box-shadow:0 12px 27px rgba(1,18,43,.3),inset 0 1px rgba(255,255,255,.8)!important;
  font-family:"Poppins","Inter",Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:850!important;
}
body.app-body.ui-reference-light .account-popover .account-user-identity>.avatar img{width:100%;height:100%;border-radius:14px;object-fit:cover}
body.app-body.ui-reference-light .account-popover .account-user-identity strong{
  color:#fff;
  font-family:"Poppins","Inter",Arial,sans-serif;
  font-size:17px;
  font-weight:750;
}
body.app-body.ui-reference-light .account-popover .account-user-identity>div>span{margin-top:5px;color:#d3dfef;font-size:11px;font-weight:600}
body.app-body.ui-reference-light .account-popover .account-presence-dot{background:#8ca0bb;box-shadow:0 0 0 3px rgba(255,255,255,.11)}
body.app-body.ui-reference-light .account-popover .account-presence-dot.is-online{background:#48d9b1;box-shadow:0 0 0 4px rgba(72,217,177,.15)}
body.app-body.ui-reference-light .account-popover .account-availability-control{
  min-height:49px;
  margin-top:18px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:12px;
  color:#e5edf8;
  background:rgba(255,255,255,.095);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-size:11px;
  font-weight:650;
}
body.app-body.ui-reference-light .account-popover .account-availability-control>strong{color:#f2cc50;font-size:10.5px}
body.app-body.ui-reference-light .account-popover .account-availability-toggle{width:42px;height:24px;min-height:24px;background:#7f91a9}
body.app-body.ui-reference-light .account-popover .account-availability-toggle i{width:18px;height:18px}
body.app-body.ui-reference-light .account-popover .account-availability-toggle.is-online{background:#24b892}
body.app-body.ui-reference-light .account-popover .account-availability-toggle.is-online i{transform:translateX(18px)}

body.app-body.ui-reference-light .account-popover .account-summary-section{
  padding:21px 22px 12px;
  background:
    linear-gradient(rgba(255,254,249,.96),rgba(255,254,249,.96)),
    radial-gradient(circle,#d3dbe5 1px,transparent 1.2px) 0 0/13px 13px;
}
body.app-body.ui-reference-light .account-popover .account-workspace-card{
  padding:16px;
  border:1px solid #dce2e9;
  border-radius:16px;
  color:#102d55;
  background:linear-gradient(138deg,#fff 0%,#fffaf0 58%,#eef5fb 100%);
  box-shadow:0 12px 30px rgba(7,38,78,.08),inset 0 1px rgba(255,255,255,.98);
}
body.app-body.ui-reference-light .account-popover .account-workspace-card::before{right:-45px;top:-65px;background:rgba(239,195,58,.15)}
body.app-body.ui-reference-light .account-popover .account-workspace-card::after{right:48px;bottom:-82px;background:rgba(8,69,129,.07)}
body.app-body.ui-reference-light .account-popover .account-workspace-head{gap:12px}
body.app-body.ui-reference-light .account-popover .account-workspace-head>span{
  width:45px;
  height:45px;
  border:1px solid #0a3973;
  border-radius:13px;
  color:#f2ca4b;
  background:linear-gradient(145deg,#061d42,#0b4b8d);
  box-shadow:0 8px 18px rgba(5,35,75,.17);
  font-size:11px;
}
body.app-body.ui-reference-light .account-popover .account-workspace-head strong{max-width:260px;color:#102d55;font-family:"Poppins","Inter",Arial,sans-serif;font-size:13px;font-weight:750}
body.app-body.ui-reference-light .account-popover .account-workspace-head button{color:#547092;font-size:9px}
body.app-body.ui-reference-light .account-popover .account-workspace-head button:hover{color:#0a5cb6}
body.app-body.ui-reference-light .account-popover .account-workspace-plan{
  margin-top:15px;
  padding:8px 9px;
  border:1px solid #e4d18d;
  border-radius:10px;
  background:rgba(255,248,218,.82);
}
body.app-body.ui-reference-light .account-popover .account-workspace-plan>span{color:#58481a;font-size:10px}
body.app-body.ui-reference-light .account-popover .account-workspace-plan>a{
  padding:6px 10px;
  border-color:#0a3974;
  border-radius:7px;
  color:#fff;
  background:#082f63;
  font-size:9px;
}
body.app-body.ui-reference-light .account-popover .account-workspace-plan>a:hover{border-color:#d9ad24;color:#061d42;background:#f0c43a}
body.app-body.ui-reference-light .account-popover .account-channel-list{gap:9px;margin-top:14px}
body.app-body.ui-reference-light .account-popover .account-channel-row{
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:11px;
  min-height:57px;
  padding:9px 10px;
  border:1px solid #e1e6ec;
  border-radius:12px;
  background:#fff;
  box-shadow:0 5px 14px rgba(10,42,79,.035);
}
body.app-body.ui-reference-light .account-popover .account-channel-icon{
  width:36px;
  height:36px;
  border:1px solid #d9e4ef;
  border-radius:10px;
  color:#0a518f;
  background:#eef5fb;
}
body.app-body.ui-reference-light .account-popover .account-channel-icon>.icon{width:17px;height:17px}
body.app-body.ui-reference-light .account-popover .account-channel-row strong{color:#233d60;font-size:10.5px;font-weight:750}
body.app-body.ui-reference-light .account-popover .account-channel-row small{margin-top:3px;color:#76869b;font-size:9.5px}
body.app-body.ui-reference-light .account-popover .account-channel-row>a{
  min-width:61px;
  padding:7px 9px;
  border-color:#c7d5e4;
  border-radius:8px;
  color:#0a518f;
  background:#f8fbfd;
  font-size:9px;
}
body.app-body.ui-reference-light .account-popover .account-channel-row>a:hover{border-color:#0a407d;color:#fff;background:#082f63}

body.app-body.ui-reference-light .account-popover .account-popover-actions{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0;
  padding:4px 22px 19px;
  background:#fffef9;
}
body.app-body.ui-reference-light .account-popover .account-popover-actions>a{
  min-height:58px;
  grid-template-columns:34px minmax(0,1fr) 14px;
  gap:9px;
  padding:10px;
  border-radius:12px;
}
body.app-body.ui-reference-light .account-popover .account-popover-actions>a>span{width:34px;height:34px;border-radius:9px}
body.app-body.ui-reference-light .account-popover .account-popover-actions>a>strong{font-family:"Poppins","Inter",Arial,sans-serif;font-size:9.5px;font-weight:700}
body.app-body.ui-reference-light .account-popover .account-settings-link{border-color:#cddceb;color:#0b4d8b;background:#f3f8fc}
body.app-body.ui-reference-light .account-popover .account-settings-link>span{color:#f1c745;background:#082f63}
body.app-body.ui-reference-light .account-popover .account-settings-link:hover{border-color:#0a447f;color:#073f78;background:#edf5fb}
body.app-body.ui-reference-light .account-popover .account-signout-link{border-color:#ecd9de;color:#9e2f49;background:#fff8fa}
body.app-body.ui-reference-light .account-popover .account-popover-footer{
  padding:14px 18px 16px;
  border-top:1px solid #e5e1d4;
  background:#f8f5eb;
}
body.app-body.ui-reference-light .account-popover .account-popover-footer a{color:#405f82;font-size:9px;font-weight:650}
body.app-body.ui-reference-light .account-popover .account-popover-footer>span{margin-top:8px;color:#7d8998;font-size:8.5px}

@media(max-width:1180px){
  body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger{min-width:168px}
  body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-copy strong{max-width:92px}
  body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-copy small{display:none}
}
@media(max-width:900px){
  body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger{
    width:48px!important;
    min-width:48px;
    height:48px;
    justify-content:center;
    padding:4px!important;
    border-radius:14px!important;
  }
  body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-copy,
  body.app-body.ui-reference-light .topbar-avatar-menu .user-menu-trigger>.icon{display:none!important}
}
@media(max-width:600px){
  body.app-body.ui-reference-light .account-popover{
    position:fixed;
    left:9px;
    right:9px;
    top:72px;
    width:auto;
    max-width:none;
    max-height:calc(100dvh - 82px);
    border-radius:21px;
  }
  body.app-body.ui-reference-light .account-popover .account-user-section{padding:20px 18px}
  body.app-body.ui-reference-light .account-popover .account-summary-section{padding:18px 16px 11px}
  body.app-body.ui-reference-light .account-popover .account-popover-actions{padding:4px 16px 16px}
  body.app-body.ui-reference-light .account-popover .account-workspace-head strong{max-width:200px}
}
@media(max-width:410px){
  body.app-body.ui-reference-light .account-popover .account-popover-actions{grid-template-columns:1fr}
  body.app-body.ui-reference-light .account-popover .account-workspace-head strong{max-width:165px}
}

/* R46 — Clean sidebar, viewport-fitted account panel and slim Master context strip. */
body.app-body.ui-reference-light:not(.role-master) .sidebar-context-card.workspace-context{display:none!important}

body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar{
  padding:0 14px 12px!important;
  background:
    radial-gradient(circle at -8% 3%,rgba(239,192,48,.15),transparent 22%),
    linear-gradient(180deg,#fffef9 0%,#f7f8f8 54%,#eef3f8 100%)!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-head{
  height:76px;
  min-height:76px;
  margin:0;
  padding:0 8px!important;
  border-bottom:1px solid #e1e5e9!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-brand-full{
  width:154px;
  max-width:154px!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-collapse{
  width:38px;
  height:38px;
  border-radius:11px!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav{
  min-height:0;
  margin:10px 0 0;
  padding:10px 9px 12px!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 112% -5%,rgba(52,143,214,.31),transparent 29%),
    linear-gradient(180deg,#061d42 0%,#082d5c 58%,#0a3f78 100%)!important;
  box-shadow:0 15px 34px rgba(5,29,65,.17),inset 0 1px rgba(255,255,255,.09)!important;
  scrollbar-color:rgba(244,203,74,.55) transparent;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav::-webkit-scrollbar{width:5px}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(244,203,74,.5)}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) :is(.nav-group-label,.nav-quick-label){
  margin:9px 10px 6px!important;
  padding-top:8px;
  font-size:9px!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) :is(.sidebar-link,.sidebar-group-toggle){
  min-height:45px;
  margin:2px 0;
  padding-inline:12px;
  border-radius:11px!important;
  font-size:12px!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group{margin:3px 0;border-radius:12px!important}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-inner{
  margin:0!important;
  padding:3px 7px 8px 32px!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-sublink{min-height:39px;font-size:11px!important}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-bottom{
  gap:8px;
  padding-top:10px;
}

@media(min-width:1081px){
  body.app-body.ui-reference-light.sidebar-compact .sidebar-head{
    height:96px;
    min-height:96px;
    gap:5px;
    margin:2px 0;
  }
  body.app-body.ui-reference-light.sidebar-compact .sidebar-brand,
  body.app-body.ui-reference-light.sidebar-compact .sidebar-brand-icon{width:40px;height:40px}
  body.app-body.ui-reference-light.sidebar-compact .sidebar-collapse{width:40px;height:34px}
}

body.app-body.ui-reference-light .account-popover{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scroll-padding-bottom:18px;
  touch-action:pan-y;
}
body.app-body.ui-reference-light .account-popover::-webkit-scrollbar{width:8px}
body.app-body.ui-reference-light .account-popover::-webkit-scrollbar-track{margin:18px 0;background:transparent}
body.app-body.ui-reference-light .account-popover::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  border-radius:999px;
  background:#aebed1;
  background-clip:padding-box;
}
body.app-body.ui-reference-light .account-popover .account-popover-footer{position:relative;z-index:2}

body.app-body.ui-reference-light.is-master-impersonation{--master-context-height:34px}
body.app-body.ui-reference-light .master-context-bar{
  min-height:34px!important;
  height:34px!important;
  padding:0 14px!important;
  border-bottom:1px solid rgba(239,197,62,.62)!important;
  background:#061d42!important;
  box-shadow:0 4px 12px rgba(3,24,56,.13)!important;
}
body.app-body.ui-reference-light .master-context-inner{
  height:34px!important;
  min-height:34px;
  gap:9px!important;
}
body.app-body.ui-reference-light .master-context-copy{gap:8px!important}
body.app-body.ui-reference-light .master-context-copy>.master-context-pill{
  min-height:20px!important;
  padding:0 8px!important;
  border-color:#eac23f!important;
  font-size:8px!important;
  letter-spacing:.09em!important;
}
body.app-body.ui-reference-light .master-context-copy>strong{
  color:#eef4ff!important;
  font-size:10.5px!important;
  font-weight:650!important;
}
body.app-body.ui-reference-light .master-context-return button{
  min-height:24px!important;
  gap:5px!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:7px!important;
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
  font-size:9.5px!important;
  box-shadow:none!important;
}
body.app-body.ui-reference-light .master-context-return button:hover{
  border-color:#edc440!important;
  color:#061d42!important;
  background:#f0c844!important;
}
body.app-body.ui-reference-light .master-context-return .icon{width:12px!important;height:12px!important;flex-basis:12px!important}

@media(max-width:600px){
  body.app-body.ui-reference-light.is-master-impersonation{--master-context-height:34px}
  body.app-body.ui-reference-light .master-context-bar{padding:0 8px!important}
  body.app-body.ui-reference-light .master-context-inner{justify-content:space-between}
  body.app-body.ui-reference-light .master-context-copy{gap:6px!important}
  body.app-body.ui-reference-light .master-context-copy>.master-context-pill{min-height:19px!important;padding-inline:6px!important;font-size:7.5px!important}
  body.app-body.ui-reference-light .master-context-copy>strong{font-size:9.5px!important}
  body.app-body.ui-reference-light .master-context-return button{min-height:23px!important;padding:0 5px!important}
  body.app-body.ui-reference-light .master-context-return button>span{font-size:9px!important}
}

/* R47 — Legible, intentional sidebar status badges. */
body.app-body.ui-reference-light .sidebar :is(.nav-new,.nav-count,.nav-lock){
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:"Inter",Arial,sans-serif!important;
  font-style:normal;
  font-weight:850!important;
  line-height:1;
  text-align:center;
  white-space:nowrap;
}
body.app-body.ui-reference-light .sidebar .nav-new{
  min-width:42px;
  height:23px;
  margin-left:7px;
  padding:0 8px;
  border:1px solid #f1d36d!important;
  border-radius:999px;
  color:#08244e!important;
  -webkit-text-fill-color:#08244e!important;
  background:linear-gradient(110deg,#fff3b7 0%,#f2c744 100%)!important;
  box-shadow:0 5px 13px rgba(1,18,43,.2),inset 0 1px rgba(255,255,255,.78)!important;
  font-size:8px!important;
  letter-spacing:.055em;
  text-transform:uppercase;
}
body.app-body.ui-reference-light .sidebar .nav-count{
  min-width:24px;
  height:24px;
  margin-left:7px;
  padding:0 7px;
  border:1px solid #8ff2df!important;
  border-radius:999px;
  color:#052d48!important;
  -webkit-text-fill-color:#052d48!important;
  background:linear-gradient(135deg,#79efda,#33cdb8)!important;
  box-shadow:0 5px 13px rgba(1,18,43,.18),inset 0 1px rgba(255,255,255,.58)!important;
  font-size:9px!important;
}
body.app-body.ui-reference-light .sidebar .nav-count[hidden]{display:none!important}
body.app-body.ui-reference-light .sidebar .nav-lock{
  min-width:33px;
  height:19px;
  margin-left:7px;
  padding:0 6px;
  border:1px solid rgba(244,207,87,.48)!important;
  border-radius:999px;
  color:#f7d65e!important;
  -webkit-text-fill-color:#f7d65e!important;
  background:rgba(244,199,62,.11)!important;
  box-shadow:none!important;
  font-size:7px!important;
  letter-spacing:.07em;
}
body.app-body.ui-reference-light .sidebar :is(.sidebar-link.active,.sidebar-group-toggle.active) .nav-count,
body.app-body.ui-reference-light .sidebar .sidebar-nav-group.active>.sidebar-group-toggle .nav-count{
  border-color:#0b447f!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#082f63!important;
}

/* R48 — Single-line sidebar row geometry and precise vertical alignment. */
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-link{
  min-height:50px!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center!important;
  column-gap:12px!important;
  padding:0 13px!important;
  font-size:13.5px!important;
  line-height:1.2!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-toggle{
  min-height:50px!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) auto 16px;
  align-items:center!important;
  column-gap:12px!important;
  padding:0 13px!important;
  font-size:14px!important;
  line-height:1.2!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) :is(.sidebar-link,.sidebar-group-toggle)>.icon{
  grid-column:1;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  place-self:center;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-link>span:not(.nav-count):not(.nav-new):not(.nav-lock),
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-toggle>span:first-of-type:not(.nav-new){
  grid-column:2;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  align-self:stretch;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:"Poppins","Inter",Arial,sans-serif!important;
  font-size:inherit!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
  transform:none!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-toggle>.nav-new{
  grid-column:3;
  margin:0!important;
  place-self:center end;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-link>.nav-count,
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-link>.nav-lock{
  grid-column:3;
  margin:0!important;
  place-self:center end;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-chevron{
  grid-column:4!important;
  width:16px!important;
  height:16px!important;
  display:grid!important;
  place-items:center;
  place-self:center;
  margin:0!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-group-chevron>.icon{width:13px!important;height:13px!important}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.active>.sidebar-group-toggle>span:first-of-type:not(.nav-new){
  color:#12345d!important;
  -webkit-text-fill-color:#12345d!important;
  background:transparent!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-nav-group.open:not(.active)>.sidebar-group-toggle>span:first-of-type:not(.nav-new){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:transparent!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-sublink{
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) auto;
  align-items:center!important;
  column-gap:10px!important;
  padding:0 10px!important;
  line-height:1.2!important;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-sublink>.icon{
  grid-column:1;
  width:17px!important;
  height:17px!important;
  place-self:center;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-sublink>span:not(.nav-lock){
  grid-column:2;
  min-width:0;
  align-self:center;
  overflow:hidden;
  font-size:12px!important;
  line-height:1.2!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.app-body.ui-reference-light:not(.role-master):not(.sidebar-compact) .sidebar-sublink>.nav-lock{
  grid-column:3;
  margin:0!important;
  place-self:center end;
}