* { box-sizing: border-box; scrollbar-width: thin; scrollbar-color: #0B3F3B rgba(11, 63, 59, 0.10); }
html { scroll-behavior: smooth; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { border-radius: 999px; background: rgba(11, 63, 59, 0.10); }
*::-webkit-scrollbar-thumb { min-height: 68px; border: 1px solid transparent; border-radius: 999px; background: var(--brand-primary); background-clip: content-box; box-shadow: 0 1px 4px rgba(11, 63, 59, 0.10); }
*::-webkit-scrollbar-thumb:hover { background: var(--brand-primary); background-clip: content-box; }
*::-webkit-scrollbar-thumb:active { background: var(--brand-primary); background-clip: content-box; }
*::-webkit-scrollbar-button { width: 0; height: 0; display: none; }
:root[data-theme="dark"] * { scrollbar-color: #0B3F3B rgba(11, 63, 59, 0.12); }
:root[data-theme="dark"] *::-webkit-scrollbar-track { background: rgba(11, 63, 59, 0.12); }
@media (max-width: 768px) { *::-webkit-scrollbar { width: 8px; height: 8px; } }
body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-arabic);
  color: var(--text);
  background:
    var(--brand-primary-soft);
  letter-spacing: 0;
}

/* Salla integration actions and verified commerce reports */
.salla-linked-primary-actions{display:grid!important;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px!important}
.salla-linked-primary-actions .btn{min-height:52px;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;color:#fff!important;border-color:#0B3F3B!important;background:#0B3F3B!important;text-align:center;line-height:1.35}
.salla-report-head-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.salla-report-head-actions .select{width:auto;min-width:160px}
.salla-report-head-actions .btn:disabled{color:#667b77!important;border-color:#d9e7e4!important;background:#edf4f3!important;box-shadow:none!important;cursor:not-allowed;opacity:1}
.salla-report-custom-dates{margin-bottom:18px;padding:14px;display:flex;align-items:end;flex-wrap:wrap;gap:12px;border:1px solid #E8F1F0;border-radius:14px;background:#F3F8F7}
.salla-report-custom-dates label{display:grid;gap:6px;color:#0B3F3B;font-size:12px;font-weight:800}
.salla-report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}
.salla-report-metrics article{min-height:150px;padding:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.salla-report-metrics article>span{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;color:#0B3F3B;border-radius:50%;background:#F3F8F7}
.salla-report-metrics article>span .line-icon{width:27px;height:27px}
.salla-report-metrics article>div{min-width:0;display:grid;gap:7px}
.salla-report-metrics h2{margin:0;color:#254642;font-size:14px}
.salla-report-metrics strong{color:#0B3F3B;font-size:clamp(25px,2.5vw,35px);font-variant-numeric:tabular-nums}
.salla-report-metrics small{color:#8090a4;line-height:1.6}
.salla-report-performance{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.75fr);gap:16px;margin-bottom:18px}
.salla-report-performance>.card{padding:20px}
.salla-report-metric-tabs{padding:4px;display:flex;flex-wrap:wrap;gap:4px;border:1px solid #E8F1F0;border-radius:12px;background:#F3F8F7}
.salla-report-metric-tabs button{padding:8px 11px;color:#64778c;border:0;border-radius:9px;background:transparent;cursor:pointer;font-size:12px;font-weight:800}
.salla-report-metric-tabs button.active{color:#fff;background:#0B3F3B}
.salla-report-chart{height:270px;padding:25px 8px 0;display:flex;align-items:end;gap:8px;overflow-x:auto;border-bottom:1px solid #E8F1F0}
.salla-report-chart-column{height:100%;min-width:42px;flex:1;display:grid;grid-template-rows:22px minmax(0,1fr) 36px;align-items:end;justify-items:center;gap:5px}
.salla-report-chart-value{max-width:70px;overflow:hidden;color:#0B3F3B;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.salla-report-chart-column i{width:min(28px,70%);height:var(--bar-height);min-height:3px;border-radius:7px 7px 0 0;background:#0B3F3B;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.salla-report-chart-column small{color:#78899e;font-size:9px;white-space:nowrap;writing-mode:horizontal-tb}
.salla-report-summary h2{margin:0 0 12px;color:#062B28;font-size:18px}
.salla-report-summary dl{margin:0;display:grid}
.salla-report-summary dl div{padding:14px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #E8F1F0}
.salla-report-summary dt{color:#71829b;font-size:12px}
.salla-report-summary dd{margin:0;color:#0B3F3B;font-weight:850;text-align:end}
.salla-report-summary>p{margin:18px 0 0;padding:12px;color:#64778c;border-radius:10px;background:#F3F8F7;font-size:11px;line-height:1.8}
.salla-report-table-card{padding:20px}
.salla-report-filters{margin:14px 0 18px;display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(4,minmax(120px,.7fr)) auto auto;align-items:center;gap:9px}
.salla-report-search{position:relative;display:block}
.salla-report-search>.line-icon{width:18px;height:18px;position:absolute;inset:50% 12px auto auto;z-index:1;transform:translateY(-50%);color:#789}
.salla-report-search .input{padding-inline-start:14px;padding-inline-end:40px}
.salla-report-table td>strong{display:block;color:#183c38}
.salla-report-table td>small{display:block;margin-top:3px;color:#8190a4}
.salla-report-channel{display:inline-flex;align-items:center;gap:6px;color:#0B3F3B;font-weight:750;white-space:nowrap}
.salla-report-channel .line-icon{width:18px;height:18px}
.salla-report-connected-empty{min-height:330px;padding:40px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center}
.salla-report-connected-empty>.line-icon{width:55px;height:55px;padding:13px;color:#0B3F3B;border-radius:50%;background:#F3F8F7}
.salla-report-connected-empty h2,.salla-report-connected-empty p{margin:0}
.salla-report-connected-empty p{color:#71829b}
.salla-report-skeleton{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.salla-report-skeleton i{height:150px;border-radius:16px;background:linear-gradient(90deg,#F3F8F7,#fff,#F3F8F7);background-size:220% 100%;animation:salla-report-pulse 1.3s linear infinite}
@keyframes salla-report-pulse{to{background-position:-220% 0}}
.salla-cart-products{display:grid;gap:9px}
.salla-cart-products article{padding:10px;display:flex;align-items:center;gap:11px;border:1px solid #E8F1F0;border-radius:11px}
.salla-cart-products img,.salla-cart-products article>span{width:48px;height:48px;display:grid;place-items:center;object-fit:cover;border-radius:9px;background:#F3F8F7}
.salla-cart-products div{display:grid;gap:4px}.salla-cart-products small{color:#71829b}
.salla-cart-timeline article{display:flex;gap:12px}.salla-cart-timeline article>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;color:#0B3F3B;border-radius:50%;background:#F3F8F7}
.salla-report-preview-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;color:#71829b;text-align:center}
.salla-report-preview-empty.compact{min-height:180px}
.salla-report-preview-empty .line-icon{width:42px;height:42px;padding:10px;color:#0B3F3B;border-radius:50%;background:#F3F8F7}
.salla-report-preview-empty h3,.salla-report-preview-empty p{margin:0}.salla-report-preview-empty h3{color:#254642;font-size:16px}.salla-report-preview-empty p{max-width:500px;line-height:1.8}
.salla-report-preview-table{overflow:hidden;border:1px solid #E8F1F0;border-radius:13px}
.salla-report-preview-table-head{min-width:900px;padding:13px 16px;display:grid;grid-template-columns:1.3fr repeat(7,1fr);gap:12px;color:#254642;background:#F8FBFA;font-size:11px;font-weight:850}
:root[data-theme="dark"] .salla-report-preview-table{border-color:#244c48}:root[data-theme="dark"] .salla-report-preview-table-head{color:#dcebea;background:#13332f}
:root[data-theme="dark"] .salla-report-performance>.card,:root[data-theme="dark"] .salla-report-table-card,:root[data-theme="dark"] .salla-report-metrics article,:root[data-theme="dark"] .salla-report-connected-empty{border-color:#244c48;background:#0c2926}
:root[data-theme="dark"] .salla-report-metric-tabs,:root[data-theme="dark"] .salla-report-summary>p,:root[data-theme="dark"] .salla-report-custom-dates{border-color:#244c48;background:#13332f}
:root[data-theme="dark"] .salla-report-metrics h2,:root[data-theme="dark"] .salla-report-summary h2,:root[data-theme="dark"] .salla-report-table td>strong{color:#e7f3f1}
@media(max-width:1100px){.salla-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.salla-report-performance{grid-template-columns:1fr}.salla-report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.salla-report-search{grid-column:span 2}}
@media(max-width:720px){.salla-linked-primary-actions{grid-template-columns:1fr!important;width:100%}.salla-report-head-actions{width:100%;justify-content:stretch}.salla-report-head-actions>*{flex:1}.salla-report-metrics,.salla-report-skeleton{grid-template-columns:1fr}.salla-report-metrics article{min-height:125px}.salla-report-filters{grid-template-columns:1fr 1fr}.salla-report-search{grid-column:1/-1}.salla-report-filters .btn{width:100%}.salla-report-custom-dates{align-items:stretch;flex-direction:column}.salla-report-custom-dates label,.salla-report-custom-dates .btn{width:100%}.salla-report-metric-tabs{width:100%}.salla-report-metric-tabs button{flex:1}.salla-report-chart{height:235px}.salla-report-table-card{padding:14px}}

/* ===== Final reference-accurate marketing polish (desktop + iPad) ===== */
@media (min-width:641px){
  .public-site .public-nav .brand-logo-image{
    width:198px!important;
    max-width:198px!important;
    max-height:48px!important;
    object-fit:contain;
  }
  .public-site .nav-inner>.brand{min-width:198px}
}

@media (max-width:640px){
  .public-site .public-nav .brand-logo-image{width:124px!important;max-width:124px!important}
  .public-site .mobile-public-login{min-width:104px;flex:0 0 104px;padding-inline:7px;font-size:10.5px;white-space:nowrap}
  .public-site .public-nav .brand-logo-image{
    width:154px!important;
    max-height:38px!important;
    object-fit:contain;
  }
}

/* Home operation hub: the reference uses a separated floating disc and a real pedestal. */
.marketing-home-v3 .home-ops-center{overflow:visible;isolation:isolate}
.marketing-home-v3 .home-ops-center::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:50%;
  bottom:-32px;
  width:82%;
  height:42px;
  transform:translateX(-50%);
  border:1px solid rgba(22,183,163,.28);
  border-radius:50%;
  background:linear-gradient(180deg,rgba(226,255,250,.96),rgba(86,222,204,.38));
  box-shadow:0 19px 26px rgba(8,119,107,.16),inset 0 8px 12px rgba(255,255,255,.9);
}
.marketing-home-v3 .home-ops-center::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  bottom:-14px;
  width:94%;
  height:26px;
  transform:translateX(-50%);
  border:1px solid rgba(57,207,188,.4);
  border-radius:50%;
  background:rgba(236,255,252,.9);
  box-shadow:0 0 0 9px rgba(81,221,203,.08),0 12px 22px rgba(5,112,100,.12);
}
.marketing-home-v3 .home-ops-center .home-ops-mark{position:relative;z-index:2}
.marketing-home-v3 .home-ops-center>i{position:absolute!important;z-index:0}

/* Features network: fixed geometry prevents connector lines from escaping into cards. */
.marketing-features-v3{
  overflow:visible!important;
  background:
    radial-gradient(520px 240px at 7% 20%,rgba(58,220,202,.12),transparent 72%),
    radial-gradient(520px 240px at 93% 20%,rgba(58,220,202,.12),transparent 72%),#fbfefd;
}
.marketing-features-v3 .marketing-v3-section{padding:54px 0 38px}
.marketing-features-v3 .marketing-v3-heading{margin-bottom:28px}
.marketing-features-v3 .flow-network-features{
  position:relative;
  display:grid;
  grid-template-columns:minmax(285px,1fr) 300px minmax(285px,1fr);
  align-items:center;
  gap:26px;
  min-height:500px;
  overflow:visible;
}
.marketing-features-v3 .flow-network-svg{
  position:absolute!important;
  z-index:0;
  inset:0!important;
  width:100%!important;
  height:500px!important;
  pointer-events:none;
  overflow:visible;
}
.marketing-features-v3 .flow-side{
  position:relative;
  z-index:2;
  display:grid;
  align-content:center;
  gap:10px;
}
.marketing-features-v3 .flow-node{
  min-height:78px;
  padding:12px 16px;
  border:1px solid rgba(9,100,91,.1);
  border-radius:16px;
  background:rgba(255,255,255,.97);
  box-shadow:0 10px 28px rgba(8,62,56,.07);
}
.marketing-features-v3 .flow-node:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(8,92,83,.12)}
.marketing-features-v3 .flow-node-icon{flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:#eafaf7}
.marketing-features-v3 .flow-center{
  position:relative;
  z-index:3;
  width:214px;
  height:214px;
  margin:auto;
  overflow:visible;
  border:1px solid rgba(14,196,173,.48);
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 12px rgba(90,231,212,.12),0 0 0 24px rgba(85,218,201,.055),0 22px 40px rgba(5,106,95,.15);
}
.marketing-features-v3 .flow-center::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  bottom:-24px;
  width:76%;
  height:27px;
  transform:translateX(-50%);
  border-radius:50%;
  background:linear-gradient(180deg,rgba(159,243,232,.58),rgba(20,176,158,.18));
  filter:blur(.2px);
}
.marketing-features-v3 .features-value-strip{margin-top:30px}

/* Blog: full-width editorial grid, consistent brand photography and no clipped cards. */
.marketing-blog-v3{
  overflow:visible!important;
  background:
    radial-gradient(580px 260px at 8% 6%,rgba(91,226,209,.12),transparent 74%),
    radial-gradient(580px 260px at 92% 6%,rgba(91,226,209,.12),transparent 74%),#fbfefd;
}
.marketing-blog-v3 .marketing-v3-section{padding:50px 0 54px}
.marketing-blog-v3 .marketing-v3-heading{margin-bottom:22px}
.marketing-blog-v3 .blog-v3-toolbar{margin-bottom:22px}
.marketing-blog-v3 .blog-v3-featured{min-height:310px;border-radius:20px;overflow:hidden}
.marketing-blog-v3 .blog-v3-featured-media{min-height:310px;background:#073f3c}
.marketing-blog-v3 .blog-v3-featured-media img{width:100%;height:100%;object-fit:cover}
.marketing-blog-v3 .blog-v3-latest--full{margin-top:26px}
.marketing-blog-v3 .blog-v3-latest-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.marketing-blog-v3 .blog-v3-grid--full{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.marketing-blog-v3 .blog-v3-card{display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;border-radius:15px;background:#fff}
.marketing-blog-v3 .blog-v3-card-media{height:132px;min-height:132px;background:linear-gradient(145deg,#eafaf7,#dff5f2)}
.marketing-blog-v3 .blog-v3-card-media img{width:100%;height:100%;object-fit:cover}
.marketing-blog-v3 .blog-v3-card-body{display:flex;flex:1;flex-direction:column;padding:15px}
.marketing-blog-v3 .blog-v3-card-body p{display:block;overflow:visible;max-height:none}
.marketing-blog-v3 .blog-v3-card-body .text-link{margin-top:auto;padding-top:12px}

/* Support: search stays on the page and points directly to the matching article. */
.marketing-support-v3{
  overflow:visible!important;
  background:radial-gradient(650px 260px at 50% 0,rgba(91,226,209,.1),transparent 72%),#fbfefd;
}
.marketing-support-v3 .marketing-v3-section{padding:50px 0 56px}
.marketing-support-v3 .support-v3-hero{overflow:visible;padding:34px 32px 28px}
.marketing-support-v3 .support-v3-search{position:relative;z-index:5;overflow:visible}
.marketing-support-v3 .support-v3-search label{position:relative;z-index:2}
.marketing-support-v3 .support-search-results{
  position:relative;
  z-index:6;
  width:min(760px,100%);
  margin:10px auto 0;
  padding:10px;
  border:1px solid rgba(32,171,154,.22);
  border-radius:15px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 34px rgba(2,44,40,.2);
  color:#073d39;
  text-align:right;
}
.marketing-support-v3 .support-search-results[hidden]{display:none!important}
.marketing-support-v3 .support-search-result{
  display:flex;
  width:100%;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:0;
  border-radius:10px;
  color:inherit;
  background:transparent;
  font:inherit;
  text-align:right;
  cursor:pointer;
}
.marketing-support-v3 .support-search-result:hover,.marketing-support-v3 .support-search-result:focus-visible{background:#eafaf7;outline:0}
.marketing-support-v3 .support-search-result .icon{color:#078b7c}
.marketing-support-v3 .support-search-status{margin:5px 8px 1px;color:#607c77;font-size:12px}
.marketing-support-v3 .support-v3-categories>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}

/* Complete stand-alone footer destinations. */
.marketing-resource-page{
  overflow:visible!important;
  background:radial-gradient(580px 260px at 50% 0,rgba(78,221,204,.13),transparent 75%),#fbfefd;
}
.marketing-resource-page .resource-hero{position:relative;overflow:hidden;padding:78px 0 66px;text-align:center}
.marketing-resource-page .resource-hero::before,.marketing-resource-page .resource-hero::after{
  content:"";position:absolute;width:460px;height:210px;border:1px solid rgba(39,190,172,.13);border-radius:50%;pointer-events:none
}
.marketing-resource-page .resource-hero::before{top:-100px;right:-130px;transform:rotate(-12deg)}
.marketing-resource-page .resource-hero::after{bottom:-125px;left:-120px;transform:rotate(16deg)}
.marketing-resource-page .resource-hero .container{position:relative;z-index:1;max-width:900px}
.marketing-resource-page .resource-icon{display:grid;width:72px;height:72px;margin:0 auto 18px;place-items:center;border:1px solid rgba(17,169,151,.2);border-radius:22px;color:#087e72;background:#e9faf7;box-shadow:0 14px 30px rgba(6,109,98,.12)}
.marketing-resource-page .resource-icon .icon{width:34px;height:34px}
.marketing-resource-page .resource-hero h1{max-width:820px;margin:0 auto 14px;color:#073e3b;font-size:clamp(38px,5vw,62px);line-height:1.16;letter-spacing:-1.8px}
.marketing-resource-page .resource-hero p{max-width:720px;margin:0 auto;color:#58756f;font-size:18px;line-height:1.9}
.marketing-resource-page .resource-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:26px}
.marketing-resource-page .resource-content{padding:16px 0 76px}
.marketing-resource-page .resource-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.marketing-resource-page .resource-card{min-height:220px;padding:24px;border:1px solid rgba(6,96,87,.1);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(6,62,56,.065);transition:.28s ease}
.marketing-resource-page .resource-card:hover{transform:translateY(-6px);border-color:rgba(18,175,157,.3);box-shadow:0 20px 42px rgba(5,89,80,.12)}
.marketing-resource-page .resource-card .icon{width:30px;height:30px;margin-bottom:18px;color:#078f80}
.marketing-resource-page .resource-card h3{margin:0 0 10px;color:#0a403c;font-size:19px}
.marketing-resource-page .resource-card p{margin:0;color:#617b76;line-height:1.8}
.marketing-resource-page .resource-process{margin-top:24px;padding:32px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#075d57,#053e3b);box-shadow:0 20px 44px rgba(2,61,56,.17)}
.marketing-resource-page .resource-process h2{margin:0 0 24px;text-align:center;font-size:28px}
.marketing-resource-page .resource-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.marketing-resource-page .resource-step{padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.07)}
.marketing-resource-page .resource-step b{display:grid;width:34px;height:34px;margin-bottom:12px;place-items:center;border-radius:50%;color:#064b45;background:#b9f3ea}
.marketing-resource-page .resource-step h3{margin:0 0 7px;font-size:17px}
.marketing-resource-page .resource-step p{margin:0;color:#c9e1dd;line-height:1.75}

/* Footer social icons stay directly below the Meta badge as in the supplied reference. */
.public-footer.marketing-footer .marketing-meta-partner{width:235px;max-width:100%;margin-top:13px}
.public-footer.marketing-footer .footer-social{width:235px;max-width:100%;justify-content:center;margin:10px 0 0;gap:10px}
.public-footer.marketing-footer .footer-social a{transition:transform .2s ease,background .2s ease,border-color .2s ease}
.public-footer.marketing-footer .footer-social a:hover{transform:translateY(-3px);border-color:rgba(123,239,222,.7);background:rgba(255,255,255,.12)}

@media (max-width:1180px){
  .marketing-features-v3 .flow-network-features{grid-template-columns:minmax(245px,1fr) 240px minmax(245px,1fr);gap:14px}
  .marketing-features-v3 .flow-center{width:184px;height:184px}
  .marketing-blog-v3 .blog-v3-grid--full{grid-template-columns:repeat(3,minmax(0,1fr))}
  .marketing-resource-page .resource-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  .marketing-features-v3 .flow-network-features{grid-template-columns:minmax(220px,1fr) 190px minmax(220px,1fr);gap:8px}
  .marketing-features-v3 .flow-center{width:158px;height:158px}
  .marketing-features-v3 .flow-node{min-height:72px;padding:10px}
  .marketing-features-v3 .flow-node-icon{width:42px;height:42px;flex-basis:42px}
  .marketing-blog-v3 .blog-v3-grid--full{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-support-v3 .support-v3-categories>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:820px){
  .marketing-features-v3 .flow-network-features{display:flex;min-height:0;flex-direction:column;gap:16px}
  .marketing-features-v3 .flow-network-svg{display:none}
  .marketing-features-v3 .flow-side{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-features-v3 .flow-center{order:-1;width:180px;height:180px;margin:8px auto 18px}
  .marketing-resource-page .resource-hero{padding:56px 0 46px}
  .marketing-resource-page .resource-hero-actions{flex-wrap:wrap}
}

@media (max-width:560px){
  .marketing-blog-v3 .blog-v3-grid--full,.marketing-resource-page .resource-card-grid,.marketing-resource-page .resource-steps{grid-template-columns:1fr}
  .marketing-support-v3 .support-v3-categories>div,.marketing-features-v3 .flow-side{grid-template-columns:1fr}
  .marketing-support-v3 .support-v3-hero{padding:28px 16px 22px}
  .marketing-resource-page .resource-process{padding:23px 16px}
}

/* Home operations reveal alignment and controlled stagger. */
.marketing-v3 .home-ops-card[data-reveal]{transition-delay:var(--ops-enter,0s)}
.marketing-v3 .ops-automation[data-reveal],.marketing-v3 .ops-live[data-reveal]{transform:translateX(-50%) translateY(18px)}
.marketing-v3 .ops-automation[data-reveal].is-visible,.marketing-v3 .ops-live[data-reveal].is-visible{transform:translateX(-50%)}
.marketing-v3 .ops-automation[data-reveal].is-visible:hover,.marketing-v3 .ops-live[data-reveal].is-visible:hover{transform:translateX(-50%) translateY(-3px)}
@media (max-width:820px){
  .marketing-v3 .ops-automation[data-reveal],.marketing-v3 .ops-live[data-reveal]{transform:translateY(18px)}
  .marketing-v3 .ops-automation[data-reveal].is-visible,.marketing-v3 .ops-live[data-reveal].is-visible{transform:none}
  .marketing-v3 .ops-automation[data-reveal].is-visible:hover,.marketing-v3 .ops-live[data-reveal].is-visible:hover{transform:translateY(-3px)}
}

/* Marketing experience v3 — isolated from dashboard/admin surfaces. */
.marketing-v3{
  --mv3-ink:#082f2b;
  --mv3-brand:#006c61;
  --mv3-brand-2:#18a996;
  --mv3-mint:#eaf8f5;
  --mv3-line:#c5e6e0;
  --mv3-paper:#fff;
  --mv3-muted:#667b78;
  color:var(--mv3-ink);
  overflow:hidden;
  background:linear-gradient(180deg,#fbfefd 0,#f6fbfa 44%,#fff 100%);
}
.marketing-v3 .container,.marketing-footer .container{width:min(1480px,calc(100% - 72px));margin-inline:auto}
.marketing-v3 [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1)}
.marketing-v3 [data-reveal].is-visible{opacity:1;transform:none}
.marketing-footer [data-reveal]{opacity:1;transform:none}
.marketing-v3-section{padding:76px 0}
.marketing-v3-heading{text-align:center;max-width:780px;margin:0 auto 40px}
.marketing-v3-heading>span{display:inline-flex;color:var(--mv3-brand);font-weight:850;margin-bottom:8px}
.marketing-v3-heading h2{margin:0;color:var(--mv3-ink);font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.035em}
.marketing-v3-heading p{margin:13px 0 0;color:var(--mv3-muted);font-size:17px;line-height:1.9}

.marketing-v3-hero{position:relative;padding:82px 0 40px;background:radial-gradient(circle at 82% 16%,rgba(94,213,195,.17),transparent 27%),radial-gradient(circle at 16% 48%,rgba(94,213,195,.12),transparent 24%)}
.marketing-v3-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);align-items:center;gap:64px}
.marketing-v3-copy{order:2}
.marketing-v3-copy h1{margin:18px 0 20px;font-size:clamp(48px,5.2vw,76px);line-height:1.08;letter-spacing:-.045em;color:#062f2b}
.marketing-v3-copy h1 span{color:var(--mv3-brand)}
.marketing-v3-copy>p{font-size:18px;line-height:2;color:#536c68;max-width:690px;margin:0}
.marketing-v3-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:#e9faf5;color:#197367;font-weight:800;font-size:13px}
.marketing-v3-kicker svg{width:17px;height:17px}
.marketing-v3-copy .hero-actions{display:flex;gap:12px;margin-top:28px}
.marketing-v3-copy .btn{min-height:52px;padding-inline:24px;border-radius:12px;gap:10px}
.marketing-v3-copy .btn-primary{background:linear-gradient(135deg,#075b53,#08786b);box-shadow:0 12px 25px rgba(2,93,83,.14)}
.marketing-v3-copy .btn svg{width:18px;height:18px}
.marketing-v3-assurances{display:flex;flex-wrap:wrap;gap:18px;margin-top:23px;color:#617772;font-size:13px;font-weight:750}
.marketing-v3-assurances span{display:inline-flex;align-items:center;gap:6px}
.marketing-v3-assurances svg{width:18px;height:18px;color:#168876}
.marketing-v3-dashboard{position:relative;order:1;min-width:0}
.marketing-dashboard-frame{padding:13px;border:1px solid #d8ebe7;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 26px 70px rgba(5,71,64,.12);transform:perspective(1200px) rotateY(2deg)}
.marketing-dashboard-frame .dashboard-preview{min-height:440px}
.marketing-dashboard-live{position:absolute;top:24px;inset-inline-start:24px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;color:#147f6f;background:#e9faf5;font-size:11px;font-weight:900;box-shadow:0 8px 22px rgba(4,80,72,.11)}
.marketing-dashboard-live i,.marketing-live-stats small i{width:7px;height:7px;border-radius:50%;background:#16a085;animation:marketingLive 2s ease-in-out infinite}

.marketing-live-stats{padding:0 0 35px}
.marketing-live-stats>.container{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dcebe8;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(9,67,61,.07)}
.marketing-live-stats article{display:flex;align-items:center;justify-content:center;gap:16px;min-height:118px;padding:22px;border-inline-start:1px solid #e6f0ee}
.marketing-live-stats article:first-child{border-inline-start:0}
.marketing-live-stats article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#0c7b6e;background:#eaf8f5}
.marketing-live-stats article>span svg{width:23px;height:23px}
.marketing-live-stats article>div{display:grid}
.marketing-live-stats small{display:flex;align-items:center;gap:5px;color:#238071;font-size:10px;font-weight:800}
.marketing-live-stats strong{font-size:28px;line-height:1.3;color:#073b36;font-variant-numeric:tabular-nums;transition:transform .3s ease,color .3s ease}
.marketing-live-stats strong.is-changing{transform:translateY(-3px);color:#07947f}
.marketing-live-stats em{font-style:normal;color:#6a7d7a;font-size:12px}

.marketing-flow-section{background:linear-gradient(180deg,rgba(235,250,247,.5),rgba(255,255,255,.85))}
.flow-network{position:relative;display:grid;grid-template-columns:minmax(210px,1fr) 270px minmax(240px,1fr);align-items:center;min-height:520px;isolation:isolate}
.flow-network-svg{position:absolute;inset:50% 0 auto;width:100%;height:420px;transform:translateY(-50%);overflow:visible;pointer-events:none;z-index:0}
.flow-base,.flow-pulse{fill:none;vector-effect:non-scaling-stroke}
.flow-base{stroke:var(--mv3-line);stroke-width:1.5}
.flow-pulse{stroke:#20af98;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 76;filter:url(#flow-glow);opacity:0;animation:marketingFlow 2.8s linear infinite;animation-play-state:paused}
.flow-out{animation-direction:reverse}
.flow-network.is-in-view .flow-pulse{opacity:.9;animation-play-state:running}
.flow-network [data-flow-line]{transition:opacity .25s ease}
.flow-network.is-focused [data-flow-line]{opacity:.25}
.flow-network.is-focused [data-flow-line].is-active{opacity:1}
.flow-side{position:relative;z-index:2;display:grid;gap:13px}
.flow-side-in{padding-inline-end:38px}.flow-side-out{padding-inline-start:38px}
.flow-node{display:flex;align-items:center;gap:13px;min-height:66px;padding:11px 15px;border:1px solid #dbeae7;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(6,61,56,.055);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,opacity .24s ease}
.flow-node>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;color:#087668;border-radius:12px;background:#eaf8f5}
.flow-node svg{width:21px;height:21px}
.flow-node div{display:grid;min-width:0}.flow-node strong{font-size:14px;color:#093934}.flow-node small{font-size:11px;color:#72827f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flow-network.is-focused .flow-node{opacity:.46}
.flow-network.is-focused .flow-node.is-active,.flow-node:hover,.flow-node:focus-within{opacity:1;transform:translateY(-3px);border-color:#87cfc3;box-shadow:0 15px 28px rgba(4,87,78,.1)}
.flow-network.is-in-view .flow-node{animation:marketingNodePulse 5.6s ease-in-out infinite;animation-delay:var(--flow-delay)}
.flow-center{position:relative;z-index:3;display:grid;place-items:center;text-align:center;width:230px;height:230px;margin:auto;border:1px solid rgba(76,192,175,.38);border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 0 18px rgba(103,221,204,.08),0 22px 60px rgba(7,93,83,.13)}
.flow-center>i{position:absolute;inset:-18px;border:1px solid rgba(34,171,151,.16);border-radius:50%;animation:marketingRing 3.8s ease-in-out infinite;animation-play-state:paused}
.flow-center>i:nth-child(2){inset:-35px;animation-delay:.6s}
.is-in-view .flow-center>i{animation-play-state:running}
.flow-center>div{width:145px}.flow-center .brand{justify-content:center}.flow-center .brand-logo-image{width:140px;max-height:42px;object-fit:contain}
.flow-center small{position:absolute;top:calc(100% + 26px);width:280px;color:#496965;font-weight:800}
.flow-network-features{grid-template-columns:minmax(265px,1fr) 290px minmax(265px,1fr)}
.flow-network-features .flow-node{min-height:75px}

.marketing-steps-section{padding-top:60px}
.marketing-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-top:28px}
.marketing-step{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:20px;border:1px solid #dcebe8;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(5,74,67,.05);transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.marketing-step>b{position:absolute;top:-13px;inset-inline-start:18px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:#7dbdb4;font-size:12px;transition:background .3s ease,box-shadow .3s ease}
.marketing-step>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:#0a776b;background:#eaf8f5}
.marketing-step h3{margin:0;font-size:15px}.marketing-step p{grid-column:1/-1;margin:2px 0 0;color:#71827f;font-size:12px;line-height:1.7}
.marketing-step-line{position:absolute;top:8px;inset-inline:7%;width:86%;height:3px;border-radius:99px;background:#dbeae7;overflow:hidden}
.marketing-step-line i{display:block;width:16%;height:100%;border-radius:99px;background:#19a892;transform:translateX(610%)}
.marketing-steps.is-running .marketing-step-line i{animation:marketingSteps 5.5s cubic-bezier(.65,0,.35,1) forwards}
.marketing-steps.is-running .marketing-step{animation:marketingStepCard 5.5s ease forwards;animation-delay:calc(var(--step,0) * 1.15s)}
.marketing-step:nth-child(1){--step:0}.marketing-step:nth-child(2){--step:1}.marketing-step:nth-child(3){--step:2}.marketing-step:nth-child(4){--step:3}

.marketing-feature-benefits{padding:24px 0 70px;background:#fff}
.marketing-feature-benefits>.container{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #e1ecea;border-radius:18px;overflow:hidden}
.marketing-feature-benefits article{text-align:center;padding:26px 18px;border-inline-start:1px solid #e7efee}
.marketing-feature-benefits article:first-child{border-inline-start:0}
.marketing-feature-benefits span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 13px;color:#077366;border-radius:12px;background:#eaf8f5}.marketing-feature-benefits svg{width:22px;height:22px}
.marketing-feature-benefits h3{margin:0;font-size:15px}.marketing-feature-benefits p{margin:8px 0 0;color:#71817e;font-size:12px;line-height:1.75}

.blog-v3-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.blog-v3-toolbar .chips{display:flex;gap:10px;overflow:auto;padding:2px}.blog-v3-toolbar .chip{min-width:125px;border-radius:9px;background:#fff;border:1px solid #d9e7e4}.blog-v3-toolbar .chip.active{color:#fff;background:#075f57;border-color:#075f57}
.blog-v3-search{display:flex;align-items:center;gap:8px;min-width:280px;padding:0 14px;border:1px solid #d9e7e4;border-radius:10px;background:#fff}.blog-v3-search svg{width:18px}.blog-v3-search input{width:100%;height:43px;border:0;outline:0;background:transparent}
.blog-v3-featured{display:grid;grid-template-columns:1.15fr .85fr;min-height:340px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#07564f,#063d39);color:#fff;box-shadow:0 20px 50px rgba(5,69,63,.13)}
.blog-v3-featured-media{order:1;min-height:340px}.blog-v3-featured-media img{width:100%;height:100%;object-fit:cover;opacity:.9}
.blog-v3-featured>div:last-child{order:2;padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.blog-v3-featured span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.12);font-size:11px}.blog-v3-featured span svg{width:14px}.blog-v3-featured small{margin-top:15px;color:#a9d5cf}.blog-v3-featured h1{font-size:32px;line-height:1.35;margin:7px 0 12px}.blog-v3-featured p{margin:0;color:#d8e9e6;line-height:1.8}.blog-v3-featured button,.blog-v3-card button{display:inline-flex;align-items:center;gap:7px;margin-top:18px;border:0;color:inherit;background:none;font-weight:850}.blog-v3-featured button svg,.blog-v3-card button svg{width:16px}
.blog-v3-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:28px}.blog-v3-latest header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.blog-v3-latest header h2{margin:0}.blog-v3-latest header button{border:0;background:none;color:#087668;font-weight:800}.blog-v3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-v3-card{padding:13px;border:1px solid #dfeae8;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(7,67,61,.045)}.blog-v3-card .blog-art{height:145px;border-radius:10px;overflow:hidden}.blog-v3-card .blog-art img{width:100%;height:100%;object-fit:cover}.blog-v3-card small{display:block;margin-top:11px;color:#86918f;font-size:10px}.blog-v3-card h3{font-size:15px;line-height:1.55;margin:5px 0}.blog-v3-card p{font-size:12px;line-height:1.75;color:#71817f;margin:0}.blog-v3-card button{color:#087668;margin-top:12px;padding:0}
.blog-v3-side-list{display:grid;gap:13px}.blog-v3-side-list button{display:grid;grid-template-columns:105px 1fr;gap:12px;align-items:center;text-align:start;padding:10px;border:1px solid #dfeae8;border-radius:13px;background:#fff}.blog-v3-side-list img{width:105px;height:72px;object-fit:cover;border-radius:8px}.blog-v3-side-list span{display:grid;gap:5px}.blog-v3-side-list strong{font-size:12px;line-height:1.55}.blog-v3-side-list small{color:#87938f;font-size:9px}
.blog-v3-newsletter{display:grid;grid-template-columns:auto 1fr minmax(340px,.8fr);align-items:center;gap:18px;margin-top:26px;padding:18px 24px;border:1px solid #cde7e2;border-radius:14px;background:#e8faf6}.blog-v3-newsletter>span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;color:#077367;background:#fff}.blog-v3-newsletter svg{width:22px}.blog-v3-newsletter h2{margin:0;font-size:18px}.blog-v3-newsletter p{margin:5px 0 0;color:#627773;font-size:12px}.blog-v3-newsletter form{display:flex;gap:10px}.blog-v3-newsletter input{flex:1;min-width:0;height:44px;padding:0 13px;border:1px solid #d6e8e5;border-radius:9px;background:#fff}.blog-v3-newsletter button{min-width:120px;border-radius:9px}

.support-v3-search{position:relative;overflow:hidden;text-align:center;padding:34px;border-radius:18px;color:#fff;background:linear-gradient(120deg,#075a54,#087a6d);box-shadow:0 20px 48px rgba(5,86,78,.13)}.support-v3-search>i{position:absolute;inset:auto -4% 12%;width:380px;height:150px;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-10deg)}.support-v3-search>i:nth-child(2){inset:18% auto auto -7%;transform:rotate(12deg)}.support-v3-search h1{position:relative;margin:0;font-size:32px}.support-v3-search p{position:relative;margin:8px 0 18px;color:#d6ebe7}.support-v3-search label{position:relative;display:flex;align-items:center;gap:9px;width:min(760px,100%);margin:auto;padding:0 17px;border-radius:10px;background:#fff;color:#52706b}.support-v3-search label svg{width:20px}.support-v3-search input{width:100%;height:50px;border:0;outline:0;background:transparent}
.support-v3-categories{margin-top:25px}.support-v3-categories>h2{font-size:18px;margin:0 0 13px}.support-v3-categories>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.support-v3-categories button{display:grid;grid-template-columns:auto 1fr;gap:10px;text-align:start;align-items:center;padding:16px;border:1px solid #dce9e7;border-radius:13px;background:#fff;box-shadow:0 7px 19px rgba(7,67,61,.045)}.support-v3-categories button>span{grid-row:1/3;display:grid;place-items:center;width:43px;height:43px;color:#08776a;border-radius:50%;background:#e8faf6}.support-v3-categories svg{width:22px}.support-v3-categories strong{font-size:14px}.support-v3-categories small{font-size:10px;color:#758683}
.support-v3-lower{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:24px}.support-v3-faq,.support-v3-contact,.support-v3-request{padding:22px;border:1px solid #dce9e7;border-radius:14px;background:#fff}.support-v3-faq h2,.support-v3-contact>h2{margin:0 0 12px;font-size:18px}.support-v3-faq details{border-bottom:1px solid #edf2f1}.support-v3-faq summary{padding:12px 0;font-size:12px;font-weight:800;cursor:pointer}.support-v3-faq details p{font-size:11px;line-height:1.8;color:#6f807d}.support-v3-faq>button{display:inline-flex;align-items:center;gap:6px;margin-top:13px;border:0;color:#08766a;background:none;font-weight:800}.support-v3-faq>button svg{width:15px}.support-v3-contact>p{font-size:12px;color:#70827e}.support-v3-contact>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.support-v3-contact section{text-align:center;padding:15px;border:1px solid #e3eceb;border-radius:12px}.support-v3-contact section>span{display:grid;place-items:center;width:39px;height:39px;margin:auto;color:#08766a;border-radius:12px;background:#eaf8f5}.support-v3-contact section svg{width:21px}.support-v3-contact h3{font-size:13px;margin:10px 0 4px}.support-v3-contact section p{min-height:38px;margin:0;color:#71817f;font-size:10px;line-height:1.6}.support-v3-contact section button,.support-v3-contact section a{display:inline-block;width:100%;margin-top:10px;padding:7px;border:1px solid #86bcb4;border-radius:7px;color:#08766a;background:#fff;font-size:11px;font-weight:800}
.support-v3-request{margin-top:24px}.support-v3-request header{display:flex;align-items:center;gap:13px;margin-bottom:17px}.support-v3-request header>span{display:grid;place-items:center;width:45px;height:45px;color:#08766a;border-radius:13px;background:#eaf8f5}.support-v3-request header svg{width:23px}.support-v3-request h2{margin:0}.support-v3-request p{margin:4px 0 0;color:#71817f}.support-v3-request form{grid-template-columns:repeat(2,1fr)}.support-v3-request-details{grid-column:1/-1}.support-v3-request form>button{grid-column:1/-1;justify-self:start;min-width:190px;gap:8px}.support-v3-request form>button svg{width:18px}

.marketing-footer{padding:50px 0 0;color:#dceeea;background:linear-gradient(135deg,#063f3b,#075c55)}
.marketing-footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,.65fr) 1.1fr;gap:38px;padding-bottom:36px}.marketing-footer .brand-logo-image{filter:brightness(0) invert(1);width:160px;max-height:42px}.marketing-footer-brand p,.marketing-footer-newsletter p{font-size:12px;line-height:1.9;color:#b7d2cd}.marketing-footer .footer-social{display:flex;gap:9px;margin-top:14px}.marketing-footer .footer-social a{display:grid;place-items:center;width:34px;height:34px;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:50%}.marketing-footer .footer-social svg{width:17px;height:17px}.marketing-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.marketing-footer-column h2,.marketing-footer-newsletter h2{margin:0 0 8px;color:#fff;font-size:15px}.marketing-footer-column button{padding:0;border:0;color:#bad3cf;background:none;font-size:12px}.marketing-footer-newsletter form{display:flex;gap:0;margin-top:13px}.marketing-footer-newsletter label{position:relative;display:flex;align-items:center;flex:1}.marketing-footer-newsletter input{width:100%;height:42px;padding:0 39px 0 12px;border:1px solid rgba(255,255,255,.35);border-radius:8px 0 0 8px;color:#fff;background:rgba(255,255,255,.06)}.marketing-footer-newsletter label svg{position:absolute;inset-inline-start:11px;width:17px}.marketing-footer-newsletter form button{display:grid;place-items:center;width:43px;border:0;border-radius:0 8px 8px 0;color:#07574f;background:#fff}.marketing-footer-newsletter form button svg{width:18px}.marketing-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-top:1px solid rgba(255,255,255,.15);font-size:11px;color:#b8d0cc}.marketing-footer-bottom nav{display:flex;gap:18px}.marketing-footer-bottom button{padding:0;border:0;color:inherit;background:none}

.public-site .nav-link.active{min-height:44px!important;padding:0 15px!important;border:1px solid #cfe7e2!important;border-radius:13px!important;background:#f0faf8!important;box-shadow:0 7px 16px rgba(6,88,79,.07)!important}
.public-site .nav-link.active::after{display:none!important}

@keyframes marketingFlow{to{stroke-dashoffset:-78}}
@keyframes marketingRing{0%,100%{transform:scale(.96);opacity:.2}50%{transform:scale(1.05);opacity:.7}}
@keyframes marketingNodePulse{0%,91%,100%{transform:scale(1)}94%{transform:scale(1.06)}}
@keyframes marketingLive{0%,100%{opacity:.35;transform:scale(.78)}50%{opacity:1;transform:scale(1)}}
@keyframes marketingSteps{0%{transform:translateX(610%)}100%{transform:translateX(-10%)}}
@keyframes marketingStepCard{0%,8%,100%{transform:translateY(0);border-color:#dcebe8;box-shadow:0 10px 25px rgba(5,74,67,.05)}10%,26%{transform:translateY(-3px);border-color:#5bb9ab;box-shadow:0 15px 28px rgba(4,87,78,.1)}}

:root[data-theme="dark"] .marketing-v3{--mv3-ink:#e6f4f1;--mv3-brand:#76d2c5;--mv3-mint:#0b302b;--mv3-line:#24514b;--mv3-paper:#08231f;--mv3-muted:#a4bcb7;background:linear-gradient(180deg,#061c19,#08231f)}
:root[data-theme="dark"] .marketing-v3-heading h2,:root[data-theme="dark"] .marketing-v3-copy h1,:root[data-theme="dark"] .flow-node strong,:root[data-theme="dark"] .marketing-live-stats strong,:root[data-theme="dark"] .marketing-feature-benefits h3,:root[data-theme="dark"] .marketing-step h3,:root[data-theme="dark"] .blog-v3-card h3,:root[data-theme="dark"] .support-v3-categories strong{color:#e7f5f2}
:root[data-theme="dark"] .marketing-v3-copy>p,:root[data-theme="dark"] .marketing-v3-heading p,:root[data-theme="dark"] .flow-node small,:root[data-theme="dark"] .marketing-feature-benefits p,:root[data-theme="dark"] .marketing-step p,:root[data-theme="dark"] .blog-v3-card p{color:#a8c0bb}
:root[data-theme="dark"] .marketing-flow-section,:root[data-theme="dark"] .marketing-feature-benefits{background:#071f1c}
:root[data-theme="dark"] .marketing-dashboard-frame,:root[data-theme="dark"] .marketing-live-stats>.container,:root[data-theme="dark"] .flow-node,:root[data-theme="dark"] .flow-center,:root[data-theme="dark"] .marketing-step,:root[data-theme="dark"] .marketing-feature-benefits>.container,:root[data-theme="dark"] .blog-v3-card,:root[data-theme="dark"] .blog-v3-side-list button,:root[data-theme="dark"] .support-v3-categories button,:root[data-theme="dark"] .support-v3-faq,:root[data-theme="dark"] .support-v3-contact,:root[data-theme="dark"] .support-v3-request{border-color:#234b45;background:#0a2925;color:#e7f5f2}
:root[data-theme="dark"] .blog-v3-toolbar .chip,:root[data-theme="dark"] .blog-v3-search{border-color:#234b45;background:#0a2925;color:#dceeea}
:root[data-theme="dark"] .blog-v3-search input{color:#fff}
:root[data-theme="dark"] .public-site .nav-link.active{color:#ecfaf7!important;border-color:#315f58!important;background:#0b302b!important}

@media (max-width:1180px){
  .marketing-v3 .container,.marketing-footer .container{width:min(100% - 36px,1100px)}
  .marketing-v3-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:34px}
  .marketing-v3-copy h1{font-size:48px}.marketing-dashboard-frame .dashboard-preview{min-height:370px}
  .flow-network{grid-template-columns:minmax(190px,1fr) 220px minmax(200px,1fr)}.flow-center{width:190px;height:190px}.flow-side-in{padding-inline-end:25px}.flow-side-out{padding-inline-start:25px}
  .marketing-feature-benefits>.container{grid-template-columns:repeat(3,1fr)}.marketing-feature-benefits article:nth-child(4){border-inline-start:0;border-top:1px solid #e7efee}.marketing-feature-benefits article:nth-child(n+4){border-top:1px solid #e7efee}
  .blog-v3-grid{grid-template-columns:repeat(2,1fr)}.support-v3-categories>div{grid-template-columns:repeat(3,1fr)}
  .marketing-footer-grid{grid-template-columns:1.2fr repeat(3,.7fr)}.marketing-footer-newsletter{grid-column:1/-1;max-width:560px}
}

@media (max-width:820px){
  .marketing-v3 .container,.marketing-footer .container{width:calc(100% - 28px)}
  .marketing-v3-section{padding:52px 0}.marketing-v3-heading{margin-bottom:28px}.marketing-v3-heading h2{font-size:34px}.marketing-v3-heading p{font-size:14px;line-height:1.75}
  .marketing-v3-hero{padding:48px 0 30px}.marketing-v3-hero-grid{grid-template-columns:1fr}.marketing-v3-copy{order:1;text-align:center}.marketing-v3-copy h1{font-size:44px}.marketing-v3-copy>p{font-size:16px}.marketing-v3-copy .hero-actions,.marketing-v3-assurances{justify-content:center}.marketing-v3-dashboard{order:2;max-width:680px;margin:auto}.marketing-dashboard-frame{transform:none}.marketing-dashboard-frame .dashboard-preview{min-height:330px}
  .marketing-live-stats>.container{grid-template-columns:repeat(2,1fr)}.marketing-live-stats article:nth-child(3){border-inline-start:0;border-top:1px solid #e6f0ee}.marketing-live-stats article:nth-child(4){border-top:1px solid #e6f0ee}
  .flow-network{grid-template-columns:1fr 170px 1fr;min-height:465px}.flow-network-svg{height:360px}.flow-side{gap:9px}.flow-side-in{padding-inline-end:12px}.flow-side-out{padding-inline-start:12px}.flow-node{min-height:58px;padding:8px}.flow-node>span{display:none}.flow-node strong{font-size:12px}.flow-node small{font-size:9px}.flow-center{width:150px;height:150px}.flow-center>div{width:110px}.flow-center .brand-logo-image{width:105px}.flow-center small{font-size:10px;width:190px;top:calc(100% + 20px)}
  .marketing-steps{grid-template-columns:repeat(2,1fr)}.marketing-step-line{display:none}
  .blog-v3-toolbar{align-items:stretch;flex-direction:column}.blog-v3-toolbar .chips{order:2}.blog-v3-search{min-width:0}.blog-v3-featured{grid-template-columns:1fr}.blog-v3-featured-media{order:1;min-height:250px}.blog-v3-featured>div:last-child{order:2;padding:28px}.blog-v3-content{grid-template-columns:1fr}.blog-v3-grid{grid-template-columns:repeat(2,1fr)}.blog-v3-side-list{grid-template-columns:repeat(3,1fr)}.blog-v3-side-list button{grid-template-columns:1fr}.blog-v3-side-list img{width:100%;height:95px}.blog-v3-newsletter{grid-template-columns:auto 1fr}.blog-v3-newsletter form{grid-column:1/-1}
  .support-v3-categories>div{grid-template-columns:repeat(2,1fr)}.support-v3-lower{grid-template-columns:1fr}.support-v3-request form{grid-template-columns:1fr}.support-v3-request-details,.support-v3-request form>button{grid-column:auto}
  .marketing-footer-grid{grid-template-columns:repeat(3,1fr)}.marketing-footer-brand{grid-column:1/-1}.marketing-footer-newsletter{grid-column:1/-1}.marketing-footer-bottom{gap:15px}
  .public-site .nav-link.active{min-height:40px!important;padding-inline:12px!important;border-radius:12px!important}
}

@media (max-width:560px){
  .marketing-v3-hero{padding-top:34px}.marketing-v3-copy h1{font-size:37px}.marketing-v3-copy>p{font-size:14px;line-height:1.85}.marketing-v3-copy .hero-actions{display:grid}.marketing-v3-copy .btn{width:100%}.marketing-v3-assurances{gap:9px;font-size:11px}.marketing-dashboard-frame{padding:7px;border-radius:15px}.marketing-dashboard-frame .dashboard-preview{min-height:250px}.marketing-dashboard-live{top:14px;inset-inline-start:14px}
  .marketing-live-stats article{min-height:102px;padding:15px 10px;gap:9px}.marketing-live-stats article>span{width:37px;height:37px}.marketing-live-stats strong{font-size:21px}.marketing-live-stats em{font-size:10px}
  .flow-network{grid-template-columns:1fr 92px 1fr;min-height:430px}.flow-network-svg{height:330px;opacity:.55}.flow-side-in,.flow-side-out{padding:0}.flow-node{min-height:54px;border-radius:11px}.flow-node div{width:100%}.flow-node strong{font-size:10px}.flow-node small{display:none}.flow-center{width:86px;height:86px;box-shadow:0 0 0 9px rgba(103,221,204,.08)}.flow-center>i{inset:-9px}.flow-center>i:nth-child(2){inset:-17px}.flow-center>div{width:72px}.flow-center .brand-logo-image{width:70px}.flow-center small{width:130px;top:calc(100% + 20px);font-size:8px}
  .marketing-steps{grid-template-columns:1fr}.marketing-step{min-height:105px}.marketing-feature-benefits>.container{grid-template-columns:repeat(2,1fr)}.marketing-feature-benefits article:nth-child(3){border-inline-start:0;border-top:1px solid #e7efee}.marketing-feature-benefits article:nth-child(4){border-inline-start:1px solid #e7efee}.marketing-feature-benefits article:nth-child(n+3){border-top:1px solid #e7efee}
  .blog-v3-featured-media{min-height:190px}.blog-v3-featured>div:last-child{padding:21px}.blog-v3-featured h1{font-size:24px}.blog-v3-grid{grid-template-columns:1fr}.blog-v3-side-list{grid-template-columns:1fr}.blog-v3-side-list button{grid-template-columns:100px 1fr}.blog-v3-side-list img{width:100px;height:72px}.blog-v3-newsletter{grid-template-columns:1fr;text-align:center}.blog-v3-newsletter>span{margin:auto}.blog-v3-newsletter form{display:grid}.blog-v3-newsletter button{width:100%}
  .support-v3-search{padding:29px 16px}.support-v3-search h1{font-size:26px}.support-v3-search p{font-size:12px}.support-v3-categories>div{grid-template-columns:1fr}.support-v3-contact>div{grid-template-columns:1fr}.support-v3-request form>button{width:100%}
  .marketing-footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.marketing-footer-brand,.marketing-footer-newsletter{grid-column:1/-1}.marketing-footer-bottom{align-items:flex-start;flex-direction:column}.marketing-footer-newsletter form{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .marketing-v3 *,.marketing-footer *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .marketing-v3 [data-reveal],.marketing-footer [data-reveal]{opacity:1!important;transform:none!important}
}

/* Home operations scene — deliberately distinct from the features network. */
.marketing-dashboard-preview{display:grid;grid-template-columns:105px minmax(0,1fr);min-height:425px;overflow:hidden;border:1px solid #dcebe8;border-radius:14px;background:#fff;color:#123d38;direction:rtl}
.marketing-dashboard-preview>aside{display:flex;flex-direction:column;gap:7px;padding:16px 10px;border-inline-start:1px solid #e6efed;background:#fbfefd}.marketing-dashboard-mini-brand{height:39px;margin-bottom:10px}.marketing-dashboard-mini-brand .brand-logo-image{width:84px;max-height:30px}.marketing-dashboard-preview>aside>span{display:flex;align-items:center;gap:7px;padding:8px;border-radius:8px;color:#748682;font-size:9px}.marketing-dashboard-preview>aside>span.active{color:#fff;background:#075f57}.marketing-dashboard-preview>aside svg{width:14px;height:14px}.marketing-dashboard-preview>aside b{font-weight:800}.marketing-dashboard-body{min-width:0;padding:17px}.marketing-dashboard-body>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.marketing-dashboard-body>header div{display:grid;gap:2px}.marketing-dashboard-body>header small{color:#79908b;font-size:9px}.marketing-dashboard-body>header strong{font-size:14px}.marketing-dashboard-body>header>span{padding:6px 9px;border:1px solid #dce9e7;border-radius:7px;color:#758783;font-size:8px}.marketing-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.marketing-dashboard-stats section{position:relative;display:grid;gap:4px;min-width:0;padding:10px;border:1px solid #e1ecea;border-radius:9px;background:#fff}.marketing-dashboard-stats i{position:absolute;top:8px;inset-inline-end:8px;color:#08766a}.marketing-dashboard-stats i svg{width:14px;height:14px}.marketing-dashboard-stats small{max-width:70%;overflow:hidden;color:#879792;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.marketing-dashboard-stats strong{font-size:15px}.marketing-dashboard-stats em{color:#15947f;font-size:8px;font-style:normal;font-weight:800}.marketing-dashboard-charts{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(105px,.65fr);gap:10px;margin-top:10px}.marketing-dashboard-charts>section{padding:11px;border:1px solid #e1ecea;border-radius:10px;background:#fff}.marketing-dashboard-charts section>header{display:flex;justify-content:space-between;gap:8px;font-size:9px}.marketing-dashboard-charts section>header small{color:#829590}.marketing-dashboard-charts svg{width:100%;height:135px;margin-top:7px}.marketing-dashboard-charts .area{fill:url(#dashboard-area)}.marketing-dashboard-charts .line{fill:none;stroke:#08776a;stroke-width:3;stroke-linecap:round}.marketing-dashboard-donut{display:grid;place-items:center;align-content:center;gap:6px}.marketing-dashboard-donut>strong{font-size:9px}.marketing-dashboard-donut>div{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:conic-gradient(#08776a 0 78%,#50bcae 78% 91%,#d9efeb 91%)}.marketing-dashboard-donut>div:before{content:"";grid-area:1/1;width:58px;height:58px;border-radius:50%;background:#fff}.marketing-dashboard-donut>div span{z-index:1;grid-area:1/1;font-size:14px;font-weight:900}.marketing-dashboard-donut>small{display:flex;align-items:center;gap:5px;justify-self:start;color:#748783;font-size:7px}.marketing-dashboard-donut>small i{width:6px;height:6px;border-radius:50%;background:#08776a}.marketing-dashboard-donut>small:last-child i{background:#50bcae}

.marketing-home-operations{position:relative;background:radial-gradient(circle at 50% 44%,rgba(83,211,191,.15),transparent 24%),linear-gradient(180deg,#fff,#f7fcfb)}
.home-ops-scene{position:relative;min-height:650px;margin-top:18px}.home-ops-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.home-ops-wire,.home-ops-data{fill:none;stroke-linecap:round}.home-ops-wire{stroke:#bde4dd;stroke-width:1.6}.home-ops-data{stroke:#16aa97;stroke-width:3;stroke-dasharray:2 128;stroke-dashoffset:0;filter:url(#home-ops-glow);opacity:0}.home-ops-scene.is-in-view .home-ops-data{opacity:1;animation:homeOpsFlow var(--ops-duration) linear var(--ops-delay) infinite}.home-ops-center{position:absolute;z-index:3;top:230px;left:50%;display:grid;place-items:center;width:150px;height:150px;transform:translateX(-50%);border:1px solid #c9ebe5;border-radius:50%;background:#fff;box-shadow:0 0 0 13px rgba(88,215,196,.08),0 20px 45px rgba(5,91,82,.13)}.home-ops-center>i{position:absolute;inset:-14px;border:1px solid rgba(32,185,164,.26);border-radius:50%}.home-ops-center>i:nth-child(2){inset:-25px;opacity:.55}.home-ops-center>i:nth-child(3){inset:-37px;opacity:.3}.home-ops-scene.is-in-view .home-ops-center>i{animation:homeOpsRing 4s ease-in-out infinite}.home-ops-scene.is-in-view .home-ops-center>i:nth-child(2){animation-delay:.45s}.home-ops-scene.is-in-view .home-ops-center>i:nth-child(3){animation-delay:.9s}.home-ops-center>div{width:104px}.home-ops-center .brand-logo-image{width:104px;max-height:34px}.home-ops-center>small{margin-top:-35px;color:#087166;font-size:10px;font-weight:900}
.home-ops-card{position:absolute;z-index:2;width:270px;min-height:145px;padding:16px;border:1px solid #d8e9e6;border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 15px 35px rgba(5,75,68,.075);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.home-ops-card:hover{transform:translateY(-3px);border-color:#87c9bf;box-shadow:0 20px 42px rgba(5,75,68,.12)}.home-ops-card header{display:flex;align-items:center;gap:8px}.home-ops-card header>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#08796d;background:#e8f8f5}.home-ops-card header svg{width:18px;height:18px}.home-ops-card h3{margin:0;font-size:16px}.home-ops-card>strong{display:block;margin-top:10px;color:#08786c;font-size:25px}.home-ops-card>small{color:#7c8e8a;font-size:9px}.home-ops-card>em{display:inline-flex;margin-top:4px;padding:4px 8px;border-radius:999px;color:#078071;background:#eaf8f5;font-size:8px;font-style:normal;font-weight:800}.ops-renewals{top:22px;left:0}.ops-renewals svg{width:145px;height:51px;float:inline-end;margin-top:-32px}.ops-chart-grid{fill:none;stroke:#e0eeeb}.ops-chart-line{fill:none;stroke:#19aa96;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400}.home-ops-scene.is-in-view .ops-chart-line{animation:homeOpsDraw 1.1s cubic-bezier(.22,1,.36,1) 1s forwards}.ops-renewals circle{fill:#fff;stroke:#18a895;stroke-width:2;opacity:0}.home-ops-scene.is-in-view .ops-renewals circle{animation:homeOpsDot .25s ease var(--dot-delay) forwards}.ops-automation{top:16px;left:50%;width:310px;min-height:155px;transform:translateX(-50%)}.ops-automation:hover{transform:translateX(-50%) translateY(-3px)}.ops-automation-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:20px}.ops-automation-track>i{position:absolute;top:18px;inset-inline:10% 10%;height:2px;background:#d4ebe7}.ops-automation-track span{z-index:1;display:grid;place-items:center;gap:5px;color:#738681;font-size:8px}.ops-automation-track span svg{width:32px;height:32px;padding:7px;border:1px solid #cfe8e3;border-radius:9px;background:#fff}.home-ops-scene.is-in-view .ops-automation-track span{animation:homeOpsStep 6s ease-in-out calc(var(--auto-step) * 1s) infinite}.ops-reminders{top:22px;right:0}.ops-reminder-list{display:grid;gap:7px;margin-top:12px}.ops-reminder-list span{display:grid;grid-template-columns:18px 1fr 8px;align-items:center;gap:6px;color:#66807a;font-size:9px}.ops-reminder-list svg{width:16px;color:#18a591}.ops-reminder-list i{width:5px;height:5px;border-radius:50%;background:#88cabf}.home-ops-scene.is-in-view .ops-reminder-list span{animation:homeReminder 4.8s ease-in-out calc(var(--reminder-step) * 1.2s) infinite}.ops-reminders footer{display:flex;gap:10px;margin-top:11px;padding-top:9px;border-top:1px solid #e4efed}.ops-reminders footer span{color:#08776b}.ops-reminders footer svg{width:18px}.ops-integrations{top:225px;left:0}.ops-integrations>div{display:flex;align-items:center;justify-content:space-around;margin-top:18px}.ops-integrations>div span{display:grid;place-items:center;gap:5px;font-size:9px}.ops-integrations>div span svg{width:27px;height:27px;color:#08786c}.ops-integrations>div>i{color:#66b9ac}.ops-integrations>div>i svg{width:15px}.home-ops-scene.is-in-view .ops-integrations>div>i{animation:homeOpsArrow 2.2s ease-in-out infinite}.ops-revenue{top:225px;right:0}.ops-bars{position:absolute;right:18px;bottom:18px;display:flex;align-items:flex-end;gap:6px;width:95px;height:62px}.ops-bars i{width:13px;height:var(--bar-height);border-radius:4px 4px 0 0;background:linear-gradient(180deg,#22b39f,#08766a);transform:scaleY(0);transform-origin:bottom}.home-ops-scene.is-in-view .ops-bars i{animation:homeOpsBar .55s cubic-bezier(.22,1,.36,1) calc(1.6s + var(--bar-step) * .07s) forwards}.ops-metrics{bottom:20px;left:0;min-height:135px}.ops-metrics svg{position:absolute;right:16px;bottom:19px;width:120px;height:42px}.ops-live{bottom:13px;left:50%;width:360px;min-height:175px;transform:translateX(-50%)}.ops-live:hover{transform:translateX(-50%) translateY(-3px)}.ops-live header>small{display:flex;align-items:center;gap:4px;margin-inline-start:auto;color:#0b7a6e;font-size:8px;font-weight:900}.ops-live header>small i{width:6px;height:6px;border-radius:50%;background:#16a38f;animation:marketingLive 2s ease infinite}.ops-live-feed{display:grid;gap:6px;margin-top:11px}.ops-live-feed>span{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;padding:7px;border-radius:8px;background:#f7fbfa;color:#58716c;font-size:9px}.ops-live-feed svg{width:15px;color:#08766a}.ops-live-feed small{font-size:7px}.home-ops-scene.is-in-view .ops-live-feed>span{animation:homeLiveFeed 12s ease-in-out calc(var(--activity-step) * 4s) infinite}.ops-revenue{min-height:145px}

.home-ops-card>strong{direction:ltr;unicode-bidi:isolate}
@keyframes homeOpsFlow{to{stroke-dashoffset:-130}}
@keyframes homeOpsRing{0%,100%{transform:scale(.98);opacity:.18}50%{transform:scale(1.035);opacity:.38}}
@keyframes homeOpsDraw{to{stroke-dashoffset:0}}
@keyframes homeOpsDot{to{opacity:1}}
@keyframes homeOpsStep{0%,14%,100%{color:#738681;transform:none}4%,10%{color:#08786c;transform:translateY(-2px)}}
@keyframes homeReminder{0%,24%,100%{opacity:.6;transform:none}6%,18%{opacity:1;transform:translateX(-2px)}}
@keyframes homeOpsArrow{0%,100%{opacity:.35;color:#9ccfc7}50%{opacity:1;color:#08786c}}
@keyframes homeOpsBar{to{transform:scaleY(1)}}
@keyframes homeLiveFeed{0%,28%,100%{opacity:.65;transform:none}5%,22%{opacity:1;transform:translateY(-2px);background:#eaf8f5}}

/* The marketing footer keeps the supplied reference hierarchy at every width. */
.marketing-footer{background:#07564f}.marketing-footer-grid{grid-template-columns:1.25fr .62fr .62fr .62fr 1.05fr;align-items:start}.marketing-footer-brand{order:1}.marketing-footer-newsletter{order:5}.marketing-footer-column:nth-of-type(1){order:2}.marketing-footer-column:nth-of-type(2){order:3}.marketing-footer-column:nth-of-type(3){order:4}

/* Marketing home hero: the live operations canvas sits on the visual left and the copy stays on the right. */
.marketing-home-v3 .marketing-v3-hero{padding:54px 0 34px;background:radial-gradient(circle at 18% 34%,rgba(109,201,188,.1),transparent 30%),#fff}
.marketing-home-v3 .marketing-v3-hero-grid{grid-template-columns:minmax(560px,1.08fr) minmax(410px,.92fr);grid-template-areas:"visual copy" "metrics metrics";gap:26px 54px;direction:ltr}
.marketing-home-v3 .marketing-v3-copy{grid-area:copy;order:initial;direction:rtl;align-self:center}
.marketing-home-v3 .marketing-v3-copy h1{font-size:clamp(42px,4.25vw,66px);line-height:1.13;margin:17px 0 18px}
.marketing-home-v3 .marketing-v3-copy>p{max-width:620px;font-size:17px;line-height:1.9}
.marketing-home-v3 .marketing-v3-kicker{gap:9px;padding:8px 13px;background:#eef9f6;color:#0b5d55;box-shadow:none}
.marketing-home-v3 .marketing-v3-kicker>i{width:7px;height:7px;border-radius:50%;background:#587a75;box-shadow:0 0 0 5px rgba(88,122,117,.08)}
.marketing-home-v3 .marketing-v3-kicker svg{order:-1;width:21px;height:21px}
.marketing-home-v3 .marketing-v3-copy .hero-actions{margin-top:24px}
.marketing-home-v3 .marketing-v3-assurances{gap:16px;margin-top:19px}
.marketing-v3-hero-visual{grid-area:visual;direction:rtl;min-width:0;align-self:center}
.marketing-hero-metrics{grid-area:metrics;direction:rtl;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce9e6;border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(7,70,64,.065);overflow:hidden}
.marketing-hero-metrics article{display:flex;min-width:0;min-height:108px;align-items:center;justify-content:center;gap:14px;padding:16px 20px;border-inline-start:1px solid #e4eeec;animation:none!important;transform:none!important;transition:none!important}
.marketing-hero-metrics article:first-child{border-inline-start:0}
.marketing-hero-metrics article>span{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;color:#0b665d;background:#edf8f6;box-shadow:0 5px 14px rgba(8,112,102,.07)}
.marketing-hero-metrics article>span svg{width:25px;height:25px}
.marketing-hero-metrics article>div{display:grid;min-width:0;line-height:1.35;text-align:right}
.marketing-hero-metrics small{overflow:hidden;color:#324f4b;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.marketing-hero-metrics strong{direction:ltr;color:#072f2b;font-size:26px;font-variant-numeric:tabular-nums;white-space:nowrap}
.marketing-hero-metrics em{display:flex;align-items:center;gap:4px;color:#71837f;font-size:9px;font-style:normal;white-space:nowrap}.marketing-hero-metrics em .icon{width:11px;height:11px;color:#0b9687}
.marketing-hero-metrics article:nth-child(3) strong{position:relative;top:-2px}
.marketing-hero-metrics article:nth-child(3) em{margin-top:2px}

.home-ops-scene--hero{min-height:470px;margin:0;direction:ltr}
.home-ops-scene--hero .home-ops-wire{stroke:#cee6e1;stroke-width:1.35}
.home-ops-scene--hero .home-ops-data{stroke:#2aa897;stroke-width:2.2;filter:none;opacity:0}
.home-ops-scene--hero .home-ops-center{top:169px;width:112px;height:112px;box-shadow:0 0 0 9px rgba(88,190,175,.055),0 13px 28px rgba(5,91,82,.085)}
.home-ops-scene--hero .home-ops-center>i{inset:-10px;opacity:.55}.home-ops-scene--hero .home-ops-center>i:nth-child(2){inset:-18px;opacity:.3}.home-ops-scene--hero .home-ops-center>i:nth-child(3){inset:-27px;opacity:.16}
.home-ops-scene--hero .home-ops-center>div,.home-ops-scene--hero .home-ops-center .brand-logo-image{width:76px}.home-ops-scene--hero .home-ops-center>small{margin-top:-28px;font-size:8px}
.home-ops-scene--hero .home-ops-card{width:205px;min-height:112px;padding:12px;border-radius:14px;box-shadow:0 10px 24px rgba(5,75,68,.055);direction:rtl}
.home-ops-scene--hero .home-ops-card header>span{width:26px;height:26px;border-radius:8px}.home-ops-scene--hero .home-ops-card header svg{width:15px;height:15px}.home-ops-scene--hero .home-ops-card h3{font-size:12px}.home-ops-scene--hero .home-ops-card>strong{margin-top:6px;font-size:19px}.home-ops-scene--hero .home-ops-card>small{font-size:7px}
.home-ops-scene--hero .ops-renewals{top:6px;left:0}.home-ops-scene--hero .ops-renewals svg{width:105px;height:39px;margin-top:-25px}
.home-ops-scene--hero .ops-automation{top:0;left:50%;width:230px;min-height:120px}.home-ops-scene--hero .ops-automation-track{margin-top:13px}.home-ops-scene--hero .ops-automation-track span svg{width:26px;height:26px;padding:6px}.home-ops-scene--hero .ops-automation-track span{font-size:7px}
.home-ops-scene--hero .ops-reminders{top:6px;right:0}.home-ops-scene--hero .ops-reminder-list{gap:4px;margin-top:7px}.home-ops-scene--hero .ops-reminder-list span{font-size:7px}.home-ops-scene--hero .ops-reminders footer{margin-top:6px;padding-top:5px}
.home-ops-scene--hero .ops-integrations{top:146px;left:0}.home-ops-scene--hero .ops-integrations>div{margin-top:11px}.home-ops-scene--hero .ops-revenue{top:146px;right:0;min-height:112px}.home-ops-scene--hero .ops-bars{right:12px;bottom:12px;width:74px;height:45px;gap:4px}.home-ops-scene--hero .ops-bars i{width:10px}
.home-ops-scene--hero .ops-metrics{bottom:5px;left:0;min-height:108px}.home-ops-scene--hero .ops-metrics svg{right:10px;bottom:12px;width:90px;height:34px}
.home-ops-scene--hero .ops-live{bottom:0;left:50%;width:260px;min-height:142px}.home-ops-scene--hero .ops-live-feed{gap:4px;margin-top:7px}.home-ops-scene--hero .ops-live-feed>span{grid-template-columns:18px 1fr auto;padding:5px;font-size:7px}.home-ops-scene--hero .ops-live-feed small{font-size:6px}

@media (max-width:1180px){.marketing-home-v3 .marketing-v3-hero-grid{grid-template-columns:minmax(500px,1fr) minmax(360px,.78fr);gap:24px 34px}.home-ops-scene--hero{transform:scale(.91);transform-origin:center left;margin-inline-end:-34px}.marketing-home-v3 .marketing-v3-copy h1{font-size:clamp(39px,4vw,56px)}}
@media (max-width:900px){.marketing-home-v3 .marketing-v3-hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "metrics";direction:rtl}.marketing-v3-hero-visual{width:100%;max-width:720px;margin:auto}.home-ops-scene--hero{transform:none;margin:0}.marketing-home-v3 .marketing-v3-copy{text-align:center}.marketing-home-v3 .marketing-v3-copy>p{margin-inline:auto}.marketing-home-v3 .marketing-v3-copy .hero-actions,.marketing-home-v3 .marketing-v3-assurances{justify-content:center}.marketing-hero-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.marketing-hero-metrics article:nth-child(3),.marketing-hero-metrics article:nth-child(4){border-top:0}.marketing-hero-metrics article:nth-child(3){border-inline-start:1px solid #e4eeec}}
@media (max-width:560px){.marketing-home-v3 .marketing-v3-hero{padding:34px 0 24px}.marketing-home-v3 .marketing-v3-copy h1{font-size:36px}.marketing-home-v3 .marketing-v3-copy>p{font-size:15px}.marketing-home-v3 .marketing-v3-copy .hero-actions{display:grid;grid-template-columns:1fr}.marketing-home-v3 .marketing-v3-assurances{display:grid;justify-content:start;text-align:start}.marketing-v3-hero-visual{overflow:hidden}.home-ops-scene--hero{display:grid;min-height:0}.marketing-hero-metrics{grid-template-columns:1fr}.marketing-hero-metrics article{justify-content:flex-start;min-height:82px;border-inline-start:0;border-top:1px solid #e4eeec}.marketing-hero-metrics article:first-child{border-top:0}}

@media (max-width:1180px){.marketing-dashboard-preview{min-height:365px}.marketing-dashboard-charts svg{height:105px}.home-ops-card{width:245px}.ops-automation{width:290px}.ops-live{width:330px}.marketing-footer-grid{grid-template-columns:1.2fr repeat(3,.7fr)}.marketing-footer-newsletter{grid-column:1/-1;max-width:620px}}
@media (max-width:820px){.marketing-dashboard-preview{min-height:330px}.home-ops-scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0}.home-ops-wires{display:none}.home-ops-center{position:relative;top:auto;left:auto;grid-column:1/-1;width:126px;height:126px;margin:22px auto 28px;transform:none}.home-ops-card,.ops-automation,.ops-live{position:relative;inset:auto;width:auto;min-width:0;min-height:145px;transform:none}.ops-automation:hover,.ops-live:hover{transform:translateY(-3px)}.ops-live{grid-column:1/-1}.marketing-footer-grid{grid-template-columns:repeat(3,1fr)}.marketing-footer-brand,.marketing-footer-newsletter{grid-column:1/-1}.marketing-footer-newsletter{max-width:none}}
@media (max-width:560px){.marketing-dashboard-preview{grid-template-columns:58px 1fr;min-height:275px}.marketing-dashboard-preview>aside{padding:9px 5px}.marketing-dashboard-mini-brand{height:28px}.marketing-dashboard-mini-brand .brand-logo-image{width:48px}.marketing-dashboard-preview>aside>span{justify-content:center;padding:7px}.marketing-dashboard-preview>aside b{display:none}.marketing-dashboard-body{padding:10px}.marketing-dashboard-body>header strong{font-size:10px}.marketing-dashboard-body>header>span{display:none}.marketing-dashboard-stats{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:9px}.marketing-dashboard-stats section{padding:7px}.marketing-dashboard-stats strong{font-size:12px}.marketing-dashboard-charts{grid-template-columns:1fr;gap:5px}.marketing-dashboard-charts>section{padding:7px}.marketing-dashboard-charts svg{height:68px}.marketing-dashboard-donut{display:none}.home-ops-scene{grid-template-columns:1fr;gap:12px;margin-top:0}.home-ops-center,.ops-live{grid-column:auto}.home-ops-center{width:108px;height:108px;margin:12px auto 22px}.home-ops-center>div,.home-ops-center .brand-logo-image{width:78px}.home-ops-card,.ops-automation,.ops-live{width:100%;min-height:132px}.ops-renewals svg{width:125px}.ops-live{min-height:170px}.marketing-footer{padding-top:36px}.marketing-footer-grid{grid-template-columns:repeat(2,1fr);gap:22px 18px}.marketing-footer-brand,.marketing-footer-newsletter{grid-column:1/-1}.marketing-footer-column{gap:10px}.marketing-footer-column h2{font-size:14px}.marketing-footer-column button{font-size:11px}.marketing-footer-column:nth-of-type(3){grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr)}.marketing-footer-column:nth-of-type(3) h2{grid-column:1/-1}.marketing-footer-bottom{width:calc(100% - 28px);padding-bottom:26px}}

/* The compact hero scene must participate in the responsive grid instead of
   retaining its desktop absolute coordinates outside narrow viewports. */
@media (max-width:820px){
  .home-ops-scene--hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;transform:none;margin:0}
  .home-ops-scene--hero .home-ops-center{position:relative;inset:auto;top:auto;left:auto;grid-column:1/-1;width:112px;height:112px;margin:18px auto 24px;transform:none}
  .home-ops-scene--hero .home-ops-card,.home-ops-scene--hero .ops-automation,.home-ops-scene--hero .ops-live{position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;width:auto;min-width:0;min-height:132px;transform:none}
  .home-ops-scene--hero .ops-automation:hover,.home-ops-scene--hero .ops-live:hover{transform:translateY(-3px)}
  .home-ops-scene--hero .ops-live{grid-column:1/-1}
}
@media (max-width:560px){
  .home-ops-scene--hero{grid-template-columns:1fr;gap:12px}
  .home-ops-scene--hero .home-ops-center,.home-ops-scene--hero .ops-live{grid-column:auto}
  .home-ops-scene--hero .home-ops-card,.home-ops-scene--hero .ops-automation,.home-ops-scene--hero .ops-live{width:100%}
}

:root[data-theme="dark"] .marketing-home-operations{background:radial-gradient(circle at 50% 44%,rgba(56,173,156,.11),transparent 25%),#071f1c}:root[data-theme="dark"] .home-ops-card,:root[data-theme="dark"] .home-ops-center,:root[data-theme="dark"] .marketing-dashboard-preview,:root[data-theme="dark"] .marketing-dashboard-preview>aside,:root[data-theme="dark"] .marketing-dashboard-stats section,:root[data-theme="dark"] .marketing-dashboard-charts>section{color:#e8f5f2;border-color:#234b45;background:#0a2925}:root[data-theme="dark"] .marketing-dashboard-donut>div:before{background:#0a2925}:root[data-theme="dark"] .ops-live-feed>span{background:#0d332e;color:#c3d8d4}:root[data-theme="dark"] .home-ops-card h3,:root[data-theme="dark"] .marketing-dashboard-body strong{color:#e8f5f2}

/* Laptop/tablet marketing composition matched to the supplied hero and footer references. */
@media (min-width:901px){
  .marketing-home-v3 .marketing-v3-hero{padding:28px 0 24px}
  .marketing-home-v3 .marketing-v3-hero-grid{grid-template-columns:minmax(540px,1.22fr) minmax(390px,.78fr);gap:20px 44px}
  .marketing-home-v3 .marketing-v3-copy h1{margin:13px 0 12px;font-size:clamp(38px,3.25vw,48px);line-height:1.22;letter-spacing:-.035em}
  .marketing-home-v3 .marketing-v3-copy>p{max-width:550px;font-size:15px;line-height:1.85}
  .marketing-home-v3 .marketing-v3-copy .hero-actions{margin-top:18px}
  .marketing-home-v3 .marketing-v3-copy .btn{min-height:48px}
  .marketing-home-v3 .marketing-v3-assurances{margin-top:16px;font-size:11px}
  .marketing-home-v3 .marketing-v3-kicker{padding:7px 12px;font-size:11px}
  .marketing-home-v3 .home-ops-scene--hero{min-height:400px;transform:none;margin:0}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-center{top:142px}
  .marketing-home-v3 .home-ops-scene--hero .ops-integrations,
  .marketing-home-v3 .home-ops-scene--hero .ops-revenue{top:142px}
  .marketing-home-v3 .home-ops-scene--hero .ops-metrics{bottom:2px}
  .marketing-home-v3 .home-ops-scene--hero .ops-live{bottom:0}
  .marketing-home-v3 .marketing-hero-metrics article{min-height:92px;padding:14px}
}

@media (min-width:901px) and (max-width:1180px){
  .marketing-home-v3 .marketing-v3-hero-grid{grid-template-columns:minmax(520px,1.2fr) minmax(330px,.8fr);gap:16px 18px}
  .marketing-home-v3 .marketing-v3-copy h1{font-size:clamp(31px,3.25vw,37px);line-height:1.2}
  .marketing-home-v3 .marketing-v3-copy>p{font-size:14px}
  .marketing-home-v3 .home-ops-scene--hero{min-height:400px;transform:scale(.96);transform-origin:center left;margin-inline-end:-12px}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-card{width:172px;min-height:102px;padding:10px}
  .marketing-home-v3 .home-ops-scene--hero .ops-automation{width:176px;min-height:108px}
  .marketing-home-v3 .home-ops-scene--hero .ops-live{width:194px;min-height:122px}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-center{top:132px;width:102px;height:102px}
  .marketing-home-v3 .home-ops-scene--hero .ops-integrations,
  .marketing-home-v3 .home-ops-scene--hero .ops-revenue{top:142px}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminder-list{gap:2px;margin-top:4px}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminder-list span{grid-template-columns:14px 1fr 5px;gap:3px;font-size:6px}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminder-list svg{width:12px}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminders footer{gap:7px;margin-top:3px;padding-top:3px}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminders footer svg{width:14px;height:14px}
  .marketing-home-v3 .home-ops-scene--hero .ops-live-feed{gap:2px;margin-top:4px}
  .marketing-home-v3 .home-ops-scene--hero .ops-live-feed>span{grid-template-columns:14px 1fr auto;gap:3px;padding:3px;font-size:6px}
  .marketing-home-v3 .home-ops-scene--hero .ops-live-feed svg{width:12px}
  .marketing-home-v3 .home-ops-scene--hero .ops-live-feed small{font-size:5px}
  .marketing-home-v3 .marketing-hero-metrics article{min-height:100px;padding:12px 10px;gap:9px}
  .marketing-home-v3 .marketing-hero-metrics article>span{width:46px;height:46px;flex-basis:46px}
  .marketing-home-v3 .marketing-hero-metrics article>span svg{width:22px;height:22px}
  .marketing-home-v3 .marketing-hero-metrics small{font-size:9px}
  .marketing-home-v3 .marketing-hero-metrics strong{font-size:23px}
  .marketing-home-v3 .marketing-hero-metrics em{font-size:8px}
}

@media (min-width:641px) and (max-width:900px){
  .marketing-home-v3 .marketing-hero-metrics article{padding:12px 7px;gap:7px}
  .marketing-home-v3 .marketing-hero-metrics article>span{width:40px;height:40px;flex-basis:40px}
  .marketing-home-v3 .marketing-hero-metrics article>span svg{width:20px;height:20px}
  .marketing-home-v3 .marketing-hero-metrics small{font-size:8.5px}
  .marketing-home-v3 .marketing-hero-metrics strong{font-size:23px}
  .marketing-home-v3 .marketing-hero-metrics em{font-size:7.5px}
}

/* The generic public footer is defined later in the legacy sheet; this scoped
   rule deliberately wins so the marketing footer cannot be flattened to white. */
.public-footer.marketing-footer{
  display:block;
  min-height:0;
  padding:28px 0 0;
  color:#dceeea;
  border-top:0;
  background:radial-gradient(circle at 16% 35%,rgba(49,169,151,.16),transparent 28%),linear-gradient(135deg,#06433f,#075d55);
}
.public-footer.marketing-footer>.marketing-footer-grid{
  display:grid;
  grid-template-columns:1.28fr .64fr .64fr .64fr 1.12fr;
  align-items:start;
  gap:34px;
  padding:0 0 20px;
}
.public-footer.marketing-footer>.marketing-footer-bottom{
  display:flex;
  padding:15px 0 18px;
}
.public-footer.marketing-footer .marketing-footer-brand p{max-width:310px;margin:8px 0 0}
.public-footer.marketing-footer .marketing-footer-newsletter .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.marketing-meta-partner{display:flex;align-items:center;justify-content:space-between;gap:14px;width:235px;margin-top:13px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(7,30,31,.58);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.marketing-meta-partner span{display:grid;direction:ltr;line-height:1.08}.marketing-meta-partner small{color:#abc6c2;font-size:8px;letter-spacing:.08em}.marketing-meta-partner strong{color:#fff;font-family:Sora,sans-serif;font-size:12px}.marketing-meta-partner>b{display:grid;place-items:center;color:#54a7ff}.marketing-meta-partner svg{width:31px;height:31px}
.public-footer.marketing-footer .footer-social{gap:10px;margin-top:12px}
.public-footer.marketing-footer .footer-social a{color:#fff;border-color:rgba(255,255,255,.27);background:transparent}

@media (min-width:901px) and (max-width:1180px){
  .public-footer.marketing-footer>.marketing-footer-grid{grid-template-columns:minmax(245px,1.3fr) repeat(3,minmax(90px,.6fr)) minmax(205px,1.05fr);gap:18px}
  .public-footer.marketing-footer .marketing-footer-newsletter{grid-column:auto;width:auto;max-width:none}
  .public-footer.marketing-footer .marketing-footer-brand p{font-size:11px}
  .public-footer.marketing-footer .marketing-footer-column button{font-size:11px}
  .public-footer.marketing-footer .marketing-footer-newsletter input{font-size:10px}
  .marketing-meta-partner{width:215px}
}
@media (max-width:900px){
  .public-footer.marketing-footer{padding-top:38px}
  .public-footer.marketing-footer>.marketing-footer-grid{grid-template-columns:repeat(3,1fr)}
  .public-footer.marketing-footer .marketing-footer-brand,
  .public-footer.marketing-footer .marketing-footer-newsletter{grid-column:1/-1}
  .public-footer.marketing-footer>.marketing-footer-bottom{align-items:center;flex-direction:row;text-align:initial}
}

/* Exact authentication reference panels — each route keeps its own supplied artwork. */
.auth-suite-page .auth-suite-stage{
  width:min(1180px,calc(100% - 40px));
  margin-inline:auto;
}
.auth-suite-page .auth-suite-brandbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  justify-content:initial;
  gap:36px;
  min-height:76px;
  padding:8px 10px 14px;
}
.auth-suite-page .auth-suite-brandbar-logo{
  justify-content:flex-end;
}
.auth-suite-page .auth-suite-brandbar-logo .brand-logo-stacked,
.auth-suite-page .auth-suite-brandbar-logo .brand-logo-image{
  width:210px;
  max-height:58px;
}
.auth-suite-page .auth-suite-brandbar-controls{
  justify-content:flex-end;
  gap:12px;
}
.auth-suite-page .auth-suite-shell{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:36px;
  align-items:stretch;
}
.auth-suite-page .auth-suite-visual,
.auth-suite-page .auth-suite-email-visual{
  position:relative;
  display:block;
  min-height:0!important;
  padding:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:24px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.auth-suite-page .auth-suite-visual::before,
.auth-suite-page .auth-suite-visual::after,
.auth-suite-page .auth-suite-email-visual::before,
.auth-suite-page .auth-suite-email-visual::after{
  content:none!important;
  display:none!important;
}
.auth-reference-visual{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:inherit;
  background:#f5faf9;
}
.auth-reference-visual img{
  position:absolute;
  display:block;
  max-width:none!important;
  object-fit:fill;
  user-select:none;
  pointer-events:none;
}
.auth-reference-visual--register img{width:219.18%;height:117.22%;inset-block-start:-12.58%;left:-5.99%}
.auth-reference-visual--login img{width:222.61%;height:115.66%;inset-block-start:-11.45%;left:-5.91%}
.auth-reference-visual--reset img{width:228.16%;height:117.65%;inset-block-start:-13.97%;left:-8.38%}
.auth-reference-visual--mfa img{width:237.92%;height:118.52%;inset-block-start:-13.09%;left:-7.99%}
.auth-reference-visual--signupOtp img{width:228.57%;height:120.75%;inset-block-start:-13.84%;left:-6.25%}
.auth-reference-visual--loginOtp img{width:222.61%;height:118.67%;inset-block-start:-14.34%;left:-6.26%}
.auth-suite-page .auth-suite-login-visual{aspect-ratio:575/830}
.auth-suite-page .auth-suite-register-visual{aspect-ratio:584/819}
.auth-suite-page .auth-suite-reset-visual{aspect-ratio:561/816}
.auth-suite-page .auth-suite-mfa-visual{aspect-ratio:538/810}
.auth-suite-page .auth-suite-email-visual{aspect-ratio:575/809}
.auth-suite-page .auth-suite-otp:has(.auth-reference-visual--signupOtp) .auth-suite-email-visual{aspect-ratio:560/795}
.auth-suite-page .auth-suite-panel,
.auth-suite-page .email-otp-panel{
  align-self:stretch;
  min-height:0!important;
  padding:24px 32px!important;
  border:0!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.auth-suite-page .auth-suite-shell.register .auth-suite-panel{
  padding-block:18px!important;
}
.auth-suite-page .auth-suite-shell.register .auth-suite-intro{
  margin-bottom:8px!important;
}
.auth-suite-page .auth-suite-shell.register .auth-suite-form{
  gap:8px!important;
}
.auth-suite-page .auth-suite-shell.register .field{
  gap:3px!important;
}
.auth-suite-page .auth-suite-shell.register .input{
  min-height:43px!important;
  height:43px!important;
}
.auth-suite-page .auth-suite-shell.register .policy-check{
  margin-block:2px!important;
}
.auth-suite-page .auth-suite-shell.register .auth-submit{
  min-height:48px!important;
}

@media (min-width:821px) and (max-width:1100px){
  .auth-suite-page .auth-suite-stage{width:min(960px,calc(100% - 28px))}
  .auth-suite-page .auth-suite-brandbar{gap:24px;min-height:64px;padding-block:5px 10px}
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-stacked,
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-image{width:178px;max-height:50px}
  .auth-suite-page .auth-suite-shell{gap:24px}
  .auth-suite-page .auth-suite-panel,.auth-suite-page .email-otp-panel{padding:20px 24px!important}
  .auth-suite-page .auth-suite-shell.register .auth-suite-panel{padding-block:14px!important}
  .auth-suite-page .auth-suite-shell.register .auth-suite-form{gap:6px!important}
  .auth-suite-page .auth-suite-shell.register .input{min-height:40px!important;height:40px!important}
}

@media (max-width:820px){
  .auth-suite-page .auth-suite-stage{width:min(560px,calc(100% - 24px))}
  .auth-suite-page .auth-suite-brandbar{display:flex;justify-content:space-between;gap:14px;min-height:54px;padding:5px 2px 10px}
  .auth-suite-page .auth-suite-brandbar-logo{justify-content:flex-start}
  .auth-suite-page .auth-suite-brandbar-controls{justify-content:flex-end}
  .auth-suite-page .auth-suite-shell{display:block}
  .auth-suite-page .auth-suite-shell>.auth-suite-visual,
  .auth-suite-page .auth-suite-otp>.auth-suite-email-visual{display:none!important}
  .auth-suite-page .auth-suite-panel,.auth-suite-page .email-otp-panel{padding:20px!important}
}

:root[lang="en"] body { font-family: var(--font-latin); }
h1, h2, h3, h4, h5, h6 { font-weight: 700; letter-spacing: -0.015em; }
button, input, select, textarea { font-family: inherit; }
.btn, button, label, nav { font-weight: 600; }

/* Salla product renewal options */
.renewal-products-card { padding: 22px; }
.renewal-products-table td { vertical-align: middle; }
.renewal-products-table td > small,
.renewal-products-table td > strong { display: block; }
.renewal-products-table td > small { color: var(--muted); margin-top: 5px; }
.renewal-product-cell { display: flex; align-items: center; gap: 12px; min-width: 260px; }
.renewal-product-cell > img,
.renewal-product-cell > span { width: 48px; height: 48px; border-radius: 14px; object-fit: cover; display: grid; place-items: center; background: color-mix(in srgb, var(--primary) 8%, var(--surface)); border: 1px solid var(--border); flex: 0 0 auto; }
.renewal-product-cell svg { width: 22px; height: 22px; color: var(--primary); }
.renewal-product-cell strong,
.renewal-product-cell small { display: block; }
.renewal-product-cell small { color: var(--muted); margin-top: 4px; direction: ltr; text-align: right; }
.renewal-source-product { padding: 22px; display: flex; justify-content: space-between; gap: 24px; align-items: center; }
.renewal-source-product > div:last-child { min-width: 210px; padding-inline-start: 24px; border-inline-start: 1px solid var(--border); }
.renewal-source-product p { margin: 5px 0 0; color: var(--muted); }
.renewal-options-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.renewal-option-card { padding: 20px; display: grid; gap: 14px; }
.renewal-option-card.is-disabled { opacity: .62; }
.renewal-option-card h3 { margin: 8px 0 0; }
.renewal-option-card p,
.renewal-option-card small { margin: 0; color: var(--muted); overflow-wrap: anywhere; }
.renewal-option-meta { display: flex; flex-wrap: wrap; gap: 7px; }
.renewal-option-meta span { padding: 6px 9px; border-radius: 9px; background: color-mix(in srgb, var(--primary) 7%, var(--surface)); color: var(--text); font-size: .78rem; }
.renewal-option-form [hidden] { display: none !important; }
.renewal-option-form textarea { min-height: 90px; resize: vertical; }
.renewal-visibility { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.renewal-visibility label { display: flex; gap: 8px; align-items: center; padding: 11px; border: 1px solid var(--border); border-radius: 12px; }
.public-renewal-options { margin-top: 18px; padding: 18px; border: 1px solid color-mix(in srgb, var(--order-theme) 22%, #E8F1F0); border-radius: 18px; background: color-mix(in srgb, var(--order-theme) 4%, white); }
.public-renewal-options h3,
.public-renewal-options p { margin: 0; }
.public-renewal-options p { color: #64748b; font-size: .85rem; margin-top: 4px; }
.public-renewal-grid { display: grid; gap: 9px; margin-top: 14px; }
.public-renewal-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid #E8F1F0; border-radius: 13px; background: #fff; color: #062B28; text-decoration: none; transition: transform .18s ease, border-color .18s ease; }
.public-renewal-card:hover { transform: translateY(-1px); border-color: var(--order-theme); }
.public-renewal-card > span { width: 34px; height: 34px; display: grid; place-items: center; color: var(--order-theme); }
.public-renewal-card strong,
.public-renewal-card small { display: block; }
.public-renewal-card small { color: #64748b; margin-top: 3px; }
.public-renewal-card b { color: var(--order-theme); font-size: .82rem; white-space: nowrap; }
@media (max-width: 820px) {
  .renewal-options-grid { grid-template-columns: 1fr; }
  .renewal-source-product { align-items: stretch; flex-direction: column; }
  .renewal-source-product > div:last-child { border-inline-start: 0; border-top: 1px solid var(--border); padding: 16px 0 0; }
  .renewal-visibility { grid-template-columns: 1fr; }
  .public-renewal-card { grid-template-columns: auto 1fr; }
  .public-renewal-card b { grid-column: 2; }
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { border: 0; }
.page-shell { min-height: 100vh; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.public-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255,255,255,.82);
  border-bottom: 1px solid rgba(232, 241, 240,.78);
  backdrop-filter: blur(16px);
}
.nav-inner, .topbar {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; color: var(--text); }
.brand-mark {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background: var(--brand-primary);
  box-shadow: 0 12px 24px rgba(6, 43, 40,.2);
}
.nav-links { display: flex; align-items: center; gap: 8px; color: var(--text-muted); font-weight: 600; }
.nav-link, .side-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  border-radius: 12px;
  padding: 0 12px;
  cursor: pointer;
  transition: .18s ease;
}
.nav-link:hover, .nav-link.active { color: var(--primary-dark); background: var(--primary-light); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.mobile-menu { display: none; }
.btn {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all .2s ease;
  cursor: pointer;
  white-space: nowrap;
}
.btn-primary { color: white; background: var(--brand-primary); box-shadow: 0 10px 24px rgba(6, 43, 40, 0.22); }
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(6, 43, 40, 0.28); }
.btn-secondary { color: var(--text); background: white; border: 1px solid var(--border); }
.btn-secondary:hover { border-color: var(--primary); color: var(--primary); }
.btn-danger { background: var(--danger); color: white; }
.btn-ghost { background: transparent; color: var(--text-muted); border: 1px solid transparent; }
.btn-ghost:hover { color: var(--primary-dark); background: var(--primary-light); }
.btn:active { transform: translateY(0); }
.btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.icon-btn { width: 42px; min-width: 42px; height: 42px; padding: 0; border-radius: 14px; }
.hero { padding: 70px 0 42px; }
.hero-grid { display: grid; grid-template-columns: 1fr 1.08fr; align-items: center; gap: 44px; }
.eyebrow { color: var(--primary-dark); font-weight: 800; display: inline-flex; gap: 8px; align-items: center; }
h1, h2, h3, p { margin-top: 0; }
.hero h1, .page-hero h1 { font-size: clamp(38px, 6vw, 68px); line-height: 1.16; margin-bottom: 18px; letter-spacing: 0; }
.page-hero h1 { font-size: clamp(32px, 4vw, 52px); }
.lead { color: var(--text-muted); font-size: 18px; line-height: 1.9; max-width: 660px; }
.hero-actions, .section-actions, .toolbar, .inline-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.center-actions { justify-content: center; }
.split-between { justify-content: space-between; }
.section-tight { padding-top: 0; }
.mb-toolbar { margin-bottom: 16px; }
.full-span { grid-column: 1 / -1; }
.setting-toggle { justify-content: space-between; margin: 10px 0; }
.trust-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 30px; }
.trust-item, .mini-stat {
  background: rgba(255,255,255,.78);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 14px;
  box-shadow: var(--shadow-sm);
}
.trust-item strong, .mini-stat strong { display: block; font-size: 22px; color: var(--primary-dark); }
.trust-item span, .mini-stat span, .muted { color: var(--text-muted); }
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: box-shadow .2s ease, transform .2s ease;
}
.card:hover { box-shadow: var(--shadow-md); }
.preview-card { padding: 18px; overflow: hidden; position: relative; }
.preview-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.dots { display: flex; gap: 6px; direction: ltr; }
.dot { width: 9px; height: 9px; border-radius: 50%; background: var(--border); }
.dot:nth-child(1) { background: var(--danger); }
.dot:nth-child(2) { background: var(--warning); }
.dot:nth-child(3) { background: var(--success); }
.dashboard-preview { display: grid; grid-template-columns: 108px 1fr; gap: 14px; min-height: 390px; }
.preview-side { background: #F3F8F7; border-radius: 18px; padding: 12px; display: grid; gap: 10px; align-content: start; }
.fake-line { height: 12px; border-radius: 999px; background: #E8F1F0; }
.fake-line.active { background: var(--brand-primary); }
.preview-main { display: grid; gap: 14px; }
.preview-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.preview-stat { min-height: 72px; padding: 12px; border-radius: 18px; background: #fff; border: 1px solid var(--border); }
.table-skeleton { border: 1px solid var(--border); border-radius: 18px; overflow: hidden; background: #fff; }
.sk-row { display: grid; grid-template-columns: 1.2fr .8fr .8fr .8fr; gap: 10px; align-items: center; min-height: 46px; padding: 0 12px; border-bottom: 1px solid #F3F8F7; }
.sk-row:last-child { border-bottom: 0; }
.section { padding: 54px 0; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 24px; }
.section-head h2 { font-size: clamp(26px, 3vw, 42px); line-height: 1.3; margin-bottom: 8px; }
.grid { display: grid; gap: 18px; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-5 { grid-template-columns: repeat(5, 1fr); }
.feature-card, .pricing-card, .support-card, .settings-card { padding: 22px; }
.icon-bubble {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: var(--primary-dark);
  background: var(--primary-light);
  margin-bottom: 14px;
  font-weight: 800;
}
.icon-bubble.purple { color: var(--brand-accent); background: var(--brand-primary-soft); }
.icon-bubble.green { color: var(--success); background: #eaf8ef; }
.icon-bubble.orange { color: var(--warning); background: #fff5df; }
.steps { counter-reset: step; }
.step-card { padding: 22px; position: relative; overflow: hidden; }
.step-card:before {
  counter-increment: step;
  content: counter(step);
  position: absolute;
  left: 18px;
  top: 14px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--brand-primary);
  color: white;
  font-weight: 800;
}
.cta-band {
  color: white;
  background: var(--brand-primary);
  border-radius: 28px;
  padding: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  box-shadow: 0 22px 45px rgba(11, 63, 59,.2);
}
.cta-band p { color: rgba(255,255,255,.82); }
.page-hero { padding: 62px 0 30px; text-align: center; }
.page-hero .lead { margin: 0 auto 22px; }
.pricing-card { position: relative; display: grid; gap: 16px; }
.pricing-card.featured { border-color: rgba(6, 43, 40,.45); box-shadow: 0 22px 44px rgba(6, 43, 40,.13); transform: translateY(-8px); }
.badge, .status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.badge { color: var(--primary-dark); background: var(--primary-light); }
.price { font-size: 38px; font-weight: 800; color: var(--text); }
.price small { font-size: 15px; color: var(--text-muted); font-weight: 600; }
.check-list { display: grid; gap: 10px; color: var(--text-muted); padding: 0; margin: 0; list-style: none; }
.check-list li:before { content: "✓"; color: var(--success); font-weight: 800; margin-left: 8px; }
.compare { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { min-height: 56px; padding: 15px 14px; border-bottom: 1px solid #F3F8F7; text-align: right; vertical-align: middle; }
th { color: var(--text-muted); font-size: 13px; background: #F3F8F7; }
tbody tr:hover { background: #F3F8F7; }
.status.success { color: #087c35; background: #e8f8ee; }
.status.warning { color: #a16207; background: #fff6df; }
.status.danger { color: #b91c1c; background: #feeceb; }
.status.info { color: #062B28; background: #F3F8F7; }
.status.neutral { color: #062B28; background: #F3F8F7; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.field { display: grid; gap: 7px; }
.field label { font-weight: 800; font-size: 14px; color: var(--text); }
.input, .select, .textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
  color: var(--text);
  padding: 0 14px;
  outline: none;
}
.textarea { min-height: 92px; padding: 12px 14px; resize: vertical; }
.input:focus, .select:focus, .textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 4px rgba(6, 43, 40,.1); }
.search-wrap { position: relative; }
.search-wrap .input { padding-right: 42px; }
.search-icon { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--text-muted); }
.support-search { max-width: 720px; margin: 0 auto; }
.chips { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 14px; }
.chip { min-height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--border); background: white; color: var(--text-muted); cursor: pointer; }
.chip:hover, .chip.active { color: var(--primary-dark); border-color: var(--primary); background: var(--primary-light); }
.auth-page { min-height: 100vh; display: grid; place-items: center; padding: 30px; }
.auth-shell { width: min(1040px, 100%); display: grid; grid-template-columns: .85fr 1fr; gap: 22px; align-items: stretch; }
.auth-panel { padding: 30px; }
.auth-visual { padding: 28px; background: var(--brand-primary); display: grid; align-content: center; }
.dashboard-shell { min-height: 100vh; display: grid; grid-template-columns: 270px 1fr; }
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 18px;
  background: rgba(255,255,255,.9);
  border-left: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.side-links { display: grid; gap: 6px; }
.side-link { justify-content: flex-start; color: var(--text-muted); font-weight: 800; }
.side-link:hover, .side-link.active { color: white; background: var(--brand-primary); box-shadow: 0 12px 26px rgba(6, 43, 40,.18); }
.ai-side { margin-top: auto; padding: 16px; border-radius: 18px; background: var(--brand-primary); border: 1px solid var(--border); }
.dashboard-main { min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 12; padding: 0 24px; background: rgba(243, 248, 247,.86); border-bottom: 1px solid var(--border); backdrop-filter: blur(16px); }
.topbar-tools { display: flex; align-items: center; gap: 10px; }
.avatar { width: 38px; height: 38px; border-radius: 50%; background: var(--brand-primary); display: grid; place-items: center; color: #fff; font-weight: 800; }
.content { padding: 28px; }
.page-title { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.stat-card { padding: 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.stat-card strong { display: block; font-size: 25px; margin-top: 6px; }
.split { display: grid; grid-template-columns: 1.35fr .75fr; gap: 18px; align-items: start; }
.chart-card, .table-card, .board-card { padding: 20px; overflow: hidden; }
.bars { height: 220px; display: flex; align-items: end; gap: 12px; padding: 18px 8px 0; border-bottom: 1px solid var(--border); }
.bar { flex: 1; border-radius: 12px 12px 0 0; background: var(--brand-primary); min-height: 28px; position: relative; }
.bar span { position: absolute; bottom: calc(100% + 8px); right: 50%; transform: translateX(50%); color: var(--text-muted); font-size: 12px; }
.activity-list { display: grid; gap: 12px; }
.activity-item { display: flex; gap: 12px; align-items: start; padding-bottom: 12px; border-bottom: 1px solid #F3F8F7; }
.activity-item:last-child { border-bottom: 0; padding-bottom: 0; }
.renewal-board { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.board-column { background: #F3F8F7; border: 1px solid var(--border); border-radius: 20px; padding: 14px; min-height: 300px; }
.renewal-card { padding: 14px; border-radius: 16px; background: white; border: 1px solid var(--border); display: grid; gap: 10px; margin-top: 12px; }
.tabs { display: inline-flex; gap: 4px; padding: 5px; border-radius: 16px; border: 1px solid var(--border); background: #fff; }
.tabs-row { margin-bottom: 16px; }
.tab { min-height: 38px; padding: 0 14px; border-radius: 12px; background: transparent; cursor: pointer; color: var(--text-muted); font-weight: 800; }
.tab.active { color: var(--primary-dark); background: var(--primary-light); }
.modal-overlay, .drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(6, 43, 40,.32);
  animation: fadeIn .15s ease;
}
.modal { width: min(620px, 100%); max-height: calc(100vh - 40px); overflow: auto; background: #fff; border-radius: 24px; box-shadow: 0 24px 64px rgba(6, 43, 40,.22); animation: rise .18s ease; }
.modal-head, .modal-body, .modal-foot { padding: 20px; }
.modal-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border); }
.modal-foot { display: flex; justify-content: flex-start; gap: 10px; border-top: 1px solid var(--border); }
.drawer-overlay { place-items: stretch end; padding: 0; }
.drawer { width: min(460px, 92vw); height: 100vh; overflow: auto; background: #fff; box-shadow: -20px 0 50px rgba(6, 43, 40,.2); animation: slideIn .18s ease; }
.toast-stack { position: fixed; left: 20px; right: auto; bottom: 22px; z-index: 10000; display: grid; justify-items: start; gap: 8px; pointer-events: none; }
.toast {
  --toast-accent: #0B3F3B;
  --toast-bg: #F3F8F7;
  --toast-border: #E8F1F0;
  --toast-text: #0B3F3B;
  position: relative;
  width: min(390px, calc(100vw - 32px));
  min-height: 62px;
  padding: 11px 40px 11px 13px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  overflow: hidden;
  pointer-events: auto;
  direction: rtl;
  color: var(--toast-text);
  background: var(--toast-bg);
  border: 1px solid var(--toast-border);
  border-inline-start: 4px solid var(--toast-accent);
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(6, 43, 40,.13);
  animation: toastRise .22s ease both;
}
.toast.success { --toast-accent: #16a34a; --toast-bg: #f0fdf4; --toast-border: #bbf7d0; --toast-text: #166534; }
.toast.error, .toast.danger { --toast-accent: #ef4444; --toast-bg: #fef2f2; --toast-border: #fecaca; --toast-text: #991b1b; }
.toast.warning { --toast-accent: #f59e0b; --toast-bg: #fffbeb; --toast-border: #fde68a; --toast-text: #92400e; }
.toast.info { --toast-accent: #0B3F3B; --toast-bg: #F3F8F7; --toast-border: #E8F1F0; --toast-text: #0B3F3B; }
.toast.loading { --toast-accent: #0B3F3B; --toast-bg: #F3F8F7; --toast-border: #E8F1F0; --toast-text: #062B28; }
.toast-icon { width: 30px; height: 30px; display: grid; place-items: center; color: var(--toast-accent); background: rgba(255,255,255,.66); border-radius: 50%; }
.toast-icon-svg { width: 18px; height: 18px; }
.toast-copy { min-width: 0; display: grid; gap: 3px; }
.toast-copy strong { color: var(--toast-text); font-size: 13px; line-height: 1.45; }
.toast-copy small { color: color-mix(in srgb, var(--toast-text) 78%, #64748b); font-size: 11px; line-height: 1.5; }
.toast-close { position: absolute; inset-inline-end: 8px; top: 8px; width: 24px; height: 24px; padding: 0; display: grid; place-items: center; color: currentColor; background: transparent; border-radius: 50%; cursor: pointer; font-size: 17px; opacity: .72; }
.toast-close:hover { background: rgba(255,255,255,.75); opacity: 1; }
.toast-progress { position: absolute; inset-inline: 0; bottom: 0; height: 2px; background: var(--toast-accent); transform-origin: right; animation: toastProgress var(--toast-duration, 4300ms) linear forwards; opacity: .4; }
.toast.persistent .toast-progress { display: none; }
.toast.leaving { animation: toastLeave .18s ease both; }
.spinning, .button-spinner { animation: spin .8s linear infinite; }
.button-spinner { width: 17px; height: 17px; display: inline-block; border: 2px solid rgba(255,255,255,.46); border-top-color: #fff; border-radius: 50%; }
.field-error { display: block; color: #b91c1c; font-size: 12px; font-weight: 600; }
[aria-invalid="true"] { border-color: #ef4444 !important; box-shadow: 0 0 0 3px rgba(239,68,68,.09); }
.menu-pop {
  position: fixed;
  z-index: 60;
  min-width: 190px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--shadow-md);
}
.menu-pop button { width: 100%; justify-content: flex-start; }
.empty { padding: 34px; text-align: center; color: var(--text-muted); }
.mobile-side-toggle { display: none; }
.linked-subtitle { margin: -12px 0 22px; color: var(--text-muted); }
.whatsapp-health-grid { margin-bottom: 18px; }
.linked-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 18px; align-items: stretch; }
.linked-main-card { padding: 24px; display: grid; grid-template-columns: 300px 1fr; gap: 24px; min-height: 390px; overflow: hidden; }
.device-art { position: relative; display: grid; place-items: center; min-height: 330px; background: var(--brand-primary); border-radius: 18px; }
.phone-frame { width: 150px; height: 250px; border: 8px solid #062B28; border-radius: 32px; background: var(--brand-primary); box-shadow: 0 22px 48px rgba(11, 63, 59,.16); display: grid; place-items: center; }
.phone-frame:before { content: ""; position: absolute; top: 44px; width: 62px; height: 12px; border-radius: 99px; background: #062B28; }
.wa-logo { width: 70px; height: 70px; border-radius: 50%; display: grid; place-items: center; color: white; background: var(--brand-primary); font-size: 34px; box-shadow: 0 16px 28px rgba(34,197,94,.25); }
.qr-float { position: absolute; right: 24px; bottom: 42px; width: 116px; height: 116px; padding: 14px; border-radius: 24px; background: rgba(255,255,255,.94); border: 1px solid var(--border); box-shadow: var(--shadow-md); }
.qr-mini, .qr-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; width: 100%; aspect-ratio: 1; }
.qr-real { width: min(100%, 230px); aspect-ratio: 1; object-fit: contain; display: block; margin: 0 auto; border-radius: 6px; background: #fff; }
.qr-float .qr-real { width: 100%; }
.qr-mini span, .qr-grid span { border-radius: 3px; background: #E8F1F0; }
.qr-mini span.active, .qr-grid span.active { background: #062B28; }
.qr-mini span.ghost, .qr-grid span.ghost { background: #F3F8F7; }
.link-panel { display: grid; align-content: center; gap: 18px; }
.compact-head { margin: 0; }
.link-box-grid { display: grid; grid-template-columns: minmax(180px, 240px) 34px 1fr; gap: 18px; align-items: center; padding: 18px; border: 1px solid var(--border); border-radius: 18px; background: rgba(243, 248, 247,.76); }
.qr-box { min-height: 210px; display: grid; gap: 10px; place-items: center; padding: 18px; border: 1px dashed #E8F1F0; border-radius: 18px; cursor: pointer; text-align: center; }
.qr-box.active { border-color: #062B28; background: rgba(6, 43, 40,.07); }
.qr-box .qr-grid { width: min(150px, 100%); }
.or-divider { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--border); display: grid; place-items: center; color: var(--text-muted); font-weight: 800; }
.pair-code { display: grid; gap: 10px; }
.pair-code strong { padding: 14px; border: 1px solid var(--border); border-radius: 14px; text-align: center; background: white; letter-spacing: 1px; }
.link-tabs { width: fit-content; max-width: 100%; }
.pairing-layout { grid-template-columns: 1fr 1fr; }
.pairing-form, .pairing-result { display: grid; gap: 12px; align-content: start; }
.system-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border); }
.system-row:last-child { border-bottom: 0; }
.safety-list { display: grid; gap: 8px; }
.safety-list span { padding: 10px 12px; border-radius: 12px; background: var(--primary-light); color: var(--primary-dark); font-weight: 800; }
.link-steps-card { padding: 22px; display: grid; gap: 14px; }
.step-row { position: relative; display: grid; gap: 4px; padding: 0 52px 18px 0; border-right: 2px dashed rgba(6, 43, 40,.35); }
.step-row:last-of-type { border-right: 0; padding-bottom: 0; }
.step-row span { position: absolute; right: -18px; top: 0; width: 36px; height: 36px; border-radius: 50%; background: var(--brand-primary); color: white; display: grid; place-items: center; font-weight: 800; }
.secure-note { padding: 14px; border-radius: 16px; background: var(--brand-primary-soft); color: var(--primary-dark); font-weight: 800; }
.linked-bottom-grid { display: grid; grid-template-columns: .72fr .95fr 1.2fr; gap: 18px; margin-top: 18px; align-items: stretch; }
.linked-bottom-grid .table-card:last-child { grid-column: span 2; }
.usage-card { padding: 22px; display: grid; gap: 12px; }
.usage-count { font-size: 28px; color: var(--text); }
.usage-bar { height: 10px; border-radius: 999px; background: #F3F8F7; overflow: hidden; }
.usage-bar span { display: block; height: 100%; border-radius: inherit; background: var(--brand-primary); }
.danger-text { color: var(--danger); font-weight: 800; }
.success-text { color: var(--success); font-weight: 800; }
.empty-device { min-height: 190px; display: grid; place-items: center; text-align: center; }
.empty-icon { width: 74px; height: 54px; border-radius: 18px; display: grid; place-items: center; background: #F3F8F7; color: var(--primary-dark); font-size: 28px; }
.modal-qr { border: 0; cursor: default; }

/* Visual pass aligned with the approved Renvix screens. */
.public-nav { box-shadow: 0 1px 0 rgba(6, 43, 40, .04); }
.public-nav .brand { font-size: 28px; color: #062B28; }
.public-nav .brand-mark,
.sidebar .brand-mark,
.auth-hero-logo .brand-mark {
  border-radius: 8px;
  background: var(--brand-primary);
}
.hero {
  min-height: calc(100vh - 72px);
  display: flex;
  align-items: center;
  padding: 38px 0 26px;
}
.hero h1 { max-width: 650px; color: #062B28; }
.hero h1,
.page-hero h1 { font-weight: 800; }
.hero .lead { font-size: 20px; color: #062B28; }
.hero .preview-card {
  transform: perspective(1200px) rotateY(-4deg);
  border-color: rgba(6, 43, 40,.18);
  box-shadow: 0 24px 70px rgba(6, 43, 40, .16);
}
.feature-card,
.support-card,
.pricing-card,
.settings-card,
.table-card,
.stat-card,
.chart-card,
.board-card,
.ai-side,
.renewal-card {
  border-radius: 8px;
}
.card { border-color: rgba(232, 241, 240, .78); }
.stat-card {
  min-height: 118px;
  padding: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stat-card strong { font-size: 24px; margin: 7px 0; display: block; color: var(--text); }
.content { padding: 30px 34px; }
.dashboard-shell { grid-template-columns: 292px minmax(0, 1fr); background: var(--bg); }
.sidebar { padding: 24px 20px; gap: 28px; }
.sidebar .brand { font-size: 25px; color: #062B28; }
.side-links { gap: 14px; }
.side-link {
  width: 100%;
  min-height: 54px;
  border-radius: 8px;
  padding: 0 18px;
  justify-content: space-between;
  font-size: 18px;
  text-align: start;
  background: transparent;
  border: 1px solid transparent;
}
.side-link span { font-size: 24px; }
.topbar {
  min-height: 86px;
  padding: 0 30px;
  box-shadow: 0 1px 0 rgba(6, 43, 40, .04);
}
.topbar .search-wrap { width: min(480px, 36vw); }
.topbar .input { min-height: 50px; border-radius: 8px; }
.badge { border-radius: 8px; }
.page-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  margin-bottom: 24px;
}
.page-title h1 { font-size: 34px; margin-bottom: 6px; }
.split { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, .65fr); gap: 18px; }
.table-card,
.chart-card { padding: 22px; }

.auth-page {
  position: relative;
  overflow: hidden;
  place-items: stretch;
  padding: 34px 52px;
  color: #F3F8F7;
  background:
    var(--brand-primary);
}
.auth-page:before {
  content: "";
  position: absolute;
  inset: 0 50% 0 auto;
  border-inline-start: 1px solid rgba(11, 63, 59, .24);
  pointer-events: none;
}
.auth-brand,
.auth-top-actions { position: absolute; top: 32px; z-index: 2; }
.auth-brand { left: 54px; right: auto; }
.auth-brand .brand { color: #fff; font-size: 30px; }
.auth-top-actions { right: 54px; left: auto; display: flex; align-items: center; gap: 10px; }
.auth-shell {
  width: min(1600px, 100%);
  min-height: calc(100vh - 68px);
  margin: 0 auto;
  grid-template-columns: minmax(440px, .82fr) minmax(560px, 1fr);
  gap: 70px;
  align-items: center;
  direction: ltr;
}
.auth-panel {
  direction: rtl;
  width: min(560px, 100%);
  justify-self: center;
  padding: 42px 46px;
  color: #F3F8F7;
  background: rgba(6, 43, 40, .74);
  border: 1px solid rgba(11, 63, 59, .28);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .24);
  backdrop-filter: blur(18px);
}
.auth-panel .eyebrow { color: #0B3F3B; }
.auth-panel h1 { font-size: 42px; text-align: center; margin: 6px 0 8px; }
.auth-panel .lead { color: #E8F1F0; text-align: center; margin: 0 auto 24px; font-size: 18px; }
.auth-form { gap: 18px; }

.auth-turnstile-slot{
  width:100%;
  min-width:0;
  min-height:65px;
  margin:14px 0 16px;
  display:grid;
  align-items:center;
  overflow:hidden;
  border:0;
  background:transparent;
}
.auth-turnstile-widget,
.auth-turnstile-widget>div,
.auth-turnstile-widget iframe{width:100%!important;max-width:100%!important}
.auth-turnstile-message{display:block;min-height:18px;margin-top:4px;color:#a13c35;font-size:12px;line-height:1.45}
.auth-turnstile-message:empty{display:none}
.auth-suite-page[data-auth-theme="dark"] .auth-turnstile-message{color:#f2a59f}
@media (max-width:743px){
  .auth-turnstile-slot{min-height:60px;margin:12px 0 14px}
}
.auth-panel .field span { color: #E8F1F0; }
.auth-panel .input {
  min-height: 58px;
  background: rgba(6, 43, 40, .62);
  border-color: rgba(11, 63, 59, .30);
  color: #fff;
}
.auth-panel .input::placeholder { color: #8392a8; }
.remember { color: #E8F1F0; }
.auth-submit { min-height: 58px; font-size: 18px; }
.auth-divider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  color: #0B3F3B;
}
.auth-divider:before,
.auth-divider:after { content: ""; height: 1px; background: rgba(11, 63, 59, .22); }
.google-btn {
  min-height: 54px;
  color: #F3F8F7;
  background: rgba(6, 43, 40, .58);
  border-color: rgba(11, 63, 59, .28);
}
.google-mark { color: #fff; background: var(--brand-primary); width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; }
.auth-switch { text-align: center; color: #E8F1F0; margin: 0; }
.link-button { color: #0B3F3B; background: transparent; cursor: pointer; font-weight: 800; }
.auth-visual {
  direction: ltr;
  color: #F3F8F7;
  display: grid;
  gap: 24px;
  align-content: center;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.auth-hero-logo { display: flex; align-items: center; justify-content: center; gap: 18px; font-size: 42px; font-weight: 800; }
.auth-hero-logo .brand-mark { width: 70px; height: 70px; font-size: 42px; }
.auth-hero-logo b { color: #0B3F3B; }
.auth-visual > p { text-align: center; color: #E8F1F0; font-size: 23px; line-height: 1.45; }
.auth-dashboard-art {
  width: min(720px, 100%);
  margin: 0 auto;
  padding: 28px;
  border: 1px solid rgba(11, 63, 59, .46);
  border-radius: 14px;
  background: var(--brand-primary);
  box-shadow: 0 30px 90px rgba(11, 63, 59, .22);
  transform: perspective(1100px) rotateX(7deg) rotateY(-8deg);
}
.art-top,
.art-table div,
.auth-feature-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.art-top span { width: 180px; height: 32px; border-radius: 8px; border: 1px solid rgba(11, 63, 59, .2); }
.art-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 22px 0; }
.art-stats span,
.art-table div {
  padding: 16px;
  border-radius: 8px;
  background: rgba(6, 43, 40, .86);
  border: 1px solid rgba(11, 63, 59, .16);
}
.art-stats small { display: block; color: #0B3F3B; }
.art-table { display: grid; gap: 8px; }
.art-table b { color: #36e7aa; }
.auth-feature-row {
  width: min(760px, 100%);
  margin: 0 auto;
  color: #E8F1F0;
  direction: ltr;
}
.auth-security-note {
  width: min(660px, 100%);
  margin: 0 auto;
  padding: 22px;
  border: 1px solid rgba(11, 63, 59, .22);
  border-radius: 12px;
  background: rgba(6, 43, 40, .76);
  color: #F3F8F7;
}

.linked-subtitle {
  margin-top: -14px;
  margin-bottom: 22px;
  font-size: 18px;
  text-align: right;
}
.linked-layout { grid-template-columns: minmax(0, 1fr) 340px; direction: ltr; }
.linked-main-card {
  direction: ltr;
  grid-template-columns: 290px minmax(0, 1fr);
  padding: 34px;
  min-height: 470px;
  box-shadow: 0 20px 54px rgba(6, 43, 40, .07);
}
.device-art { min-height: 390px; background: var(--brand-primary-soft); }
.device-art:before {
  content: "";
  position: absolute;
  width: 260px;
  height: 170px;
  border: 3px dashed rgba(11, 63, 59, .23);
  border-radius: 50%;
  transform: rotate(18deg);
}
.phone-frame { position: relative; z-index: 1; width: 158px; height: 278px; }
.wa-check {
  position: absolute;
  z-index: 3;
  right: 70px;
  bottom: 94px;
  width: 96px;
  height: 96px;
  display: none;
  place-items: center;
  border-radius: 50%;
  color: white;
  background: var(--brand-primary);
  border: 16px solid rgba(255,255,255,.92);
  font-size: 45px;
  box-shadow: 0 20px 38px rgba(22, 163, 74, .24);
}
.wa-check.show { display: grid; }
.qr-float { z-index: 2; width: 132px; height: 132px; border-radius: 18px; }
.lock-line { margin: 8px 0 0; }
.link-panel { direction: rtl; }
.link-box-grid {
  direction: ltr;
  grid-template-columns: 1fr;
  background: rgba(255,255,255,.62);
}
.qr-box,
.pair-code,
.pairing-form,
.pairing-result { direction: rtl; }
.qr-box { min-height: 190px; }
.qr-box .qr-grid { width: 138px; }
.pair-code strong { min-height: 56px; display: grid; place-items: center; font-size: 19px; }
.link-steps-card { direction: rtl; padding: 28px; align-content: center; }
.success-device-state { text-align: center; display: grid; gap: 12px; }
.success-device-state > span {
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  margin: 0 auto;
  border-radius: 50%;
  color: white;
  background: #16A34A;
  font-size: 40px;
}
.linked-bottom-grid {
  grid-template-columns: .82fr .86fr 1.25fr .72fr;
}
.linked-bottom-grid .table-card:last-child { grid-column: auto; }
.usage-card,
.security-card,
.activity-card,
.linked-table-card { min-height: 235px; }
.mini-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--primary-light);
}
.usage-bar { margin: 4px 0; }
.safe-mode-card .safety-list { grid-template-columns: repeat(5, 1fr); }

:root[data-theme="dark"] {
  --bg: #062B28;
  --surface: #062B28;
  --surface-soft: #062B28;
  --text: #F3F8F7;
  --text-muted: #E8F1F0;
  --border: #062B28;
  --primary-light: rgba(6, 43, 40,.16);
  --shadow-sm: 0 10px 22px rgba(0,0,0,.24);
  --shadow-md: 0 18px 42px rgba(0,0,0,.32);
}
:root[data-theme="dark"] body { background: var(--brand-primary); }
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .public-nav,
:root[data-theme="dark"] .sidebar,
:root[data-theme="dark"] .modal,
:root[data-theme="dark"] .drawer,
:root[data-theme="dark"] .menu-pop { background: rgba(6, 43, 40,.94); }
:root[data-theme="dark"] .topbar { background: rgba(6, 43, 40,.86); }
:root[data-theme="dark"] .dashboard-quick-search-results { border-color: var(--border); background: rgba(6, 43, 40, .98); box-shadow: 0 20px 48px rgba(0, 0, 0, .34); }
:root[data-theme="dark"] .dashboard-quick-search-result { color: var(--text); }
:root[data-theme="dark"] .dashboard-quick-search-result + .dashboard-quick-search-result { border-block-start-color: var(--border); }
:root[data-theme="dark"] .dashboard-quick-search-result:hover,
:root[data-theme="dark"] .dashboard-quick-search-result:focus-visible { color: #E8F1F0; background: #062B28; }
:root[data-theme="dark"] .dashboard-quick-search-result > .line-icon { color: #E8F1F0; background: #062B28; }
:root[data-theme="dark"] .dashboard-quick-search-result small,
:root[data-theme="dark"] .dashboard-quick-search-empty small { color: var(--text-muted); }
:root[data-theme="dark"] .input,
:root[data-theme="dark"] .select,
:root[data-theme="dark"] .textarea,
:root[data-theme="dark"] .chip,
:root[data-theme="dark"] .tabs,
:root[data-theme="dark"] .pair-code strong,
:root[data-theme="dark"] .safety-list span,
:root[data-theme="dark"] .renewal-card { background: #062B28; color: var(--text); border-color: var(--border); }
:root[data-theme="dark"] th,
:root[data-theme="dark"] tbody tr:hover,
:root[data-theme="dark"] .board-column,
:root[data-theme="dark"] .link-box-grid { background: #062B28; }
:root[data-theme="dark"] td,
:root[data-theme="dark"] th,
:root[data-theme="dark"] .activity-item,
:root[data-theme="dark"] .sk-row { border-color: var(--border); }
:root[data-theme="dark"] .auth-visual,
:root[data-theme="dark"] .ai-side,
:root[data-theme="dark"] .secure-note { background: var(--brand-primary-soft); }
:root[data-theme="dark"] .phone-frame { background: var(--brand-primary); }
:root[data-theme="dark"] .qr-float { background: rgba(6, 43, 40,.94); }
:root[data-theme="dark"] .hero h1,
:root[data-theme="dark"] .public-nav .brand,
:root[data-theme="dark"] .sidebar .brand { color: var(--text); }
:root[data-theme="dark"] .hero .lead { color: var(--text-muted); }
:root[data-theme="dark"] .side-link {
  color: #E8F1F0;
  background: transparent;
  border-color: transparent;
}
:root[data-theme="dark"] .side-link:hover,
:root[data-theme="dark"] .side-link.active {
  color: #fff;
  background: var(--brand-primary);
  border-color: rgba(11, 63, 59, .35);
}
:root[data-theme="dark"] .linked-main-card,
:root[data-theme="dark"] .link-steps-card,
:root[data-theme="dark"] .usage-card,
:root[data-theme="dark"] .security-card,
:root[data-theme="dark"] .activity-card,
:root[data-theme="dark"] .linked-table-card,
:root[data-theme="dark"] .safe-mode-card { background: rgba(6, 43, 40,.94); }
:root[data-theme="dark"] .device-art { background: var(--brand-primary); }
:root[data-theme="dark"] .link-box-grid { background: rgba(6, 43, 40, .78); }
:root[data-theme="dark"] .auth-panel .btn-secondary { background: rgba(6, 43, 40,.58); color: #F3F8F7; }
:root:not([data-theme="dark"]) .auth-page {
  color: #062B28;
  background: var(--brand-primary-soft);
}
:root:not([data-theme="dark"]) .auth-page:before { border-color: #E8F1F0; }
:root:not([data-theme="dark"]) .auth-brand .brand { color: #062B28; }
:root:not([data-theme="dark"]) .auth-panel {
  color: #062B28;
  background: rgba(255,255,255,.94);
  border-color: #E8F1F0;
  box-shadow: 0 28px 80px rgba(6, 43, 40, .12);
}
:root:not([data-theme="dark"]) .auth-panel .lead,
:root:not([data-theme="dark"]) .auth-switch,
:root:not([data-theme="dark"]) .remember { color: #64748b; }
:root:not([data-theme="dark"]) .auth-panel .field span { color: #062B28; }
:root:not([data-theme="dark"]) .auth-panel .input {
  color: #062B28;
  background: #fff;
  border-color: #E8F1F0;
}
:root:not([data-theme="dark"]) .auth-panel .input::placeholder { color: #0B3F3B; }
:root:not([data-theme="dark"]) .auth-visual { color: #062B28; }
:root:not([data-theme="dark"]) .auth-visual > p { color: #0B3F3B; }
:root:not([data-theme="dark"]) .auth-feature-row { color: #062B28; }
:root:not([data-theme="dark"]) .auth-security-note { color: #062B28; background: #F3F8F7; border-color: #E8F1F0; }
.single-auth { grid-template-columns: minmax(360px, 600px); justify-content: center; }
.single-auth .auth-panel { direction: inherit; }
.auth-success { display: grid; justify-items: center; gap: 18px; text-align: center; }
.success-mark { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 50%; background: #dcfce7; color: #16a34a; font-size: 36px; font-weight: 800; }
.code-input { direction: ltr; text-align: center; letter-spacing: 8px; font-size: 26px; }
.profile-trigger { display: flex; align-items: center; gap: 9px; border: 0; background: transparent; color: inherit; cursor: pointer; }
.topbar { position: relative; }
.profile-menu {
  position: absolute;
  inset-block-start: calc(100% - 6px);
  inset-inline-end: 18px;
  z-index: 1200;
  min-width: 190px;
  padding: 8px;
  display: grid;
  gap: 4px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-md);
}
.profile-menu button { padding: 10px 12px; text-align: start; border: 0; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
.profile-menu button:hover { background: var(--surface-soft); }
.health-and-safety { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; }
.health-metrics { display: grid; grid-template-columns: repeat(5, minmax(90px, 1fr)); gap: 10px; margin: 18px 0; }
.health-metrics span { padding: 14px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-soft); }
.health-metrics small, .health-metrics strong { display: block; }
.health-metrics strong { margin-top: 6px; font-size: 21px; }
.health-score { min-width: 84px; min-height: 84px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #062B28; font-size: 21px; font-weight: 800; }
.risk-ring { width: 150px; height: 150px; margin: 20px auto; display: grid; place-content: center; border-radius: 50%; border: 18px solid #0B3F3B; border-inline-end-color: #E8F1F0; text-align: center; }
.risk-ring strong { font-size: 38px; }
.security-score-grid { display: grid; grid-template-columns: 1.05fr 1fr 1fr; gap: 16px; }
.security-score-card { --score-color: #64748b; --score-bg: #F3F8F7; padding: 22px; border-top: 4px solid var(--score-color) !important; background: var(--brand-primary-soft) !important; }
.security-score-card.danger { --score-color: #dc2626; --score-bg: #fef2f2; }
.security-score-card.weak { --score-color: #ea580c; --score-bg: #fff7ed; }
.security-score-card.warning { --score-color: #d97706; --score-bg: #fffbeb; }
.security-score-card.good { --score-color: #0B3F3B; --score-bg: #F3F8F7; }
.security-score-card.strong { --score-color: #059669; --score-bg: #ecfdf5; }
.security-score-card.excellent { --score-color: #15803d; --score-bg: #f0fdf4; }
.security-score-card.unconfigured { --score-color: #64748b; --score-bg: #F3F8F7; }
.security-score-heading { display: flex; gap: 11px; align-items: flex-start; }
.security-score-heading > .line-icon { width: 24px; height: 24px; color: var(--score-color); }
.security-score-heading h2 { margin: 0 0 4px; font-size: 17px; }
.security-score-heading p { margin: 0; color: #718096; font-size: 11px; line-height: 1.6; }
.security-score-value { margin: 20px 0 16px; display: flex; align-items: baseline; gap: 10px; color: var(--score-color); }
.security-score-value strong { font-size: 42px; line-height: 1; }
.security-score-value span { padding: 5px 10px; color: var(--score-color); background: color-mix(in srgb, var(--score-color) 10%, #fff); border-radius: 999px; font-size: 12px; font-weight: 800; }
.security-score-card > small { color: #718096; }
.security-factor-list { margin: 0; padding: 0; display: grid; gap: 8px; list-style: none; }
.security-factor { min-width: 0; padding: 8px 0; display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 8px; border-top: 1px solid rgba(11, 63, 59,.2); }
.security-factor > span { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #9a6700; background: #fef3c7; font-weight: 800; }
.security-factor.passed > span { color: #047857; background: #d1fae5; }
.security-factor.critical > span { color: #b91c1c; background: #fee2e2; }
.security-factor strong, .security-factor small { display: block; }
.security-factor strong { font-size: 12px; }
.security-factor small { margin-top: 2px; color: #718096; font-size: 10px; line-height: 1.45; }
.security-factor b { color: var(--score-color); font-size: 11px; }
.security-unconfigured { margin-top: 24px; padding: 18px; color: #062B28; background: rgba(243, 248, 247,.82); border: 1px dashed #E8F1F0; border-radius: 12px; text-align: center; }
.security-unconfigured strong { color: #062B28; font-size: 24px; }
.security-unconfigured p { margin: 8px 0 16px; font-size: 12px; line-height: 1.7; }
.security-recommendations-card { margin-top: 18px; padding: 22px; }
.security-recommendations { display: grid; gap: 10px; }
.security-recommendation { padding: 13px; display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: 12px; align-items: center; border: 1px solid #E8F1F0; border-radius: 10px; }
.security-recommendation > span { padding: 5px 8px; color: #9a6700; background: #fef3c7; border-radius: 999px; text-align: center; font-size: 10px; font-weight: 800; }
.security-recommendation.critical > span { color: #b91c1c; background: #fee2e2; }
.security-recommendation.high > span { color: #c2410c; background: #ffedd5; }
.security-recommendation strong { font-size: 13px; }
.security-recommendation p { margin: 3px 0; color: #64748b; font-size: 11px; }
.security-recommendation small { color: #0B3F3B; font-size: 10px; }
.security-all-clear { padding: 20px; color: #166534; background: #f0fdf4; border-radius: 10px; text-align: center; }
.safe-settings-preview ul { display: grid; gap: 9px; line-height: 1.7; }
:root[data-theme="dark"] .security-score-card { background: var(--brand-primary) !important; }
:root[data-theme="dark"] .security-score-heading p,
:root[data-theme="dark"] .security-factor small,
:root[data-theme="dark"] .security-recommendation p { color: #E8F1F0; }
:root[data-theme="dark"] .security-score-value span { background: color-mix(in srgb, var(--score-color) 18%, #062B28); }
:root[data-theme="dark"] .security-unconfigured { color: #E8F1F0; background: #062B28; border-color: #062B28; }
:root[data-theme="dark"] .security-unconfigured strong { color: #E8F1F0; }
:root[data-theme="dark"] .security-recommendation { border-color: #062B28; }
.security-page-subtitle { margin: -14px 0 18px; color: #0B3F3B; font-size: 12px; }
.security-center-overview { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(0, 2fr); gap: 14px; direction: ltr; }
.security-center-overview > * { direction: rtl; }
.security-overall-card { min-height: 190px; padding: 20px; display: flex; align-items: center; gap: 20px; direction: ltr; border: 1px solid #E8F1F0 !important; background: #fff !important; }
.security-overall-card > div:last-child { min-width: 0; direction: rtl; }
.security-overall-card h2 { margin: 0 0 6px; color: #062B28; font-size: 18px; }
.security-overall-card p { margin: 0 0 12px; color: #0B3F3B; font-size: 11px; line-height: 1.75; }
.security-overall-card small { margin-top: 8px; display: block; color: #0B3F3B; font-size: 10px; }
.security-overall-ring { width: 124px; height: 124px; flex: 0 0 124px; padding: 10px; display: grid; place-items: center; border-radius: 50%; background: var(--brand-primary); transform: rotate(-90deg); }
.security-overall-ring:before { content: ""; position: absolute; }
.security-overall-ring.empty { background: #F3F8F7; }
.security-overall-ring > div { width: 100%; height: 100%; display: grid; place-content: center; justify-items: center; border-radius: 50%; background: #fff; transform: rotate(90deg); }
.security-overall-ring strong { color: #062B28; font-size: 28px; line-height: 1; }
.security-overall-ring span { margin-top: 4px; color: #062B28; font-size: 11px; font-weight: 800; }
.security-overall-ring .line-icon { width: 18px; height: 18px; margin-top: 4px; color: #0fc18a; }
.security-live-dot { width: fit-content; padding: 4px 9px; display: inline-flex; align-items: center; gap: 5px; border: 0; border-radius: 999px; color: #062B28; background: #F3F8F7; font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
.security-live-dot:before { content: ""; width: 6px; height: 6px; margin-inline-end: 6px; display: inline-block; border-radius: 50%; background: #11c693; }
.security-live-dot .line-icon { width: 13px; height: 13px; }
.security-metrics-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.security-mini-card { --security-tone: #15a878; min-height: 90px; padding: 14px; border: 1px solid #E8F1F0 !important; border-top: 3px solid var(--security-tone) !important; background: #fff !important; }
.security-mini-card.danger, .security-mini-card.risk-critical { --security-tone: #e34a59; }
.security-mini-card.weak, .security-mini-card.risk-high { --security-tone: #ef7d36; }
.security-mini-card.warning, .security-mini-card.risk-medium { --security-tone: #e8a620; }
.security-mini-card.good, .security-mini-card.risk-limited { --security-tone: #0B3F3B; }
.security-mini-card.strong, .security-mini-card.excellent, .security-mini-card.risk-low { --security-tone: #11b981; }
.security-mini-card.unconfigured, .security-mini-card.risk-unavailable { --security-tone: #0B3F3B; }
.security-mini-head { display: flex; align-items: center; gap: 7px; color: #0B3F3B; font-size: 11px; font-weight: 800; }
.security-mini-head .line-icon { width: 17px; height: 17px; color: var(--security-tone); }
.security-mini-value { margin: 8px 0 5px; display: flex; align-items: center; gap: 7px; }
.security-mini-value > strong { color: #062B28; font-size: 21px; line-height: 1; }
.security-mini-value > .security-metric-state { color: #0B3F3B; font-size: 13px; line-height: 1.3; }
.security-mini-value > small { color: #8492a6; font-size: 9px; line-height: 1.3; }
.security-mini-status { padding: 3px 6px; border-radius: 999px; color: var(--security-tone); background: color-mix(in srgb, var(--security-tone) 11%, #fff); font-size: 9px; font-weight: 800; }
.security-mini-card > p, .security-mini-card > small { margin: 0; display: block; color: #8290a5; font-size: 9px; line-height: 1.5; }
.security-center-middle { margin-top: 14px; display: grid; grid-template-columns: 1.3fr .85fr .95fr; gap: 14px; direction: ltr; }
.security-center-middle > * { direction: rtl; }
.security-policy-card, .security-compact-panel, .security-alerts-card, .security-events-card { padding: 17px; border-color: #E8F1F0 !important; }
.security-panel-title { display: flex; align-items: flex-start; gap: 9px; color: #062B28; }
.security-panel-title > .line-icon { width: 19px; height: 19px; color: #0B3F3B; }
.security-panel-title h2 { margin: 0; color: #062B28; font-size: 14px; }
.security-panel-title p { margin: 4px 0 0; color: #0B3F3B; font-size: 10px; line-height: 1.55; }
.security-policy-body { margin-top: 12px; display: grid; grid-template-columns: 125px minmax(0, 1fr); gap: 14px; direction: ltr; }
.security-shield-art { min-height: 160px; display: grid; place-content: center; justify-items: center; gap: 8px; color: #fff; border-radius: 14px; background: var(--brand-primary); box-shadow: inset 0 0 0 7px rgba(255,255,255,.2), 0 10px 22px rgba(11, 63, 59, .2); }
.security-shield-art .line-icon { width: 62px; height: 62px; }
.security-shield-art span { font-size: 10px; font-weight: 800; }
.security-policy-list { display: grid; align-content: start; direction: rtl; }
.security-policy-list > div { min-height: 31px; padding: 6px 0; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; border-bottom: 1px solid #F3F8F7; }
.security-policy-list strong { color: #062B28; font-size: 10px; }
.security-policy-list small { grid-column: 2; color: #8492a5; font-size: 8px; }
.policy-indicator { min-width: 54px; padding: 3px 6px; grid-row: 1 / 3; align-self: center; border-radius: 999px; color: #ad5d0b; background: #fff3d9; text-align: center; font-size: 8px; font-weight: 800; }
.policy-indicator.active { color: #07845e; background: #e3f8ee; }
.security-safe-action, .security-panel-link { width: 100%; min-height: 34px; margin-top: 11px; color: #0B3F3B; border: 1px solid #E8F1F0; border-radius: 7px; background: #F3F8F7; font-size: 10px; font-weight: 800; cursor: pointer; }
.security-activity-column { display: grid; gap: 14px; }
.security-compact-panel { min-height: 170px; }
.security-panel-summary { margin: 12px 0 8px; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; border-radius: 7px; background: #F3F8F7; }
.security-panel-summary strong { color: #062B28; font-size: 19px; }
.security-panel-summary span { color: #0B3F3B; font-size: 9px; }
.security-activity-line { min-height: 39px; padding: 7px 0; display: grid; grid-template-columns: 23px minmax(0, 1fr); align-items: center; gap: 8px; border-bottom: 1px solid #F3F8F7; }
.security-activity-line > span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #0b9d6d; background: #e6faf2; font-size: 10px; font-weight: 900; }
.security-activity-line.warning > span { color: #cb6d0a; background: #fff1d8; }
.security-activity-line strong, .security-activity-line small { display: block; }
.security-activity-line strong { color: #062B28; font-size: 9px; }
.security-activity-line small { margin-top: 2px; color: #8a98ab; font-size: 8px; }
.security-alerts-card { min-height: 100%; }
.security-alert-line { min-height: 48px; padding: 9px 0; display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 9px; border-bottom: 1px solid #F3F8F7; }
.security-alert-line > span { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #d77a0c; background: #fff2da; font-size: 10px; font-weight: 900; }
.security-alert-line.critical > span, .security-alert-line.error > span { color: #cf3347; background: #ffeaed; }
.security-alert-line.recommendation > span { color: #0B3F3B; background: #F3F8F7; }
.security-alert-line strong, .security-alert-line small { display: block; }
.security-alert-line strong { color: #062B28; font-size: 10px; }
.security-alert-line small { margin-top: 3px; color: #8291a6; font-size: 8px; line-height: 1.45; }
.security-empty-row { padding: 18px 10px; color: #7d8da3; text-align: center; font-size: 10px; }
.security-empty-row.success { margin-top: 15px; color: #0b8964; border-radius: 8px; background: #eaf9f3; }
.security-events-card { margin-top: 14px; }
.security-last-check { padding: 5px 9px; border: 1px solid #E8F1F0; border-radius: 7px; color: #74859e; font-size: 9px; }
.security-events-table { margin: 12px 0 0; }
.security-events-table table { min-width: 780px; }
.security-events-table th, .security-events-table td { padding: 9px 10px; font-size: 9px; }
.security-severity, .security-event-status { padding: 4px 7px; border-radius: 999px; font-size: 8px; font-weight: 800; }
.security-severity.low { color: #087b5b; background: #e7f8f0; }
.security-severity.warning { color: #b8660a; background: #fff1d9; }
.security-severity.error, .security-severity.critical { color: #c93347; background: #ffe9ec; }
.security-event-status { color: #0B3F3B; background: #F3F8F7; }
.security-optout-card { margin-top: 14px; }
.security-refresh .line-icon { width: 16px; height: 16px; }
.security-dashboard-page { position: relative; direction: rtl; }
.security-data-count { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.security-page-description { margin: -10px 0 18px; color: #0B3F3B; font-size: 12px; line-height: 1.8; }
.security-page-skeleton { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.security-page-skeleton span { min-height: 132px; border: 1px solid #E8F1F0; border-radius: 14px; background: var(--brand-primary-soft); background-size: 220% 100%; animation: security-skeleton 1.5s ease-in-out infinite; }
@keyframes security-skeleton { to { background-position-x: -220%; } }
.security-summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.security-summary-card { min-width: 0; min-height: 136px; padding: 16px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; border-color: #E8F1F0 !important; background: #fff !important; box-shadow: 0 5px 16px rgba(6, 43, 40,.035); }
.security-summary-heading { width: 100%; display: flex; align-items: center; gap: 9px; color: #0B3F3B; font-size: 11px; font-weight: 800; }
.security-summary-icon,.security-main-icon { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border: 1px solid #E8F1F0; border-radius: 9px; color: #0B3F3B; background: #fff; }
.security-summary-icon .line-icon,.security-main-icon .line-icon { width: 16px; height: 16px; }
.security-summary-value { color: #062B28; font-size: 25px; line-height: 1; }
.security-summary-empty { max-width: 100%; color: #062B28; font-size: 12px; line-height: 1.6; }
.security-summary-caption,.security-summary-card small { color: #8190a5; font-size: 9px; line-height: 1.6; }
.security-summary-progress { width: 100%; height: 5px; overflow: hidden; border-radius: 999px; background: #F3F8F7; }
.security-summary-progress span { display: block; height: 100%; border-radius: inherit; background: #0B3F3B; }
.security-status-badge { width: fit-content; padding: 4px 8px; border-radius: 999px; color: #062B28; background: #F3F8F7; font-size: 8px; font-weight: 800; }
.security-status-badge.success,.security-status-badge.strong { color: #087b5b; background: #e7f8f0; }
.security-status-badge.warning,.security-status-badge.medium { color: #a95e08; background: #fff2dc; }
.security-status-badge.danger,.security-status-badge.high,.security-status-badge.critical { color: #c43b4d; background: #ffecef; }
.security-summary-action { margin-top: auto; min-height: 29px; padding: 5px 9px; border: 1px solid #E8F1F0; border-radius: 8px; color: #0B3F3B; background: #fff; font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.security-main-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; align-items: stretch; }
.security-main-card { min-width: 0; min-height: 338px; padding: 16px; display: flex; flex-direction: column; border-color: #E8F1F0 !important; background: #fff !important; box-shadow: 0 5px 16px rgba(6, 43, 40,.035); }
.security-main-heading { display: flex; align-items: flex-start; gap: 10px; }
.security-main-heading h2 { margin: 0; color: #062B28; font-size: 14px; }
.security-main-heading p { margin: 4px 0 0; color: #8090a6; font-size: 9px; line-height: 1.6; }
.security-protection-list,.security-session-list,.security-latest-alerts { margin-top: 12px; display: grid; }
.security-protection-list > div { min-height: 58px; padding: 8px 0; display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 8px; border-bottom: 1px solid #F3F8F7; }
.security-protection-list > div > span { width: 22px; height: 22px; display: grid; place-items: center; color: #0B3F3B; }
.security-protection-list > div > span .line-icon { width: 14px; height: 14px; }
.security-protection-list strong,.security-protection-list small { display: block; }
.security-protection-list strong { color: #062B28; font-size: 10px; }
.security-protection-list small { margin-top: 3px; color: #8392a6; font-size: 8px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.security-protection-list em { justify-self: end; padding: 4px 7px; border-radius: 999px; color: #5d6f85; background: #F3F8F7; font-size: 7px; font-style: normal; font-weight: 800; white-space: nowrap; }
.security-protection-list em.success { color: #087b5b; background: #e7f8f0; }.security-protection-list em.warning { color: #a95e08; background: #fff2dc; }
.security-protection-list button { grid-column: 3; justify-self: end; min-height: 27px; padding: 4px 8px; border: 1px solid #E8F1F0; border-radius: 7px; color: #0B3F3B; background: #fff; font: inherit; font-size: 8px; font-weight: 800; cursor: pointer; }
.security-session-list > div { min-height: 49px; padding: 7px 0; display: grid; grid-template-columns: 25px minmax(0,1fr) auto; align-items: center; gap: 8px; border-bottom: 1px solid #F3F8F7; }
.security-session-device { width: 24px; height: 24px; display: grid; place-items: center; color: #0B3F3B; }.security-session-device .line-icon { width: 14px; height: 14px; }
.security-session-list strong,.security-session-list small,.security-session-list time { display: block; }.security-session-list strong { color: #062B28; font-size: 9px; }.security-session-list small,.security-session-list time { color: #8796aa; font-size: 8px; }
.security-session-state { display: grid; justify-items: end; gap: 4px; }.security-session-state b { padding: 3px 6px; border-radius: 999px; color: #087b5b; background: #e7f8f0; font-size: 7px; }.security-session-state b.new { color: #0B3F3B; background: #F3F8F7; }.security-session-state b.review { color: #a95e08; background: #fff2dc; }
.security-latest-alerts > div { min-height: 52px; padding: 8px 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px; border-bottom: 1px solid #F3F8F7; }
.security-latest-alerts strong,.security-latest-alerts small,.security-latest-alerts time { display: block; }.security-latest-alerts strong { color: #062B28; font-size: 9px; }.security-latest-alerts small,.security-latest-alerts time { color: #8796aa; font-size: 8px; line-height: 1.5; }.security-latest-alerts small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.security-alert-level { padding: 4px 6px; border-radius: 999px; color: #0B3F3B; background: #F3F8F7; font-size: 7px; font-weight: 800; }.security-alert-level.medium { color: #a95e08; background: #fff2dc; }.security-alert-level.high,.security-alert-level.critical { color: #c43b4d; background: #ffecef; }
.security-main-link { margin-top: auto; min-height: 32px; border: 1px solid #E8F1F0; border-radius: 8px; color: #0B3F3B; background: #fff; font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; }
.security-footer-banner { min-height: 82px; margin-top: 12px; padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-color: #E8F1F0 !important; background: #fff !important; box-shadow: 0 5px 16px rgba(6, 43, 40,.035); }
.security-footer-banner h2 { margin: 0; color: #062B28; font-size: 14px; }.security-footer-banner p { margin: 5px 0 0; color: #7d8da3; font-size: 9px; line-height: 1.7; }
.security-setup-step { display: flex; align-items: center; gap: 10px; }.security-setup-step > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #0B3F3B; font-weight: 900; }.security-setup-step strong,.security-setup-step small { display:block; }.security-setup-step strong { color:#062B28; }.security-setup-step small { margin-top:3px;color:#7f8fa4;font-size:10px; }.mfa-manual-key { display:grid;gap:5px }.mfa-manual-key > span { color:#0B3F3B;font-size:11px;font-weight:800 }.mfa-manual-key .mfa-secret { max-width:100%; overflow:auto; }
:root[data-theme="dark"] .security-summary-card,:root[data-theme="dark"] .security-main-card,:root[data-theme="dark"] .security-footer-banner { border-color:#062B28 !important; background:#062B28 !important; }:root[data-theme="dark"] .security-summary-value,:root[data-theme="dark"] .security-summary-empty,:root[data-theme="dark"] .security-main-heading h2,:root[data-theme="dark"] .security-protection-list strong,:root[data-theme="dark"] .security-session-list strong,:root[data-theme="dark"] .security-latest-alerts strong,:root[data-theme="dark"] .security-footer-banner h2 { color:#F3F8F7; }:root[data-theme="dark"] .security-summary-action,:root[data-theme="dark"] .security-protection-list button,:root[data-theme="dark"] .security-main-link { border-color:#062B28;background:#062B28; }
@media (max-width: 1100px) { .security-summary-grid,.security-page-skeleton { grid-template-columns: repeat(2,minmax(0,1fr)); }.security-main-grid { grid-template-columns: 1fr; }.security-main-card { min-height: auto; } }
@media (max-width: 620px) { .security-summary-grid,.security-page-skeleton { grid-template-columns: 1fr; }.security-protection-list > div { grid-template-columns: 24px minmax(0,1fr); }.security-protection-list em,.security-protection-list button { grid-column: 2; justify-self: start; }.security-session-list > div { grid-template-columns: 25px minmax(0,1fr); }.security-session-state { grid-column: 2; justify-items: start; }.security-latest-alerts > div { grid-template-columns: auto minmax(0,1fr); }.security-latest-alerts time { grid-column: 2; }.security-footer-banner { align-items: flex-start; flex-direction: column; } }
html:has(.security-dashboard-page) { scrollbar-color: #0B3F3B rgba(11, 63, 59, 0.10); scrollbar-width: thin; }
html:has(.security-dashboard-page)::-webkit-scrollbar { width: 10px; }
html:has(.security-dashboard-page)::-webkit-scrollbar-track { border-radius: 999px; background: rgba(11, 63, 59, 0.10); }
html:has(.security-dashboard-page)::-webkit-scrollbar-thumb { min-height: 68px; border: 1px solid transparent; border-radius: 999px; background: var(--brand-primary); background-clip: content-box; box-shadow: 0 1px 4px rgba(11, 63, 59,.10); }
html:has(.security-dashboard-page)::-webkit-scrollbar-thumb:hover { background: var(--brand-primary); background-clip: content-box; }
html:has(.security-dashboard-page)::-webkit-scrollbar-thumb:active { background: var(--brand-primary); background-clip: content-box; }
@media (max-width: 768px) { html:has(.security-dashboard-page)::-webkit-scrollbar { width: 8px; } }
.security-reference-top { display: grid; grid-template-columns: minmax(250px, 1.35fr) repeat(5, minmax(120px, 1fr)); gap: 10px; direction: ltr; }
.security-reference-top > * { min-width: 0; direction: rtl; }
.security-reference-top .security-overall-card { min-height: 145px; padding: 16px; box-shadow: 0 6px 18px rgba(6, 43, 40,.035); }
.security-reference-top .security-overall-ring { width: 104px; height: 104px; flex-basis: 104px; }
.security-reference-top .security-overall-ring strong { font-size: 25px; }
.security-reference-top .security-mini-card { min-height: 145px; padding: 15px; border-top-width: 1px !important; border-top-color: #E8F1F0 !important; display: flex; flex-direction: column; justify-content: center; box-shadow: 0 6px 18px rgba(6, 43, 40,.035); }
.security-reference-top .security-mini-head { justify-content: flex-start; }
.security-reference-top .security-mini-head .line-icon { width: 30px; height: 30px; padding: 7px; border-radius: 8px; color: var(--security-tone); background: color-mix(in srgb,var(--security-tone) 9%,#fff); }
.security-reference-middle { margin-top: 12px; display: grid; grid-template-columns: 1.12fr 1fr 1.12fr; gap: 12px; direction: ltr; }
.security-reference-middle > * { min-width: 0; direction: rtl; }
.security-reference-general, .security-reference-policy, .security-reference-sessions { min-height: 300px; padding: 16px; border-color: #E8F1F0 !important; box-shadow: 0 6px 18px rgba(6, 43, 40,.035); }
.security-general-content { margin-top: 18px; display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; gap: 18px; direction: ltr; }
.security-general-content > * { direction: rtl; }
.security-overall-ring.large { width: 142px; height: 142px; }
.security-factor-list { display: grid; gap: 13px; }
.security-factor-list > div { display: flex; align-items: center; gap: 8px; color: #0B3F3B; font-size: 10px; font-weight: 700; }
.security-factor-list > div span { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #07966d; background: #e6faf2; font-size: 9px; }
.security-factor-list > div.attention span { color: #c36b09; background: #fff1d8; }
.security-trend-wrap { margin-top: 12px; padding-top: 10px; border-top: 1px solid #F3F8F7; }
.security-trend-caption { display: flex; align-items: center; justify-content: space-between; color: #8492a6; font-size: 8px; }
.security-trend-caption strong { color: #12936e; }.security-trend-caption strong.down { color: #d34b5c; }
.security-trend-chart { width: 100%; height: 54px; display: block; overflow: visible; }
.security-trend-empty { min-height: 56px; margin-top: 13px; padding: 9px 12px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #7d8da3; border-top: 1px solid #F3F8F7; font-size: 9px; text-align: center; }
.security-trend-empty .line-icon { width: 18px; height: 18px; color: #25b98c; }
.security-reference-policy-list, .security-reference-session-list { margin-top: 13px; display: grid; }
.security-reference-policy-list > div { min-height: 38px; padding: 6px 0; display: grid; grid-template-columns: 24px minmax(0,1fr) auto 10px; align-items: center; gap: 7px; border-bottom: 1px solid #F3F8F7; }
.account-protection-center .security-reference-policy-list > div { grid-template-columns: 24px minmax(0,1fr) auto auto; }
.security-row-action { min-height: 32px; padding: 5px 9px; border: 1px solid #E8F1F0; border-radius: 8px; background: #fff; color: #0B3F3B; font: inherit; font-size: 9px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.security-reference-policy-list strong, .security-reference-policy-list small { display: block; }
.security-reference-policy-list strong { color: #062B28; font-size: 10px; }.security-reference-policy-list small { margin-top: 2px; color: #8492a5; font-size: 8px; }
.security-policy-icon { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 6px; color: #0B3F3B; background: #F3F8F7; }
.security-policy-icon .line-icon { width: 13px; height: 13px; }
.security-row-arrow { color: #0B3F3B; font-size: 18px; }
.security-reference-session-list > div { min-height: 42px; padding: 7px 0; display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 8px; border-bottom: 1px solid #F3F8F7; }
.security-reference-session-list .session-os { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 6px; color: #0B3F3B; background: #F3F8F7; font-size: 10px; }
.security-reference-session-list .session-os .line-icon { width: 13px; height: 13px; }
.security-reference-session-list strong, .security-reference-session-list small { display: block; }.security-reference-session-list strong { color: #062B28; font-size: 9px; }.security-reference-session-list small, .security-reference-session-list time { color: #8795a9; font-size: 8px; }
.security-session-meta { display: grid; justify-items: end; gap: 3px; }
.current-session-badge { padding: 3px 6px; border-radius: 999px; color: #07845e; background: #e3f8ee; font-size: 7px; font-weight: 800; white-space: nowrap; }
.security-reference-alerts { min-height: 84px; margin-top: 12px; padding: 15px 18px; display: grid; grid-template-columns: 240px minmax(0,1fr); align-items: center; gap: 18px; border-color: #E8F1F0 !important; }
.security-alert-heading { display: grid; gap: 9px; }
.security-alert-log { width: fit-content; min-height: 30px; padding: 6px 11px; color: #0B3F3B; border: 1px solid #E8F1F0; border-radius: 7px; background: #F3F8F7; font-size: 9px; font-weight: 800; cursor: pointer; }
.security-reference-clear { display: flex; align-items: center; justify-content: center; gap: 15px; text-align: center; }
.security-reference-clear > span { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 50%; color: #0caf7d; background: #e6faf2; font-size: 25px; }
.security-reference-clear strong, .security-reference-clear small { display: block; }.security-reference-clear strong { color: #062B28; font-size: 12px; }.security-reference-clear small { margin-top: 5px; color: #8492a6; font-size: 9px; }
.security-reference-alert-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.security-reference-alert-list > div { min-height: 48px; padding: 7px 9px; display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 7px; border-radius: 7px; background: #fff7e8; }
.security-reference-alert-list > div > span { grid-row: 1/3; color: #d17309; }.security-reference-alert-list strong,.security-reference-alert-list small { display:block; }.security-reference-alert-list strong { color:#5b4a2b;font-size:9px; }.security-reference-alert-list small { color:#8b7d67;font-size:8px; }
.security-alert-history { display: grid; gap: 9px; }
.security-alert-history-item { padding: 11px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid #F3F8F7; border-radius: 10px; }
.security-alert-history-item > span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #0B3F3B; background: #F3F8F7; font-weight: 900; }
.security-alert-history-item.medium > span { color: #b96b0b; background: #fff2dc; }.security-alert-history-item.high > span,.security-alert-history-item.critical > span { color: #cc384c; background: #ffecef; }
.security-alert-history-item strong,.security-alert-history-item p,.security-alert-history-item small { display: block; }.security-alert-history-item strong { color:#062B28;font-size:11px; }.security-alert-history-item p { margin:3px 0;color:#0B3F3B;font-size:9px; }.security-alert-history-item small { color:#91a0b2;font-size:8px; }
:root[data-theme="dark"] .security-reference-general,
:root[data-theme="dark"] .security-reference-policy,
:root[data-theme="dark"] .security-reference-sessions,
:root[data-theme="dark"] .security-reference-alerts { border-color: #062B28 !important; background: #062B28 !important; }
:root[data-theme="dark"] .security-factor-list > div,
:root[data-theme="dark"] .security-reference-policy-list strong,
:root[data-theme="dark"] .security-reference-session-list strong,
:root[data-theme="dark"] .security-reference-clear strong { color: #F3F8F7; }
:root[data-theme="dark"] .security-alert-log { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .security-alert-history-item { border-color: #062B28; }.security-alert-history-item strong { color: #062B28; }:root[data-theme="dark"] .security-alert-history-item strong { color:#F3F8F7; }
@media (max-width: 1180px) {
  .security-reference-top { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .security-reference-top .security-overall-card { grid-column: span 2; }
  .security-reference-middle { grid-template-columns: 1fr 1fr; }
  .security-reference-sessions { grid-column: 1/-1; }
}
@media (max-width: 820px) {
  .security-reference-top, .security-reference-middle { grid-template-columns: 1fr; }
  .security-reference-top .security-overall-card, .security-reference-sessions { grid-column: auto; }
  .security-reference-alerts { grid-template-columns: 1fr; }
  .security-general-content { grid-template-columns: 120px minmax(0,1fr); }.security-overall-ring.large { width: 112px; height: 112px; }
  .security-reference-policy-list > div { grid-template-columns: 24px minmax(0,1fr) auto; }.security-row-arrow { display:none; }
  .security-alert-history-item { grid-template-columns: 28px minmax(0,1fr); }.security-alert-history-item .btn { grid-column: 2; justify-self: start; }
}
@media (max-width: 520px) {
  .security-general-content { grid-template-columns: 1fr; justify-items: center; }
  .security-factor-list { width: 100%; }
  .security-reference-top .security-overall-card { flex-direction: column; text-align: center; }
  .security-reference-top .security-overall-card > div:last-child { text-align: center; }
  .security-reference-top .security-overall-card .security-live-dot { margin-inline: auto; }
  .security-reference-session-list > div { grid-template-columns: 24px minmax(0,1fr); }.security-session-meta { grid-column: 2; justify-items: start; }
}
:root[data-theme="dark"] .security-overall-card,
:root[data-theme="dark"] .security-mini-card,
:root[data-theme="dark"] .security-policy-card,
:root[data-theme="dark"] .security-compact-panel,
:root[data-theme="dark"] .security-alerts-card,
:root[data-theme="dark"] .security-events-card { border-color: #062B28 !important; background: #062B28 !important; }
:root[data-theme="dark"] .security-overall-ring > div { background: #062B28; }
:root[data-theme="dark"] .security-overall-card h2,
:root[data-theme="dark"] .security-mini-value > strong,
:root[data-theme="dark"] .security-panel-title,
:root[data-theme="dark"] .security-panel-title h2,
:root[data-theme="dark"] .security-policy-list strong,
:root[data-theme="dark"] .security-activity-line strong,
:root[data-theme="dark"] .security-alert-line strong { color: #F3F8F7; }
:root[data-theme="dark"] .security-panel-summary,
:root[data-theme="dark"] .security-safe-action,
:root[data-theme="dark"] .security-panel-link { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .security-policy-list > div,
:root[data-theme="dark"] .security-activity-line,
:root[data-theme="dark"] .security-alert-line { border-color: #062B28; }
.warmup-track { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; }
.warmup-track span { position: relative; padding: 18px 10px; text-align: center; border: 1px solid var(--border); border-radius: 8px; background: var(--surface-soft); }
.warmup-track span:not(:last-child):after { content: ""; position: absolute; inset-inline-end: -13px; top: 50%; width: 13px; height: 2px; background: var(--primary); }
.warmup-track strong, .warmup-track small { display: block; }
.warmup-track strong { margin-top: 6px; color: var(--primary); font-size: 24px; }
.full-two { grid-column: span 2; }
.spreadsheet-input { min-height: 210px; direction: ltr; text-align: start; font-family: ui-monospace, monospace; }
.import-summary { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0; }
.quality-result { padding: 14px; border: 1px solid currentColor; border-radius: 8px; }
.quality-result.success { color: #15803d; background: #f0fdf4; }
.quality-result.warning { color: #b45309; background: #fffbeb; }
.quality-result.danger { color: #b91c1c; background: #fef2f2; }
.modal-overlay, .drawer-overlay { z-index: 9000; }
.modal, .drawer { z-index: 9010; }
.toast-stack { z-index: 10000; }
[dir="ltr"] .auth-panel { direction: ltr; }
[dir="ltr"] .link-panel,
[dir="ltr"] .qr-box,
[dir="ltr"] .pair-code,
[dir="ltr"] .pairing-form,
[dir="ltr"] .pairing-result,
[dir="ltr"] .link-steps-card { direction: ltr; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes toastRise { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes toastLeave { to { opacity: 0; transform: translateY(12px) scale(.98); } }
@keyframes toastProgress { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes slideIn { from { transform: translateX(-24px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@media (max-width: 980px) {
  .security-center-overview, .security-center-middle { grid-template-columns: 1fr; }
  .security-metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .security-score-grid { grid-template-columns: 1fr; }
  .hero-grid, .auth-shell, .split { grid-template-columns: 1fr; }
  .grid-4, .grid-5 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .dashboard-shell { grid-template-columns: 1fr; }
  .sidebar { position: fixed; right: 0; transform: translateX(110%); z-index: 45; width: 280px; transition: transform .2s ease; box-shadow: -20px 0 50px rgba(6, 43, 40,.16); }
  .sidebar.open { transform: translateX(0); }
  .mobile-side-toggle { display: inline-flex; }
  .renewal-board { grid-template-columns: repeat(2, 1fr); }
  .linked-layout, .linked-main-card, .linked-bottom-grid { grid-template-columns: 1fr; }
  .linked-bottom-grid .table-card:last-child { grid-column: auto; }
  .auth-page { padding-top: 104px; }
  .auth-page:before { display: none; }
  .auth-shell { gap: 34px; min-height: auto; }
  .auth-panel { justify-self: stretch; width: 100%; }
  .auth-dashboard-art { transform: none; }
  .auth-feature-row { display: grid; grid-template-columns: 1fr; }
  .safe-mode-card .safety-list { grid-template-columns: repeat(2, 1fr); }
  .health-and-safety { grid-template-columns: 1fr; }
  .health-metrics { grid-template-columns: repeat(2, 1fr); }
  .warmup-track { grid-template-columns: repeat(2, 1fr); }
  .warmup-track span:after { display: none; }
  [dir="ltr"] .sidebar { right: auto; left: 0; transform: translateX(-110%); box-shadow: 20px 0 50px rgba(6, 43, 40,.16); }
  [dir="ltr"] .sidebar.open { transform: translateX(0); }
}

@media (max-width: 640px) {
  .security-overall-card { align-items: center; flex-direction: column; text-align: center; }
  .security-overall-card > div:last-child { text-align: center; }
  .security-live-dot { margin-inline: auto; }
  .security-metrics-grid { grid-template-columns: 1fr; }
  .security-policy-body { grid-template-columns: 1fr; }
  .security-shield-art { min-height: 120px; }
  .toast-stack { left: 16px; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); justify-items: stretch; }
  .subscription-delivery-grid { grid-template-columns: 1fr; }
  .toast { width: 100%; min-height: 70px; padding-block: 12px; }
  .security-recommendation { grid-template-columns: 50px minmax(0,1fr); }
  .security-recommendation .btn { grid-column: 1 / -1; width: 100%; }
  .security-recommendations-card .section-head .inline-actions { width: 100%; }
  .security-recommendations-card .section-head .btn { flex: 1; }
}
@media (max-width: 760px) {
  .container { width: min(100% - 28px, 1180px); }
  .nav-links, .nav-actions { display: none; }
  .mobile-menu { display: inline-flex; }
  .public-nav.open .nav-links, .public-nav.open .nav-actions {
    display: grid;
    grid-column: 1 / -1;
    width: 100%;
  }
  .public-nav.open .nav-inner { display: grid; grid-template-columns: 1fr auto; padding: 12px 0; }
  .trust-row, .grid-3, .grid-4, .grid-5, .preview-stats, .renewal-board, .form-grid { grid-template-columns: 1fr; }
  .dashboard-preview { grid-template-columns: 1fr; }
  .preview-side { grid-template-columns: repeat(4, 1fr); }
  .section-head, .cta-band, .page-title, .topbar { align-items: stretch; flex-direction: column; }
  .content { padding: 18px; }
  .topbar { padding: 14px 18px; }
  .toolbar { width: 100%; }
  .toolbar .input, .toolbar .select, .toolbar .btn { width: 100%; }
  th, td { min-width: 140px; }
  .auth-page { padding: 16px; }
  .auth-brand, .auth-top-actions { position: static; }
  .auth-brand { margin-bottom: 12px; }
  .auth-top-actions { margin-bottom: 16px; justify-content: flex-start; }
  .auth-panel { padding: 26px 20px; }
  .auth-panel h1 { font-size: 32px; }
  .auth-hero-logo { font-size: 30px; }
  .auth-hero-logo .brand-mark { width: 52px; height: 52px; font-size: 30px; }
  .art-stats { grid-template-columns: repeat(2, 1fr); }
  .safe-mode-card .safety-list { grid-template-columns: 1fr; }
  .hero { padding-top: 42px; }
  .linked-main-card { padding: 18px; }
  .link-box-grid { grid-template-columns: 1fr; }
  .pairing-layout { grid-template-columns: 1fr; }
  .or-divider { margin: 0 auto; }
  .device-art { min-height: 260px; }
}

/* Campaigns and campaign contacts */
.dashboard-page-lead { margin: -12px 0 22px; color: #0B3F3B; font-size: .92rem; }
.campaign-tabs { display: flex; justify-content: center; gap: 4px; margin: 18px 0 10px; }
.campaign-tabs button { min-width: 118px; padding: 10px 18px; border: 0; border-radius: 9px; color: #0B3F3B; background: transparent; font: inherit; font-weight: 700; cursor: pointer; }
.campaign-tabs button.active { color: #0B3F3B; background: #F3F8F7; box-shadow: inset 0 0 0 1px #E8F1F0; }
.campaign-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 16px; align-items: start; }
.campaign-main-card,.campaign-activity-card,.contact-card { padding: 14px; border-color: #E8F1F0; }
.campaign-main-card .toolbar,.contact-card .toolbar { padding: 0 0 14px; border-bottom: 1px solid #F3F8F7; }
.campaign-main-card .search-wrap,.contact-card .search-wrap { flex: 1; min-width: 240px; }
.campaign-channel { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; white-space: nowrap; }
.campaign-channel .line-icon { width: 19px; height: 19px; }
.campaign-channel.whatsapp { color: #0ca66a; }
.campaign-channel.email { color: #0B3F3B; }
.campaign-progress { display: grid; grid-template-columns: minmax(72px,1fr) auto; align-items: center; gap: 8px; min-width: 112px; }
.campaign-progress > span { height: 4px; overflow: hidden; border-radius: 999px; background: #F3F8F7; }
.campaign-progress i { display: block; height: 100%; border-radius: inherit; background: var(--brand-primary); }
.campaign-progress b { color: #062B28; font-size: .77rem; }
.campaign-activity-card { display: grid; gap: 0; }
.campaign-activity { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 10px; padding: 13px 4px; border-bottom: 1px solid #F3F8F7; }
.campaign-activity > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #0B3F3B; background: #F3F8F7; }
.campaign-activity .line-icon { width: 19px; height: 19px; }
.campaign-activity div { min-width: 0; }
.campaign-activity strong,.campaign-activity small { display: block; }
.campaign-activity strong { color: #062B28; font-size: .84rem; }
.campaign-activity small { margin-top: 3px; color: #0B3F3B; font-size: .7rem; }
.campaign-activity-empty { padding: 28px 12px; color: #71839b; text-align: center; }
.campaign-bottom-grid { display: grid; grid-template-columns: 1.4fr .8fr; gap: 16px; margin-top: 16px; }
.campaign-bottom-grid > .card { padding: 20px; }
.campaign-performance { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.campaign-performance > div { display: grid; gap: 8px; }
.campaign-performance strong { color: #062B28; font-size: 1.25rem; }
.campaign-tip { display: flex; align-items: center; gap: 16px; background: var(--brand-primary-soft); }
.campaign-tip > span { flex: 0 0 48px; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; color: #16a67a; background: #ddf8ed; }
.campaign-tip .line-icon { width: 25px; height: 25px; }
.campaign-tip h2,.campaign-tip p { margin: 0 0 6px; }
.modal:has(.campaign-create-form) { width: min(940px, calc(100vw - 32px)); max-width: 940px; }
.campaign-create-form { display: grid; gap: 14px; min-width: min(760px, 78vw); }
.campaign-form-section { display: grid; gap: 13px; padding: 16px; border: 1px solid #E8F1F0; border-radius: 14px; background: #fff; }
.campaign-form-intro { grid-template-columns: minmax(0,1fr) auto; align-items: center; background: var(--brand-primary-soft); }
.campaign-form-intro > div,.campaign-form-section-title { display: grid; gap: 3px; }
.campaign-form-intro strong,.campaign-form-section-title strong { color: #062B28; font-size: .98rem; }
.campaign-form-intro small,.campaign-form-section-title small { color: #0B3F3B; line-height: 1.65; }
.campaign-activation { display: flex; align-items: center; gap: 14px; padding: 9px 12px; border: 1px solid #E8F1F0; border-radius: 12px; background: #fff; }
.campaign-activation > span:first-child { display: grid; gap: 2px; }
.campaign-activation b { color: #062B28; font-size: .84rem; }
.campaign-activation small { color: #0B3F3B; font-size: .7rem; }
.campaign-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.campaign-channel-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; grid-column: 1/-1; }
.campaign-channel-fields[hidden] { display: none; }
.campaign-schedule-section { background: #F3F8F7; }
.campaign-schedule-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.campaign-days-field { grid-column: 1/-1; }
.campaign-days { display: flex; flex-wrap: wrap; gap: 8px; }
.campaign-days label { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 7px 10px; border: 1px solid #E8F1F0; border-radius: 9px; color: #0B3F3B; background: #fff; cursor: pointer; }
.campaign-days label:has(input:checked) { border-color: #E8F1F0; color: #0B3F3B; background: #F3F8F7; }
.campaign-all-days { font-weight: 800; }
.campaign-message-field textarea { min-height: 150px; line-height: 1.8; }
.campaign-keywords-grid,.campaign-delay-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.campaign-keywords-grid fieldset { display: grid; gap: 9px; margin: 0; padding: 12px; border: 1px solid #E8F1F0; border-radius: 11px; }
.campaign-keywords-grid legend { padding: 0 7px; color: #062B28; font-weight: 800; font-size: .82rem; }
.campaign-keywords-grid fieldset label { display: flex; align-items: center; gap: 8px; color: #0B3F3B; font-size: .8rem; }
.campaign-keywords-grid code,.campaign-form-section-title code { direction: ltr; unicode-bidi: isolate; padding: 2px 5px; border-radius: 5px; color: #0B3F3B; background: #F3F8F7; }
.campaign-form-actions { display: flex; gap: 9px; justify-content: flex-start; }
.campaign-form-actions .btn-primary { min-width: 150px; }
.field-warning { color: #c66c00 !important; }
.campaign-safety-note { padding: 11px 13px; border: 1px solid #E8F1F0; border-radius: 9px; color: #062B28; background: #F3F8F7; font-size: .83rem; line-height: 1.7; }
.contact-card { margin-top: 16px; }
:root[data-theme="dark"] .campaign-tabs button.active { color: #E8F1F0; background: #062B28; box-shadow: inset 0 0 0 1px #062B28; }
:root[data-theme="dark"] .campaign-main-card .toolbar,:root[data-theme="dark"] .contact-card .toolbar,:root[data-theme="dark"] .campaign-activity { border-color: #062B28; }
:root[data-theme="dark"] .campaign-activity strong,:root[data-theme="dark"] .campaign-performance strong { color: #F3F8F7; }
:root[data-theme="dark"] .campaign-tip { background: var(--brand-primary-soft); }
:root[data-theme="dark"] .campaign-safety-note { border-color: #062B28; color: #E8F1F0; background: #062B28; }
:root[data-theme="dark"] .campaign-form-section,:root[data-theme="dark"] .campaign-activation,:root[data-theme="dark"] .campaign-days label { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .campaign-form-intro,:root[data-theme="dark"] .campaign-schedule-section { background: var(--brand-primary-soft); }
:root[data-theme="dark"] .campaign-form-intro strong,:root[data-theme="dark"] .campaign-form-section-title strong,:root[data-theme="dark"] .campaign-activation b,:root[data-theme="dark"] .campaign-keywords-grid legend { color: #F3F8F7; }
@media (max-width: 1050px) { .campaign-layout { grid-template-columns: 1fr; } .campaign-activity-card { grid-template-columns: repeat(2,minmax(0,1fr)); } .campaign-activity-card .section-head { grid-column: 1/-1; } }
@media (max-width: 760px) { .campaign-bottom-grid,.campaign-performance { grid-template-columns: 1fr; } .campaign-activity-card { grid-template-columns: 1fr; } .campaign-tabs { justify-content: flex-start; overflow-x: auto; } .campaign-tabs button { min-width: 105px; } .campaign-main-card .toolbar,.contact-card .toolbar { align-items: stretch; flex-direction: column; } }
@media (max-width: 760px) { .campaign-create-form { min-width: 0; } .campaign-form-grid,.campaign-channel-fields,.campaign-schedule-grid,.campaign-keywords-grid,.campaign-delay-grid { grid-template-columns: 1fr; } .campaign-form-intro { grid-template-columns: 1fr; } .campaign-activation { justify-content: space-between; } }

.qr-empty, .qr-unavailable { display: grid; place-content: center; min-height: 150px; padding: 16px; text-align: center; color: var(--muted); border: 1px dashed var(--border); background: var(--surface-soft); }
.qr-unavailable { min-height: 72px; font-weight: 800; }
.readiness-result { display: flex; align-items: center; justify-content: space-between; padding: 18px; margin-bottom: 18px; border: 1px solid var(--border); background: var(--surface); }
.readiness-result strong { font-size: 1.35rem; }
.readiness-result.ready { border-color: #22c55e; }
.readiness-result.not-ready { border-color: #ef4444; }
.readiness-card { min-height: 150px; }
.issue-list { display: grid; gap: 12px; }
.issue-row h3 { margin: 8px 0; font-size: 1rem; }
.subscription-actions { display: flex; flex-wrap: wrap; gap: 6px; min-width: 420px; }
.subscription-actions .btn { min-height: 34px; padding: 6px 10px; font-size: .78rem; }
.timeline { display: grid; gap: 0; }
.timeline-item { position: relative; display: grid; gap: 4px; padding: 0 24px 20px 0; border-right: 2px solid var(--border); }
.timeline-item::before { content: ""; position: absolute; right: -6px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: var(--primary); }
.loading-state { min-height: 180px; display: grid; place-content: center; color: var(--muted); }

/* RenewPilot dashboard system - shared across all authenticated pages. */
.brand { padding: 0; background: transparent; }
.brand-mark {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 8px;
  color: #fff;
  background: var(--brand-primary);
  box-shadow: 0 7px 16px rgba(11, 63, 59, .2);
  font-size: 19px;
  font-weight: 800;
  font-style: italic;
}
.brand-wordmark { color: #062B28; font-size: 19px; line-height: 1; white-space: nowrap; }
.brand-wordmark b { color: #062B28; }
.line-icon { width: 22px; height: 22px; flex: 0 0 22px; }

.dashboard-shell {
  min-height: 100vh;
  grid-template-columns: 238px minmax(0, 1fr);
  color: #062B28;
  background: #F3F8F7;
}
.dashboard-main { min-width: 0; background: #F3F8F7; }
.sidebar {
  position: sticky;
  inset-block-start: 0;
  height: 100vh;
  z-index: 20;
  padding: 22px 16px 18px;
  gap: 20px;
  overflow: hidden;
  background: #fff;
  border: 0;
  border-inline-start: 1px solid #E8F1F0;
  box-shadow: none;
}
.sidebar-brand { min-height: 48px; display: flex; align-items: center; padding: 0 8px; }
.sidebar .brand { width: 100%; justify-content: flex-start; font-size: inherit; }
.sidebar .brand-mark { width: 34px; height: 34px; flex-basis: 34px; }
.sidebar .brand-wordmark { font-size: 17px; }
.side-links { gap: 7px; }
.side-link {
  width: 100%;
  min-height: 48px;
  justify-content: flex-start;
  padding: 0 14px;
  gap: 13px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #0B3F3B;
  background: transparent;
  box-shadow: none;
  font-size: 15px;
  font-weight: 700;
}
.side-link span { font-size: inherit; line-height: 1.25; }
.side-link:hover { color: #0B3F3B; background: #F3F8F7; }
.side-link.active {
  color: #0B3F3B;
  background: var(--brand-primary);
  border-color: #F3F8F7;
  box-shadow: none;
}
.sidebar-foot {
  margin-top: auto;
  min-height: 82px;
  padding: 14px;
  display: grid;
  grid-template-columns: 38px 1fr;
  align-items: center;
  gap: 10px;
  border: 1px solid #F3F8F7;
  border-radius: 8px;
  color: #062B28;
  background: var(--brand-primary);
}
.sidebar-foot-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: var(--brand-primary); font-size: 12px; font-weight: 800; }
.sidebar-foot strong, .sidebar-foot small { display: block; }
.sidebar-foot small { margin-top: 4px; color: #71809a; font-size: 11px; line-height: 1.45; }

.topbar {
  min-height: 82px;
  padding: 0 28px;
  position: sticky;
  inset-block-start: 0;
  z-index: 15;
  flex-direction: row;
  align-items: center;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid #E8F1F0;
  box-shadow: 0 2px 8px rgba(6, 43, 40, .025);
  backdrop-filter: blur(14px);
}
.topbar-tools { min-width: 0; gap: 10px; }
.topbar .dashboard-search { width: min(560px, 43vw); }
.topbar .input { min-height: 48px; border-radius: 8px; border-color: #E8F1F0; background: #fff; }
.topbar .search-icon { color: #0B3F3B; }
.dashboard-quick-search-results {
  position: absolute;
  inset-block-start: calc(100% + 9px);
  inset-inline: 0;
  z-index: 40;
  max-height: min(480px, calc(100vh - 130px));
  overflow-y: auto;
  padding: 7px;
  border: 1px solid #E8F1F0;
  border-radius: 14px;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 20px 48px rgba(6, 43, 40, .16), 0 4px 12px rgba(6, 43, 40, .06);
  backdrop-filter: blur(18px);
}
.dashboard-quick-search-results[hidden] { display: none; }
.dashboard-quick-search-result {
  width: 100%;
  min-height: 62px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 9px 10px;
  border: 0;
  border-radius: 10px;
  color: #062B28;
  background: transparent;
  font: inherit;
  text-align: start;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, transform .16s ease;
}
.dashboard-quick-search-result + .dashboard-quick-search-result { border-block-start: 1px solid #F3F8F7; border-start-start-radius: 0; border-start-end-radius: 0; }
.dashboard-quick-search-result:hover,
.dashboard-quick-search-result:focus-visible { color: #0B3F3B; background: #F3F8F7; outline: none; }
.dashboard-quick-search-result > .line-icon {
  width: 38px;
  height: 38px;
  padding: 9px;
  border-radius: 10px;
  color: #0B3F3B;
  background: #F3F8F7;
}
.dashboard-quick-search-result > span { min-width: 0; display: grid; gap: 3px; }
.dashboard-quick-search-result strong,
.dashboard-quick-search-result small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-quick-search-result strong { font-size: .88rem; }
.dashboard-quick-search-result small { color: #0B3F3B; font-size: .72rem; font-weight: 500; }
.dashboard-quick-search-result > b { color: #0B3F3B; font-size: 1.15rem; transform: scaleX(-1); }
[dir="ltr"] .dashboard-quick-search-result > b { transform: none; }
.dashboard-quick-search-empty { min-height: 88px; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 14px; color: #0B3F3B; text-align: start; }
.dashboard-quick-search-empty > .line-icon { width: 32px; height: 32px; padding: 7px; border-radius: 9px; color: #0B3F3B; background: #F3F8F7; }
.dashboard-quick-search-empty span { display: grid; gap: 4px; }
.dashboard-quick-search-empty small { color: #8191a7; font-size: .72rem; line-height: 1.5; }
.topbar .icon-btn { width: 42px; min-width: 42px; height: 42px; color: #0B3F3B; }
.topbar .icon-btn .line-icon { width: 20px; height: 20px; }
.plan-badge { min-height: 32px; padding: 0 12px; display: inline-flex; align-items: center; border-radius: 8px; color: #062B28; background: #F3F8F7; font-size: 12px; font-weight: 800; white-space: nowrap; }
.profile-trigger { max-width: 220px; text-align: start; }
.profile-trigger > span:last-child { min-width: 0; }
.profile-trigger strong, .profile-trigger small { display: block; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-trigger strong { color: #062B28; font-size: 13px; }
.profile-trigger small { margin-top: 2px; color: #0B3F3B; font-size: 10px; }
.avatar { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%; }
.profile-menu { inset-block-start: calc(100% - 10px); border-radius: 8px; }
.topbar-account-tools { position: relative; direction: ltr; }
.topbar-account-tools > .profile-menu { left: 0; right: auto; }
.compact-profile-trigger { min-height: 42px; padding: 2px 4px; border-radius: 9px; direction: rtl; }
.compact-profile-trigger:hover { background: #F3F8F7; }
.profile-avatar-skeleton,
.profile-name-skeleton {
  position: relative;
  overflow: hidden;
  background: #F3F8F7;
}
.profile-name-skeleton { display: block; width: 72px; height: 12px; border-radius: 999px; }
.profile-avatar-skeleton::after,
.profile-name-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: var(--brand-primary-soft);
  animation: profile-name-loading 1.2s ease-in-out infinite;
}
@keyframes profile-name-loading { to { transform: translateX(100%); } }
.profile-caret { color: #71809a; font-size: 15px; }
.theme-topbar-button { color: #f59e0b !important; border: 1px solid #E8F1F0 !important; background: #fff !important; font-size: 20px; }
.language-topbar-button { min-width: 58px; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 9px; color: #062B28; background: #fff; }
.language-topbar-button .line-icon { width: 16px; height: 16px; }
.subscription-delivery-settings { padding: 18px; border: 1px solid #E8F1F0; border-radius: 12px; background: var(--brand-primary-soft); }
.manual-subscription-form .subscription-delivery-settings { display: block; }
.manual-subscription-form,.subscription-edit-form { width: min(980px, 88vw); max-width: 100%; }
.manual-subscription-form input[type="date"],.subscription-edit-form input[type="date"] { direction: ltr; text-align: right; }
.subscription-delivery-heading { margin-bottom: 16px; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.subscription-delivery-heading strong, .subscription-delivery-heading small { display: block; }
.subscription-delivery-heading strong { color: #062B28; font-size: 15px; }
.subscription-delivery-heading small, .subscription-delivery-grid .field > small, .delivery-mode-field > small { margin-top: 5px; color: #0B3F3B; font-size: 11px; line-height: 1.6; }
.delivery-secure-badge { padding: 5px 9px; border-radius: 999px; color: #062B28; background: #F3F8F7; font-size: 11px; font-weight: 800; white-space: nowrap; }
.subscription-delivery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.subscription-contact-field { padding: 11px; border: 1px solid #E8F1F0; border-radius: 10px; background: rgba(255,255,255,.72); transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.subscription-contact-field > span { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.subscription-contact-field > span b { padding: 3px 7px; border-radius: 999px; color: #6f8098; background: #F3F8F7; font-size: 9px; }
.subscription-contact-field.is-required { border-color: #E8F1F0; background: #F3F8F7; box-shadow: 0 0 0 3px rgba(11, 63, 59,.07); }
.subscription-contact-field.is-required > span b { color: #0B3F3B; background: #F3F8F7; }
.subscription-contact-field input[dir="ltr"] { text-align: left; }
.delivery-mode-field { min-width: 0; margin: 0; padding: 0; border: 0; }
.delivery-mode-field legend { margin-bottom: 7px; color: var(--text); font-size: 13px; font-weight: 700; }
.delivery-mode-switch { padding: 4px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; border: 1px solid #E8F1F0; border-radius: 9px; background: #fff; }
.delivery-mode-switch label { cursor: pointer; }
.delivery-mode-switch input { position: absolute; opacity: 0; pointer-events: none; }
.delivery-mode-switch span { min-height: 38px; display: grid; place-items: center; border-radius: 7px; color: #0B3F3B; font-size: 13px; font-weight: 800; transition: .18s ease; }
.delivery-mode-switch input:checked + span { color: #fff; background: var(--brand-primary); box-shadow: 0 5px 12px rgba(11, 63, 59, .18); }
.delivery-preference-pill { width: fit-content; margin-top: 6px; padding: 3px 7px; display: block; border-radius: 999px; color: #66758c; background: #F3F8F7; font-size: 10px; font-weight: 700; }
.delivery-preference-pill.automatic { color: #062B28; background: #F3F8F7; }

/* Operational subscriptions center */
.salla-duration-line,.salla-rules-panel { display:none!important; }
.subscriptions-page-subtitle { margin: -14px 0 18px; color: var(--muted); }
.dashboard-line-tabs { width:100%; max-width:100%; margin:14px 0 18px; padding:0; display:flex; align-items:center; justify-content:flex-start; gap:24px; overflow-x:auto; border:0; border-bottom:1px solid #DDE9E7; border-radius:0; background:transparent; scrollbar-width:none; }
.dashboard-line-tabs::-webkit-scrollbar { display:none; }
.dashboard-line-tabs button { position:relative; min-height:52px; padding:0 8px; display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:8px; color:#6C807D; border:0; border-radius:0; background:transparent; font:inherit; font-size:13px; font-weight:700; white-space:nowrap; cursor:pointer; transition:color .18s ease,background-color .18s ease; }
.dashboard-line-tabs button::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; border-radius:2px 2px 0 0; background:#0B3F3B; transform:scaleX(0); transform-origin:center; transition:transform .18s ease; }
.dashboard-line-tabs button:hover { color:#0B3F3B; background:#F7FAF9; }
.dashboard-line-tabs button.active { color:#0B3F3B; background:transparent; box-shadow:none; }
.dashboard-line-tabs button.active::after { transform:scaleX(1); }
.dashboard-line-tab-icon { width:20px; height:20px; display:grid; flex:0 0 20px; place-items:center; color:currentColor; }
.dashboard-line-tab-icon .line-icon { width:20px; height:20px; stroke-width:1.8; }
.subscription-server-filters { display:grid; grid-template-columns:minmax(240px,1.7fr) repeat(4,minmax(120px,1fr)); gap:10px; align-items:end; margin-bottom:14px; padding:14px; }
.subscription-server-filters label { display:grid; gap:6px; min-width:0; color:var(--muted); font-size:11px; font-weight:700; }
.subscription-server-filters .select,.subscription-server-filters .input { min-height:42px; }
.subscription-clear-filters { min-height:42px; }
.subscription-workspace { display:grid; grid-template-columns:minmax(0,2.2fr) minmax(260px,.8fr); gap:14px; align-items:start; direction:rtl; }
.subscription-workspace > * { direction:rtl; }
.subscription-list-card { min-width:0; overflow:hidden; }
.subscription-list-card .compare { overflow:auto; }
.subscription-list-card table { min-width:920px; }
.subscription-list-card td strong,.subscription-list-card td small { display:block; }
.subscription-list-card td small { margin-top:3px; color:var(--muted); font-size:10px; }
.subscription-list-card .section-head h2 span { color:var(--muted); font-size:12px; }
.subscription-side-column { display:grid; gap:14px; }
.subscription-upcoming { padding:16px; }
.subscription-upcoming .section-head button { border:0; background:transparent; color:#0B3F3B; cursor:pointer; }
.upcoming-renewal-row { width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 0; border:0; border-bottom:1px solid var(--border); background:transparent; color:inherit; text-align:right; cursor:pointer; }
.upcoming-renewal-row span,.upcoming-renewal-row strong,.upcoming-renewal-row small { display:block; }
.upcoming-renewal-row small { color:var(--muted); }
.upcoming-renewal-row b { padding:5px 8px; border-radius:9px; background:#fff1df; color:#df7c12; font-size:11px; white-space:nowrap; }
.subscription-pagination { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; border-top:1px solid var(--border); color:var(--muted); font-size:12px; }
.subscription-pagination > div { display:flex; gap:6px; direction:ltr; }
.subscription-sent-badge,.subscription-failed-badge,.subscription-queued-badge { display:block; width:max-content; margin-top:6px; padding:4px 7px; border-radius:999px; font-size:9px; font-weight:800; }
.subscription-sent-badge { color:#087b5a; background:#e3f8ef; }
.subscription-sent-badge small { display:inline!important; color:inherit!important; margin:0!important; }
.subscription-sent-history { width:20px; height:20px; margin-top:6px; display:grid; place-items:center; border-radius:50%; color:#062B28; background:#e8f7f2; font-size:10px; cursor:help; }
.subscription-failed-badge { color:#c03a3a; background:#ffeaea; }
.subscription-queued-badge { color:#9b6500; background:#fff4d9; }
.subscription-list-card td { vertical-align: middle; }
.subscription-list-card .delivery-preference-pill { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.subscription-list-card .subscription-actions { min-width: 272px; flex-wrap: nowrap; align-items: center; justify-content: flex-start; }
.subscription-list-card .subscription-actions .btn { flex: 0 0 auto; }
.subscription-unmapped-notice { width:100%; border:1px solid #f6cf72; cursor:pointer; text-align:right; }
.subscription-preferences-list { display:grid; gap:0; }
.subscription-preferences-list > div:not(.section-head) { display:grid; grid-template-columns:minmax(180px,1.5fr) 1fr .6fr auto; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid var(--border); }
.subscription-preferences-list span strong,.subscription-preferences-list span small { display:block; }
.subscription-preferences-list small { color:var(--muted); }
.subscription-settings-panel { padding: 28px; }
.subscription-settings-panel > .section-head { margin-bottom: 22px; }
.subscription-settings-form { margin-top: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.subscription-settings-form .field { min-width: 0; }
.subscription-settings-form .field > small,
.subscription-settings-form .delivery-mode-field > small { min-height: 34px; display: block; margin-top: 7px; color: #0B3F3B; font-size: 11px; line-height: 1.55; }
.subscription-settings-form .delivery-mode-field { margin: 0; }
.subscription-settings-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; padding-top: 20px; border-top: 1px solid var(--border); }
[data-theme="dark"] .subscription-settings-panel { background: #062B28; }
.subscription-template-bridge { min-height:360px; display:grid; place-items:center; text-align:center; }
.subscription-template-bridge > div { max-width:620px; }
.subscription-template-bridge svg { width:48px; height:48px; color:#0B3F3B; }
.reminder-confirm-summary { display:grid; grid-template-columns:110px 1fr; gap:8px 12px; padding:14px; border:1px solid var(--border); border-radius:12px; }
.reminder-confirm-summary span { color:var(--muted); }
:root[data-theme="dark"] .dashboard-line-tabs { border-bottom-color:#274F4B; }
:root[data-theme="dark"] .dashboard-line-tabs button { color:#9CB4B0; }
:root[data-theme="dark"] .dashboard-line-tabs button:hover { color:#F3F8F7; background:rgba(255,255,255,.035); }
:root[data-theme="dark"] .dashboard-line-tabs button.active { color:#F3F8F7; background:transparent; }
:root[data-theme="dark"] .dashboard-line-tabs button::after { background:#7FD7C7; }
:root[data-theme="dark"] .upcoming-renewal-row b { background:#3b2c13; color:#ffc366; }
@media (max-width:1180px) { .subscription-server-filters { grid-template-columns:repeat(3,1fr); } .subscription-search { grid-column:span 2; } .subscription-workspace { grid-template-columns:1fr; } .subscription-side-column { grid-template-columns:1fr 1fr; } }
@media (max-width:720px) { .subscription-server-filters { grid-template-columns:1fr 1fr; } .subscription-search { grid-column:1/-1; } .subscription-side-column { grid-template-columns:1fr; } .subscription-preferences-list > div:not(.section-head) { grid-template-columns:1fr; } .subscription-settings-panel { padding:18px 16px; } .subscription-settings-panel > .section-head { margin-bottom:18px; } }
@media (max-width:900px) { .subscription-settings-form { grid-template-columns: 1fr; } .subscription-settings-actions { grid-column: auto; } }
[data-theme="dark"] .subscription-delivery-settings { border-color: #062B28; background: var(--brand-primary-soft); }
[data-theme="dark"] .subscription-delivery-heading strong { color: #F3F8F7; }
[data-theme="dark"] .delivery-mode-switch { border-color: #062B28; background: #062B28; }
[data-theme="dark"] .subscription-contact-field { border-color:#062B28; background:rgba(6, 43, 40,.72); }

.content { width: 100%; max-width: 1680px; margin: 0 auto; padding: 26px 28px 44px; }
.dashboard-main .page-title { margin-bottom: 20px; align-items: flex-end; }
.dashboard-main .page-title h1 { margin: 0 0 5px; color: #062B28; font-size: 26px; line-height: 1.35; }
.dashboard-main .page-title p { margin: 0; font-size: 13px; }
.dashboard-main .toolbar { justify-content: flex-end; }
.dashboard-main .section { padding: 20px 0 0; }
.dashboard-main .section-head { margin-bottom: 16px; align-items: center; }
.dashboard-main .section-head h2 { margin-bottom: 3px; color: #062B28; font-size: 18px; line-height: 1.45; }
.dashboard-main .section-head p { margin: 0; font-size: 12px; }
.dashboard-main .card {
  border: 1px solid #E8F1F0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(6, 43, 40, .04);
}
.dashboard-main .card:hover { transform: none; box-shadow: 0 7px 20px rgba(6, 43, 40, .065); }
.dashboard-main .btn { min-height: 40px; padding: 0 14px; border-radius: 8px; font-size: 13px; }
.dashboard-main .btn-primary { background: var(--brand-primary); box-shadow: 0 7px 17px rgba(11, 63, 59, .16); }
.dashboard-main .btn-secondary { border-color: #E8F1F0; color: #062B28; }
.dashboard-main .input, .dashboard-main .select, .dashboard-main .textarea { border-radius: 8px; border-color: #E8F1F0; }
.dashboard-main .status { border-radius: 999px; }

.dashboard-stat-grid { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; }
.dashboard-main .stat-card { min-height: 112px; padding: 18px; }
.stat-card > div { min-width: 0; }
.dashboard-main .stat-card .muted { display: block; color: #0B3F3B; font-size: 12px; }
.dashboard-main .stat-card strong { margin: 7px 0 4px; color: #062B28; font-size: 23px; line-height: 1.2; }
.dashboard-main .stat-card small { color: #8290a5; font-size: 11px; }
.stat-card-icon { width: 45px; height: 45px; flex: 0 0 45px; display: grid; place-items: center; border-radius: 50%; color: #0B3F3B; background: #F3F8F7; }
.stat-card:is(.success,.warning,.danger,.purple,.neutral) .stat-card-icon { color: #087267; background: #edf8f6; }
.stat-card-icon .line-icon { width: 23px; height: 23px; }

.welcome-panel { min-height: 132px; margin-bottom: 16px; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 22px; border: 1px solid #E8F1F0; border-radius: 8px; background: var(--brand-primary-soft); }
.welcome-panel h2 { margin: 5px 0; color: #062B28; font-size: 21px; }
.welcome-panel p { margin: 0; color: #0B3F3B; }
.welcome-kicker { color: #062B28; font-size: 12px; font-weight: 800; }
.welcome-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.quick-actions { padding-bottom: 0 !important; }
.quick-action-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.quick-action { min-height: 82px; padding: 13px; display: flex; align-items: center; gap: 11px; text-align: start; border: 1px solid #E8F1F0; border-radius: 8px; color: #062B28; background: #fff; cursor: pointer; font-weight: 700; }
.quick-action:hover { color: #0B3F3B; border-color: #E8F1F0; background: #F3F8F7; }
.quick-action:disabled { cursor: not-allowed; opacity: .55; }
.quick-action .line-icon { color: #0B3F3B; }
.dashboard-two-column { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); gap: 16px; align-items: stretch; }
.table-card, .chart-card { padding: 18px; }
.table-card h2, .table-card h3, .chart-card h2 { color: #062B28; }
.text-button { color: #0B3F3B; background: transparent; cursor: pointer; font-weight: 700; }
.compare { margin: 0 -18px -18px; }
.compare table { min-width: 780px; }
.dashboard-main th, .dashboard-main td { padding: 12px 13px; border-color: #F3F8F7; }
.dashboard-main th { color: #0B3F3B; background: #F3F8F7; font-size: 11px; }
.dashboard-main td { color: #062B28; font-size: 12px; }
.dashboard-main td strong, .dashboard-main td small { display: block; }
.dashboard-main td small { margin-top: 3px; color: #8b98ab; }
.subscription-actions { min-width: 310px; gap: 5px; }
.subscription-actions .btn { min-height: 32px; padding: 0 9px; font-size: 11px; }
.icon-only { width: 33px; min-width: 33px; padding: 0 !important; }
.icon-only .line-icon { width: 16px; height: 16px; }
.mb-toolbar { margin: 16px 0; padding: 11px; border: 1px solid #E8F1F0; border-radius: 8px; background: #fff; }
.mb-toolbar .search-wrap { width: min(430px, 100%); }
.mb-toolbar .select { width: 170px; }

.empty-state { min-height: 190px; padding: 28px; display: grid; place-items: center; align-content: center; gap: 9px; text-align: center; color: #73829a; }
.empty-state-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; color: #0B3F3B; background: #F3F8F7; }
.empty-state-icon .line-icon { width: 24px; height: 24px; }
.empty-state strong { color: #062B28; font-size: 16px; }
.empty-state p { max-width: 440px; margin: 0; font-size: 12px; line-height: 1.8; }
.activity-list, .notification-list { gap: 0; }
.activity-item { min-height: 58px; padding: 11px 0; align-items: center; }
.activity-dot { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #0B3F3B; box-shadow: 0 0 0 4px #F3F8F7; }
.activity-item strong { color: #062B28; font-size: 12px; }
.activity-item p { margin: 3px 0 0; font-size: 10px; }
.performance-chart { height: 245px; padding: 18px 8px 4px; display: flex; align-items: flex-end; gap: 13px; border-bottom: 1px solid #E8F1F0; }
.performance-column { height: 100%; flex: 1; min-width: 32px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 8px; }
.performance-column span { width: min(42px, 80%); min-height: 8px; border-radius: 6px 6px 2px 2px; background: var(--brand-primary); }
.performance-column small { color: #7a899f; font-size: 10px; direction: ltr; }

.settings-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.settings-panel { min-height: 230px; padding: 20px; }
.settings-panel-head { display: flex; align-items: center; gap: 11px; margin-bottom: 18px; }
.settings-panel-head > .line-icon { color: #0B3F3B; }
.settings-panel h2 { margin: 0; font-size: 17px; }
.settings-panel p { margin: 3px 0 0; font-size: 11px; }
.settings-account-card,
.settings-security-card,
.settings-interface-card,
.settings-notifications-card { min-height: 0; }
.settings-profile-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.settings-profile-form .profile-save-button,
.settings-profile-form .settings-logout-button { grid-column: 1 / -1; }
.settings-profile-form .profile-save-button:disabled { opacity: .55; cursor: not-allowed; }
.settings-profile-form input[readonly] { color: #66758d; background: #F3F8F7; cursor: help; }
.avatar-camera-button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #E8F1F0; border-radius: 50%; color: #0B3F3B; background: #fff; box-shadow: 0 5px 14px rgba(6, 43, 40, .12); cursor: pointer; }
.avatar-camera-button .line-icon { width: 18px; height: 18px; }
.security-password-form { display: grid; gap: 12px; }
.security-password-form .btn { margin-top: 2px; }
.sessions-button { width: 100%; margin-top: 14px; }
.settings-select-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.theme-preference-select { color: #93620a; }
.switch-control { position: relative; width: 38px; height: 22px; display: inline-flex; flex: 0 0 38px; }
.switch-control input { position: absolute; opacity: 0; pointer-events: none; }
.switch-control > span { width: 38px; height: 22px; border-radius: 999px; background: #E8F1F0; cursor: pointer; transition: .18s ease; }
.switch-control > span::after { content: ""; width: 16px; height: 16px; position: absolute; top: 3px; inset-inline-start: 3px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(6, 43, 40, .25); transition: .18s ease; }
.switch-control input:checked + span { background: #24b45a; }
.switch-control input:checked + span::after { transform: translateX(-16px); }
[dir="ltr"] .switch-control input:checked + span::after { transform: translateX(16px); }
.switch-control input:disabled + span { opacity: .75; cursor: not-allowed; }
.security-always-note { display: block; margin-top: 12px; color: #6b7a90; }
.session-settings-row { gap: 20px; }
.mfa-qr { width: 230px; max-width: 100%; margin: 0 auto; border: 1px solid #E8F1F0; border-radius: 12px; }
.mfa-secret { padding: 10px; border-radius: 8px; direction: ltr; text-align: center; color: #062B28; background: #F3F8F7; overflow-wrap: anywhere; }
.recovery-code-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; direction: ltr; }
.recovery-code-grid code { padding: 10px; border: 1px solid #E8F1F0; border-radius: 8px; text-align: center; background: #F3F8F7; }
.setting-row { min-height: 48px; padding: 9px 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid #F3F8F7; }
.setting-row:last-child { border-bottom: 0; }
.segmented { display: inline-flex; padding: 3px; gap: 3px; border: 1px solid #E8F1F0; border-radius: 8px; background: #F3F8F7; }
.segmented button { min-width: 52px; min-height: 32px; border-radius: 6px; color: #65758e; background: transparent; cursor: pointer; font-weight: 700; }
.segmented button.active { color: #fff; background: #0B3F3B; }
.setting-toggle input { width: 40px; height: 22px; accent-color: #0B3F3B; }
.session-card { align-content: start; }

.linked-layout { grid-template-columns: minmax(0, 1fr) 290px; gap: 15px; }
.linked-main-card { grid-template-columns: 250px minmax(0, 1fr); min-height: 430px; padding: 22px; gap: 22px; }
.device-art { min-height: 340px; border-radius: 8px; }
.link-steps-card { padding: 20px; border-radius: 8px; }
.link-box-grid { border-radius: 8px; background: #F3F8F7; }
.qr-box, .pair-code strong, .secure-note { border-radius: 8px; }
.linked-bottom-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.linked-bottom-grid .activity-card { grid-column: 1 / -1; }
.usage-card, .security-card, .activity-card, .linked-table-card { min-height: 210px; }
.health-and-safety { gap: 15px; }
.risk-summary { display: flex; align-items: baseline; justify-content: center; gap: 4px; margin: 18px 0; }
.risk-summary strong { color: #062B28; font-size: 42px; }
.risk-summary span { color: #8290a5; }

.art-skeleton small, .art-skeleton strong, .art-skeleton span, .art-skeleton-row span, .art-skeleton-row b { display: block; min-height: 10px; border-radius: 99px; background: rgba(11, 63, 59, .18); }
.art-skeleton strong, .art-skeleton-row span { width: 72%; margin-top: 10px; }
.art-skeleton-row b { width: 54px; }

:root[data-theme="dark"] .dashboard-shell,
:root[data-theme="dark"] .dashboard-main { color: #E8F1F0; background: #062B28; }
:root[data-theme="dark"] .dashboard-main .card,
:root[data-theme="dark"] .welcome-panel,
:root[data-theme="dark"] .quick-action,
:root[data-theme="dark"] .mb-toolbar,
:root[data-theme="dark"] .sidebar { background: #062B28; border-color: #062B28; }
:root[data-theme="dark"] .dashboard-main .page-title h1,
:root[data-theme="dark"] .dashboard-main .section-head h2,
:root[data-theme="dark"] .dashboard-main .stat-card strong,
:root[data-theme="dark"] .welcome-panel h2,
:root[data-theme="dark"] .table-card h2,
:root[data-theme="dark"] .table-card h3,
:root[data-theme="dark"] .settings-panel h2 { color: #F3F8F7; }
:root[data-theme="dark"] .side-link.active { color: #E8F1F0; background: #062B28; border-color: #062B28; }
:root[data-theme="dark"] .sidebar-foot { color: #F3F8F7; background: #062B28; border-color: #062B28; }
:root[data-theme="dark"] .brand-wordmark { color: #F3F8F7; }
:root[data-theme="dark"] .brand-logo-image { filter: brightness(0) invert(1); opacity: .86; }
:root[data-theme="dark"] .brand:hover .brand-logo-image { opacity: .94; }
:root[data-theme="dark"] .theme-topbar-button,
:root[data-theme="dark"] .language-topbar-button { background: #062B28 !important; border-color: #062B28 !important; }
:root[data-theme="dark"] .profile-trigger strong { color: #F3F8F7; }
:root[data-theme="dark"] .profile-avatar-skeleton,
:root[data-theme="dark"] .profile-name-skeleton { background: #062B28; }
:root[data-theme="dark"] .topbar { background: rgba(6, 43, 40, .96); border-color: #062B28; }
:root[data-theme="dark"] .quick-action { color: #E8F1F0; }
:root[data-theme="dark"] .empty-state strong { color: #E8F1F0; }
:root[data-theme="dark"] .dashboard-main th { background: #062B28; }

@media (max-width: 1240px) {
  .quick-action-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dashboard-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .linked-main-card { grid-template-columns: 210px minmax(0, 1fr); }
}
@media (max-width: 980px) {
  .dashboard-shell { grid-template-columns: 1fr; }
  .sidebar {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 250px;
    padding: 20px 14px;
    transform: translateX(110%);
    transition: transform .2s ease;
    box-shadow: -20px 0 50px rgba(6, 43, 40,.16);
  }
  .sidebar.open { transform: translateX(0); }
  [dir="ltr"] .sidebar {
    transform: translateX(-110%);
    box-shadow: 20px 0 50px rgba(6, 43, 40,.16);
  }
  [dir="ltr"] .sidebar.open { transform: translateX(0); }
  .topbar { min-height: 72px; padding: 10px 18px; }
  .topbar .dashboard-search { width: min(420px, 44vw); }
  .content { padding: 22px 18px 36px; }
  .dashboard-two-column, .linked-layout, .linked-main-card, .health-and-safety { grid-template-columns: 1fr; }
  .linked-main-card { direction: rtl; }
  .device-art { min-height: 280px; }
  .settings-layout { grid-template-columns: 1fr; }
  .settings-select-grid { grid-template-columns: 1fr; }
  .linked-bottom-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .topbar { flex-direction: row; align-items: center; flex-wrap: wrap; }
  .topbar .dashboard-search { width: 100%; }
  .topbar > .topbar-tools:first-child { width: 100%; }
  .topbar > .topbar-tools:last-child { width: 100%; justify-content: space-between; }
  .profile-trigger > span:last-child, .plan-badge { display: none; }
  .compact-profile-trigger > span, .compact-profile-trigger .profile-caret { display: none; }
  .settings-profile-form { grid-template-columns: 1fr; }
  .dashboard-main .page-title { align-items: stretch; flex-direction: column; }
  .dashboard-main .toolbar { width: 100%; justify-content: stretch; }
  .dashboard-main .toolbar .btn, .dashboard-main .toolbar .select { flex: 1; }
  .dashboard-stat-grid, .quick-action-grid, .linked-bottom-grid { grid-template-columns: 1fr; }
  .welcome-panel { align-items: stretch; flex-direction: column; }
  .welcome-actions .btn { flex: 1; }
  .mb-toolbar { display: grid; }
  .mb-toolbar .search-wrap, .mb-toolbar .select, .mb-toolbar .btn { width: 100%; }
  .linked-bottom-grid .activity-card { grid-column: auto; }
  .form-grid { grid-template-columns: 1fr; }
}

/* RenewPilot public experience and focused dashboard workspaces */
.public-site,
.auth-light-page {
  min-height: 100vh;
  color: #062B28;
  background: #F3F8F7;
}
.public-site .container,
.public-footer .container { width: min(1500px, calc(100% - 72px)); }
.public-site .public-nav {
  min-height: 78px;
  background: rgba(255, 255, 255, .96);
  border-color: #F3F8F7;
  box-shadow: 0 2px 12px rgba(6, 43, 40, .03);
}
.public-site .nav-inner { min-height: 78px; }
.public-site .brand { color: #062B28; font-size: 19px; }
.public-site .brand-mark,
.auth-light-page .brand-mark {
  border-radius: 8px;
  background: var(--brand-primary);
  box-shadow: 0 8px 20px rgba(11, 63, 59, .2);
}
.public-site .nav-links { gap: 24px; color: #062B28; }
.public-site .nav-link { min-height: 78px; padding: 0 8px; border-radius: 0; }
.public-site .nav-link:hover,
.public-site .nav-link.active {
  color: #0B3F3B;
  background: transparent;
  box-shadow: none;
}
.public-site .nav-actions .btn { min-height: 42px; border-radius: 7px; }
.public-site .mobile-menu { display: none; }
.public-site .btn-primary,
.auth-light-page .btn-primary {
  background: var(--brand-primary);
  box-shadow: 0 9px 22px rgba(11, 63, 59, .18);
}
.public-site .btn,
.auth-light-page .btn { border-radius: 7px; }
.marketing-hero { padding: 42px 0 28px; overflow: hidden; }
.marketing-hero-grid {
  min-height: 390px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(480px, 1.05fr);
  align-items: center;
  gap: 54px;
}
.marketing-copy { text-align: right; }
.marketing-copy .eyebrow {
  min-height: 34px;
  padding: 0 15px;
  border: 1px solid #F3F8F7;
  border-radius: 999px;
  color: #0B3F3B;
  background: #F3F8F7;
  font-size: 13px;
}
.hero-trust-pill {
  width: fit-content;
  min-height: 34px;
  padding: 5px 9px 5px 13px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  direction: rtl;
  color: #0B3F3B;
  background: rgba(255,255,255,.94);
  border: 1px solid #F3F8F7;
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(11, 63, 59,.09);
  font-size: 12px;
  font-weight: 700;
}
.hero-trust-pill img { width: 24px; height: 24px; object-fit: contain; }
.hero-trust-pill i { width: 5px; height: 5px; margin-inline-start: 2px; border-radius: 50%; background: #0B3F3B; box-shadow: 0 0 0 4px rgba(11, 63, 59,.09); }
:root[data-theme="dark"] .hero-trust-pill { color: #E8F1F0; background: #062B28; border-color: #062B28; box-shadow: none; }
:root[data-theme="dark"] .hero-trust-pill img { filter: none; opacity: .92; }
.marketing-copy h1 {
  max-width: 740px;
  margin: 20px 0 18px;
  color: #062B28;
  font-size: clamp(36px, 4.4vw, 62px);
  line-height: 1.35;
  font-weight: 800;
}
.marketing-copy h1 span {
  color: #0B3F3B;
  background: var(--brand-primary);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.marketing-copy .lead { max-width: 760px; font-size: 17px; line-height: 2; }
.marketing-copy .hero-actions { margin-top: 25px; }
.marketing-copy .hero-actions .btn { min-width: 220px; min-height: 50px; }
.hero-product-preview { min-width: 0; transform: perspective(1200px) rotateY(1deg); }
.hero-product-preview .preview-card {
  padding: 14px;
  border-radius: 8px;
  border-color: #E8F1F0;
  box-shadow: 0 18px 38px rgba(6, 43, 40, .12);
}
.hero-product-preview .dashboard-preview { min-height: 320px; grid-template-columns: 95px 1fr; }
.hero-product-preview .preview-side,
.hero-product-preview .preview-stat,
.hero-product-preview .table-skeleton { border-radius: 7px; }
.marketing-strip { padding: 0 0 28px; }
.marketing-strip .grid { gap: 14px; }
.marketing-mini {
  min-height: 96px;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid #E8F1F0;
  border-radius: 8px;
  box-shadow: 0 7px 20px rgba(6, 43, 40, .05);
}
.marketing-mini > .line-icon,
.benefit-item > .line-icon {
  width: 42px;
  height: 42px;
  padding: 9px;
  flex: 0 0 42px;
  color: #0B3F3B;
  border-radius: 8px;
  background: #F3F8F7;
}
.marketing-mini h2,
.marketing-mini h3 { margin: 0 0 6px; color: #062B28; font-size: 15px; }
.marketing-mini p { margin: 0; color: #73829a; font-size: 12px; line-height: 1.7; }
.marketing-metrics { padding: 0 0 28px; }
.marketing-metrics .container {
  min-height: 84px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid #E8F1F0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(6, 43, 40, .04);
}
.marketing-metrics .container > div {
  display: grid;
  grid-template-columns: 36px auto;
  grid-template-rows: auto auto;
  align-content: center;
  justify-content: center;
  column-gap: 10px;
  border-left: 1px solid #F3F8F7;
}
.marketing-metrics .container > div:last-child { border-left: 0; }
.marketing-metrics .line-icon { grid-row: 1 / 3; align-self: center; color: #0B3F3B; }
.marketing-metrics strong { color: #062B28; font-size: 21px; }
.marketing-metrics span { color: #76869f; font-size: 12px; }
.marketing-benefits { padding: 0 0 34px; text-align: center; }
.marketing-benefits h2 { margin-bottom: 22px; color: #062B28; font-size: 22px; }
.benefit-grid { display: grid; grid-template-columns: repeat(5, 1fr); }
.benefit-item { min-height: 104px; padding: 10px 22px; display: flex; align-items: center; gap: 12px; border-left: 1px solid #F3F8F7; text-align: right; }
.benefit-item:last-child { border-left: 0; }
.benefit-item strong { display: block; color: #062B28; font-size: 14px; }
.benefit-item p { margin: 5px 0 0; color: #78879c; font-size: 11px; line-height: 1.7; }

.public-heading { padding: 40px 0 28px; text-align: center; }
.public-heading h1 { margin-bottom: 9px; color: #062B28; font-size: clamp(36px, 4vw, 56px); }
.public-heading p { margin: 0 auto; color: #6f7f98; font-size: 17px; }
.features-showcase { padding-bottom: 32px; }
.feature-showcase-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 32px; align-items: stretch; }
.feature-preview-card { padding: 18px; border-radius: 8px; }
.feature-preview-card .dashboard-preview { min-height: 325px; }
.public-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.public-feature-card { min-height: 205px; padding: 26px; text-align: center; }
.public-feature-card .line-icon { width: 46px; height: 46px; padding: 11px; color: #0B3F3B; border-radius: 12px; background: #F3F8F7; }
.public-feature-card h2 { margin: 19px 0 10px; font-size: 18px; }
.public-feature-card p { color: #708099; font-size: 13px; line-height: 1.9; }
.feature-lower-grid { margin-top: 15px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.feature-wide { min-height: 118px; padding: 22px; display: flex; align-items: center; gap: 20px; }
.feature-wide .line-icon { width: 52px; height: 52px; padding: 12px; color: #062B28; background: #F3F8F7; border-radius: 50%; }
.feature-wide p { margin: 4px 0 0; color: #718098; }
.public-cta { margin: 0 auto 30px; padding: 28px 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.public-cta h2 { margin-bottom: 6px; }
.public-cta p { margin: 0; color: #718098; }

.blog-layout { padding: 18px 0 38px; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.blog-tools { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px; }
.blog-tools .search-wrap { width: min(470px, 100%); }
.featured-article { min-height: 245px; padding: 18px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 25px; align-items: center; }
.article-art { min-height: 205px; display: grid; place-items: center; border-radius: 8px; background: var(--brand-primary); }
.article-art .line-icon { width: 92px; height: 92px; color: #0B3F3B; }
.featured-article h2 { margin: 12px 0; font-size: 25px; line-height: 1.55; }
.featured-article p { color: #708099; line-height: 1.9; }
.blog-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.blog-card { overflow: hidden; }
.blog-card .article-art { min-height: 132px; border-radius: 0; }
.blog-card-content { padding: 17px; }
.blog-card h3 { min-height: 48px; font-size: 16px; line-height: 1.6; }
.blog-card p { min-height: 58px; color: #75849a; font-size: 12px; line-height: 1.8; }
.blog-sidebar { display: grid; gap: 15px; }
.blog-sidebar .card { padding: 19px; }
.recent-list { display: grid; gap: 13px; }
.recent-list button { padding: 10px 0; color: #062B28; background: transparent; border-bottom: 1px solid #F3F8F7; text-align: right; cursor: pointer; }
.newsletter-card form { display: grid; gap: 10px; }
.article-page { padding: 42px 0; }
.article-shell { max-width: 900px; }
.article-shell h1 { color: #062B28; font-size: clamp(30px, 4vw, 48px); line-height: 1.45; }
.article-shell .article-art { margin: 25px 0; }
.article-content { color: #062B28; font-size: 16px; line-height: 2.15; }

.support-hero { padding-bottom: 20px; }
.support-intro-grid { display: grid; grid-template-columns: 1fr repeat(4, .72fr); gap: 15px; align-items: stretch; }
.support-intro { padding: 24px; }
.support-intro h1 { font-size: 43px; }
.support-intro p { color: #718199; line-height: 1.9; }
.support-channel { padding: 21px; text-align: center; }
.support-channel .line-icon { width: 43px; height: 43px; padding: 10px; color: #0B3F3B; border-radius: 8px; background: #F3F8F7; }
.support-channel h3 { margin: 14px 0 8px; }
.support-channel p { min-height: 45px; color: #75849a; font-size: 12px; line-height: 1.8; }
.support-body { padding: 18px 0 32px; display: grid; grid-template-columns: .85fr 1.15fr .85fr; gap: 18px; align-items: stretch; }
.support-body > .card { padding: 22px; }
.support-category-list { display: grid; gap: 8px; }
.support-category-list button { min-height: 54px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; color: #062B28; border: 1px solid #F3F8F7; border-radius: 7px; background: #fff; cursor: pointer; }
.support-faq details { padding: 14px; border: 1px solid #F3F8F7; border-radius: 7px; margin-bottom: 8px; }
.support-faq summary { cursor: pointer; font-weight: 700; }
.support-faq p { margin: 10px 0 0; color: #74849b; line-height: 1.8; }
.support-form { display: grid; gap: 12px; }
.support-trust { margin-bottom: 30px; padding: 20px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.support-trust > div { display: flex; align-items: center; justify-content: center; gap: 9px; color: #0B3F3B; }
.support-trust .line-icon { color: #0B3F3B; }

.policy-shell { width: min(950px, calc(100% - 40px)); padding: 42px 0; }
.policy-card { padding: 34px; }
.policy-card h1 { color: #062B28; font-size: 38px; }
.policy-card h2 { margin-top: 27px; color: #062B28; }
.policy-card p,
.policy-card li { color: #0B3F3B; line-height: 2; }

.public-footer {
  margin-top: auto;
  min-height: 82px;
  display: flex;
  align-items: center;
  border-top: 1px solid #F3F8F7;
  background: #fff;
}
.public-footer .container { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.footer-links,
.social-links,
.footer-social { display: flex; align-items: center; gap: 18px; color: #667892; font-size: 12px; }
.footer-links button { color: inherit; background: transparent; cursor: pointer; }
.social-links span,
.footer-social a { width: 34px; height: 34px; display: grid; flex: 0 0 34px; place-items: center; border: 1px solid #E8F1F0; border-radius: 50%; color: #0B3F3B; background: #F3F8F7; font-weight: 800; line-height: 0; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.footer-social a:hover { transform: translateY(-2px); border-color: #E8F1F0; box-shadow: 0 8px 22px rgba(6, 43, 40, .1); }
.footer-social a .line-icon { width: 16px; height: 16px; }
.footer-copy { color: #7c899c; font-size: 11px; }

.auth-light-page { display: flex; flex-direction: column; }
.auth-light-header { min-height: 88px; padding: 0 5vw; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #F3F8F7; background: #fff; }
.auth-light-header .brand { font-size: 20px; color: #062B28; }
.link-button { padding: 8px; color: #0B3F3B; background: transparent; cursor: pointer; font-weight: 700; }
.auth-light-shell,
.reset-light-shell {
  width: min(1180px, calc(100% - 40px));
  flex: 1;
  margin: 42px auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  align-items: stretch;
}
.auth-light-panel,
.auth-light-visual,
.reset-light-panel,
.reset-light-visual { padding: 42px; border-radius: 8px; }
.auth-light-panel { display: grid; align-content: center; }
.auth-light-panel h1,
.reset-light-panel h1 { margin-bottom: 8px; color: #062B28; font-size: 34px; }
.auth-light-panel > p,
.reset-light-panel > p { color: #708099; }
.auth-light-panel form { margin-top: 25px; display: grid; gap: 16px; }
.auth-light-panel .input { min-height: 52px; border-radius: 7px; }
.auth-light-panel .btn { min-height: 54px; }
.auth-light-visual,
.reset-light-visual {
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  background: var(--brand-primary);
}
.auth-brand-visual { margin-bottom: 24px; }
.auth-brand-visual .brand-mark { width: 110px; height: 110px; margin: 0 auto 20px; font-size: 42px; }
.auth-brand-visual h2 { color: #062B28; font-size: 33px; }
.auth-brand-visual h2 span { color: #0B3F3B; }
.auth-benefits { width: min(100%, 460px); display: grid; gap: 18px; text-align: right; }
.auth-benefit { display: flex; gap: 13px; align-items: center; }
.auth-benefit .line-icon { width: 40px; height: 40px; padding: 9px; flex: 0 0 40px; color: #0B3F3B; border-radius: 8px; background: #F3F8F7; }
.auth-benefit strong { display: block; color: #062B28; }
.auth-benefit span { color: #718199; font-size: 12px; }
.auth-inline-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.policy-check { display: flex; align-items: center; gap: 8px; color: #0B3F3B; font-size: 13px; }
.reset-light-shell { max-width: 1180px; }
.reset-light-panel { display: grid; align-content: center; }
.reset-lock { width: 96px; height: 96px; display: grid; place-items: center; margin-bottom: 22px; color: #062B28; border: 1px solid #E8F1F0; border-radius: 50%; background: #fff; box-shadow: 0 10px 28px rgba(6, 43, 40, .045); }
.reset-password-icon-svg { width: 62px; height: 62px; display: block; overflow: visible; stroke: currentColor; stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.reset-light-panel form { margin: 22px 0; display: grid; gap: 14px; }
.reset-light-panel .input,
.reset-light-panel .btn { min-height: 52px; border-radius: 7px; }
.mail-visual { width: 230px; height: 180px; margin-bottom: 24px; display: grid; place-items: center; border-radius: 50% 50% 45% 45%; background: var(--brand-primary); }
.mail-visual .brand-mark { width: 82px; height: 82px; font-size: 30px; }

.dashboard-main .devices-workspace,
.dashboard-main .template-workspace,
.dashboard-main .billing-workspace { margin-top: 16px; }
.devices-workspace { display: grid; grid-template-columns: minmax(0, 1.38fr) minmax(360px, .72fr); gap: 18px; align-items: start; }
html[dir="rtl"] .devices-workspace { direction: ltr; }
html[dir="rtl"] .devices-workspace > * { direction: rtl; }
.devices-table-card,
.device-link-card { padding: 20px; }
.devices-table-card .compare { margin-top: 12px; }
.devices-table-card table { min-width: 720px; }
.device-link-card { position: sticky; top: 92px; display: grid; gap: 14px; }
.device-link-card .section-head { margin-bottom: 2px; }
.field-label { color: #062B28; font-size: 12px; font-weight: 800; }
.device-method-tabs { width: 100%; padding: 4px; }
.device-method-tabs button { flex: 1; min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 7px; }
.device-method-tabs .line-icon { width: 17px; height: 17px; }
.device-link-panel { display: grid; gap: 12px; }
.device-link-panel .input { min-height: 48px; border-radius: 7px; }
.pairing-success {
  min-height: 160px;
  padding: 18px;
  display: grid;
  align-content: center;
  gap: 10px;
  text-align: center;
  border: 1px solid #c9eed8;
  border-radius: 8px;
  background: #f2fcf6;
}
.pairing-success > span { color: #178a49; font-size: 12px; font-weight: 800; }
.pairing-code-line { display: flex; align-items: center; justify-content: center; gap: 12px; direction: ltr; }
.pairing-code-line strong { color: #062B28; font-size: 30px; letter-spacing: 8px; }
.pairing-code-line .btn { min-height: 36px; }
.pairing-success p { margin: 0; color: #4e8463; font-size: 12px; }
.device-qr-panel { min-height: 280px; padding: 18px; display: grid; place-items: center; align-content: center; gap: 12px; border: 1px dashed #E8F1F0; border-radius: 8px; background: #F3F8F7; }
.device-qr-panel .qr-real { max-width: 220px; }
.device-card-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.device-card-actions .btn { flex: 1; }

.meta-device-stats { margin-top: 16px; }
.meta-devices-layout {
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 16px;
  align-items: start;
}
html[dir="rtl"] .meta-devices-layout { direction: ltr; }
html[dir="rtl"] .meta-devices-layout > * { direction: rtl; }
.meta-devices-main,
.meta-devices-side { min-width: 0; display: grid; gap: 16px; }
.meta-connect-card,
.meta-accounts-card,
.meta-requirements-card,
.meta-important-card { padding: 18px; }
.meta-connect-card .section-head { align-items: flex-start; }
.meta-connect-card .section-head h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #062B28;
}
.meta-connect-card .section-head h2 .line-icon { width: 24px; height: 24px; color: #10b981; }
.meta-setup-steps {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  position: relative;
  border: 1px solid #E8F1F0;
  border-radius: 10px;
  background: #F3F8F7;
}
.meta-setup-steps::before {
  height: 1px;
  position: absolute;
  inset: 42px 11% auto;
  content: "";
  background: #E8F1F0;
}
.meta-setup-steps > div {
  min-height: 148px;
  padding: 18px 12px 14px;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 7px;
  position: relative;
  text-align: center;
}
.meta-setup-steps > div > span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  z-index: 1;
  color: #0B3F3B;
  border: 1px solid #E8F1F0;
  border-radius: 50%;
  background: #F3F8F7;
  font-weight: 800;
}
.meta-setup-steps > div.complete > span { color: #098d55; border-color: #bce9d2; background: #eafaf2; }
.meta-setup-steps strong { color: #062B28; font-size: 12px; }
.meta-setup-steps small { color: #0B3F3B; line-height: 1.65; font-size: 10px; }
.meta-setup-steps em { color: #e89216; font-size: 9px; font-style: normal; font-weight: 800; }
.meta-setup-steps .complete em { color: #0a9a5a; }
.meta-config-note {
  margin-top: 14px;
  padding: 12px 14px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #0B3F3B;
  border: 1px solid #E8F1F0;
  border-radius: 9px;
  background: #F3F8F7;
}
.meta-config-note > .line-icon { width: 20px; height: 20px; flex: 0 0 20px; }
.meta-config-note strong { display: block; margin-bottom: 3px; }
.meta-config-note p { margin: 0; color: #0B3F3B; line-height: 1.65; font-size: 11px; }
.meta-accounts-card .section-head h2 span {
  margin-inline-start: 5px;
  color: #0B3F3B;
  font-size: 11px;
  vertical-align: top;
}
.meta-accounts-card table { min-width: 730px; }
.meta-account-name { display: inline-flex; align-items: center; gap: 7px; }
.meta-account-name .line-icon { width: 20px; height: 20px; color: #12ac67; }
.meta-requirements-list { margin: 12px 0; display: grid; }
.meta-requirements-list > div {
  min-height: 42px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #F3F8F7;
}
.meta-requirements-list span {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  color: #0B3F3B;
  border-radius: 50%;
  background: #F3F8F7;
  font-weight: 800;
}
.meta-requirements-list span.complete { color: #079957; background: #e8f8f0; }
.meta-requirements-list strong { color: #062B28; font-size: 11px; }
.meta-requirements-list em { color: #0B3F3B; font-size: 9px; font-style: normal; }
.meta-important-card ul { margin: 10px 0 14px; padding: 0 18px 0 0; display: grid; gap: 11px; }
.meta-important-card li { color: #0B3F3B; line-height: 1.7; font-size: 11px; }
.meta-connect-guide { display: grid; gap: 12px; color: #062B28; line-height: 1.8; }
.meta-connect-guide ol { margin: 0; padding-inline-start: 22px; }
.meta-connect-guide code { padding: 2px 5px; direction: ltr; border-radius: 4px; background: #F3F8F7; }

:root[data-theme="dark"] .meta-setup-steps { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .meta-connect-card .section-head h2,
:root[data-theme="dark"] .meta-setup-steps strong,
:root[data-theme="dark"] .meta-requirements-list strong { color: #F3F8F7; }
:root[data-theme="dark"] .meta-setup-steps::before { background: #062B28; }
:root[data-theme="dark"] .meta-config-note { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .meta-config-note p,
:root[data-theme="dark"] .meta-important-card li { color: #E8F1F0; }

.template-workspace { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(350px, .7fr); gap: 18px; align-items: start; direction: rtl; }
.template-workspace > * { direction: rtl; }
.template-editor-card { padding: 20px; }
.template-meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.editor-toolbar { min-height: 46px; padding: 0 12px; display: flex; align-items: center; gap: 6px; border: 1px solid #E8F1F0; border-bottom: 0; border-radius: 8px 8px 0 0; background: #F3F8F7; direction: ltr; }
.editor-toolbar button { width: 34px; height: 34px; color: #062B28; border-radius: 6px; background: transparent; cursor: pointer; }
.editor-toolbar button:hover { background: #F3F8F7; }
.editor-toolbar span { margin-left: auto; color: #708099; }
.template-editor { min-height: 290px; border-radius: 0 0 8px 8px; line-height: 2; }
.variables-row { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.variables-row > span { color: #0B3F3B; font-size: 12px; font-weight: 800; }
.variables-row .chip { color: #0B3F3B; border-radius: 6px; background: #F3F8F7; direction: ltr; }
.template-settings { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.template-settings .setting-row { padding: 0 12px; border: 1px solid #E8F1F0; border-radius: 7px; }
.template-actions { display: flex; gap: 12px; }
.template-actions .btn { flex: 1; }
.template-side { display: grid; gap: 15px; }
.template-side > .card { padding: 18px; }
.whatsapp-preview { min-height: 330px; padding: 42px 30px 20px; display: grid; align-content: center; justify-items: center; gap: 10px; border-radius: 8px; background: #f8f4ee; }
.preview-day { padding: 5px 10px; color: #0B3F3B; border-radius: 6px; background: #F3F8F7; font-size: 11px; }
.message-bubble { width: min(100%, 380px); padding: 17px; color: #062B28; border: 1px solid #c9eacb; border-radius: 8px; background: #e8f8e9; line-height: 1.9; }
.message-bubble small { display: block; margin-top: 8px; color: #2b9a55; direction: ltr; text-align: left; }
.template-empty { text-align: center; color: #6f7f97; }
.template-empty p { margin: 8px 0 0; font-size: 12px; }
.preview-note { margin: 10px 0 0; padding: 10px; color: #0B3F3B; border: 1px solid #E8F1F0; border-radius: 7px; background: #F3F8F7; text-align: center; font-size: 11px; }
.email-template-layout { margin-top: 16px; display: grid; grid-template-columns: minmax(0, 1.38fr) minmax(360px, .72fr); gap: 18px; align-items: start; direction: rtl; }
.email-template-layout > * { direction: rtl; }
.email-template-editor { min-width: 0; }
.email-template-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.email-theme-row { min-height: 42px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.email-theme-row > span { margin-inline-end: 4px; color: #062B28; font-size: 12px; font-weight: 800; }
.email-color { width: 28px; height: 28px; padding: 0; border: 3px solid #fff; border-radius: 7px; outline: 1px solid #E8F1F0; background: var(--swatch); box-shadow: none; cursor: pointer; }
.email-color.active { outline: 2px solid #0B3F3B; box-shadow: 0 0 0 2px #E8F1F0; }
.email-custom-color { width: 30px; height: 30px; display: grid; place-items: center; position: relative; overflow: hidden; color: #0B3F3B; border: 1px solid #E8F1F0; border-radius: 7px; cursor: pointer; }
.email-custom-color input { width: 44px; height: 44px; position: absolute; inset: -7px; opacity: 0; cursor: pointer; }
.email-content-editor { min-height: 250px; }
.email-variables .chip { direction: rtl; }
.email-template-actions { display: grid; grid-template-columns: 1.2fr 1fr .8fr .9fr; gap: 9px; }
.email-preview-side { position: sticky; top: 92px; align-self: start; }
.email-header-preview { margin-bottom: 12px; padding: 10px 12px; display: grid; gap: 5px; color: #0B3F3B; border: 1px solid #E8F1F0; border-radius: 8px; background: #F3F8F7; font-size: 10px; direction: ltr; text-align: left; overflow-wrap: anywhere; }
.email-header-preview b { color: #062B28; font-weight: 700; }
.email-envelope { overflow: hidden; color: #062B28; border: 1px solid #E8F1F0; border-radius: 10px; background: #fff; box-shadow: 0 9px 24px rgba(6, 43, 40, .07); text-align: center; }
.email-envelope::before { height: 6px; display: block; content: ""; background: var(--email-theme); }
.email-preview-brand { padding: 20px 18px 9px; display: grid; justify-items: center; gap: 3px; color: var(--email-theme); }
.email-store-icon { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--email-theme) 35%, #E8F1F0); border-radius: 12px; background: color-mix(in srgb, var(--email-theme) 9%, #fff); }
.email-store-icon.has-store-logo { border: 0; border-radius: 0; background: transparent; }
.email-store-icon img { width: 40px; height: 40px; border-radius: var(--store-logo-radius, 16px); object-fit: contain; }
.email-preview-brand strong { font-size: 15px; }
.email-preview-brand small { color: #93a1b2; font-size: 9px; }
.store-logo-editor { padding: 14px; display: flex; align-items: center; gap: 14px; border: 1px solid #E8F1F0; border-radius: 14px; background: var(--brand-primary-soft); }
.store-logo-editor-preview { width: 68px; height: 68px; flex: 0 0 68px; display: grid; place-items: center; overflow: hidden; color: #0B3F3B; border: 1px dashed #E8F1F0; border-radius: 16px; background: #fff; }
.store-logo-editor-preview.has-image { overflow: visible; border: 0; border-radius: 0; background: transparent; }
.store-logo-editor-preview svg { width: 28px; height: 28px; }
.store-logo-editor-preview img { width: 100%; height: 100%; border-radius: var(--store-logo-radius, 16px); object-fit: contain; }
.store-logo-editor > div { min-width: 0; display: grid; gap: 5px; }
.store-logo-editor strong { color: #062B28; }
.store-logo-editor small,.store-logo-editor em { color: #76869e; font-size: 11px; font-style: normal; }
.store-logo-editor .inline-actions { margin-top: 3px; }
.store-logo-radius-control { width: min(360px, 100%); margin-top: 8px; display: grid; gap: 7px; }
.store-logo-radius-control > span { display: flex; align-items: center; justify-content: space-between; color: #062B28; font-size: 12px; font-weight: 700; }
.store-logo-radius-control output { min-width: 46px; padding: 3px 8px; border-radius: 999px; background: #F3F8F7; color: #0B3F3B; text-align: center; direction: ltr; }
.store-logo-radius-control input { width: 100%; accent-color: #0B3F3B; cursor: pointer; }
.store-logo-radius-control small { color: #0B3F3B; }
.order-store-logo-field { grid-column: 1 / -1; }
.email-preview-body { padding: 8px 25px 22px; line-height: 1.85; }
.email-preview-body h3 { margin: 6px 0 16px; color: #062B28; font-size: 20px; }
.email-preview-body p { margin: 0 0 12px; text-align: right; font-size: 12px; }
.email-preview-body > a { margin: 9px auto 15px; padding: 10px 23px; display: inline-block; color: #fff; border-radius: 7px; background: var(--email-theme); text-decoration: none; font-size: 12px; font-weight: 800; pointer-events: none; }
.email-trust-note { padding: 9px 10px; display: flex; align-items: center; gap: 6px; color: #708198; border-radius: 7px; background: #F3F8F7; font-size: 9px; }
.email-trust-note .line-icon { width: 13px; height: 13px; flex: 0 0 13px; color: var(--email-theme); }
.email-preview-body .email-thanks { margin: 13px 0 0; text-align: center; color: #657890; }
.email-preview-footer { padding: 12px; color: #9aa7b7; border-top: 1px solid #F3F8F7; background: #F3F8F7; font-size: 9px; }
.email-safety-card { color: #0B3F3B; font-size: 12px; }
.email-safety-card strong { color: #062B28; }
.email-safety-card p { margin: 7px 0 0; line-height: 1.8; }

/* Unified templates catalog and grouped dashboard navigation. */
.sidebar { overflow-y: auto; }
.side-links { display: grid; gap: 12px; }
.side-group { display: grid; gap: 4px; }
.side-group + .side-group { padding-top: 11px; border-top: 1px solid #F3F8F7; }
.side-group-title { padding: 0 13px 5px; color: #8796ab; font-size: 10px; font-weight: 800; }
.side-link { position: relative; min-height: 39px; padding-inline: 12px; font-size: 12px; }
.side-link .line-icon { width: 18px; height: 18px; flex-basis: 18px; }
.side-link.active::after { width: 3px; position: absolute; inset-block: 8px; inset-inline-end: -1px; content: ""; border-radius: 999px; background: #0B3F3B; }
.sidebar-support-link {
  width: 100%; min-height: 42px; margin-top: auto; padding: 0 13px; display: flex; align-items: center; justify-content: flex-start; gap: 10px;
  color: #fff; border: 1px solid #E8F1F0; border-radius: 8px; background: var(--brand-primary); font: inherit; font-size: 12px; font-weight: 800; cursor: pointer;
}
.sidebar-support-link .line-icon { width: 18px; height: 18px; }
.template-breadcrumb { margin: 0 0 10px; display: flex; align-items: center; gap: 10px; justify-content: flex-start; color: #0B3F3B; font-size: 12px; }
.template-breadcrumb b { color: #E8F1F0; }
.template-breadcrumb strong { color: #062B28; }
.template-summary-grid { max-width: 620px; margin-bottom: 18px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.template-summary-grid article { min-height: 88px; padding: 16px; display: flex; align-items: center; gap: 13px; }
.template-summary-grid small, .template-summary-grid strong { display: block; }
.template-summary-grid small { margin-bottom: 5px; color: #71829a; font-size: 11px; }
.template-summary-grid strong { color: #062B28; font-size: 22px; }
.template-summary-icon { width: 40px; height: 40px; display: grid; place-items: center; color: #0B3F3B; border-radius: 8px; background: #F3F8F7; }
.template-summary-icon:is(.success,.warning) { color: #087267; background: #edf8f6; }
.template-summary-icon .line-icon { width: 21px; height: 21px; }
.template-catalog-card { padding: 16px; }
.template-catalog-toolbar { padding-bottom: 16px; display: grid; grid-template-columns: minmax(230px,1fr) 190px auto; gap: 12px; align-items: center; border-bottom: 1px solid #F3F8F7; }
.template-search-wrap { position: relative; display: block; }
.template-search-wrap > .line-icon { width: 17px; height: 17px; position: absolute; inset-inline-end: 13px; inset-block-start: 50%; z-index: 1; color: #8797aa; transform: translateY(-50%); }
.template-search-wrap .input { padding-inline-end: 40px; }
.template-channel-tabs { padding: 4px; display: flex; gap: 4px; border: 1px solid #E8F1F0; border-radius: 8px; background: #F3F8F7; }
.template-channel-tabs button { min-height: 35px; padding: 0 17px; color: #0B3F3B; border: 0; border-radius: 6px; background: transparent; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; white-space: nowrap; }
.template-channel-tabs button.active { color: #0B3F3B; background: #fff; box-shadow: 0 2px 9px rgba(6, 43, 40,.1); }
.template-catalog-list { display: grid; gap: 10px; padding-top: 16px; }
.template-catalog-row { min-height: 114px; padding: 18px; display: grid; grid-template-columns: 58px minmax(0,1fr) auto; gap: 15px; align-items: center; border: 1px solid #E8F1F0; border-radius: 9px; background: #fff; transition: border-color .18s ease, box-shadow .18s ease; }
.template-catalog-row:hover { border-color: #E8F1F0; box-shadow: 0 8px 24px rgba(6, 43, 40,.07); }
.template-brand-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 9px; }
.template-brand-icon:is(.whatsapp,.email) { color: #087267; background: #edf8f6; }
.template-brand-icon.salla { background: #F3F8F7; }
.template-brand-icon .line-icon { width: 29px; height: 29px; }
.template-brand-icon img { width: 40px; max-height: 34px; object-fit: contain; }
.template-catalog-copy { min-width: 0; }
.template-row-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.template-row-heading h2 { margin: 0; color: #062B28; font-size: 15px; }
.channel-pill { padding: 4px 9px; border-radius: 999px; font-size: 9px; font-weight: 800; }
.channel-pill.whatsapp { color: #0b8a54; background: #eaf9f1; }
.channel-pill.email { color: #0B3F3B; background: #F3F8F7; }
.channel-pill.salla { color: #062B28; background: #F3F8F7; }
.template-catalog-copy > p { max-width: 780px; margin: 7px 0 9px; color: #71829a; font-size: 11px; line-height: 1.7; }
.template-row-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; color: #0B3F3B; font-size: 10px; }
.template-row-actions { display: flex; align-items: center; gap: 8px; }
.template-row-actions .btn { min-height: 38px; padding-inline: 13px; font-size: 11px; }
.template-row-actions .line-icon { width: 15px; height: 15px; }
.template-catalog-footer { padding: 16px 4px 2px; display: flex; justify-content: space-between; gap: 14px; color: #8190a4; font-size: 10px; }
.template-catalog-empty { min-height: 240px; padding: 36px 20px; display: grid; justify-items: center; align-content: center; gap: 10px; color: #70829b; text-align: center; }
.template-catalog-empty > .line-icon { width: 40px; height: 40px; padding: 9px; color: #0B3F3B; border-radius: 9px; background: #F3F8F7; }
.template-catalog-empty strong { color: #062B28; }
.template-catalog-empty p { max-width: 520px; margin: 0; font-size: 12px; line-height: 1.8; }

:root[data-theme="dark"] .side-group + .side-group,
:root[data-theme="dark"] .template-catalog-toolbar { border-color: #062B28; }
:root[data-theme="dark"] .side-group-title { color: #0B3F3B; }
:root[data-theme="dark"] .sidebar-support-link { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .template-summary-grid strong,
:root[data-theme="dark"] .template-row-heading h2,
:root[data-theme="dark"] .template-catalog-empty strong { color: #F3F8F7; }
:root[data-theme="dark"] .template-catalog-row { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .template-channel-tabs { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .template-channel-tabs button { color: #E8F1F0; }
:root[data-theme="dark"] .template-channel-tabs button.active { color: #E8F1F0; background: #062B28; box-shadow: none; }

@media (max-width: 1100px) {
  .template-catalog-toolbar { grid-template-columns: 1fr 180px; }
  .template-channel-tabs { grid-column: 1 / -1; width: max-content; max-width: 100%; overflow-x: auto; }
}
@media (max-width: 720px) {
  .template-breadcrumb { margin: 0 0 14px; }
  .template-summary-grid { grid-template-columns: 1fr; max-width: none; }
  .template-summary-grid article { min-height: 72px; }
  .template-catalog-toolbar { grid-template-columns: 1fr; }
  .template-channel-tabs { grid-column: auto; width: 100%; }
  .template-channel-tabs button { flex: 1; padding-inline: 10px; }
  .template-catalog-row { grid-template-columns: 48px minmax(0,1fr); padding: 14px; }
  .template-brand-icon { width: 46px; height: 46px; }
  .template-row-actions { grid-column: 1 / -1; }
  .template-row-actions .btn { flex: 1; }
  .template-catalog-footer { display: grid; }
}

/* Templates workspace v2: replaces the legacy catalog rows and flat previews. */
.template-header-actions { display: flex; align-items: center; gap: 10px; }
.template-header-actions .btn { min-width: 96px; }
.template-header-actions .line-icon { width: 16px; height: 16px; }
.template-catalog-shell { margin-top: 20px; padding: 22px; border-radius: 12px; }
.template-catalog-toolbar { padding: 0 0 18px; display: grid; grid-template-columns: minmax(260px, 1fr) 190px auto; gap: 12px; align-items: center; border-bottom: 1px solid #F3F8F7; }
.template-catalog-count { color: #0B3F3B; font-size: 11px; font-weight: 800; white-space: nowrap; }
.template-catalog-grid { min-height: 220px; padding: 20px 0 2px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.template-catalog-grid > .loading-state,
.template-catalog-grid > .template-catalog-empty { grid-column: 1 / -1; }
.template-catalog-card { min-height: 225px; padding: 20px; display: flex; flex-direction: column; border: 1px solid #E8F1F0; border-radius: 11px; background: #fff; box-shadow: 0 5px 18px rgba(6, 43, 40, .035); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.template-catalog-card:hover { border-color: #E8F1F0; box-shadow: 0 12px 28px rgba(6, 43, 40, .075); transform: translateY(-1px); }
.template-catalog-card-head { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px; align-items: start; }
.template-catalog-card-head > div { min-width: 0; }
.template-card-title-row { min-height: 32px; display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.template-card-title-row h2 { margin: 0; color: #062B28; font-size: 18px; line-height: 1.5; }
.template-catalog-card-head p { margin: 7px 0 0; color: #0B3F3B; font-size: 12px; line-height: 1.8; }
.template-brand-icon { width: 62px; height: 62px; display: grid; place-items: center; flex: 0 0 62px; border-radius: 12px; }
.template-brand-icon:is(.whatsapp,.email) { color: #087267; border: 1px solid #d8ebe7; background: #edf8f6; }
.template-brand-icon.salla { border: 1px solid #E8F1F0; background: #F3F8F7; }
.template-brand-icon .line-icon { width: 34px; height: 34px; stroke-width: 1.7; }
.template-brand-icon img { width: 45px; max-height: 38px; object-fit: contain; }
.template-card-divider { height: 1px; margin: 18px 0 13px; background: #F3F8F7; }
.template-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 16px; color: #74869d; font-size: 10px; }
.template-card-actions { margin-top: auto; padding-top: 17px; display: flex; align-items: center; gap: 10px; }
.template-card-actions .btn { min-width: 108px; min-height: 38px; }
.template-card-actions .line-icon { width: 16px; height: 16px; }
.channel-pill { padding: 4px 10px; border-radius: 999px; font-size: 9px; font-weight: 900; }
.channel-pill.whatsapp { color: #078a4b; background: #e7faef; }
.channel-pill.email { color: #0B3F3B; background: #F3F8F7; }
.channel-pill.salla { color: #062B28; background: #F3F8F7; }
.channel-pill.approved { display: inline-flex; align-items: center; gap: 4px; color: #07965a; background: #e8f9f0; }
.channel-pill.approved .line-icon { width: 12px; height: 12px; }

.general-templates-list { margin-top: 20px; display: grid; gap: 18px; }
.general-template-card {
  min-height: 154px; padding: 22px 24px; display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(178px, .28fr);
  align-items: center; gap: 24px; border: 1px solid #E8F1F0; border-radius: 14px;
  background: #fff; box-shadow: 0 8px 24px rgba(6, 43, 40, .045);
}
.general-template-main { min-width: 0; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 17px; align-items: start; }
.general-template-copy { min-width: 0; }
.general-template-copy h2 { margin: 0; color: #062B28; font-size: 18px; }
.general-template-copy > p { max-width: 760px; margin: 7px 0 10px; color: #0B3F3B; font-size: 12px; line-height: 1.8; }
.general-template-state { min-height: 23px; display: flex; align-items: center; }
.general-template-actions { display: flex; align-items: center; gap: 10px; }
.general-template-actions .btn { min-width: 106px; min-height: 39px; }
.general-template-actions .line-icon { width: 16px; height: 16px; }
.general-template-stats { align-self: stretch; padding-inline-start: 20px; display: grid; align-content: center; gap: 14px; border-inline-start: 1px solid #F3F8F7; }
.general-template-stats > span { display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: 8px; align-items: center; color: #0B3F3B; }
.general-template-stats .line-icon { width: 17px; height: 17px; grid-row: 1 / 3; color: #0B3F3B; }
.general-template-stats small { color: #0B3F3B; font-size: 9px; }
.general-template-stats strong { color: #0B3F3B; font-size: 10px; line-height: 1.55; }
.general-template-notice { margin-top: 18px; padding: 16px 18px; display: flex; align-items: center; gap: 13px; color: #062B28; border: 1px solid #E8F1F0; border-radius: 12px; background: #F3F8F7; }
.general-template-notice > .line-icon { width: 30px; height: 30px; flex: 0 0 30px; color: #16a667; }
.general-template-notice > div:nth-child(2) { flex: 1; }
.general-template-notice strong { color: #062B28; }
.general-template-notice p { margin: 4px 0 0; color: #71839a; font-size: 11px; }

.meta-approved-editor { margin-top: 20px; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 18px; align-items: start; }
.meta-approved-form, .meta-approved-preview { padding: 22px; }
.meta-approved-form .section-head h2 { display: flex; align-items: center; gap: 8px; }
.meta-approved-form .section-head h2 .line-icon { width: 20px; height: 20px; color: #0B3F3B; }
.meta-approved-fields { margin-top: 18px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.meta-approved-body { min-height: 180px; line-height: 1.9; resize: vertical; }
.meta-approved-footer { margin-top: 16px; padding-top: 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid #F3F8F7; }
.meta-approved-footer > span { display: flex; align-items: center; gap: 7px; color: #71839a; font-size: 10px; }
.meta-approved-footer > span .line-icon { width: 16px; height: 16px; color: #0B3F3B; }
.btn-danger-outline { color: #dc3545; border: 1px solid #f4b8bf; background: #fff; }
.btn-danger-outline:hover { color: #fff; border-color: #dc3545; background: #dc3545; }
.meta-approved-preview { position: sticky; top: 88px; align-self: start; }
.meta-approved-message { margin-top: 15px; padding: 20px; color: #062B28; border: 1px solid #dbe7d5; border-radius: 12px; background: var(--brand-primary); line-height: 1.9; }
.meta-approved-message strong { color: #062B28; }
.meta-approved-message p { white-space: normal; }
.meta-approved-message small { display: block; color: #71869c; }

.template-editor-v2 { margin-top: 20px; display: grid; gap: 18px; align-items: start; }
.template-editor-v2-whatsapp { grid-template-columns: minmax(0, 1fr) 360px; direction: rtl; }
.template-editor-v2-whatsapp > * { direction: rtl; }
.template-editor-card-v2 { min-width: 0; padding: 22px; }
.template-editor-card-v2 form { gap: 17px; }
.template-editor-meta-v2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.template-editor-v2-body { min-height: 310px; padding: 20px; color: #062B28; background: #fff; line-height: 2.1; resize: vertical; }
.template-settings-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .7fr); gap: 13px; align-items: stretch; }
.template-settings-grid .setting-row { min-height: 74px; padding: 12px 14px; border: 1px solid #E8F1F0; border-radius: 8px; }
.template-settings-grid .setting-row small { display: block; margin-top: 3px; color: #8391a5; font-size: 10px; }
.template-editor-v2-footer { padding-top: 15px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid #F3F8F7; }
.template-editor-v2-footer > .muted { max-width: 50%; font-size: 10px; }
.template-editor-v2-footer .template-actions { margin: 0; }
.template-editor-v2-footer .btn { min-width: 150px; }
.template-preview-v2 { display: grid; gap: 14px; }
.template-preview-v2 > .card { padding: 17px; }
.template-phone-card { overflow: hidden; }
.whatsapp-phone-preview { min-height: 520px; padding: 18px 12px; display: grid; place-items: center; border-radius: 12px; background: #16A34A; }
.whatsapp-phone-shell { width: 276px; height: 500px; padding: 12px; position: relative; overflow: hidden; color: #e9f5ee; border: 7px solid #062B28; border-radius: 38px; background: #071813; box-shadow: 0 18px 34px rgba(7, 24, 19, .22), inset 0 0 0 1px #5d6870; }
.whatsapp-phone-shell::before { position: absolute; inset: 70px 0 50px; content: ""; opacity: .16; background-image: none; background-size: 24px 24px, 31px 31px; }
.whatsapp-phone-speaker { width: 74px; height: 17px; margin: -12px auto 7px; border-radius: 0 0 12px 12px; background: #062B28; }
.whatsapp-chat-top { min-height: 48px; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; column-gap: 8px; position: relative; z-index: 1; border-bottom: 1px solid rgba(255,255,255,.08); }
.whatsapp-chat-top > span { grid-row: 1 / 3; font-size: 25px; }
.whatsapp-chat-top b { align-self: end; font-size: 12px; }
.whatsapp-chat-top small { align-self: start; color: #aabbb2; font-size: 8px; }
.whatsapp-chat-top i { grid-column: 3; grid-row: 1 / 3; font-style: normal; font-size: 20px; }
.whatsapp-chat-day { width: max-content; margin: 12px auto; padding: 4px 9px; position: relative; z-index: 1; color: #c7d8cf; border-radius: 7px; background: #23332d; font-size: 8px; }
.whatsapp-message-bubble { width: 91%; margin-right: auto; padding: 13px; position: relative; z-index: 1; color: #f4faf6; border-radius: 11px 11px 3px 11px; background: #062B28; box-shadow: 0 6px 14px rgba(0,0,0,.18); font-size: 10px; line-height: 1.85; }
.whatsapp-message-bubble strong { display: block; margin-bottom: 7px; }
.whatsapp-message-bubble p { margin: 0; }
.whatsapp-message-bubble [data-whatsapp-preview-body] { white-space: pre-wrap; }
.whatsapp-message-bubble a { margin-top: 8px; display: inline-block; color: #E8F1F0; direction: ltr; pointer-events: none; }
.whatsapp-message-bubble small { display: block; color: #a8d7c8; direction: ltr; text-align: right; }
.whatsapp-chat-composer { height: 36px; padding: 0 11px; display: flex; align-items: center; gap: 8px; position: absolute; inset-inline: 11px; bottom: 11px; z-index: 1; color: #91a49a; border-radius: 18px; background: #1b2a25; font-size: 9px; }
.whatsapp-chat-composer span { margin-inline-start: auto; }
.whatsapp-chat-composer b { color: #062B28; }
.renewal-whatsapp-phone-preview { border: 1px solid #E8F1F0; background: #fff; }
.renewal-whatsapp-phone-preview .whatsapp-phone-shell { color: #0B3F3B; border-color: #0B3F3B; background: #fff; box-shadow: 0 18px 34px rgba(6, 43, 40, .1), inset 0 0 0 1px #DCE9E7; }
.renewal-whatsapp-phone-preview .whatsapp-phone-speaker { background: #0B3F3B; }
.renewal-whatsapp-phone-preview .whatsapp-chat-top { color: #0B3F3B; border-bottom-color: #E8F1F0; }
.renewal-whatsapp-phone-preview .whatsapp-chat-top small { color: #6F817E; }
.renewal-whatsapp-phone-preview .whatsapp-chat-day { color: #0B3F3B; background: #E8F1F0; }
.renewal-whatsapp-phone-preview .whatsapp-message-bubble { color: #0B3F3B; border: 1px solid #DCE9E7; background: #F3F8F7; box-shadow: 0 8px 22px rgba(6, 43, 40, .07); }
.renewal-whatsapp-phone-preview .whatsapp-message-bubble strong { color: #062B28; }
.renewal-whatsapp-phone-preview .whatsapp-message-bubble a { color: #0F9B5C; }
.renewal-whatsapp-phone-preview .whatsapp-message-bubble small { color: #778C88; }
.renewal-whatsapp-phone-preview .whatsapp-chat-composer { color: #758B87; border: 1px solid #E8F1F0; background: #F3F8F7; }
.renewal-whatsapp-phone-preview .whatsapp-chat-composer b { color: #15957F; }
.template-safety-note strong { color: #062B28; }
.template-safety-note p { margin: 7px 0 0; color: #0B3F3B; font-size: 11px; line-height: 1.75; }

.template-editor-v2-email { display: block; direction: rtl; }
.template-editor-v2-email > * { direction: rtl; }
.email-builder-form { display: grid; grid-template-columns: 280px minmax(0, 1fr) 350px; align-items: start; gap: 18px; }
.email-builder-form > * { min-width: 0; }
.email-settings-v2 { padding: 19px; display: grid; gap: 14px; }
.email-settings-v2 h2 { margin: 0; color: #062B28; font-size: 17px; }
.email-settings-v2 > p { margin: -7px 0 2px; font-size: 10px; }
.email-settings-v2 .email-theme-row { padding: 12px; border: 1px solid #E8F1F0; border-radius: 9px; }
.email-settings-hint { padding: 10px; color: #0B3F3B; border: 1px solid #E8F1F0; border-radius: 8px; background: #F3F8F7; font-size: 10px; line-height: 1.7; }
.email-editor-v2 .email-content-editor { min-height: 280px; }
.email-preview-v2 { position: sticky; top: 88px; align-self: start; }
.email-preview-v2 > article { padding: 17px; }
.email-preview-v2 .email-envelope { max-height: 630px; overflow: auto; }
.email-editor-v2 { padding: 20px; display: grid; gap: 18px; }
.email-editor-v2 > .section-head { margin-bottom: 0; }
.email-design-builder { display: grid; gap: 15px; }
.email-design-builder-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.email-design-builder-head h3 { margin: 0; color: #062B28; font-size: 15px; }
.email-design-builder-head p { margin: 4px 0 0; color: #0B3F3B; font-size: 10.5px; line-height: 1.65; }
.email-source-status { flex: 0 0 auto; padding: 7px 10px; color: #0B3F3B; border: 1px solid #bcded8; border-radius: 999px; background: #eefaf7; font-size: 9.5px; font-weight: 800; white-space: nowrap; }
.email-source-status.is-code { color: #1d4ed8; border-color: #bfdbfe; background: #eff6ff; }
.email-design-workspace { display: grid; gap: 12px; }
.email-design-presets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.email-design-preset { min-width: 0; padding: 11px; display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 3px 10px; border: 1px solid #dbe8e6; border-radius: 13px; background: #fff; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.email-design-preset:hover { transform: translateY(-1px); border-color: #91bbb5; }
.email-design-preset.is-active { border-color: #0B3F3B; box-shadow: 0 0 0 3px rgba(11,63,59,.09); }
.email-design-preset > strong { min-width: 0; color: #062B28; font-size: 11.5px; }
.email-design-preset > small { min-width: 0; color: #718097; font-size: 8.5px; line-height: 1.5; }
.email-design-preset > .btn { grid-column: 1 / -1; min-height: 34px; margin-top: 7px; padding: 6px 9px; font-size: 10px; }
.email-design-thumb { width: 58px; height: 58px; padding: 7px; grid-row: 1 / 3; display: grid; grid-template-rows: 8px 1fr 4px 8px; gap: 4px; overflow: hidden; border: 1px solid #d9e8e5; border-radius: 9px; background: #f7fbfa; }
.email-design-thumb i,.email-design-thumb b,.email-design-thumb span,.email-design-thumb em { display: block; border-radius: 4px; background: #cfe3df; }
.email-design-thumb i { width: 18px; justify-self: center; background: #0B3F3B; }
.email-design-thumb b { background: linear-gradient(135deg,#e8f4f2,#fff); }
.email-design-thumb em { width: 28px; justify-self: center; background: #0B3F3B; }
.email-design-preset.design-modern .email-design-thumb { background: #eaf7f4; transform: rotate(-1deg); }
.email-design-preset.design-minimal .email-design-thumb { background: #fff; border-style: dashed; }
.email-design-preset.design-premium .email-design-thumb { border-color: #315b56; background: #071f1d; }
.email-design-preset.design-premium .email-design-thumb b { background: #173b37; }
.email-design-preset.design-premium .email-design-thumb span { background: #b69b60; }
.email-design-preset.design-editorial .email-design-thumb { border-radius: 2px; background: #fffdf8; }
.email-design-preset.design-editorial .email-design-thumb b { border-inline-start: 4px solid #9a7042; border-radius: 1px; background: #f4eee4; }
.email-design-preset.design-commerce .email-design-thumb { background: #f8fbff; }
.email-design-preset.design-commerce .email-design-thumb b { background: repeating-linear-gradient(90deg,#dce8f8 0 9px,#fff 9px 13px); }
.email-design-preset.design-aurora .email-design-thumb { border-color: #c4b5fd; background: linear-gradient(145deg,#ecfeff,#f5f3ff 52%,#fdf2f8); }
.email-design-preset.design-aurora .email-design-thumb i,.email-design-preset.design-aurora .email-design-thumb em { background: #7c3aed; }
.email-design-preset.design-executive .email-design-thumb { border-color: #334155; background: #f8fafc; }
.email-design-preset.design-executive .email-design-thumb i { width: 100%; background: #0f172a; }
.email-template-theme { padding: 13px 14px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid #dbe8e6; border-radius: 13px; background: #fff; }
.email-template-theme strong,.email-template-theme small { display: block; }
.email-template-theme strong { color: #062B28; font-size: 11px; }
.email-template-theme small { margin-top: 3px; color: #718097; font-size: 9px; line-height: 1.55; }
.email-theme-palette { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.email-theme-palette > button,.email-theme-palette > label { width: 27px; height: 27px; padding: 0; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; background: var(--email-palette,#0B3F3B); box-shadow: 0 0 0 1px #d6e2e0; cursor: pointer; transition: transform .18s ease,box-shadow .18s ease; }
.email-theme-palette > button:hover,.email-theme-palette > button.active { transform: scale(1.08); box-shadow: 0 0 0 2px #0B3F3B; }
.email-theme-palette > label { position: relative; overflow: hidden; border-radius: 8px; background: #f1f5f9; }
.email-theme-palette input { width: 34px; height: 34px; position: absolute; inset: -4px; opacity: 0; cursor: pointer; }
.email-theme-palette label span { color: #334155; pointer-events: none; }
.email-theme-palette label svg { width: 14px; height: 14px; }
.email-code-designer { overflow: hidden; border: 1px solid #dbe8e6; border-radius: 13px; background: #fbfdfd; }
.email-code-designer summary { min-height: 50px; padding: 11px 14px; display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #062B28; cursor: pointer; font-size: 12px; font-weight: 800; list-style: none; }
.email-code-designer summary::-webkit-details-marker { display: none; }
.email-code-designer summary span { display: inline-flex; align-items: center; gap: 8px; }
.email-code-designer summary svg { width: 18px; height: 18px; }
.email-code-designer summary small { padding: 3px 7px; color: #64748b; border-radius: 999px; background: #eef2f6; font-size: 8px; }
.email-code-designer summary b { color: #0B3F3B; font-size: 9px; }
.email-code-designer-body { padding: 14px; display: grid; gap: 12px; border-top: 1px solid #e4eeec; }
.email-html-editor { min-height: 230px; padding: 15px; direction: ltr; text-align: left; color: #d9f4ee; border-color: #193c38; background: #071f1d; font-family: "Cascadia Code","SFMono-Regular",Consolas,monospace; font-size: 11px; line-height: 1.75; tab-size: 2; }
.email-code-actions { display: flex; gap: 9px; flex-wrap: wrap; }
.email-code-validation { padding: 10px 12px; border: 1px solid #dbe8e6; border-radius: 9px; font-size: 10px; line-height: 1.65; }
.email-code-validation.neutral { color: #64748b; background: #f8fafc; }
.email-code-validation.success { color: #166534; border-color: #bbf7d0; background: #f0fdf4; }
.email-code-validation.danger { color: #b91c1c; border-color: #fecaca; background: #fef2f2; }
.email-fallback-editor { display: grid; gap: 13px; padding-top: 17px; border-top: 1px solid #e4eeec; }
.email-preview-security { margin-top: 12px; padding: 9px; display: flex; align-items: center; gap: 7px; color: #0B3F3B; border-radius: 9px; background: #F3F8F7; font-size: 9px; line-height: 1.6; }
.email-preview-security svg { width: 16px; height: 16px; flex: 0 0 16px; }
.email-envelope.design-modern .email-preview-body { margin: 0 14px 18px; padding: 20px; border-radius: 18px; background: #f3f8f7; box-shadow: 0 12px 25px rgba(6,43,40,.07); }
.email-envelope.design-minimal { box-shadow: none; }
.email-envelope.design-minimal .email-preview-brand small,.email-envelope.design-minimal .email-trust-note { display: none; }
.email-envelope.design-premium { color: #eafffb; border-color: #315b56; background: #071f1d; }
.email-envelope.design-premium .email-preview-body h3,.email-envelope.design-premium .email-preview-brand strong { color: #f8fffe; }
.email-envelope.design-premium .email-preview-footer { color: #a8c1bc; border-color: #315b56; background: #0d2b28; }
.email-envelope.design-editorial { border-radius: 2px; background: #fffdf8; font-family: Georgia,"Times New Roman",serif; }
.email-envelope.design-editorial::before { height: 2px; }
.email-envelope.design-editorial .email-preview-body { margin-inline: 18px; padding-inline: 18px; border-inline-start: 4px solid var(--email-theme); }
.email-envelope.design-commerce .email-preview-brand { background: color-mix(in srgb,var(--email-theme) 7%,#fff); }
.email-envelope.design-commerce .email-preview-body { margin: 0 14px 18px; padding: 20px; border: 1px solid color-mix(in srgb,var(--email-theme) 24%,#e8f1f0); border-radius: 12px; }
.email-envelope.design-aurora { border-color: color-mix(in srgb,var(--email-theme) 26%,#e8f1f0); background: linear-gradient(150deg,#ecfeff 0%,#fff 46%,#fdf2f8 100%); }
.email-envelope.design-aurora .email-preview-body > a { box-shadow: 0 10px 24px color-mix(in srgb,var(--email-theme) 28%,transparent); }
.email-envelope.design-executive { border-color: #cbd5e1; border-radius: 4px; }
.email-envelope.design-executive .email-preview-brand { color: #0f172a; border-bottom: 1px solid #e2e8f0; }
.email-envelope.design-executive .email-preview-body h3 { color: #0f172a; text-transform: none; }
.email-envelope.uses-custom-html .email-preview-body { padding-inline: 14px; }
.email-custom-html-preview { max-width: 100%; overflow: auto; text-align: initial; }
.email-custom-html-preview img,.salla-email-preview.uses-custom-html .salla-preview-message img { max-width: 100%; height: auto; }
.email-custom-html-preview table,.salla-email-preview.uses-custom-html .salla-preview-message table { max-width: 100%; border-collapse: collapse; }
.salla-email-builder-panel { display: grid; gap: 16px; background: #fff; }
.salla-email-builder-panel > .section-head { margin-bottom: 0; }
.salla-email-builder-panel .email-design-builder { padding: 15px; border: 1px solid #e1ecea; border-radius: 15px; background: #f7fbfa; }
.salla-email-builder-panel > .salla-email-logo-editor { margin-top: 0; }
.salla-email-design-section { display: grid; gap: 12px; }
.salla-email-design-section > .section-head { margin-bottom: 0; }
.salla-email-builder-panel .email-design-builder.is-salla-catalog .email-design-workspace { grid-template-columns: minmax(0, 1fr) minmax(210px, .58fr); align-items: start; }
.salla-email-builder-panel .email-design-builder.is-salla-catalog .email-design-presets { grid-template-columns: 1fr; }
.salla-email-builder-panel .email-design-builder.is-salla-catalog .email-template-theme { min-height: 100%; display: grid; align-content: start; justify-items: stretch; gap: 16px; }
.salla-email-builder-panel .email-design-builder.is-salla-catalog .email-theme-palette { align-self: end; }
.salla-email-builder-panel .email-fallback-editor { padding-top: 15px; }
.salla-email-preview.design-premium .salla-email-preview-canvas { color: #eafffb; background: #071f1d; }
.salla-email-preview.design-premium .salla-email-preview-head { border-color: #315b56; background: #0d2b28; }
.salla-email-preview.design-premium .salla-email-preview-head strong,.salla-email-preview.design-premium .salla-email-preview-head small,.salla-email-preview.design-premium .salla-preview-message { color: #eafffb; }
.salla-email-preview.design-premium .salla-email-hero { color: #fff; background: #173b37; }
.salla-email-preview .salla-email-hero { color: var(--email-theme); background: color-mix(in srgb,var(--email-theme) 10%,#fff); }
.salla-email-preview .salla-preview-cta.primary { border-color: var(--email-theme); background: var(--email-theme); }
.salla-email-preview.design-editorial .salla-email-preview-canvas { border-radius: 2px; background: #fffdf8; font-family: Georgia,"Times New Roman",serif; }
.salla-email-preview.design-editorial .salla-preview-message { padding-inline-start: 16px; border-inline-start: 4px solid var(--email-theme); }
.salla-email-preview.design-commerce .salla-email-preview-canvas { background: #f8fbff; }
.salla-email-preview.design-commerce .salla-preview-message { padding: 18px; border: 1px solid color-mix(in srgb,var(--email-theme) 24%,#dbe8e6); border-radius: 12px; background: #fff; }
.salla-email-preview.design-aurora .salla-email-preview-canvas { background: linear-gradient(150deg,#ecfeff 0%,#fff 50%,#fdf2f8 100%); }
.salla-email-preview.design-executive .salla-email-preview-canvas { border-radius: 4px; background: #fff; }
.salla-email-preview.design-executive .salla-email-preview-head { border-bottom: 2px solid #0f172a; background: #f8fafc; }
.salla-email-preview.uses-custom-html .salla-preview-message { overflow: auto; white-space: normal; }

:root[data-theme="dark"] .template-catalog-card,
:root[data-theme="dark"] .template-editor-card-v2,
:root[data-theme="dark"] .email-settings-v2,
:root[data-theme="dark"] .template-preview-v2 > .card { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .template-card-title-row h2,
:root[data-theme="dark"] .email-settings-v2 h2,
:root[data-theme="dark"] .template-safety-note strong { color: #F3F8F7; }
:root[data-theme="dark"] .general-template-card,
:root[data-theme="dark"] .meta-approved-form,
:root[data-theme="dark"] .meta-approved-preview { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .general-template-copy h2,
:root[data-theme="dark"] .general-template-notice strong,
:root[data-theme="dark"] .meta-approved-message strong { color: #F3F8F7; }
:root[data-theme="dark"] .general-template-stats,
:root[data-theme="dark"] .meta-approved-footer { border-color: #062B28; }
:root[data-theme="dark"] .general-template-notice { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .general-template-notice p { color: #E8F1F0; }
:root[data-theme="dark"] .meta-approved-message { color: #E8F1F0; border-color: #2d493f; background: #062B28; }
:root[data-theme="dark"] .btn-danger-outline { color: #ff8290; border-color: #6b3540; background: #062B28; }
:root[data-theme="dark"] .template-card-divider,
:root[data-theme="dark"] .template-catalog-toolbar,
:root[data-theme="dark"] .template-editor-v2-footer { border-color: #062B28; background-color: transparent; }
:root[data-theme="dark"] .template-editor-v2-body { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .email-design-preset,
:root[data-theme="dark"] .email-template-theme,
:root[data-theme="dark"] .email-code-designer,
:root[data-theme="dark"] .salla-email-builder-panel,
:root[data-theme="dark"] .salla-email-builder-panel .email-design-builder { border-color: #315b56; background: #0d2b28; }
:root[data-theme="dark"] .email-design-builder-head h3,
:root[data-theme="dark"] .email-design-preset > strong,
:root[data-theme="dark"] .email-code-designer summary { color: #f3f8f7; }
:root[data-theme="dark"] .email-design-builder-head p,
:root[data-theme="dark"] .email-design-preset > small { color: #a8c1bc; }

@media (max-width: 1380px) {
  .email-builder-form { grid-template-columns: 250px minmax(0, 1fr) 315px; }
}
@media (max-width: 1180px) {
  .general-template-card { grid-template-columns: minmax(0, 1fr) auto; }
  .general-template-stats { grid-column: 1 / -1; padding: 14px 0 0; grid-template-columns: repeat(2, minmax(0, 1fr)); border-inline-start: 0; border-top: 1px solid #F3F8F7; }
  .meta-approved-editor { grid-template-columns: minmax(0, 1fr) 310px; }
  .meta-approved-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .email-builder-form { grid-template-columns: minmax(0, 1fr) 340px; direction: rtl; }
  .template-editor-v2-email > * { direction: rtl; }
  .email-settings-v2 { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .email-settings-v2 h2, .email-settings-v2 > p, .email-settings-hint, .email-settings-v2 .email-theme-row { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .meta-approved-editor { grid-template-columns: 1fr; }
  .meta-approved-preview { position: static; }
  .template-catalog-grid { grid-template-columns: 1fr; }
  .template-editor-v2-whatsapp,
  .template-editor-v2-email { grid-template-columns: 1fr; }
  .email-builder-form { grid-template-columns: 1fr; }
  .email-settings-v2 { grid-column: auto; }
  .email-preview-v2 { position: static; }
  .template-editor-v2-footer { align-items: stretch; flex-direction: column; }
  .template-editor-v2-footer > .muted { max-width: none; }
}
@media (max-width: 640px) {
  .general-template-card { padding: 16px; grid-template-columns: 1fr; gap: 15px; }
  .general-template-main { grid-template-columns: 50px minmax(0, 1fr); gap: 12px; }
  .general-template-actions { width: 100%; }
  .general-template-actions .btn { min-width: 0; flex: 1; }
  .general-template-stats { grid-column: auto; grid-template-columns: 1fr; }
  .general-template-notice { align-items: flex-start; flex-wrap: wrap; }
  .general-template-notice .inline-actions { width: 100%; }
  .meta-approved-fields { grid-template-columns: 1fr; }
  .meta-approved-footer { align-items: stretch; flex-direction: column; }
  .meta-approved-footer .inline-actions { width: 100%; flex-wrap: wrap; }
  .meta-approved-footer .btn { flex: 1; }
  .template-header-actions { width: 100%; }
  .template-header-actions .btn { flex: 1; }
  .template-catalog-shell { padding: 14px; }
  .template-catalog-toolbar { grid-template-columns: 1fr; }
  .template-catalog-card-head { grid-template-columns: 52px minmax(0, 1fr); }
  .template-brand-icon { width: 50px; height: 50px; }
  .template-card-actions .btn { flex: 1; min-width: 0; }
  .template-editor-card-v2 { padding: 14px; }
  .template-editor-meta-v2,
  .template-settings-grid,
  .template-meta-grid,
  .email-settings-v2 { grid-template-columns: 1fr; }
  .email-settings-v2 h2, .email-settings-v2 > p, .email-settings-hint, .email-settings-v2 .email-theme-row { grid-column: auto; }
  .whatsapp-phone-preview { padding-inline: 0; }
  .whatsapp-phone-shell { width: min(276px, 100%); }
  .template-actions { width: 100%; }
  .template-editor-v2-footer .btn { flex: 1; min-width: 0; }
  .email-design-builder-head { align-items: stretch; flex-direction: column; }
  .salla-email-builder-panel .email-design-builder.is-salla-catalog .email-design-workspace { grid-template-columns: 1fr; }
  .salla-email-builder-panel .email-design-builder.is-salla-catalog .email-template-theme { min-height: 0; }
  .email-source-status { width: max-content; max-width: 100%; white-space: normal; }
  .email-design-presets { grid-template-columns: 1fr; }
  .email-code-actions { display: grid; grid-template-columns: 1fr; }
  .email-code-actions .btn { width: 100%; }
  .email-html-editor { min-height: 190px; font-size: 10px; }
}

/* Renewal email studio — reference-matched desktop workspace. */
.renewal-email-page { margin-top: 18px; }
.renewal-email-builder { display: grid; grid-template-columns: minmax(0, 1fr) 370px; align-items: start; gap: 18px; direction: rtl; }
.renewal-email-builder > * { min-width: 0; direction: rtl; }
.renewal-email-main { min-width: 0; display: grid; gap: 16px; }
.renewal-email-profile-card { padding: 18px; display: grid; grid-template-columns: minmax(190px, .9fr) minmax(320px, 1.8fr) 124px; align-items: end; gap: 14px; }
.renewal-email-profile-card > input[type="hidden"] { display: none; }
.renewal-email-profile-card .field { margin: 0; }
.renewal-email-description-field { min-width: 0; }
.renewal-email-status-control { min-height: 70px; padding: 0 2px 7px; display: grid; align-content: end; gap: 11px; color: #062B28; font-size: 11px; font-weight: 800; }
.renewal-email-status-line { display: flex; align-items: center; gap: 10px; }
.renewal-email-status-line input { width: 36px; height: 21px; margin: 0; position: relative; appearance: none; border: 1px solid #b9d1cd; border-radius: 999px; background: #dce8e6; cursor: pointer; transition: border-color .18s ease, background .18s ease; }
.renewal-email-status-line input::after { width: 15px; height: 15px; position: absolute; top: 2px; inset-inline-start: 2px; content: ""; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(6,43,40,.18); transition: transform .18s ease; }
.renewal-email-status-line input:checked { border-color: #0B3F3B; background: #0B3F3B; }
.renewal-email-status-line input:checked::after { transform: translateX(-15px); }
.renewal-email-status-line b { font-size: 11px; }
.renewal-email-content-card { padding: 18px; gap: 14px; }
.renewal-email-content-card > .section-head { margin: 0; padding-bottom: 14px; border-bottom: 1px solid #E8F1F0; }
.renewal-email-compose-grid { min-height: 590px; display: grid; grid-template-columns: 238px minmax(0, 1fr); align-items: stretch; gap: 14px; direction: rtl; }
.renewal-email-tools { min-width: 0; padding: 12px; display: grid; align-content: start; gap: 12px; border: 1px solid #E8F1F0; border-radius: 11px; background: #fbfdfd; }
.renewal-email-tool-section { min-width: 0; display: grid; gap: 9px; }
.renewal-email-tool-section + .renewal-email-tool-section { padding-top: 12px; border-top: 1px solid #E8F1F0; }
.renewal-email-tool-section > strong,.renewal-email-tool-title strong { color: #062B28; font-size: 11px; }
.renewal-email-tool-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.renewal-email-tool-title svg { width: 15px; height: 15px; color: #71837f; }
.renewal-email-variable-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.renewal-email-variable-grid .chip { min-width: 0; min-height: 33px; padding: 7px 5px; justify-content: center; overflow: hidden; direction: ltr; color: #0B3F3B; border-color: #DCE9E7; background: #fff; text-overflow: ellipsis; font-size: 8.5px; white-space: nowrap; }
.renewal-email-variable-grid .chip:hover { border-color: #78aaa3; background: #F3F8F7; }
.renewal-email-image-section .store-logo-editor { padding: 8px; grid-template-columns: 54px minmax(0, 1fr); gap: 8px; border-radius: 9px; background: #fff; }
.renewal-email-image-section .store-logo-editor-preview { width: 54px; height: 54px; border-radius: 8px; }
.renewal-email-image-section .store-logo-editor-content { gap: 3px; }
.renewal-email-image-section .store-logo-editor-content > strong,.renewal-email-image-section .store-logo-editor-content > small { display: none; }
.renewal-email-image-section .store-logo-editor-content .inline-actions { gap: 5px; }
.renewal-email-image-section .store-logo-editor-content .btn { min-height: 31px; padding: 5px 7px; font-size: 8px; }
.renewal-email-image-section .store-logo-editor-content em { font-size: 7px; line-height: 1.45; }
.renewal-email-image-section .store-logo-radius-control { grid-column: 1 / -1; margin-top: 5px; }
.renewal-email-design-section .email-design-builder { gap: 9px; }
.renewal-email-design-section .email-design-builder-head { align-items: center; gap: 8px; }
.renewal-email-design-section .email-design-builder-head h3 { font-size: 11px; }
.renewal-email-design-section .email-design-builder-head p { display: none; }
.renewal-email-design-section .email-source-status { max-width: 105px; padding: 5px 7px; overflow: hidden; text-overflow: ellipsis; font-size: 7px; }
.renewal-email-design-section .email-design-presets { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.renewal-email-design-section .email-design-preset { min-height: 68px; padding: 4px; display: block; position: relative; border-radius: 8px; }
.renewal-email-design-section .email-design-preset > strong,.renewal-email-design-section .email-design-preset > small { display: none; }
.renewal-email-design-section .email-design-thumb { width: 100%; height: 58px; padding: 5px; display: grid; border-radius: 6px; }
.renewal-email-design-section .email-design-preset > .btn { margin: 0; position: absolute; inset: 0; opacity: 0; }
.renewal-email-design-section .email-template-theme { padding: 9px; display: grid; gap: 8px; border-radius: 9px; }
.renewal-email-design-section .email-template-theme strong { font-size: 9px; }
.renewal-email-design-section .email-template-theme small { display: none; }
.renewal-email-design-section .email-theme-palette { gap: 6px; }
.renewal-email-design-section .email-theme-palette > button,.renewal-email-design-section .email-theme-palette > label { width: 25px; height: 25px; }
.renewal-email-design-section .email-code-designer { border-radius: 9px; }
.renewal-email-design-section .email-code-designer summary { min-height: 43px; padding: 8px 10px; font-size: 9px; }
.renewal-email-design-section .email-code-designer summary b { font-size: 7px; }
.renewal-email-design-section .email-code-designer-body { padding: 10px; }
.renewal-email-design-section .email-html-editor { min-height: 170px; font-size: 8.5px; }
.renewal-email-message-panel { min-width: 0; display: grid; grid-template-rows: auto minmax(400px, 1fr) auto; align-content: stretch; border: 1px solid #E8F1F0; border-radius: 11px; background: #fff; overflow: hidden; }
.renewal-email-editor-toolbar { min-height: 47px; padding: 7px 10px; border: 0; border-bottom: 1px solid #E8F1F0; border-radius: 0; background: #fff; }
.renewal-email-message-input { width: 100%; min-height: 430px !important; padding: 24px; border: 0; border-radius: 0; box-shadow: none; background: #fff; line-height: 2.15; resize: vertical; }
.renewal-email-message-input:focus { outline: 0; box-shadow: inset 0 0 0 2px rgba(11,63,59,.08); }
.renewal-email-cta-fields { margin: 0; padding: 13px; border-top: 1px solid #E8F1F0; background: #F8FBFA; }
.renewal-email-form-actions { display: flex; justify-content: flex-start; gap: 10px; }
.renewal-email-form-actions .btn { min-width: 165px; }
.renewal-email-preview-column { position: sticky; top: 88px; align-self: start; }
.renewal-email-preview-card { padding: 16px !important; }
.renewal-email-preview-card > .section-head { margin-bottom: 12px; }
.renewal-email-preview-card > .section-head h2 { font-size: 18px; white-space: nowrap; }
.renewal-email-browser { overflow: hidden; border: 1px solid #DCE9E7; border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(6,43,40,.07); }
.renewal-email-browser-bar { height: 31px; padding: 0 10px; display: flex; align-items: center; gap: 8px; direction: ltr; border-bottom: 1px solid #E8F1F0; background: #F8FAFA; }
.renewal-browser-dots { display: flex; gap: 5px; }
.renewal-browser-dots i { width: 7px; height: 7px; border-radius: 50%; background: #ff605c; }
.renewal-browser-dots i:nth-child(2) { background: #ffbd44; }
.renewal-browser-dots i:nth-child(3) { background: #00ca4e; }
.renewal-email-browser-bar > b { color: #8c9c99; font-size: 13px; }
.renewal-email-browser-bar > em { height: 10px; flex: 1; border-radius: 999px; background: #EAF0EF; }
.renewal-email-browser .email-header-preview { margin: 0; padding: 10px 12px; border: 0; border-bottom: 1px solid #E8F1F0; border-radius: 0; background: #fff; }
.renewal-email-browser .email-envelope { max-height: 560px; border: 0; border-radius: 0; box-shadow: none; }
.renewal-email-browser .email-envelope::before { height: 4px; }
.renewal-email-test-button { width: 100%; min-height: 44px; margin-top: 12px; }
.renewal-email-preview-note { margin: 8px 0 0; color: #7C8D89; text-align: center; font-size: 8px; line-height: 1.6; }

@media (max-width: 1380px) {
  .renewal-email-builder { grid-template-columns: minmax(0, 1fr) 330px; }
  .renewal-email-compose-grid { grid-template-columns: 220px minmax(0, 1fr); }
  .renewal-email-profile-card { grid-template-columns: minmax(170px, .8fr) minmax(260px, 1.6fr) 110px; }
}
@media (max-width: 1100px) {
  .renewal-email-builder { grid-template-columns: 1fr; }
  .renewal-email-preview-column { position: static; }
  .renewal-email-preview-card { max-width: 620px; }
}
@media (max-width: 760px) {
  .renewal-email-profile-card,.renewal-email-compose-grid { grid-template-columns: 1fr; }
  .renewal-email-status-control { min-height: auto; padding: 4px 0; }
  .renewal-email-tools { grid-row: 2; }
  .renewal-email-message-panel { grid-row: 1; }
  .renewal-email-form-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .renewal-email-form-actions .btn { min-width: 0; }
}

:root[data-theme="dark"] .renewal-email-tools,:root[data-theme="dark"] .renewal-email-message-panel,:root[data-theme="dark"] .renewal-email-editor-toolbar,:root[data-theme="dark"] .renewal-email-message-input,:root[data-theme="dark"] .renewal-email-browser { border-color: #315B56; background: #0D2B28; }
:root[data-theme="dark"] .renewal-email-message-input { color: #F3F8F7; }

/* Complete four-template catalog editors. */
.catalog-special-editor .template-editor-v2-body { min-height: 190px; }
.catalog-menu-options { padding: 16px; display: grid; gap: 12px; border: 1px solid #E8F1F0; border-radius: 11px; background: #F3F8F7; }
.catalog-menu-options h2 { margin: 0; color: #062B28; font-size: 16px; }
.catalog-menu-row { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 10px; }
.catalog-dual-preview { align-content: start; }
.whatsapp-phone-preview.compact { min-height: 430px; }
.whatsapp-phone-preview.compact .whatsapp-phone-shell { height: 408px; }
.whatsapp-list-button { margin-top: 10px; padding: 8px 10px; display: block; color: #E8F1F0; border-top: 1px solid rgba(255,255,255,.13); text-align: center; font-weight: 800; }
.whatsapp-opened-list { display: grid; gap: 12px; }
.whatsapp-opened-list > strong { color: #062B28; }
.whatsapp-opened-list ul { margin: 0; padding: 0; display: grid; gap: 7px; list-style: none; }
.whatsapp-opened-list li { padding: 10px 12px; display: grid; gap: 3px; border: 1px solid #E8F1F0; border-radius: 9px; background: #F3F8F7; }
.whatsapp-opened-list li strong { color: #062B28; font-size: 11px; }
.whatsapp-opened-list li span, .whatsapp-opened-list > small { color: #0B3F3B; font-size: 9px; }
.catalog-email-editor .email-settings-v2 input[type="color"] { min-height: 48px; padding: 5px; cursor: pointer; }
.template-editor-v2-salla { grid-template-columns: minmax(0, 1fr) minmax(390px, .76fr); direction: rtl; }
.template-editor-v2-salla > * { direction: rtl; }
.catalog-locked-link { min-height: 68px; padding: 13px 15px; display: flex; align-items: center; gap: 12px; color: #062B28; border: 1px solid #E8F1F0; border-radius: 10px; background: #F3F8F7; }
.catalog-locked-link .line-icon { width: 22px; height: 22px; color: #0B3F3B; }
.catalog-locked-link div { display: grid; gap: 4px; }
.catalog-locked-link small { color: #0B3F3B; font-size: 10px; }
.catalog-locked-link.compact { min-height: 46px; margin-top: 12px; justify-content: center; font-size: 10px; font-weight: 800; }
.catalog-salla-previews { align-content: start; }
.salla-preview-logo { width: 44px; max-height: 34px; object-fit: contain; }
.salla-message-preview { padding: 18px; color: #062B28; border: 1px solid #d9e8d3; border-radius: 12px; background: var(--brand-primary-soft); line-height: 1.95; }
.salla-message-preview p { margin: 0; white-space: pre-wrap; }
.salla-order-page-preview { overflow: hidden; border: 1px solid #E8F1F0; border-radius: 12px; background: #fff; box-shadow: 0 9px 24px rgba(6, 43, 40,.08); }
.salla-order-brand { padding: 14px; display: flex; align-items: center; justify-content: space-between; color: #fff; background: var(--brand-primary); }
.salla-order-brand img { width: 48px; filter: brightness(0) invert(1); }
.salla-order-page-preview h3 { margin: 16px; color: #062B28; }
.salla-order-page-preview dl { margin: 0 16px; border: 1px solid #E8F1F0; border-radius: 9px; }
.salla-order-page-preview dl div { min-height: 42px; padding: 9px 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #F3F8F7; }
.salla-order-page-preview dl div:last-child { border-bottom: 0; }
.salla-order-page-preview dt { color: #71829b; font-size: 10px; }
.salla-order-page-preview dd { margin: 0; color: #062B28; font-size: 11px; font-weight: 800; }
.salla-order-page-preview > p { margin: 14px 16px 17px; color: #8190a5; font-size: 9px; }
:root[data-theme="dark"] .catalog-menu-options,
:root[data-theme="dark"] .whatsapp-opened-list li,
:root[data-theme="dark"] .salla-order-page-preview { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .catalog-menu-options h2,
:root[data-theme="dark"] .whatsapp-opened-list > strong,
:root[data-theme="dark"] .whatsapp-opened-list li strong,
:root[data-theme="dark"] .salla-order-page-preview h3,
:root[data-theme="dark"] .salla-order-page-preview dd { color: #E8F1F0; }
:root[data-theme="dark"] .catalog-locked-link { color: #E8F1F0; border-color: #062B28; background: #062B28; }
@media (max-width: 1050px) {
  .template-editor-v2-salla { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .catalog-menu-row { grid-template-columns: 1fr; }
}

.billing-tabs { margin-top:18px; }
.billing-stats-grid { margin-top: 18px; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.billing-stat { min-height: 132px; padding: 17px 15px; display: flex; align-items: center; gap: 12px; border-color: #E4ECEB; box-shadow: 0 6px 18px rgba(6,43,40,.035); }
.billing-stat > span { width: 44px; height: 44px; display: grid; flex: 0 0 44px; place-items: center; color: #0B3F3B; border-radius: 50%; background: #F3F8F7; }
.billing-stat > span .line-icon { width: 22px; height: 22px; }
.billing-stat:is(.whatsapp,.purple,.success) > span { color: #087267; background: #edf8f6; }
.billing-stat div { min-width: 0; display: grid; gap: 5px; }
.billing-stat small,.billing-stat em { color: #7b8aa1; font-size: 10px; font-style: normal; }
.billing-stat strong { color: #0B3F3B; font-size: 19px; line-height: 1.4; font-variant-numeric: tabular-nums; }
.billing-trial-notice { margin-top: 14px; padding: 15px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #0B3F3B; border: 1px solid #CFE3E0; border-radius: 12px; background: #F3F8F7; }
.billing-trial-notice > div { display: grid; gap: 4px; }
.billing-trial-notice strong { font-size: 15px; }
.billing-trial-notice span { color: #637974; font-size: 11px; }
.billing-trial-notice.expired { border-color: #E8D6B6; background: #FFF9EF; }
.billing-trial-notice.expired strong { color: #8A5B00; }
.billing-channel-grid { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(300px, .9fr); gap: 14px; align-items: start; }
.channel-usage-card { padding: 20px; }
.channel-usage-title { display: flex; align-items: center; gap: 12px; }
.channel-usage-title > div { flex: 1; }
.channel-usage-title h2 { margin: 0; color: #062B28; }
.channel-usage-title p { margin: 5px 0 0; color: #76869d; font-size: 11px; }
.channel-usage-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; }
.channel-usage-icon.whatsapp { color: #0bad69; background: #e5f8ef; }
.channel-usage-summary { margin-top: 18px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.channel-usage-summary > div { min-height: 79px; padding: 13px; display: grid; align-content: center; gap: 6px; border: 1px solid #E8F1F0; border-radius: 9px; background: #F3F8F7; }
.channel-usage-summary span { color: #76869d; font-size: 10px; }
.channel-usage-summary strong { color: #062B28; font-size: 15px; }
.wallet-health.good { color: #0ca36a; }
.wallet-health.low { color: #d98a00; }
.wallet-health.critical { color: #df6d28; }
.wallet-health.empty { color: #df4453; }
.channel-details-toggle { margin-top: 14px; padding: 9px 0; display: inline-flex; align-items: center; gap: 6px; color: #0B3F3B; border: 0; background: transparent; font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; }
.channel-details-toggle .line-icon { width: 15px; height: 15px; }
.whatsapp-usage-details { margin-top: 5px; padding-top: 16px; border-top: 1px solid #F3F8F7; }
.whatsapp-usage-details h3 { margin: 0 0 12px; color: #062B28; font-size: 14px; }
.usage-source-row { min-height: 48px; display: grid; grid-template-columns: 150px minmax(100px, 1fr) 90px 120px; align-items: center; gap: 12px; border-bottom: 1px solid #F3F8F7; color: #0B3F3B; font-size: 11px; }
.usage-source-progress { height: 7px; overflow: hidden; border-radius: 999px; background: #F3F8F7; }
.usage-source-progress i { height: 100%; display: block; border-radius: inherit; background: var(--brand-primary); }
.usage-source-row small { color: #77879d; text-align: left; }
.billing-safe-note { margin-top: 14px; padding: 11px 13px; display: flex; align-items: center; gap: 8px; color: #6b7d96; border: 1px solid #E8F1F0; border-radius: 8px; background: #F3F8F7; font-size: 10px; line-height: 1.8; }
.billing-safe-note .line-icon { width: 18px; height: 18px; color: #0B3F3B; }
.email-channel-card .message-usage-card { min-height: 100%; }
.billing-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 14px; align-items: start; }
.billing-reference-main { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 14px; align-items: start; }
.billing-reference-main > aside { min-width: 0; }
.billing-reference-main > aside .billing-tab-panel { margin-top: 0; }
.billing-tab-panel { margin-top: 18px; }
.plan-catalog { padding: 20px; }
.dashboard-plan-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.dashboard-plan { min-height: 325px; padding: 16px; display: flex; flex-direction: column; border: 1px solid #E4ECEB; border-radius: 10px; background: #fff; }
.dashboard-plan.current { border-color: #0B3F3B; box-shadow: inset 0 3px #0B3F3B,0 8px 22px rgba(11,63,59,.08); }
.dashboard-plan h3 { margin: 15px 0 4px; color: #062B28; }
.dashboard-plan .plan-description { min-height: 36px; margin: 0; color: #738580; font-size: 10px; line-height: 1.7; }
.dashboard-plan .plan-price { margin: 10px 0; color: #0B3F3B; font-size: 24px; font-weight: 800; }
.dashboard-plan .plan-price small { color: #708099; font-size: 12px; }
.dashboard-plan .btn { margin-top: auto; }
.whatsapp-usage-note { margin: 0 0 14px; padding: 8px 10px; display: flex; align-items: center; gap: 7px; color: #087b57; border-radius: 7px; background: #edfbf6; font-size: 10px; line-height: 1.6; }
.whatsapp-usage-note .line-icon { width: 16px; height: 16px; flex: 0 0 16px; }
.billing-side { display: grid; gap: 15px; }
.billing-side > .card { padding: 20px; }
.billing-side > .billing-tab-panel { margin-top: 0; }

.meta-template-section { margin-top: 18px; padding: 22px; }
.meta-template-list { display: grid; gap: 10px; margin-top: 16px; }
.meta-template-row { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; gap: 14px; align-items: center; padding: 15px; border: 1px solid #E8F1F0; border-radius: 12px; background: #fff; }
.meta-template-row h3 { margin: 0; color: #062B28; }
.meta-template-row p { margin: 5px 0 0; color: #71819a; font-size: 13px; }
.meta-rejection { display: block; margin-top: 6px; color: #dc3545; }
:root[data-theme="dark"] .meta-template-row { background: #062B28; border-color: #062B28; }
:root[data-theme="dark"] .meta-template-row h3 { color: #F3F8F7; }
.wallet-card { display: grid; gap: 13px; }
.invoice-summary > div { min-height: 45px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #F3F8F7; }
.invoice-summary span { color: #78869b; font-size: 12px; }
.invoice-summary strong { color: #062B28; }
.billing-topup-panel { padding: 20px; }
.billing-topup-panel .section-head > strong { color: #0b9663; font-size: 20px; }
.topup-amounts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.billing-topup-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.email-credit-packages { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; margin-top: 14px; }
.email-credit-package { min-height: 74px; display: grid; place-items: center; align-content: center; gap: 5px; padding: 10px; text-align: center; color: #062B28; border: 1px solid #E8F1F0; border-radius: 10px; background: #F3F8F7; }
.email-credit-package strong { color: #0B3F3B; font-size: 14px; }
.email-credit-package span { color: #0B3F3B; font-size: 12px; font-weight: 800; }
.topup-option { min-height: 92px; display: grid; place-items: center; align-content: center; gap: 6px; color: #062B28; border: 1px solid #E8F1F0; border-radius: 9px; background: #fff; cursor: pointer; }
.topup-option:hover { border-color: #0B3F3B; box-shadow: 0 8px 25px rgba(11, 63, 59,.08); }
.topup-option:disabled { color: #8a99ad; border-color: #E8F1F0; background: #F3F8F7; box-shadow: none; cursor: not-allowed; transform: none; }
.topup-option strong { color: #0B3F3B; font-size: 18px; }
.topup-option span { color: #8290a5; font-size: 10px; }
.topup-confirmation { display: grid; justify-items: center; gap: 12px; text-align: center; }
.topup-confirmation > .line-icon { width: 52px; height: 52px; padding: 12px; color: #0B3F3B; border-radius: 50%; background: #F3F8F7; }
:root[data-theme="dark"] .dashboard-plan,
:root[data-theme="dark"] .channel-usage-summary > div,
:root[data-theme="dark"] .topup-option { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .email-credit-package { color: #F3F8F7; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .email-credit-package strong { color: #E8F1F0; }
:root[data-theme="dark"] .email-credit-package span { color: #E8F1F0; }
:root[data-theme="dark"] .billing-stat small,
:root[data-theme="dark"] .billing-stat em,
:root[data-theme="dark"] .channel-usage-title p,
:root[data-theme="dark"] .channel-usage-summary span { color: #E8F1F0; }
:root[data-theme="dark"] .billing-stat strong,
:root[data-theme="dark"] .channel-usage-title h2,
:root[data-theme="dark"] .channel-usage-summary strong,
:root[data-theme="dark"] .whatsapp-usage-details h3 { color: #E8F1F0; }

@media (max-width: 1180px) {
  .public-site .container,
  .public-footer .container { width: min(100% - 40px, 1500px); }
  .marketing-hero-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .marketing-copy h1 { font-size: 40px; }
  .benefit-grid { grid-template-columns: repeat(3, 1fr); }
  .benefit-item:nth-child(3) { border-left: 0; }
  .support-intro-grid { grid-template-columns: repeat(4, 1fr); }
  .support-intro { grid-column: 1 / -1; }
  .support-body { grid-template-columns: 1fr 1fr; }
  .support-body > :last-child { grid-column: 1 / -1; }
  .devices-workspace,
  .template-workspace,
  .email-template-layout,
  .billing-workspace,
  .billing-reference-main { grid-template-columns: 1fr; }
  .device-link-card { position: static; }
  .email-preview-side { position: static; }
  .billing-stats-grid { grid-template-columns: repeat(3, 1fr); }
  .billing-channel-grid { grid-template-columns: 1fr; }
  .dashboard-plan-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .public-site .nav-links { display: none; }
  .public-site .mobile-menu { display: inline-grid; }
  .marketing-hero-grid,
  .feature-showcase-grid,
  .auth-light-shell,
  .reset-light-shell { grid-template-columns: 1fr; }
  .marketing-copy { text-align: center; }
  .marketing-copy h1,
  .marketing-copy .lead { margin-right: auto; margin-left: auto; }
  .marketing-copy .hero-actions { justify-content: center; }
  .hero-product-preview { transform: none; }
  .marketing-strip .grid,
  .marketing-metrics .container,
  .public-feature-grid,
  .support-intro-grid { grid-template-columns: repeat(2, 1fr); }
  .benefit-grid { grid-template-columns: repeat(2, 1fr); }
  .benefit-item:nth-child(3) { border-left: 1px solid #F3F8F7; }
  .benefit-item:nth-child(2n) { border-left: 0; }
  .blog-layout,
  .support-body { grid-template-columns: 1fr; }
  .support-body > :last-child { grid-column: auto; }
  .blog-sidebar { grid-template-columns: 1fr 1fr; }
  .dashboard-plan-grid { grid-template-columns: 1fr; }
  .billing-stats-grid { grid-template-columns: repeat(2, 1fr); }
  .channel-usage-summary { grid-template-columns: repeat(2, 1fr); }
  .usage-source-row { grid-template-columns: 110px minmax(80px, 1fr) 75px; }
  .usage-source-row small { grid-column: 1 / -1; text-align: right; }
  .topup-amounts { grid-template-columns: repeat(2, 1fr); }
  .email-credit-packages { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .meta-template-row { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .meta-template-row > .status,
  .meta-template-row > .inline-actions { grid-column: 2; justify-self: start; }
  .public-footer-inner { padding: 18px 0; flex-direction: column; text-align: center; }
  .footer-links { flex-wrap: wrap; justify-content: center; }
  .footer-social { justify-content: center; }
}

@media (max-width: 680px) {
  .public-site .container,
  .public-footer .container { width: min(100% - 28px, 1500px); }
  .email-credit-packages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-line-tabs { margin-inline:0; gap:8px; scroll-snap-type:x proximity; }
  .dashboard-line-tabs button { min-height:46px; padding-inline:10px; gap:6px; font-size:11px; scroll-snap-align:start; }
  .dashboard-line-tab-icon,.dashboard-line-tab-icon .line-icon { width:18px; height:18px; }
  .billing-stats-grid { grid-template-columns: 1fr; gap: 8px; }
  .billing-stat { min-height: 94px; padding: 13px; }
  .billing-trial-notice { align-items: stretch; flex-direction: column; }
  .billing-trial-notice .btn { width: 100%; }
  .plan-catalog { padding: 14px; }
  .dashboard-plan { min-height: 0; }
  .public-site .nav-inner { min-height: 68px; }
  .public-site .brand { font-size: 15px; }
  .public-site .nav-actions .btn:first-of-type { display: none; }
  .marketing-hero { padding-top: 28px; }
  .marketing-hero-grid { min-height: auto; }
  .marketing-copy h1 { font-size: 31px; }
  .marketing-copy h1 br { display: none; }
  .marketing-copy .lead { font-size: 14px; }
  .marketing-copy .hero-actions .btn { min-width: 0; flex: 1; }
  .hero-product-preview .dashboard-preview { min-height: 250px; grid-template-columns: 68px 1fr; }
  .hero-product-preview .preview-stats { grid-template-columns: repeat(2, 1fr); }
  .marketing-strip .grid,
  .marketing-metrics .container,
  .public-feature-grid,
  .feature-lower-grid,
  .support-intro-grid,
  .support-trust,
  .credit-grid { grid-template-columns: 1fr; }
  .marketing-metrics .container > div { min-height: 72px; border-left: 0; border-bottom: 1px solid #F3F8F7; }
  .marketing-metrics .container > div:last-child { border-bottom: 0; }
  .benefit-grid { grid-template-columns: 1fr; }
  .benefit-item,
  .benefit-item:nth-child(3) { border-left: 0; border-bottom: 1px solid #F3F8F7; }
  .public-heading h1 { font-size: 35px; }
  .public-cta { align-items: stretch; flex-direction: column; text-align: center; }
  .public-cta .hero-actions .btn { flex: 1; }
  .featured-article { grid-template-columns: 1fr; }
  .blog-grid,
  .blog-sidebar { grid-template-columns: 1fr; }
  .public-footer .container { padding: 18px 0; align-items: center; flex-direction: column; text-align: center; }
  .footer-links { flex-wrap: wrap; justify-content: center; }
  .auth-light-header { min-height: 72px; }
  .auth-light-shell,
  .reset-light-shell { width: min(100% - 24px, 1180px); margin: 24px auto; }
  .auth-light-panel,
  .auth-light-visual,
  .reset-light-panel,
  .reset-light-visual { padding: 24px; }
  .auth-light-panel h1,
  .reset-light-panel h1 { font-size: 28px; }
  .auth-light-visual { order: 2; }
  .template-meta-grid,
  .template-settings,
  .email-template-meta,
  .email-template-actions { grid-template-columns: 1fr; }
  .template-actions,
  .device-card-actions { flex-direction: column; }
  .pairing-code-line { flex-wrap: wrap; }
  .pairing-code-line strong { font-size: 24px; letter-spacing: 5px; }
}

/* Pixel-matched public experience based on the approved RenewPilot references. */
.brand {
  min-width: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  direction: ltr;
  background: transparent !important;
  box-shadow: none !important;
  gap: 11px;
}
.brand-mark-image { width: 54px; height: 54px; display: block; object-fit: contain; flex: 0 0 auto; }
.brand-logo-image { width: 174px; height: auto; display: block; object-fit: contain; flex: 0 0 auto; }
.brand-wordmark {
  color: #062B28;
  font-family: var(--font-arabic, "Tajawal", sans-serif);
  font-size: 25px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.9px;
  white-space: nowrap;
}
.brand-logo-stacked { width: min(360px, 88%); display: flex; align-items: center; justify-content: center; }
.brand-logo-stacked .brand-logo-image { width: 100%; }
.brand-logo-stacked .brand-mark-image { width: 172px; height: 172px; }
.brand-logo-stacked .brand-wordmark { font-size: 44px; }
.sidebar .brand-mark-image { width: 42px; height: 42px; }
.sidebar .brand-wordmark { font-size: 22px; }
.sidebar .brand-logo-image { width: 142px; }
.public-site,
.auth-light-page { color: #062B28; background: #fff; }
.page-shell.public-site { min-height: 100vh; display: flex; flex-direction: column; }
.page-shell.public-site > main { width: 100%; flex: 1 0 auto; }
.public-site .container,
.public-footer .container { width: min(1512px, calc(100% - 96px)); }
.public-site .public-nav {
  min-height: 79px;
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid #F3F8F7;
  background: rgba(255, 255, 255, .985);
  box-shadow: none;
  backdrop-filter: blur(16px);
}
.public-site .nav-inner { min-height: 79px; display: grid; grid-template-columns: 260px 1fr 470px; gap: 24px; }
.public-site .nav-links { justify-content: center; gap: 36px; }
.public-site .nav-link { min-height: 79px; padding: 0 5px; color: #062B28; font-size: 14px; font-weight: 750; }
.public-site .nav-actions { direction: ltr; justify-content: flex-start; gap: 12px; }
.public-site .nav-actions .btn { min-height: 43px; padding: 0 22px; direction: rtl; }
.public-site .nav-actions .line-icon { width: 17px; height: 17px; }
.public-site .public-theme { width: 42px; padding: 0; color: #062B28; font-size: 22px; }
.locale-link { min-width: 38px; min-height: 42px; color: #062B28; border-radius: 7px; background: transparent; cursor: pointer; font-weight: 800; }
.locale-link.active { color: #0B3F3B; background: #F3F8F7; }
.locale-divider { color: #E8F1F0; }

.marketing-hero { padding: 30px 0 28px; }
.marketing-hero-grid { min-height: 358px; grid-template-columns: minmax(520px, .95fr) minmax(620px, 1.18fr); gap: 66px; }
.marketing-copy .eyebrow { min-height: 34px; padding: 0 17px; font-size: 12px; }
.marketing-copy h1 { margin: 18px 0 13px; max-width: 690px; font-size: 43px; line-height: 1.43; letter-spacing: 0; }
.marketing-copy .lead { max-width: 700px; color: #0B3F3B; font-size: 15px; line-height: 2; }
.marketing-copy .hero-actions { margin-top: 23px; gap: 24px; }
.marketing-copy .hero-actions .btn { min-width: 225px; min-height: 53px; font-size: 15px; }
.hero-product-preview { transform: none; }
.dashboard-reference { width: 100%; overflow: hidden; border: 1px solid #E8F1F0; border-radius: 14px; background: #fff; box-shadow: 0 15px 35px rgba(6, 43, 40, .12); }
.dashboard-reference img { width: 100%; height: auto; display: block; }
.hero-product-preview .dashboard-reference { transform: translateY(2px); }
.marketing-strip { padding-bottom: 24px; }
.marketing-strip .grid { gap: 15px; }
.marketing-mini { min-height: 95px; border-radius: 9px; box-shadow: 0 7px 18px rgba(6, 43, 40, .055); }
.marketing-mini h2,
.marketing-mini h3 { font-size: 14px; }
.marketing-metrics { padding-bottom: 16px; }
.marketing-metrics .container { min-height: 83px; border-radius: 9px; }
.public-benefits { padding: 2px 0 25px; }
.public-benefits .section-head { margin-bottom: 10px; }
.public-benefits .section-head h2 { font-size: 21px; }
.public-benefits .section-head p { display: none; }
.public-benefits .grid { display: grid; grid-template-columns: repeat(5, 1fr); }
.public-benefits article { min-height: 105px; padding: 12px 22px; display: grid; grid-template-columns: 48px 1fr; align-content: center; column-gap: 12px; border-left: 1px solid #F3F8F7; text-align: right; }
.public-benefits article:last-child { border-left: 0; }
.public-benefits .line-icon { width: 46px; height: 46px; padding: 10px; grid-row: 1 / 3; color: #0B3F3B; border-radius: 50%; background: #F3F8F7; }
.public-benefits h3 { margin: 0; font-size: 14px; }
.public-benefits p { margin: 5px 0 0; color: #77869b; font-size: 11px; line-height: 1.7; }

.public-heading { padding: 36px 0 22px; }
.public-heading h1 { margin: 0 0 7px; font-size: 46px; line-height: 1.25; }
.public-heading p { font-size: 15px; }
.features-section { padding-top: 18px; }
.feature-showcase-grid { grid-template-columns: 1.05fr 1.12fr; gap: 35px; }
.feature-visual-column { min-width: 0; }
.feature-preview-card { padding: 0; overflow: hidden; border-radius: 12px; }
.feature-lower-grid { margin-top: 15px; }
.feature-wide { min-height: 118px; }
.public-feature-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }
.public-feature-card { min-height: 205px; padding: 24px 20px; border-radius: 10px; }
.public-feature-card h2 { font-size: 18px; }
.public-cta { min-height: 115px; margin-bottom: 26px; padding: 22px 35px; border-radius: 10px; }
.public-cta .cta-logo img { width: 175px; display: block; }

.plan-feature-list { margin: 0; padding: 0; display: grid; align-content: start; gap: 8px; list-style: none; }
.plan-feature-list li { display: flex; align-items: center; gap: 7px; color: #062B28; font-size: 12px; line-height: 1.45; }
.plan-feature-list .line-icon { width: 16px; height: 16px; flex: 0 0 16px; padding: 2px; border-radius: 50%; }
.plan-feature-list .included .line-icon { color: #08a66a; background: #eafaf3; }
.plan-feature-list .excluded { color: #63758e; }
.plan-feature-list .excluded .line-icon { color: #ef4444; background: #fff0f0; }
.pricing-card { align-content: start; }
.pricing-card .price { display: grid; gap: 2px; color: #0B3F3B; }
.pricing-card .price strong { font-size: 26px; }
.pricing-card .price small { color: #697c96; font-size: 10px; font-weight: 650; }
.pricing-card > .btn { align-self: end; margin-top: auto; }

.pricing-reference-page { background: #F3F8F7; }
.pricing-reference-section { padding: 24px 0 38px; }
.pricing-reference-heading { margin-bottom: 14px; text-align: center; }
.pricing-reference-heading h1 { margin: 0; color: #062B28; font-size: 30px; }
.pricing-reference-heading p { margin: 6px 0 0; color: #72839c; font-size: 13px; }
.public-trial-banner { max-width: 1160px; margin: 0 auto 14px; padding: 14px 17px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid #CFE3E0; border-radius: 10px; background: #fff; box-shadow: 0 5px 16px rgba(6,43,40,.04); }
.public-trial-banner > div { display: grid; gap: 4px; text-align: right; }
.public-trial-banner strong { color: #0B3F3B; font-size: 15px; }
.public-trial-banner span { color: #72839c; font-size: 11px; }
.pricing-public-grid { max-width: 1160px; margin-inline: auto; padding: 0; }
.pricing-public-grid > .grid { gap: 16px; align-items: stretch; }
.pricing-public-grid .pricing-card {
  min-height: 342px;
  padding: 17px 16px 14px;
  gap: 9px;
  border-radius: 9px;
  text-align: center;
  box-shadow: 0 7px 20px rgba(6, 43, 40, .07);
}
.pricing-public-grid .pricing-card.featured {
  transform: none;
  border-color: #0B3F3B;
  box-shadow: 0 9px 24px rgba(11, 63, 59, .13);
}
.pricing-public-grid .pricing-card .badge {
  justify-self: center;
  min-height: 20px;
  padding: 3px 13px;
  border-radius: 0 0 8px 8px;
  background: #0B3F3B;
  color: #fff;
  font-size: 10px;
}
.pricing-public-grid .pricing-card:not(.featured) .badge {
  border-radius: 999px;
  background: #F3F8F7;
  color: #0B3F3B;
}
.pricing-public-grid .pricing-card h3 { margin: 0; color: #062B28; font-size: 17px; }
.pricing-public-grid .pricing-card > div:first-of-type p { min-height: 35px; margin: 5px 0 0; color: #72839c; font-size: 10px; line-height: 1.7; }
.pricing-public-grid .pricing-card .price { margin: 0; color: #062B28; }
.pricing-public-grid .pricing-card .price strong { font-size: 27px; line-height: 1; }
.pricing-public-grid .pricing-card .price small { margin-top: 3px; color: #718199; }
.pricing-public-grid .plan-feature-list { gap: 6px; text-align: right; }
.pricing-public-grid .plan-feature-list li { gap: 6px; font-size: 10.5px; line-height: 1.35; }
.pricing-public-grid .plan-feature-list .line-icon { width: 14px; height: 14px; flex-basis: 14px; }
.pricing-public-grid .pricing-card > .btn {
  width: 100%;
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 6px;
  font-size: 11px;
}
.pricing-public-grid .pricing-card.featured > .btn {
  border: 0;
  background: var(--brand-primary);
  color: #fff;
}
.pricing-reference-extras {
  max-width: 1160px;
  margin: 14px auto 0;
  display: grid;
  grid-template-columns: 1.58fr .72fr;
  grid-template-areas: "topup faq";
  gap: 14px;
}
.pricing-reference-extras .faq-card { grid-area: faq; }
.pricing-reference-extras .topup-card { grid-area: topup; }
.pricing-reference-extras .card { padding: 14px; border-radius: 9px; box-shadow: 0 5px 16px rgba(6, 43, 40, .05); }
.pricing-reference-extras h2 { margin: 0; color: #062B28; font-size: 17px; }
.pricing-reference-extras p { margin: 3px 0 0; color: #75849a; font-size: 10px; }
.pricing-reference-extras .credit-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 12px; }
.pricing-reference-extras .credit-option { padding: 9px 6px; text-align: center; border: 1px solid #E8F1F0; border-radius: 7px; background: #fff; }
.pricing-reference-extras .credit-option span { display: block; color: #8290a5; font-size: 9px; }
.pricing-reference-extras .credit-option strong { display: block; margin-top: 2px; color: #0B3F3B; font-size: 15px; }
.pricing-reference-extras .credit-option .btn { width: 100%; min-height: 30px; margin-top: 7px; padding: 5px 6px; border-radius: 5px; font-size: 10px; }
.pricing-reference-extras .faq-compact details { padding: 7px 3px; border-bottom: 1px solid #F3F8F7; }
.pricing-reference-extras .faq-compact details:last-child { border-bottom: 0; }
.pricing-reference-extras .faq-compact summary { cursor: pointer; color: #062B28; font-size: 10.5px; font-weight: 700; }
.pricing-reference-extras .faq-compact p { padding-top: 5px; line-height: 1.65; }

.blog-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.blog-toolbar .search-wrap { width: 450px; }
.blog-section { padding-top: 10px; }
.blog-layout { direction: ltr; grid-template-columns: minmax(0, 1fr) 360px; }
.blog-layout > * { direction: rtl; }
.featured-post { min-height: 240px; padding: 18px; display: grid; grid-template-columns: .95fr 1.15fr; gap: 28px; align-items: center; }
.featured-post .blog-art { min-height: 205px; }
.featured-post h2 { margin: 11px 0; font-size: 25px; line-height: 1.55; }
.featured-post p { color: #708099; line-height: 1.9; }
.blog-art { min-height: 130px; display: grid; place-items: center; border-radius: 8px; background: var(--brand-primary); }
.blog-art .icon-bubble { width: 86px; height: 86px; font-size: 36px; }
.blog-card { padding: 14px; }
.blog-card h3 { margin: 12px 0 8px; }
.blog-card .badge { margin-top: 10px; }
.blog-aside { display: grid; gap: 16px; }
.blog-aside > .card { padding: 20px; }
.blog-aside article:first-child > button { width: 100%; padding: 10px 0; display: grid; grid-template-columns: 42px 1fr; gap: 9px; border-bottom: 1px solid #F3F8F7; background: transparent; text-align: right; cursor: pointer; }
.blog-aside button .icon-bubble { width: 38px; height: 38px; grid-row: 1 / 3; }
.blog-aside button small { color: #8a97a9; }
.newsletter form { display: grid; gap: 10px; }

.support-heading { padding: 38px 0 20px; text-align: right; }
.support-heading .container { padding-right: 55%; }
.support-cards { gap: 20px; }
.support-cards > .card { min-height: 200px; padding: 23px; text-align: center; }
.support-cards .line-icon { width: 46px; height: 46px; min-width: 46px; padding: 10px; display: block; flex: 0 0 46px; color: #0B3F3B; border: 1px solid #F3F8F7; border-radius: 11px; background: #F3F8F7; }
.support-cards h2 { margin: 14px 0 7px; font-size: 17px; }
.support-cards p { min-height: 48px; color: #718199; font-size: 12px; line-height: 1.8; }
.support-layout { display: grid; grid-template-columns: .85fr 1.15fr .85fr; gap: 22px; }
.support-layout > .card { padding: 22px; }
.help-center > button { width: 100%; min-height: 57px; padding: 8px 12px; display: flex; align-items: center; gap: 10px; border: 1px solid #F3F8F7; border-radius: 7px; background: #fff; cursor: pointer; text-align: right; }
.help-center > button + button { margin-top: 8px; }
.help-center .line-icon { width: 44px; height: 44px; min-width: 44px; padding: 10px; display: block; flex: 0 0 44px; color: #0B3F3B; border: 1px solid #F3F8F7; border-radius: 10px; background: #F3F8F7; }
.help-center button span { flex: 1; }
.help-center button strong,.help-center button small { display: block; }
.help-center button small { margin-top: 3px; color: #8290a3; font-size: 10px; }
.faq-panel details { padding: 13px; margin-top: 8px; border: 1px solid #F3F8F7; border-radius: 7px; }
.faq-panel summary { cursor: pointer; }
.faq-panel p { color: #718199; line-height: 1.8; }
.support-form-card form { margin-top: 16px; gap: 10px; }
.support-guides { grid-column: 1 / -1; }
.support-guides-heading { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.support-guides-heading h2 { margin: 0 0 5px; color: #062B28; }
.support-guides-heading p { margin: 0; color: #718199; font-size: 12px; }
.support-guides-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.support-guides-list details { min-width: 0; padding: 0 15px; border: 1px solid #E8F1F0; border-radius: 10px; background: #F3F8F7; scroll-margin-top: 110px; }
.support-guides-list details[open] { grid-column: 1 / -1; border-color: #E8F1F0; background: #F3F8F7; }
.support-guides-list summary { min-height: 68px; display: flex; align-items: center; gap: 11px; color: #062B28; cursor: pointer; list-style: none; }
.support-guides-list summary::-webkit-details-marker { display: none; }
.support-guides-list summary::after { content: "‹"; margin-inline-start: auto; color: #0B3F3B; font-size: 22px; transition: transform .18s ease; }
.support-guides-list details[open] summary::after { transform: rotate(-90deg); }
.support-guides-list .line-icon { width: 40px; height: 40px; min-width: 40px; padding: 9px; color: #0B3F3B; border-radius: 9px; background: #F3F8F7; }
.support-guides-list summary span,
.support-guides-list summary strong,
.support-guides-list summary small { display: block; }
.support-guides-list summary small { margin-top: 4px; color: #7b8ba2; font-size: 11px; font-weight: 500; }
.support-guides-list ol { margin: 0 52px 17px 0; padding: 0 18px 0 0; color: #0B3F3B; line-height: 2; }
.support-empty { padding: 17px; color: #718199; border: 1px dashed #E8F1F0; border-radius: 8px; text-align: center; }
.support-chat-intro { margin-bottom: 16px; padding: 14px; display: flex; align-items: center; gap: 12px; border: 1px solid #E8F1F0; border-radius: 10px; background: #F3F8F7; }
.support-chat-intro .line-icon { width: 42px; height: 42px; min-width: 42px; padding: 10px; color: #0B3F3B; border-radius: 10px; background: #F3F8F7; }
.support-chat-intro p { margin: 4px 0 0; line-height: 1.8; }
.support-chat-form { gap: 11px; }

.public-footer { min-height: 82px; margin-top: auto; }
.public-footer-inner { min-height: 82px; direction: rtl; }
.footer-brand-mini { display: flex; align-items: center; gap: 12px; color: #0B3F3B; font-size: 12px; }
.footer-brand-mini .brand-mark-image { width: 32px; height: 32px; }
.footer-brand-mini .brand-wordmark { font-size: 16px; }
.footer-brand-mini .brand-logo-image { width: 112px; }
.footer-brand-mini .brand { pointer-events: none; }
.footer-links { gap: 25px; }
.footer-links button { font-size: 11px; }
.footer-social { direction: ltr; gap: 12px; }
.footer-social a { width: 34px; height: 34px; }

.auth-light-header { min-height: 89px; padding: 0 5.2vw; direction: rtl; }
.auth-light-header .brand-mark-image { width: 54px; height: 54px; }
.auth-light-header .brand-wordmark { font-size: 25px; }
.auth-light-header .brand-logo-image { width: 185px; }
.auth-light-shell,
.reset-light-shell { width: min(1180px, calc(100% - 50px)); min-height: 650px; margin: 45px auto 36px; gap: 36px; direction: rtl; }
.auth-light-shell > *,
.reset-light-shell > * { direction: rtl; }
.auth-light-panel,
.reset-light-panel { padding: 48px; border-radius: 14px; box-shadow: 0 14px 35px rgba(6, 43, 40, .08); }
.auth-light-panel h1,
.reset-light-panel h1 { font-size: 35px; }
.auth-light-panel form { gap: 14px; }
.auth-light-panel .input,
.reset-light-panel .input { min-height: 54px; }
.auth-light-visual,
.reset-light-visual { padding: 34px; border: 0; border-radius: 14px; box-shadow: none; background: var(--brand-primary-soft); }
.auth-logo-large { width: 100%; display: grid; place-items: center; }
.auth-light-visual h2 { margin: 18px 0 7px; color: #062B28; font-size: 25px; }
.auth-light-visual > p { max-width: 520px; color: #6f7f98; font-size: 15px; line-height: 1.9; }
.auth-benefits { width: min(100%, 460px); margin-top: 25px; padding: 18px; border: 1px solid #E8F1F0; border-radius: 12px; background: rgba(255,255,255,.8); }
.auth-benefits > div { display: flex; align-items: center; gap: 12px; text-align: right; }
.auth-benefits > div + div { margin-top: 12px; }
.auth-benefits .line-icon { width: 38px; height: 38px; padding: 9px; color: #0B3F3B; border-radius: 8px; background: #F3F8F7; }
.auth-benefits > div > .line-icon { display: block; width: 42px !important; height: 42px !important; min-width: 42px; padding: 10px; flex: 0 0 42px; color: #0B3F3B; stroke-width: 1.8; border: 1px solid #E8F1F0; border-radius: 12px; background: #F3F8F7; }
.auth-light-shell.login .auth-benefits { display: none; }
.auth-light-shell.login .auth-light-visual h2 { font-size: 28px; }
.auth-light-shell.login .brand-logo-stacked { width: 330px; }
.reset-light-shell { gap: 0; overflow: hidden; border: 1px solid #E8F1F0; border-radius: 14px; box-shadow: 0 14px 34px rgba(6, 43, 40, .08); }
.reset-light-panel,
.reset-light-visual { border-radius: 0; box-shadow: none; }
.mail-visual { width: 300px; height: 225px; border-radius: 45%; }
.mail-visual img { width: 210px; height: auto; }

@media (max-width: 1220px) {
  .public-site .nav-inner { grid-template-columns: 210px 1fr 420px; gap: 12px; }
  .brand-mark-image { width: 46px; height: 46px; }
  .brand-wordmark { font-size: 22px; }
  .public-site .nav-links { gap: 19px; }
  .marketing-hero-grid { grid-template-columns: 1fr 1fr; gap: 34px; }
  .marketing-copy h1 { font-size: 38px; }
  .feature-showcase-grid { grid-template-columns: 1fr; }
  .feature-visual-column { display: grid; grid-template-columns: 1.2fr .8fr; gap: 16px; }
  .feature-lower-grid { margin: 0; grid-template-columns: 1fr; }
}

@media (min-width: 941px) and (max-width: 1366px) {
  .public-site .nav-inner { grid-template-columns: minmax(175px, 210px) minmax(0, 1fr) auto; gap: 8px; }
  .public-site .nav-links { gap: 10px; }
  .public-site .nav-links .nav-link { padding-inline: 2px; font-size: 12px; white-space: nowrap; }
  .public-site .nav-actions { gap: 5px; }
  .public-site .nav-actions .btn { min-height: 40px; padding-inline: 10px; font-size: 11px; white-space: nowrap; }
  .public-site .nav-actions .locale-link { min-width: 32px; }
  .public-site .brand-wordmark { font-size: 19px; }
  .public-site .brand-mark-image { width: 42px; height: 42px; }
}

@media (max-width: 940px) {
  .public-site .nav-inner { grid-template-columns: 1fr auto; }
  .public-site .nav-links,
  .public-site .nav-actions { display: none; }
  .public-site .mobile-menu { display: inline-grid; }
  .public-site .public-nav.open .nav-inner { grid-template-columns: 1fr auto; }
  .public-site .public-nav.open .nav-links,
  .public-site .public-nav.open .nav-actions { grid-column: 1 / -1; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
  .marketing-hero-grid { grid-template-columns: 1fr; }
  .marketing-copy { text-align: center; }
  .marketing-copy .hero-actions { justify-content: center; }
  .hero-product-preview { order: 2; }
  .marketing-strip .grid,
  .marketing-metrics .container,
  .public-benefits .grid,
  .public-feature-grid,
  .trust-band { grid-template-columns: repeat(2, 1fr); }
  .pricing-public-grid > .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-trial-banner { align-items: stretch; flex-direction: column; text-align: center; }
  .public-trial-banner > div { text-align: center; }
  .public-trial-banner .btn { width: 100%; }
  .pricing-reference-extras {
    grid-template-columns: 1fr;
    grid-template-areas: "topup" "faq";
  }
  .blog-layout,
  .support-layout,
  .auth-light-shell,
  .reset-light-shell { grid-template-columns: 1fr; }
  .blog-aside { grid-template-columns: 1fr 1fr; }
  .support-heading { text-align: center; }
  .support-heading .container { padding-right: 0; }
}

/* The MFA challenge keeps both cards balanced on iPad without affecting desktop. */
.mfa-login-page { min-height: 100dvh; overflow-x: clip; }
.mfa-login-shell > * { min-width: 0; }
.mfa-login-panel,
.mfa-login-visual { min-height: 100%; }
.mfa-login-panel h1 { text-wrap: balance; }
.mfa-login-panel .auth-form { width: 100%; }

@media (min-width: 941px) and (max-width: 1366px) and (pointer: coarse) {
  .mfa-login-header {
    min-height: 74px;
    padding-block: max(8px, env(safe-area-inset-top)) 8px;
    box-sizing: border-box;
  }
  .mfa-login-header .brand-logo-image { width: 158px; max-height: 50px; object-fit: contain; }
  .mfa-login-shell {
    width: min(1120px, calc(100% - 40px));
    min-height: calc(100dvh - 204px);
    margin: 24px auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  .mfa-login-panel,
  .mfa-login-visual { padding: clamp(28px, 3.1vw, 38px); }
  .mfa-login-panel .reset-lock { width: 76px; height: 76px; margin-bottom: 17px; }
  .mfa-login-panel .reset-lock .line-icon { width: 32px; height: 32px; }
  .mfa-login-panel h1 { margin-bottom: 7px; font-size: clamp(27px, 2.7vw, 32px); line-height: 1.35; }
  .mfa-login-panel > p { font-size: 14px; line-height: 1.85; }
  .mfa-login-panel form { margin: 18px 0; gap: 11px; }
  .mfa-login-panel .input,
  .mfa-login-panel .btn { min-height: 48px; }
  .mfa-login-visual .mail-visual { width: 240px; height: 178px; margin-bottom: 18px; }
  .mfa-login-visual .mail-visual img { width: 172px; max-height: 92px; object-fit: contain; }
  .mfa-login-visual h2 { margin: 8px 0; font-size: 25px; }
  .mfa-login-visual > p { max-width: 430px; margin: 0; font-size: 14px; line-height: 1.85; }
  .mfa-login-page .public-footer { min-height: 64px; }
  .mfa-login-page .public-footer-inner { min-height: 64px; }
}

@media (min-width: 641px) and (max-width: 940px) and (pointer: coarse) {
  .mfa-login-header { min-height: 72px; padding-block: max(7px, env(safe-area-inset-top)) 7px; box-sizing: border-box; }
  .mfa-login-header .brand-logo-image { width: 150px; max-height: 48px; object-fit: contain; }
  .mfa-login-shell { width: min(720px, calc(100% - 32px)); min-height: 0; margin: 20px auto; overflow: hidden; }
  .mfa-login-panel,
  .mfa-login-visual { min-height: auto; padding: 30px; }
  .mfa-login-panel .reset-lock { width: 72px; height: 72px; margin-bottom: 16px; }
  .mfa-login-panel h1 { font-size: 29px; line-height: 1.4; }
  .mfa-login-visual .mail-visual { width: 220px; height: 165px; margin-bottom: 15px; }
  .mfa-login-visual .mail-visual img { width: 160px; max-height: 86px; object-fit: contain; }
}

@media (max-width: 1180px) {
  .public-site .nav-inner { grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
  .public-site .nav-links,
  .public-site .nav-actions { display: none; }
  .public-site .mobile-menu { display: inline-grid; }
  .public-site .public-nav.open .nav-inner { grid-template-columns: minmax(0,1fr) auto; }
  .public-site .public-nav.open .nav-links,
  .public-site .public-nav.open .nav-actions { grid-column: 1/-1; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
  .public-site .public-nav.open .nav-links { padding-top: 12px; border-top: 1px solid #F3F8F7; }
  .public-site .public-nav.open .nav-actions { padding-bottom: 10px; }
}

@media (max-width: 640px) {
  .public-site .container,
  .public-footer .container { width: min(100% - 28px, 1512px); }
  .brand-mark-image { width: 42px; height: 42px; }
  .brand-wordmark { font-size: 20px; }
  .marketing-copy h1 { font-size: 31px; }
  .marketing-copy .hero-actions { flex-direction: column; }
  .marketing-copy .hero-actions .btn { width: 100%; }
  .marketing-strip .grid,
  .marketing-metrics .container,
  .public-benefits .grid,
  .public-feature-grid,
  .feature-visual-column,
  .feature-lower-grid,
  .credit-grid,
  .trust-band,
  .support-cards { grid-template-columns: 1fr; }
  .pricing-public-grid > .grid { grid-template-columns: 1fr; }
  .pricing-reference-heading h1 { font-size: 25px; }
  .pricing-reference-extras .credit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-benefits article { border-left: 0; border-bottom: 1px solid #F3F8F7; }
  .blog-toolbar { align-items: stretch; flex-direction: column; }
  .blog-toolbar .search-wrap { width: 100%; }
  .featured-post { grid-template-columns: 1fr; }
  .blog-grid,
  .blog-aside { grid-template-columns: 1fr; }
  .public-footer-inner { padding: 18px 0; flex-direction: column; }
  .footer-brand-mini { flex-direction: column; }
  .auth-light-header .brand-mark-image { width: 42px; height: 42px; }
  .auth-light-header .brand-wordmark { font-size: 20px; }
  .auth-light-shell,
  .reset-light-shell { width: min(100% - 24px, 1180px); margin: 24px auto; }
  .auth-light-panel,
  .auth-light-visual,
  .reset-light-panel,
  .reset-light-visual { padding: 25px; }
  .auth-light-visual { order: 2; }
}

/* Public navigation uses an icon-led active pill without an underline. */
.public-site .nav-link,
.public-site .nav-link:hover {
  position: relative;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.public-site .nav-link.active {
  position: relative;
  color: #0B3F3B !important;
  border: 1px solid #D6E7E4 !important;
  border-radius: 14px !important;
  background: #F3F8F7 !important;
  box-shadow: 0 5px 16px rgba(11, 63, 59, .07) !important;
}
.public-site .nav-link::after {
  content: none;
  display: none;
}
.public-site .nav-link:hover,
.public-site .nav-link.active { color: #0B3F3B !important; }

/* Public navigation: icon-led desktop/tablet bar and focused mobile drawer. */
.public-site .nav-inner {
  grid-template-columns: minmax(170px, 230px) minmax(420px, 1fr) auto;
  grid-template-areas: "brand links actions";
  align-items: center;
  gap: 24px;
}
.public-site .nav-inner > .brand { grid-area: brand; justify-self: start; }
.public-site .nav-links {
  grid-area: links;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(15px, 2.1vw, 34px);
}
.public-site .nav-link {
  min-height: 50px;
  padding: 0 11px;
  gap: 8px;
  color: #062B28;
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}
.public-site .public-nav-icon { display: inline-grid; place-items: center; color: #0B3F3B; transition: color .18s ease, transform .18s ease; }
.public-site .public-nav-icon .line-icon { width: 20px; height: 20px; stroke-width: 1.9; }
.public-site .nav-link:hover .public-nav-icon { transform: translateY(-1px); }
.public-site .nav-link.active .public-nav-icon,
.public-site .nav-link:hover .public-nav-icon { color: #0B3F3B; }
.public-site .nav-actions { grid-area: actions; display: flex; align-items: center; gap: 10px; direction: rtl; }
.public-site .public-nav-preferences { display: flex; align-items: center; gap: 4px; }
.public-site .public-nav-preference-label { display: none; }
.public-site .public-language-switch { display: flex; align-items: center; padding: 3px; border: 1px solid #E8F1F0; border-radius: 10px; background: #F3F8F7; }
.public-site .public-language-compact {
  min-width: 88px;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 12px;
  color: #0B3F3B;
  border: 1px solid #D6E7E4;
  border-radius: 12px;
  background: #F8FBFA;
  cursor: pointer;
}
.public-site .public-language-compact strong { font-size: 13px; font-weight: 900; }
.public-site .public-language-compact .line-icon { width: 20px; height: 20px; }
.public-site .public-language-compact .line-icon:last-child { width: 15px; height: 15px; }
.public-site .locale-link { min-width: 38px; min-height: 34px; padding: 0 8px; border-radius: 7px; font-size: 11px; }
.public-site .locale-link.active { color: #0B3F3B; background: #fff; box-shadow: 0 2px 8px rgba(6, 43, 40, .08); }
.public-site .public-theme { min-width: 46px; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; color: #062B28; border: 1px solid #D6E7E4; border-radius: 12px; background: #F8FBFA; cursor: pointer; }
.public-site .public-theme .line-icon { width: 18px; height: 18px; }
.public-site .public-theme span { display: none; }
.public-site .public-auth-actions { display: flex; align-items: center; gap: 8px; }
.public-site .public-auth-actions .btn { min-height: 46px; gap: 9px; padding-inline: 17px; border-radius: 12px; font-size: 13px; }
.public-site .public-auth-actions .line-icon { width: 19px; height: 19px; }
.public-site .public-register-action { min-width: 132px; }
.public-site .public-login-action { min-width: 122px; }
.public-site .mobile-menu { grid-area: menu; width: 44px; height: 44px; display: none; place-items: center; padding: 0; color: #062B28; border: 1px solid #E8F1F0; border-radius: 14px; background: #fff; cursor: pointer; }
.public-site .mobile-menu .line-icon { width: 23px; height: 23px; }

@media (min-width: 641px) {
  .public-site .public-language-switch { display: none; }
  .public-site .public-language-compact { display: inline-flex; }
}

@media (min-width: 641px) and (max-width: 1180px) {
  .public-site .public-nav { min-height: 110px; }
  .public-site .nav-inner {
    min-height: 110px;
    grid-template-columns: 1fr auto;
    grid-template-areas: "brand actions" "links links";
    grid-template-rows: 58px 52px;
    gap: 0 18px;
  }
  .public-site .nav-links {
    width: 100%;
    min-height: 52px;
    justify-content: center;
    gap: clamp(30px, 7vw, 76px);
    border-top: 1px solid #F3F8F7;
  }
  .public-site .nav-link { min-height: 46px; padding-inline: 12px; font-size: 13px; }
  .public-site .nav-actions { display: flex !important; }
  .public-site .public-auth-actions .btn { min-height: 42px; padding-inline: 12px; font-size: 12px; }
  .public-site .public-language-compact { min-width: 82px; min-height: 42px; }
  .public-site .public-theme { min-width: 42px; min-height: 42px; }
  .public-site .mobile-menu { display: none !important; }
}

@media (max-width: 640px) {
  .public-site .public-nav { min-height: 66px; }
  .public-site .nav-inner {
    min-height: 66px;
    grid-template-columns: 1fr auto;
    grid-template-areas: "brand menu";
    gap: 0 12px;
    padding-block: 7px;
  }
  .public-site .mobile-menu { display: grid !important; justify-self: end; }
  .public-site .mobile-menu.is-open { color: #062B28; border-color: #E8F1F0; border-radius: 50%; }
  .public-site .nav-links,
  .public-site .nav-actions { display: none !important; }
  .public-site .public-nav.open .nav-inner { grid-template-columns: 1fr auto; grid-template-areas: "brand menu" "links links" "actions actions"; }
  .public-site .public-nav.open .nav-links {
    grid-area: links;
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    padding: 14px 0 8px;
    border-top: 1px solid #F3F8F7;
  }
  .public-site .nav-link {
    width: 100%;
    min-height: 56px;
    justify-content: flex-start;
    gap: 16px;
    padding: 0 22px;
    color: #062B28;
    border-radius: 18px !important;
    font-size: 17px;
  }
  .public-site .nav-link.active {
    color: #0B3F3B !important;
    border: 0 !important;
    background: #F3F8F7 !important;
    box-shadow: none !important;
  }
  .public-site .public-nav-icon .line-icon { width: 24px; height: 24px; }
  .public-site .public-nav.open .nav-actions {
    grid-area: actions;
    width: 100%;
    display: grid !important;
    gap: 14px;
    padding: 8px 0 14px;
    border-top: 1px solid #F3F8F7;
  }
  .public-site .public-nav-preferences {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border: 1px solid #E8F1F0;
    border-radius: 18px;
    background: #F3F8F7;
  }
  .public-site .public-nav-preference-label { display: inline; color: #62738c; font-size: 12px; font-weight: 800; }
  .public-site .public-language-compact { display: none; }
  .public-site .public-language-switch { min-width: 0; justify-content: stretch; }
  .public-site .public-language-switch .locale-link { flex: 1; min-width: 40px; }
  .public-site .public-theme { min-width: 82px; min-height: 40px; }
  .public-site .public-theme span { display: inline; font-size: 12px; font-weight: 800; }
  .public-site .public-auth-actions { display: grid; gap: 10px; }
  .public-site .public-auth-actions .btn { width: 100%; min-height: 49px; display: flex !important; font-size: 15px; }
}

:root[data-theme="dark"] .public-site .public-nav-icon { color: #E8F1F0; }
:root[data-theme="dark"] .public-site .nav-link.active .public-nav-icon,
:root[data-theme="dark"] .public-site .nav-link:hover .public-nav-icon { color: #E8F1F0; }
:root[data-theme="dark"] .public-site .public-language-switch,
:root[data-theme="dark"] .public-site .public-language-compact,
:root[data-theme="dark"] .public-site .public-theme,
:root[data-theme="dark"] .public-site .public-nav-preferences { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .public-site .public-language-compact { color: #E8F1F0; }
:root[data-theme="dark"] .public-site .locale-link.active { color: #E8F1F0; background: #062B28; }
:root[data-theme="dark"] .public-site .mobile-menu { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .public-site .nav-link.active { color: #E8F1F0 !important; }
@media (min-width: 641px) {
  :root[data-theme="dark"] .public-site .nav-link.active { border-color: #062B28 !important; background: #062B28 !important; }
}
@media (max-width: 640px) {
  :root[data-theme="dark"] .public-site .nav-link.active { background: #062B28 !important; }
}

/* Keep the approved compact public header legible in the dark theme. */
:root[data-theme="dark"] .public-site .public-nav .brand-logo-image {
  filter: brightness(0) invert(1) !important;
  opacity: 1;
}
:root[data-theme="dark"] .public-site .public-language-compact,
:root[data-theme="dark"] .public-site .public-theme,
:root[data-theme="dark"] .public-site .public-login-action {
  color: #F3F8F7;
  border-color: rgba(232, 241, 240, .22);
  background: rgba(232, 241, 240, .07);
}
:root[data-theme="dark"] .public-site .public-register-action {
  color: #fff;
  border-color: #0F5A54;
  background: #0F5A54;
}
:root[data-theme="dark"] .public-site .nav-actions .line-icon,
:root[data-theme="dark"] .public-site .public-auth-actions .line-icon,
:root[data-theme="dark"] .public-site .nav-link.active .line-icon {
  color: inherit !important;
}
@media (min-width: 641px) {
  :root[data-theme="dark"] .public-site .nav-link.active {
    color: #fff !important;
    border-color: rgba(232, 241, 240, .2) !important;
    background: rgba(232, 241, 240, .1) !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .16) !important;
  }
}

.support-hero { padding: 34px 0 20px; }
.support-intro-row {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.8fr);
  gap: 22px;
  align-items: stretch;
}
.support-intro-copy {
  padding: 30px 8px 30px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.support-intro-copy .eyebrow { width: fit-content; }
.support-intro-copy h1 { margin: 13px 0 8px; color: #062B28; font-size: 44px; }
.support-intro-copy p { max-width: 420px; margin: 0; color: #6f7f98; line-height: 1.95; }
.support-intro-row .support-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}
.support-intro-row .support-cards > .card {
  min-height: 202px;
  padding: 22px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}
.support-intro-row .support-cards .line-icon {
  width: 46px;
  height: 46px;
  min-width: 46px;
  padding: 10px;
  display: block;
  flex: 0 0 46px;
  color: #0B3F3B;
  border: 1px solid #F3F8F7;
  border-radius: 11px;
  background: #F3F8F7;
}
.support-intro-row .support-cards h2 { margin: 14px 0 7px; font-size: 16px; }
.support-intro-row .support-cards p { min-height: 46px; margin: 0 0 13px; color: #718199; font-size: 12px; line-height: 1.8; }
.support-intro-row .support-cards .btn { width: 100%; min-height: 37px; margin-top: auto; }
.support-page .support-body { padding-top: 4px; }
.support-page .support-layout { grid-template-columns: .88fr 1.18fr .9fr; }
.support-page .support-layout > .card { border-radius: 10px; }

.policy-hero {
  padding: 52px 0 42px;
  text-align: center;
  background: var(--brand-primary-soft);
}
.policy-hero h1 { margin: 15px 0 10px; color: #062B28; font-size: clamp(36px, 4vw, 52px); }
.policy-hero p { max-width: 760px; margin: 0 auto; color: #0B3F3B; font-size: 16px; line-height: 2; }
.policy-hero small { display: block; margin-top: 14px; color: #8a98aa; }
.policy-section { padding: 34px 0 58px; }
.policy-layout { display: grid; grid-template-columns: 285px minmax(0, 1fr); gap: 40px; align-items: start; }
.policy-summary {
  padding: 22px;
  position: sticky;
  top: 103px;
  border: 1px solid #E8F1F0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(6, 43, 40, .05);
}
.policy-summary h2 { margin: 0 0 13px; color: #062B28; font-size: 17px; }
.policy-summary a { min-height: 43px; display: flex; align-items: center; gap: 10px; color: #0B3F3B; border-bottom: 1px solid #F3F8F7; font-size: 12px; }
.policy-summary a span { color: #0B3F3B; font-weight: 800; }
.policy-summary .btn { width: 100%; margin-top: 18px; }
.policy-content { border-top: 1px solid #E8F1F0; }
.policy-content > section { padding: 29px 2px; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 17px; border-bottom: 1px solid #E8F1F0; scroll-margin-top: 110px; }
.policy-content > section > span { width: 42px; height: 42px; display: grid; place-items: center; color: #0B3F3B; border-radius: 9px; background: #F3F8F7; font-weight: 850; }
.policy-content h2 { margin: 4px 0 9px; color: #062B28; font-size: 21px; }
.policy-content p { margin: 0; color: #0B3F3B; line-height: 2.05; }
.policy-contact { margin-top: 27px; padding: 24px; display: flex; align-items: center; gap: 18px; border: 1px solid #E8F1F0; border-radius: 10px; background: #F3F8F7; }
.policy-contact strong { color: #062B28; }
.policy-contact p { flex: 1; font-size: 13px; }

.about-hero { padding: 48px 0; background: var(--brand-primary-soft); }
.about-hero-grid { min-height: 425px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 58px; align-items: center; }
.about-hero h1 { margin: 16px 0 14px; color: #062B28; font-size: clamp(38px, 4.3vw, 58px); line-height: 1.4; }
.about-hero p { color: #0B3F3B; font-size: 16px; line-height: 2; }
.about-brand-visual { min-height: 360px; display: grid; place-items: center; align-content: center; gap: 18px; border: 1px solid #E8F1F0; border-radius: 14px; background: var(--brand-primary-soft); }
.about-brand-visual .brand-logo-stacked { width: min(390px, 82%); }
.about-brand-visual strong { color: #062B28; font-size: 16px; }
.about-story .section-head { max-width: 760px; }
.about-value-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; border: 1px solid #E8F1F0; border-radius: 10px; overflow: hidden; background: #E8F1F0; }
.about-value-grid article { min-height: 225px; padding: 30px 24px; background: #fff; }
.about-value-grid .line-icon { width: 46px; height: 46px; padding: 10px; color: #0B3F3B; border-radius: 10px; background: #F3F8F7; }
.about-value-grid h3 { margin: 18px 0 9px; color: #062B28; }
.about-value-grid p { color: #6a7c96; font-size: 13px; line-height: 1.9; }
.about-principles { background: #F3F8F7; }
.about-principles-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.about-principles h2 { margin: 14px 0 10px; color: #062B28; font-size: 32px; }
.about-principles p { color: #0B3F3B; line-height: 2; }
.about-points { display: grid; gap: 12px; }
.about-points > div { min-height: 78px; padding: 15px 18px; display: flex; align-items: center; gap: 15px; border-bottom: 1px solid #E8F1F0; }
.about-points b { color: #0B3F3B; font-size: 22px; }
.about-points strong,
.about-points small { display: block; }
.about-points strong { color: #062B28; }
.about-points small { margin-top: 4px; color: #74849b; }

@media (max-width: 1100px) {
  .support-intro-row { grid-template-columns: 1fr; }
  .support-intro-copy { padding: 14px 0; text-align: center; align-items: center; }
  .support-intro-copy p { max-width: 700px; }
  .policy-layout { grid-template-columns: 240px minmax(0, 1fr); gap: 26px; }
  .about-value-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 940px) {
  .support-intro-row .support-cards { grid-template-columns: repeat(2, 1fr); }
  .policy-layout,
  .about-hero-grid,
  .about-principles-grid { grid-template-columns: 1fr; }
  .policy-summary { position: static; }
  .about-brand-visual { min-height: 300px; }
}

@media (max-width: 640px) {
  .support-intro-row .support-cards,
  .about-value-grid { grid-template-columns: 1fr; }
  .support-guides-heading { align-items: stretch; flex-direction: column; }
  .support-guides-list { grid-template-columns: 1fr; }
  .support-guides-list details[open] { grid-column: auto; }
  .support-guides-list ol { margin-right: 18px; }
  .support-intro-copy h1 { font-size: 36px; }
  .policy-contact { align-items: stretch; flex-direction: column; }
  .policy-contact .btn { width: 100%; }
  .policy-content > section { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; }
  .policy-content > section > span { width: 36px; height: 36px; }
  .about-hero { padding-top: 30px; }
  .about-hero-grid { gap: 28px; }
  .about-hero .hero-actions { flex-direction: column; }
  .about-hero .hero-actions .btn { width: 100%; }
}

/* Final public-page corrections: support geometry, editorial media, and themes. */
html,
body { max-width: 100%; overflow-x: clip; }

.support-page .support-body {
  width: 100%;
  padding: 4px 0 32px;
  display: block !important;
}
.support-page .support-layout {
  width: min(1512px, calc(100% - 96px));
  margin-inline: auto;
  display: grid !important;
  grid-template-columns: .92fr 1.16fr .92fr;
  gap: 22px;
  align-items: stretch;
}
.support-page .support-layout > .card,
.support-intro-row > *,
.support-intro-row .support-cards > * { min-width: 0; }
.support-page .support-layout > .card { padding: 22px; }
.support-form-card .textarea { min-height: 92px; }

.blog-art {
  overflow: hidden;
  border: 1px solid #F3F8F7;
}
.blog-art img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.featured-post .blog-art { height: 205px; }
.blog-card .blog-art { height: 130px; }
.blog-aside article:first-child > button img {
  width: 42px;
  height: 42px;
  grid-row: 1 / 3;
  border-radius: 8px;
  object-fit: cover;
}
html[dir="rtl"] .blog-layout > * { direction: rtl; }
html[dir="ltr"] .blog-layout > * { direction: ltr; }
html[dir="ltr"] .blog-aside article:first-child > button { text-align: left; }
html[dir="ltr"] .public-footer-inner,
html[dir="ltr"] .auth-light-header,
html[dir="ltr"] .auth-light-shell,
html[dir="ltr"] .reset-light-shell,
html[dir="ltr"] .auth-light-shell > *,
html[dir="ltr"] .reset-light-shell > * { direction: ltr; }
html[dir="ltr"] .auth-benefits > div { text-align: left; }

.article-page { padding-bottom: 52px; }
.article-hero {
  padding: 52px 0 44px;
  text-align: center;
  background: var(--brand-primary-soft);
}
.article-hero .container { max-width: 950px; }
.article-hero h1 { margin: 16px auto 12px; color: #062B28; font-size: clamp(34px, 4.3vw, 54px); line-height: 1.45; }
.article-hero p { max-width: 760px; margin: 0 auto 12px; color: #0B3F3B; font-size: 16px; line-height: 1.95; }
.article-hero small { color: #8795a9; }
.article-body { max-width: 1050px; margin: 34px auto 0; }
.article-cover { width: 100%; height: 390px; display: block; border: 1px solid #E8F1F0; border-radius: 12px; object-fit: cover; }
.article-content { max-width: 850px; margin: 38px auto; color: #062B28; font-size: 16px; line-height: 2.1; }
.article-lead { padding: 22px 24px; border-inline-start: 4px solid #0B3F3B; border-radius: 8px; background: #F3F8F7; color: #062B28; }
.article-content > section { padding: 27px 0; display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 18px; border-bottom: 1px solid #E8F1F0; }
.article-content > section > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 9px; background: #F3F8F7; color: #0B3F3B; font-weight: 850; }
.article-content h2 { margin: 3px 0 9px; color: #062B28; font-size: 23px; }
.article-content p { margin: 0; }
.article-takeaways { margin-top: 28px; padding: 24px; border: 1px solid #E8F1F0; border-radius: 10px; background: #F3F8F7; }
.article-takeaways h2 { margin-top: 0; }
.article-takeaways ul { margin: 0; padding-inline-start: 22px; }
.article-takeaways li + li { margin-top: 8px; }
.article-body > .public-cta { margin-top: 32px; }

/* Dark mode is declared last so later light-page rules cannot override it. */
:root[data-theme="dark"] body,
:root[data-theme="dark"] .public-site,
:root[data-theme="dark"] .public-site main,
:root[data-theme="dark"] .auth-light-page {
  color: #F3F8F7;
  background: #062B28;
}
:root[data-theme="dark"] .public-site .public-nav,
:root[data-theme="dark"] .public-footer,
:root[data-theme="dark"] .auth-light-header {
  color: #F3F8F7;
  border-color: #062B28;
  background: rgba(6, 43, 40, .96);
}
:root[data-theme="dark"] .public-site .nav-link,
:root[data-theme="dark"] .public-site .nav-actions,
:root[data-theme="dark"] .public-footer button,
:root[data-theme="dark"] .public-footer a,
:root[data-theme="dark"] .auth-light-header .link-button { color: #E8F1F0; }
:root[data-theme="dark"] .public-site .card,
:root[data-theme="dark"] .policy-summary,
:root[data-theme="dark"] .support-page .help-center > button,
:root[data-theme="dark"] .faq-panel details,
:root[data-theme="dark"] .trust-band,
:root[data-theme="dark"] .marketing-metrics .container,
:root[data-theme="dark"] .dashboard-reference,
:root[data-theme="dark"] .auth-light-panel,
:root[data-theme="dark"] .reset-light-panel,
:root[data-theme="dark"] .auth-benefits {
  color: #F3F8F7;
  border-color: #062B28;
  background: #062B28;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
}
:root[data-theme="dark"] .marketing-hero,
:root[data-theme="dark"] .public-heading,
:root[data-theme="dark"] .policy-hero,
:root[data-theme="dark"] .about-hero,
:root[data-theme="dark"] .article-hero,
:root[data-theme="dark"] .about-principles {
  background: var(--brand-primary);
}
:root[data-theme="dark"] .about-brand-visual,
:root[data-theme="dark"] .auth-light-visual,
:root[data-theme="dark"] .reset-light-visual {
  color: #F3F8F7;
  border-color: #062B28;
  background: var(--brand-primary);
}
:root[data-theme="dark"] .public-site h1,
:root[data-theme="dark"] .public-site h2,
:root[data-theme="dark"] .public-site h3,
:root[data-theme="dark"] .public-site strong,
:root[data-theme="dark"] .auth-light-page h1,
:root[data-theme="dark"] .auth-light-page h2,
:root[data-theme="dark"] .auth-light-page h3,
:root[data-theme="dark"] .about-brand-visual strong,
:root[data-theme="dark"] .policy-summary h2,
:root[data-theme="dark"] .policy-content h2,
:root[data-theme="dark"] .policy-contact strong,
:root[data-theme="dark"] .article-content h2,
:root[data-theme="dark"] .support-intro-copy h1 { color: #F3F8F7; }
:root[data-theme="dark"] .public-site p,
:root[data-theme="dark"] .public-site small,
:root[data-theme="dark"] .public-site .muted,
:root[data-theme="dark"] .support-intro-copy p,
:root[data-theme="dark"] .support-cards p,
:root[data-theme="dark"] .policy-hero p,
:root[data-theme="dark"] .policy-content p,
:root[data-theme="dark"] .about-page p,
:root[data-theme="dark"] .about-points small,
:root[data-theme="dark"] .article-hero p,
:root[data-theme="dark"] .article-content,
:root[data-theme="dark"] .auth-light-page p { color: #E8F1F0; }
:root[data-theme="dark"] .public-site .input,
:root[data-theme="dark"] .public-site .select,
:root[data-theme="dark"] .public-site .textarea,
:root[data-theme="dark"] .public-site .chip,
:root[data-theme="dark"] .auth-light-page .input {
  color: #F3F8F7;
  border-color: #062B28;
  background: #062B28;
}
:root[data-theme="dark"] .public-site .input::placeholder,
:root[data-theme="dark"] .public-site .textarea::placeholder,
:root[data-theme="dark"] .auth-light-page .input::placeholder { color: #72859d; }
:root[data-theme="dark"] .public-site .btn-secondary,
:root[data-theme="dark"] .public-site .btn-ghost,
:root[data-theme="dark"] .auth-light-page .btn-secondary,
:root[data-theme="dark"] .locale-link {
  color: #E8F1F0;
  border-color: #062B28;
  background: #062B28;
}
:root[data-theme="dark"] .public-site .btn-primary,
:root[data-theme="dark"] .auth-light-page .btn-primary { color: #fff; }
:root[data-theme="dark"] .marketing-mini,
:root[data-theme="dark"] .public-benefits article,
:root[data-theme="dark"] .about-value-grid article { background: #062B28; border-color: #062B28; }
:root[data-theme="dark"] .about-value-grid { border-color: #062B28; background: #062B28; }

/* Account storage, Salla sync, and dashboard finishing corrections. */
.sidebar-foot { display: none !important; }
.avatar-image { object-fit: cover; background: #fff; }
.order-number-copy {
  min-width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  color: #062B28;
  border: 1px solid #E8F1F0;
  border-radius: 7px;
  background: #fff;
  cursor: pointer;
}
.order-number-copy:hover { color: #0B3F3B; border-color: #E8F1F0; background: #F3F8F7; }
.order-number-copy svg { width: 16px; height: 16px; }
.order-links-table-card { width: 100%; max-width: 100%; overflow: visible; }
.order-links-table-card .compare {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  overflow-x: auto;
  scrollbar-gutter: stable;
}
.order-links-table-card--links table { min-width: 1320px; }
.order-links-table-card--templates table { min-width: 980px; }
.order-links-table-card th:first-child,
.order-links-table-card td:first-child { position: sticky; inset-inline-start: 0; z-index: 2; background: inherit; }
.order-links-table-card th:last-child,
.order-links-table-card td:last-child { position: sticky; inset-inline-end: 0; z-index: 2; background: inherit; box-shadow: -8px 0 15px rgba(6, 43, 40, .05); }
.account-photo-panel { grid-column: span 1; }
.avatar-editor { margin-bottom: 18px; display: flex; align-items: center; gap: 16px; }
.avatar-editor > div { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.avatar-editor small { width: 100%; color: #71809a; }
.settings-avatar-image,
.settings-avatar-fallback { width: 78px; height: 78px; flex: 0 0 78px; border-radius: 50%; }
.settings-avatar-image { display: block; object-fit: cover; border: 3px solid #F3F8F7; }
.settings-avatar-fallback { display: grid; place-items: center; color: #fff; background: var(--brand-primary-soft); font-size: 28px; font-weight: 800; }
.storage-summary { margin-top: 8px; display: flex; align-items: baseline; justify-content: space-between; }
.storage-summary strong { color: #062B28; font-size: 24px; }
.storage-summary span { color: #71809a; }
.storage-progress { height: 10px; margin: 12px 0 8px; overflow: hidden; border-radius: 999px; background: #F3F8F7; }
.storage-progress i { height: 100%; display: block; border-radius: inherit; background: var(--brand-primary); }
.storage-panel.is-limit-reached .storage-progress i { background: var(--brand-primary); }
.storage-capacity-warning { margin: 14px 0 2px; padding: 12px 13px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid #fed7aa; border-radius: 12px; background: #fff7ed; color: #9a3412; }
.storage-capacity-warning > svg { width: 20px; height: 20px; flex: 0 0 auto; }
.storage-capacity-warning strong,.storage-capacity-warning span { display: block; }
.storage-capacity-warning span { margin-top: 3px; color: #b45309; font-size: 12px; line-height: 1.65; }
.storage-breakdown { margin: 15px 0; display: grid; gap: 8px; }
.storage-breakdown > div { padding: 9px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #F3F8F7; }
.salla-integration-card { display: grid; gap: 20px; padding: 22px; overflow: hidden; }
.salla-card-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.salla-brand { display: flex; align-items: center; gap: 15px; }
.salla-brand h2 { margin: 0 0 5px; }
.salla-brand p { margin: 0; color: #71809a; line-height: 1.8; }
.salla-logo-shell { width: 92px; height: 62px; flex: 0 0 92px; display: grid; place-items: center; padding: 9px; border: 1px solid #E8F1F0; border-radius: 10px; background: #fff; box-shadow: 0 7px 18px rgba(6, 43, 40, .08); }
.salla-logo { width: 100%; height: 100%; display: block; object-fit: contain; }
.salla-header-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
.salla-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.salla-setting-panel { min-height: 116px; padding: 16px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid #E8F1F0; border-radius: 10px; background: #F3F8F7; }
.salla-setting-panel h3,
.salla-rules-panel h3 { margin: 0 0 5px; color: #062B28; font-size: 16px; }
.salla-setting-panel p,
.salla-rules-panel p { margin: 0; color: #71809a; font-size: 13px; line-height: 1.7; }
.compact-field { min-width: 180px; }
.compact-field > span { font-size: 12px; }
.salla-toggle { min-width: 132px; }
.salla-rules-panel { grid-column: 1 / -1; padding: 17px; border: 1px solid #E8F1F0; border-radius: 10px; background: #fff; }
.salla-rules-head,
.salla-rules-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.salla-rule-list { margin-top: 15px; display: grid; gap: 9px; }
.salla-rule-row { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(150px, 210px) 42px; align-items: end; gap: 10px; }
.salla-rule-row label { display: grid; gap: 6px; color: #0B3F3B; font-size: 12px; font-weight: 700; }
.salla-rule-row .input { min-height: 42px; }
.salla-rule-row .icon-only { width: 42px; height: 42px; min-height: 42px; font-size: 22px; }
.salla-rules-empty { min-height: 84px; display: grid; place-items: center; align-content: center; gap: 5px; color: #71809a; border: 1px dashed #E8F1F0; border-radius: 9px; background: #F3F8F7; text-align: center; }
.salla-rules-empty strong { color: #062B28; }
.salla-rules-actions { margin-top: 13px; padding-top: 13px; color: #71809a; border-top: 1px solid #F3F8F7; font-size: 12px; }
.salla-meta { grid-column: 1 / -1; padding-top: 12px; display: flex; flex-wrap: wrap; gap: 12px 26px; color: #71809a; border-top: 1px solid #F3F8F7; font-size: 13px; }
.salla-app-card { margin-top: 18px; padding: 24px; display: grid; gap: 18px; }
.salla-app-description { margin: 0; color: #0B3F3B; line-height: 1.9; }
.salla-connected-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.salla-connected-meta > div { padding: 14px 16px; display: grid; gap: 5px; border: 1px solid #E8F1F0; border-radius: 10px; background: #F3F8F7; }
.salla-connected-meta span { color: #71809a; font-size: 12px; }
.salla-connected-meta strong { color: #062B28; }
.salla-settings-workspace { margin-top: 18px; padding: 22px; }
.apps-settings-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr); gap: 18px; align-items: start; }
.salla-settings-form { display: grid; gap: 16px; }
.salla-color-row { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; }
.salla-color-row > strong { margin-inline-end: 8px; color: #062B28; }
.color-choice { width: 38px; height: 38px; position: relative; display: grid; place-items: center; border: 1px solid #E8F1F0; border-radius: 8px; background: #fff; cursor: pointer; }
.color-choice input { position: absolute; opacity: 0; pointer-events: none; }
.color-choice span { width: 24px; height: 24px; border-radius: 6px; background: var(--choice); }
.color-choice:has(input:checked) { border: 2px solid var(--choice); box-shadow: 0 0 0 3px color-mix(in srgb, var(--choice) 14%, transparent); }
.apps-toggle-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.apps-toggle-list .salla-setting-panel { min-height: 98px; }
.apps-toggle-list input[type="checkbox"] { width: 42px; height: 23px; accent-color: #0B3F3B; }
.salla-duration-line { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.salla-live-preview { min-height: 420px; position: sticky; top: 96px; align-self: start; padding: 24px; overflow: hidden; display: grid; place-items: center; align-content: center; gap: 14px; color: #062B28; border: 1px solid color-mix(in srgb, var(--salla-preview) 34%, #E8F1F0); border-radius: 14px; background: var(--brand-primary-soft); text-align: center; }
.salla-live-preview::before { content: ""; position: absolute; inset: 0 0 auto; height: 8px; background: var(--salla-preview); }
.salla-live-preview .preview-label { position: absolute; inset: 18px 18px auto auto; color: #71809a; font-size: 11px; }
.salla-live-preview > img { width: 78px; height: 78px; object-fit: contain; }
.salla-live-preview h3 { margin: 2px 0 0; font-size: 21px; }
.salla-live-preview > p { margin: 0; color: #71809a; font-size: 12px; line-height: 1.8; }
.preview-order { width: 100%; padding: 18px; display: grid; gap: 8px; border: 1px solid #E8F1F0; border-radius: 10px; background: #fff; }
.preview-order strong { color: var(--salla-preview); font-size: 25px; }
.preview-order small { color: #71809a; }
.inline-notice.warning { margin: 0; padding: 12px 14px; color: #9a6300; border: 1px solid #f4d28a; border-radius: 9px; background: #fff9e9; }

/* Applications catalog before the first connection — matched to the approved reference. */
.apps-overview-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.apps-overview-stat {
  min-height: 100px;
  padding: 16px 17px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid #E8F1F0;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(6, 43, 40, .025);
}
.apps-overview-stat > div { min-width: 0; display: grid; gap: 2px; }
.apps-overview-stat strong { color: #062B28; font-size: 12px; }
.apps-overview-stat b { color: #062B28; font-size: 21px; line-height: 1.25; }
.apps-overview-stat small { color: #8290a5; font-size: 10px; }
.apps-stat-icon {
  width: 45px;
  height: 45px;
  flex: 0 0 45px;
  display: grid;
  place-items: center;
  border-radius: 10px;
}
.apps-stat-icon .line-icon { width: 22px; height: 22px; }
.apps-overview-stat:is(.success,.purple,.warning,.info) .apps-stat-icon { color: #087267; background: #edf8f6; }

.linked-apps-section { margin-top: 17px; padding: 18px; }
.linked-apps-section .section-head { margin-bottom: 13px; }
.linked-app-count { padding: 6px 10px; border-radius: 999px; color: #087b5a; background: #e5f8ef; font-size: 10px; font-weight: 800; white-space: nowrap; }
.linked-apps-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.linked-app-card { min-width: 0; padding: 14px; display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; align-items: center; gap: 13px; border: 1px solid #E8F1F0; border-radius: 11px; background: var(--brand-primary-soft); }
.linked-app-copy { min-width: 0; display: grid; gap: 3px; }
.linked-app-copy .status { width: max-content; margin-bottom: 2px; }
.linked-app-copy h3,.linked-app-copy p { margin: 0; }
.linked-app-copy h3 { color: #062B28; font-size: 15px; }
.linked-app-copy p { color: #0B3F3B; font-size: 11px; }
.linked-app-copy small { max-width: 100%; overflow: hidden; color: #8291a7; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; direction: ltr; text-align: right; }
.linked-app-actions { display: flex; align-items: center; gap: 8px; }
.linked-app-actions .btn { min-width: 108px; justify-content: center; gap: 7px; white-space: nowrap; }
.linked-app-actions .line-icon { width: 17px; height: 17px; flex: 0 0 17px; }
.linked-app-preview { min-width: min(520px, 75vw); display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 15px; }
.linked-app-preview h3,.linked-app-preview p { margin: 6px 0; }
.linked-app-preview small { display: block; max-width: 430px; overflow: hidden; color: #71829b; text-overflow: ellipsis; white-space: nowrap; }

.apps-catalog {
  margin-top: 17px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.integration-card,
.integration-empty-card {
  min-width: 0;
  min-height: 392px;
  padding: 20px 18px 18px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid #E8F1F0;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 3px 13px rgba(6, 43, 40, .035);
}
.integration-card--featured { border-color: #0B3F3B; box-shadow: 0 7px 22px rgba(11, 63, 59, .1); }
.integration-card-head { min-height: 54px; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.integration-logo {
  width: 51px;
  height: 51px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 11px;
  background: #F3F8F7;
  font-weight: 900;
}
.integration-logo--salla { padding: 7px; border: 1px solid #e0ece9; background: #F3F8F7; }
.integration-logo--salla img { width: 100%; height: 100%; object-fit: contain; }
.integration-logo--zid { position: relative; border: 1px solid #F3F8F7; background: #fff; }
.integration-logo--zid img { width: 88px; max-width: none; height: auto; display: block; object-fit: contain; }
.integration-logo--shopify svg { width: 41px; height: 41px; display: block; }
.integration-logo--shopify { background: #eff8e7; }
.integration-logo--shopify .shopify-bag { fill: #95bf47; }
.integration-logo--shopify .shopify-handle { fill: none; stroke: #5e8e3e; stroke-width: 2.4; stroke-linecap: round; }
.integration-logo--shopify text { fill: #fff; font: 900 18px/1 Arial, sans-serif; }
.integration-logo--api { color: #0B3F3B; background: #F3F8F7; font: 800 14px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.recommended-badge { padding: 5px 8px; color: #159866; border-radius: 5px; background: #e5f9ef; font-size: 9px; font-weight: 800; }
.unavailable-badge { padding: 5px 8px; display: inline-flex; align-items: center; gap: 5px; color: #526763; border: 1px solid #dce8e5; border-radius: 7px; background: #f7faf9; font-size: 9px; font-weight: 800; white-space: nowrap; }
.unavailable-badge .line-icon { width: 13px; height: 13px; }
.integration-card--unavailable { border-style: solid; background: #fff; }
.integration-card--unavailable .integration-logo,.integration-card--unavailable .integration-features { opacity: 1; }
.integration-card--unavailable .integration-action:disabled { opacity: 1; color: #0B3F3B; border-color: #dce8e5; background: #fff; cursor: not-allowed; }
.integration-card h2,
.integration-empty-card h2 { margin: 10px 0 3px; color: #062B28; font-size: 17px; }
.integration-card h2[dir="ltr"] { text-align: right; }
.integration-subtitle { margin: 0; color: #71809a; font-size: 10px; }
.integration-description { min-height: 46px; margin: 14px 0 9px; color: #0B3F3B; font-size: 11px; line-height: 1.75; }
.integration-status { width: max-content; margin-bottom: 12px; padding: 5px 8px; display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; font-size: 9px; font-weight: 700; }
.integration-status.disconnected { color: #e14c57; background: #fff0f1; }
.integration-status.connected { color: #0d9468; background: #e6f8f0; }
.integration-status.pending { color: #b06b08; background: #fff4df; }
.integration-status.unavailable { color: #7a879a; background: #F3F8F7; }
.integration-status i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.integration-features { margin: 0 0 15px; padding: 0; display: grid; gap: 8px; list-style: none; }
.integration-features li { position: relative; padding-inline-start: 18px; color: #0B3F3B; font-size: 10px; }
.integration-features li::before {
  content: "✓";
  width: 13px;
  height: 13px;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  display: grid;
  place-items: center;
  color: #13a774;
  border: 1px solid #58c7a3;
  border-radius: 50%;
  font-size: 8px;
  font-weight: 900;
}
.integration-action { width: 100%; margin-top: auto; }
.integration-config-note { margin-top: 8px; color: #9a6300; font-size: 9px; line-height: 1.55; text-align: center; }

.settings-loading-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.settings-loading-card { min-height: 260px; padding: 24px; display: grid; grid-template-columns: 48px minmax(0, 1fr); align-content: start; gap: 18px; overflow: hidden; }
.settings-loading-icon,
.settings-loading-card i,
.settings-loading-card b { display: block; position: relative; overflow: hidden; border-radius: 999px; background: #F3F8F7; }
.settings-loading-icon { width: 48px; height: 48px; border-radius: 14px; }
.settings-loading-card div { display: grid; gap: 18px; }
.settings-loading-card i { width: 42%; height: 18px; }
.settings-loading-card b { width: 100%; height: 48px; }
.settings-loading-icon::after,
.settings-loading-card i::after,
.settings-loading-card b::after { content: ""; position: absolute; inset: 0; background: var(--brand-primary-soft); transform: translateX(-110%); animation: settings-loading-sweep 1.35s ease-in-out infinite; }
@keyframes settings-loading-sweep { to { transform: translateX(110%); } }
@media (max-width: 820px) { .settings-loading-grid { grid-template-columns: 1fr; } }
:root[data-theme="dark"] .settings-loading-icon,
:root[data-theme="dark"] .settings-loading-card i,
:root[data-theme="dark"] .settings-loading-card b { background: #062B28; }

.integration-empty-card { align-items: center; justify-content: center; text-align: center; }
.integration-empty-card--full { min-height: 250px; grid-column: 1 / -1; }
.integration-empty-art { width: 140px; height: 115px; position: relative; display: grid; place-items: center; margin-bottom: 3px; }
.integration-empty-art::before { content: ""; position: absolute; width: 78px; height: 32px; bottom: 10px; border-radius: 50%; background: #F3F8F7; filter: blur(1px); }
.integration-empty-art span { z-index: 2; color: #E8F1F0; font-size: 68px; line-height: 1; text-shadow: 0 13px 0 #E8F1F0; transform: rotate(45deg); }
.integration-empty-art i { width: 14px; height: 14px; position: absolute; border: 4px solid #F3F8F7; transform: rotate(30deg); }
.integration-empty-art i:nth-of-type(1) { top: 20px; left: 20px; }
.integration-empty-art i:nth-of-type(2) { top: 7px; right: 30px; }
.integration-empty-art i:nth-of-type(3) { bottom: 32px; right: 5px; }
.integration-empty-card h2 { margin-top: 8px; }
.integration-empty-card > p { margin: 7px 0 16px; color: #0B3F3B; font-size: 10px; line-height: 1.8; }
.integration-empty-card > div:not(.integration-empty-art) { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.integration-empty-card > small { margin-top: 14px; color: #8391a6; font-size: 9px; }
.integration-empty-card > small button { padding: 0; color: #0B3F3B; background: transparent; cursor: pointer; font-weight: 700; }

.apps-benefits { margin-top: 17px; padding: 18px 20px; display: grid; grid-template-columns: minmax(210px, .72fr) minmax(0, 2fr); gap: 22px; align-items: center; }
.apps-benefits-title { display: flex; align-items: flex-start; gap: 11px; }
.apps-benefits-title > span { color: #0B3F3B; font-size: 25px; line-height: 1; }
.apps-benefits h2 { margin: 0 0 5px; color: #062B28; font-size: 15px; }
.apps-benefits p { margin: 0; color: #71809a; font-size: 10px; line-height: 1.7; }
.apps-benefits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.apps-benefits-grid article { min-width: 0; display: flex; align-items: center; gap: 10px; }
.apps-benefits-grid article > span { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; color: #0B3F3B; border-radius: 8px; background: #F3F8F7; }
.apps-benefits-grid .line-icon { width: 20px; height: 20px; }
.apps-benefits-grid strong,
.apps-benefits-grid small { display: block; }
.apps-benefits-grid strong { color: #062B28; font-size: 11px; }
.apps-benefits-grid small { margin-top: 3px; color: #7b8aa0; font-size: 8px; line-height: 1.55; }
.integration-guide { color: #062B28; line-height: 1.9; }
.integration-guide ol { margin: 12px 0 0; padding-inline-start: 22px; }

:root[data-theme="dark"] .apps-overview-stat,
:root[data-theme="dark"] .linked-apps-section,
:root[data-theme="dark"] .linked-app-card,
:root[data-theme="dark"] .integration-card,
:root[data-theme="dark"] .integration-empty-card,
:root[data-theme="dark"] .apps-benefits { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .apps-overview-stat strong,
:root[data-theme="dark"] .apps-overview-stat b,
:root[data-theme="dark"] .integration-card h2,
:root[data-theme="dark"] .integration-empty-card h2,
:root[data-theme="dark"] .apps-benefits h2,
:root[data-theme="dark"] .apps-benefits-grid strong { color: #F3F8F7; }
:root[data-theme="dark"] .integration-description,
:root[data-theme="dark"] .integration-features li { color: #E8F1F0; }

@media (max-width: 1280px) {
  .apps-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apps-benefits { grid-template-columns: 1fr; }
  .linked-app-card { grid-template-columns: 52px minmax(0,1fr); }
  .linked-app-actions { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .apps-overview-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apps-benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .linked-apps-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .apps-overview-stats,
  .apps-catalog,
  .apps-benefits-grid { grid-template-columns: 1fr; }
  .integration-card,
  .integration-empty-card { min-height: 365px; }
}
:root[data-theme="dark"] .brand-wordmark { color: #F3F8F7; }
:root[data-theme="dark"] .brand-mark-image { filter: none; }
:root[data-theme="dark"] .order-number-copy { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .storage-summary strong { color: #F3F8F7; }
:root[data-theme="dark"] .storage-progress { background: #062B28; }
:root[data-theme="dark"] .storage-breakdown > div,
:root[data-theme="dark"] .salla-meta,
:root[data-theme="dark"] .salla-rules-actions { border-color: #062B28; }
:root[data-theme="dark"] .salla-setting-panel,
:root[data-theme="dark"] .salla-rules-panel,
:root[data-theme="dark"] .salla-rules-empty { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .salla-setting-panel h3,
:root[data-theme="dark"] .salla-rules-panel h3,
:root[data-theme="dark"] .salla-rules-empty strong { color: #F3F8F7; }
:root[data-theme="dark"] .salla-brand p,
:root[data-theme="dark"] .salla-meta,
:root[data-theme="dark"] .avatar-editor small { color: #E8F1F0; }
:root[data-theme="dark"] .salla-app-card,
:root[data-theme="dark"] .salla-settings-workspace,
:root[data-theme="dark"] .salla-live-preview,
:root[data-theme="dark"] .preview-order,
:root[data-theme="dark"] .salla-connected-meta > div,
:root[data-theme="dark"] .color-choice { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .salla-live-preview { background: var(--brand-primary-soft); }
:root[data-theme="dark"] .salla-live-preview h3,
:root[data-theme="dark"] .salla-connected-meta strong,
:root[data-theme="dark"] .salla-color-row > strong { color: #F3F8F7; }
:root[data-theme="dark"] .inline-notice.warning { color: #ffd985; border-color: #6f5520; background: #2a210e; }

@media (max-width: 1100px) {
  .apps-settings-layout { grid-template-columns: 1fr; }
  .salla-live-preview { position: static; min-height: 330px; }
}
@media (max-width: 760px) {
  .salla-card-head,
  .salla-brand { align-items: flex-start; }
  .salla-card-head { flex-direction: column; }
  .salla-connected-meta,
  .apps-toggle-list,
  .salla-duration-line { grid-template-columns: 1fr; }
  .salla-header-actions .btn { width: 100%; }
  .salla-rule-row { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .salla-card-head { align-items: flex-start; flex-direction: column; }
  .salla-header-actions { width: 100%; justify-content: flex-start; }
  .salla-settings-grid { grid-template-columns: 1fr; }
  .salla-rules-panel { grid-column: auto; }
  .salla-rule-row { grid-template-columns: minmax(0, 1fr) minmax(120px, 170px) 42px; }
}
@media (max-width: 620px) {
  .salla-integration-card { padding: 16px; }
  .salla-brand { align-items: flex-start; flex-direction: column; }
  .salla-setting-panel,
  .salla-rules-head,
  .salla-rules-actions { align-items: stretch; flex-direction: column; }
  .salla-rule-row { grid-template-columns: minmax(0, 1fr) 42px; }
  .salla-rule-row label:first-child { grid-column: 1 / -1; }
  .salla-rules-actions .btn { width: 100%; }
}
:root[data-theme="dark"] .blog-art,
:root[data-theme="dark"] .article-takeaways,
:root[data-theme="dark"] .article-lead,
:root[data-theme="dark"] .policy-contact { border-color: #062B28; background: #062B28; color: #E8F1F0; }
:root[data-theme="dark"] .policy-content,
:root[data-theme="dark"] .policy-content > section,
:root[data-theme="dark"] .about-points > div,
:root[data-theme="dark"] .blog-aside article:first-child > button { border-color: #062B28; }
:root[data-theme="dark"] .line-icon,
:root[data-theme="dark"] .support-intro-row .support-cards .line-icon,
:root[data-theme="dark"] .help-center .line-icon,
:root[data-theme="dark"] .about-value-grid .line-icon,
:root[data-theme="dark"] .auth-benefits .line-icon,
:root[data-theme="dark"] .article-content > section > span { color: #0B3F3B; background: rgba(11, 63, 59, .14); }

@media (max-width: 1100px) {
  .support-page .support-layout { width: min(100% - 48px, 1512px); grid-template-columns: 1fr 1fr; }
  .support-page .support-form-card { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .support-page .support-layout { width: min(100% - 28px, 1512px); grid-template-columns: 1fr; }
  .support-page .support-form-card { grid-column: auto; }
  .article-cover { height: 230px; }
  .article-content { margin-top: 24px; }
  .article-content > section { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; }
  .article-content > section > span { width: 36px; height: 36px; }
}

/* Order information studio and secure public order page. */
.btn-success { color: #fff; border-color: #10a85f; background: #16A34A; box-shadow: 0 7px 17px rgba(16, 185, 99, .18); }
.order-links-dashboard-page { width: 100%; max-width: 100%; min-width: 0; overflow: clip; }
.order-links-metrics { width: 100%; min-width: 0; }
.order-links-metrics .dashboard-stat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.order-links-metrics .stat-card { min-width: 0; }
.order-links-metrics .stat-card-icon { color: #0B3F3B; background: #EAF6F3; }
.order-links-metrics .stat-card strong { color: #0B3F3B; font-variant-numeric: tabular-nums; }
.order-link-workspace { width: 100%; max-width: 100%; min-width: 0; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr); gap: 18px; align-items: start; direction: rtl; }
.order-link-workspace > * { width: 100%; max-width: 100%; min-width: 0; direction: rtl; }
.order-link-builder,
.order-link-preview-panel { width: 100%; max-width: 100%; min-width: 0; padding: 20px; position: relative; overflow: hidden; }
.order-preview-carousel { width: 100%; max-width: 100%; min-width: 0; display: grid; gap: 14px; }
.order-preview-toolbar { min-height: 48px; padding: 5px; display: grid; grid-template-columns: 38px minmax(0, 1fr) 38px; align-items: center; gap: 8px; border: 1px solid #E8F1F0; border-radius: 10px; background: #F3F8F7; }
.order-preview-arrow { width: 36px; height: 36px; display: grid; place-items: center; color: #0B3F3B; border: 1px solid #E8F1F0; border-radius: 8px; background: #fff; cursor: pointer; font-size: 25px; line-height: 1; }
.order-preview-arrow:disabled { color: #E8F1F0; background: #F3F8F7; cursor: not-allowed; opacity: .65; }
.order-preview-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.order-preview-tabs button { min-height: 36px; padding: 6px 10px; display: flex; align-items: center; justify-content: center; gap: 7px; color: #0B3F3B; border: 0; border-radius: 7px; background: transparent; cursor: pointer; font: inherit; font-size: 12px; font-weight: 700; }
.order-preview-tabs button b { width: 20px; height: 20px; display: grid; place-items: center; color: #0B3F3B; border: 1px solid #E8F1F0; border-radius: 50%; background: #fff; font-size: 10px; }
.order-preview-tabs button.active { color: #fff; background: #0B3F3B; box-shadow: 0 5px 13px rgba(11, 63, 59, .15); }
.order-preview-tabs button.active b { color: #0B3F3B; border-color: #fff; }
.order-preview-viewport { width: 100%; max-width: 100%; min-width: 0; min-height: 520px; position: relative; overflow: hidden; }
.order-preview-slide { width: 100%; position: absolute; inset: 0; visibility: hidden; opacity: 0; transform: translateX(22px); pointer-events: none; transition: none; }
.order-preview-slide.active { position: relative; visibility: visible; opacity: 1; transform: translateX(0); pointer-events: auto; }
.order-lookup-preview { min-height: 520px; position: relative; padding: 26px; display: grid; align-content: start; overflow: hidden; color: #062B28; border: 1px solid color-mix(in srgb, var(--order-theme) 38%, #E8F1F0); border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(6, 43, 40, .08); }
.order-lookup-accent { height: 130px; position: absolute; inset: 0 0 auto; opacity: .12; background: var(--order-theme); clip-path: polygon(0 0, 100% 0, 100% 58%, 73% 40%, 49% 72%, 25% 45%, 0 66%); }
.order-lookup-brand { min-height: 104px; position: relative; display: flex; align-items: center; justify-content: center; gap: 12px; text-align: center; }
.order-lookup-brand h2 { margin: 0; color: #062B28; font-size: 22px; }
.order-lookup-brand p { margin: 5px 0 0; color: #72819a; font-size: 11px; }
.order-lookup-content { width: min(390px, 100%); margin: 30px auto 0; display: grid; justify-items: stretch; gap: 13px; text-align: center; }
.order-lookup-icon { width: 58px; height: 58px; margin: 0 auto; display: grid; place-items: center; color: var(--order-theme); border-radius: 50%; background: color-mix(in srgb, var(--order-theme) 10%, #fff); }
.order-lookup-icon .line-icon { width: 27px; height: 27px; }
.order-lookup-content h3 { margin: 0; color: #062B28; font-size: 19px; }
.order-lookup-content > p { margin: -5px 0 5px; color: #70819a; font-size: 12px; line-height: 1.8; }
.order-lookup-content label { display: grid; gap: 7px; text-align: start; color: #062B28; font-size: 11px; font-weight: 700; }
.order-lookup-input { min-height: 48px; display: flex; align-items: center; gap: 8px; border: 1px solid #E8F1F0; border-radius: 8px; background: #F3F8F7; }
.order-lookup-input input { min-width: 0; flex: 1; padding: 0 13px; color: #0B3F3B; border: 0; outline: 0; background: transparent; direction: ltr; font: inherit; }
.order-lookup-input .line-icon { width: 18px; margin-inline-end: 12px; color: var(--order-theme); }
.order-lookup-content .btn { min-height: 48px; }
.order-themed-action,
.order-lookup-content .order-themed-action {
  color: #fff;
  border-color: var(--order-theme);
  background: var(--order-theme);
  box-shadow: 0 9px 22px color-mix(in srgb, var(--order-theme) 24%, transparent);
}
.order-themed-action:hover,
.order-lookup-content .order-themed-action:hover { filter: brightness(.94); }
.order-lookup-content > small { display: flex; align-items: center; justify-content: center; gap: 6px; color: #7a8ba2; font-size: 10px; }
.order-lookup-content > small .line-icon { width: 15px; height: 15px; color: var(--order-theme); }
.order-lookup-preview > .order-card-footer { margin-top: 34px; }
.order-lookup-preview.order-style-modern .order-lookup-accent { height: 145px; opacity: .96; clip-path: none; background: var(--order-theme); }
.order-lookup-preview.order-style-modern .order-lookup-brand h2,
.order-lookup-preview.order-style-modern .order-lookup-brand p { color: #fff; }
.order-lookup-preview.order-style-professional { border-radius: 5px; border-width: 2px; }
.order-lookup-preview.order-style-minimal { border: 0; box-shadow: 0 1px 0 #E8F1F0; }
.order-lookup-preview.order-style-minimal .order-lookup-accent,
.order-lookup-preview.order-style-minimal .order-bag { display: none; }
.order-lookup-preview.order-style-premium { color: #F3F8F7; border-color: #062B28; background: #062B28; }
.order-lookup-preview.order-style-premium .order-lookup-brand h2,
.order-lookup-preview.order-style-premium .order-lookup-content h3 { color: #fff; }
.order-lookup-preview.order-style-premium .order-lookup-brand p,
.order-lookup-preview.order-style-premium .order-lookup-content > p,
.order-lookup-preview.order-style-premium .order-lookup-content label { color: #E8F1F0; }
.order-lookup-preview.order-style-premium .order-lookup-input { border-color: #062B28; background: #062B28; }
.order-lookup-preview.order-style-colorful { background: color-mix(in srgb, var(--order-theme) 8%, #fff); }
.order-link-form { width: 100%; max-width: 100%; min-width: 0; display: grid; gap: 18px; overflow: hidden; }
.order-link-form > *,
.order-profile-grid > *,
.builder-step,
.builder-step .section-head > *,
.order-note-editor > div,
.visible-fields > * { max-width: 100%; min-width: 0; }
.order-link-form .input,
.order-link-form .select,
.order-link-form .textarea { width: 100%; max-width: 100%; min-width: 0; }
.order-source-picker { padding: 4px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; border: 1px solid #E8F1F0; border-radius: 10px; background: #F3F8F7; }
.order-source-picker button { min-height: 42px; color: #0B3F3B; border: 0; border-radius: 7px; background: transparent; cursor: pointer; font-weight: 700; }
.order-source-picker button.active { color: #fff; background: var(--brand-primary); box-shadow: 0 6px 14px rgba(11, 63, 59, .17); }
.order-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.order-inline-notice { padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #0B3F3B; border: 1px solid #E8F1F0; border-radius: 9px; background: #F3F8F7; }
.manual-order-panel { padding: 16px; display: grid; gap: 14px; border: 1px solid #E8F1F0; border-radius: 12px; background: #F3F8F7; }
.manual-order-result { min-height: 42px; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #0B3F3B; border: 1px dashed #E8F1F0; border-radius: 8px; background: #fff; }
.manual-order-result strong { color: #0e9f55; }
.manual-start-date-field .field-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.field-edit-button { padding: 3px 10px; color: #0B3F3B; border: 1px solid #E8F1F0; border-radius: 6px; background: #F3F8F7; font: inherit; font-size: 12px; cursor: pointer; }
.manual-start-date-field .input.is-locked { color: #0B3F3B; background: #F3F8F7; cursor: not-allowed; }
.slug-input { display: flex; align-items: center; direction: ltr; border: 1px solid #E8F1F0; border-radius: 8px; overflow: hidden; background: #F3F8F7; }
.slug-input > span { padding: 0 12px; color: #0B3F3B; font-weight: 800; }
.slug-input .input { border: 0; border-inline-start: 1px solid #E8F1F0; border-radius: 0; direction: ltr; }
.builder-step { padding-top: 16px; border-top: 1px solid #F3F8F7; }
.builder-step > h3 { margin: 0 0 13px; display: flex; align-items: center; gap: 8px; color: #062B28; font-size: 15px; }
.builder-step > h3 b,
.builder-step .section-head h3 b { width: 24px; height: 24px; display: inline-grid; place-items: center; color: #fff; border-radius: 50%; background: #0B3F3B; font-size: 11px; }
.order-style-picker { display: grid; grid-template-columns: repeat(6, minmax(82px, 1fr)); gap: 9px; }
.order-style-picker > button { min-height: 108px; padding: 10px; display: grid; place-items: center; gap: 8px; color: #062B28; border: 1px solid #E8F1F0; border-radius: 9px; background: #fff; cursor: pointer; }
.order-style-picker > button.active { color: #0B3F3B; border-color: #0B3F3B; box-shadow: 0 0 0 2px rgba(11, 63, 59, .09); }
.style-mini { width: 58px; height: 54px; padding: 9px; display: grid; align-content: center; gap: 5px; overflow: hidden; border: 1px solid #E8F1F0; border-radius: 6px; background: #F3F8F7; }
.style-mini i { height: 5px; display: block; border-radius: 4px; background: #E8F1F0; }
.style-mini i:nth-child(2) { width: 72%; }
.style-mini i:nth-child(3) { width: 45%; }
.style-modern { border-top: 7px solid #0B3F3B; }
.style-professional { border-inline-start: 7px solid #E8F1F0; }
.style-minimal { background: #fff; }
.style-premium { border-top: 7px solid #f59e0b; background: #fffbeb; }
.style-colorful { border-top: 7px solid #22c55e; background: #f0fdf4; }
.order-color-picker { display: flex; flex-wrap: wrap; gap: 18px; }
.order-color-picker button { min-width: 56px; display: grid; justify-items: center; gap: 6px; color: #657590; background: transparent; cursor: pointer; }
.order-color-picker button > span { width: 54px; height: 36px; display: block; border: 3px solid #fff; border-radius: 8px; background: var(--swatch); box-shadow: 0 0 0 1px #E8F1F0; }
.order-color-picker button.active > span { box-shadow: 0 0 0 3px #0B3F3B; }
.order-color-picker small { font-size: 10px; }
.order-note-editor { display: grid; gap: 9px; }
.order-note-editor > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: stretch; }
.order-note-editor .textarea { min-height: 68px; }
.note-actions { display: grid; grid-template-columns: repeat(3, 32px); align-content: center; gap: 4px; }
.note-actions button { height: 32px; color: #0B3F3B; border: 1px solid #E8F1F0; border-radius: 6px; background: #fff; cursor: pointer; }
.note-actions button:last-child { color: #dc3748; }
.visible-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 16px; }
.visible-fields .setting-toggle { min-height: 42px; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #E8F1F0; border-radius: 8px; }
.order-builder-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.order-builder-actions .btn { width: 100%; min-width: 0; white-space: normal; line-height: 1.45; }
.created-link-box { padding: 12px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; color: #062B28; border: 1px solid #E8F1F0; border-radius: 9px; background: #F3F8F7; }
.created-link-box .input { direction: ltr; }
.color-dot { width: 16px; height: 16px; display: inline-block; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #E8F1F0; vertical-align: middle; }
.row-actions { display: flex; flex-wrap: wrap; gap: 5px; white-space: nowrap; }
.order-links-table-card { width: 100%; max-width: 100%; min-width: 0; overflow: hidden; }
.order-links-table-card .compare { width: 100%; max-width: 100%; margin-inline: 0; padding-bottom: 8px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-gutter: stable both-edges; }
.order-links-table-card table { table-layout: auto; }
.order-links-table-card--links table { min-width: 1260px; }
.order-links-table-card--templates table { min-width: 900px; }
.order-links-table-card th,
.order-links-table-card td { min-width: 110px; white-space: nowrap; }
.order-links-table-card th:first-child,
.order-links-table-card td:first-child { min-width: 140px; }
.order-links-table-card th:last-child,
.order-links-table-card td:last-child {
  position: static;
  inset: auto;
  z-index: auto;
  min-width: 286px;
  box-shadow: none;
}
.order-links-table-card--links th:last-child,
.order-links-table-card--links td:last-child {
  position: sticky;
  inset-inline-end: 0;
  z-index: 4;
  width: 286px;
  min-width: 286px;
  max-width: 286px;
  box-shadow: 9px 0 18px rgba(6, 43, 40, .08);
}
.order-links-table-card--links th:last-child { background: #F3F8F7; }
.order-links-table-card--links td:last-child { background: #fff; }
.order-links-table-card--links tbody tr:hover td:last-child { background: #F3F8F7; }
.order-links-table-card--links th:nth-child(8),
.order-links-table-card--links td:nth-child(8),
.order-links-table-card--links th:nth-child(9),
.order-links-table-card--links td:nth-child(9) { min-width: 190px; }
.order-links-table-card .row-actions { min-width: max-content; flex-wrap: nowrap; }
.saved-orders-count { display: inline-grid; place-items: center; min-width: 28px; height: 24px; margin-inline-start: 6px; padding-inline: 7px; border-radius: 999px; color: #0B3F3B; background: #F3F8F7; font-size: 12px; vertical-align: middle; }
.order-links-table-card--links .section-head h2 { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.order-saved-actions .icon-action { width: 32px; height: 32px; display: inline-grid; place-items: center; border: 1px solid #E8F1F0; border-radius: 7px; background: #fff; }
.order-saved-actions .icon-action:hover { color: #0B3F3B; border-color: #E8F1F0; background: #F3F8F7; }
.order-saved-actions .icon-action svg { width: 15px; height: 15px; pointer-events: none; }
.order-links-loading { min-height: 150px; display: grid; place-items: center; }
.order-links-page-title {
  width: 100%;
  direction: rtl;
  text-align: right;
}
.order-links-page-title .page-title {
  width: 100%;
  justify-content: flex-start;
}
.order-links-page-title .page-title > div:first-child {
  width: 100%;
}

.order-customer-card { position: relative; padding: 26px; overflow: hidden; color: #062B28; border: 1px solid color-mix(in srgb, var(--order-theme) 38%, #E8F1F0); border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(6, 43, 40, .08); }
.order-customer-card.is-placeholder { border-style: dashed; }
.order-customer-card.is-placeholder .order-information-grid,
.order-customer-card.is-placeholder .order-number-row { opacity: .78; }
.order-card-accent { height: 96px; position: absolute; inset: 0 0 auto; opacity: .13; background: var(--order-theme); clip-path: polygon(0 0, 100% 0, 100% 55%, 78% 38%, 55% 70%, 28% 42%, 0 67%); }
.order-card-brand { min-height: 96px; position: relative; display: flex; align-items: center; justify-content: center; gap: 13px; text-align: center; }
.order-card-brand h2 { margin: 0; color: #062B28; font-size: 22px; }
.order-card-brand p { margin: 5px 0 0; color: #72819a; font-size: 12px; }
.order-bag { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; border-radius: 14px; background: var(--brand-primary); box-shadow: 0 8px 18px color-mix(in srgb, var(--order-theme) 25%, transparent); }
.order-bag.has-store-logo { overflow: visible; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.order-store-logo { width: 100%; height: 100%; border-radius: var(--store-logo-radius, 16px); object-fit: contain; }
.order-number-row { min-height: 58px; padding: 10px 14px; display: flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid #E8F1F0; border-radius: 9px; background: rgba(255,255,255,.88); }
.order-number-row > span { color: #8290a5; font-size: 11px; }
.order-number-row > strong { color: #062B28; font-size: 22px; direction: ltr; }
.order-number-row .status { margin-inline-start: auto; }
.order-information-grid { margin-top: 13px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.order-information-grid > div { min-height: 90px; padding: 12px; display: grid; align-content: center; justify-items: center; text-align: center; border: 1px solid #E8F1F0; border-radius: 9px; background: rgba(255,255,255,.86); }
.order-information-grid .line-icon { width: 21px; height: 21px; margin-bottom: 7px; color: var(--order-theme); }
.order-information-grid span { color: #75859e; font-size: 10px; }
.order-information-grid strong { margin-top: 5px; color: #062B28; font-size: 13px; }
.order-information-grid .remaining-field { border-color: #bde8cb; background: #f4fff7; }
.order-information-grid .remaining-field strong { color: #13a353; font-size: 17px; }
.order-portal-items { display: grid; gap: 22px; }
.subscription-live-time { padding: 16px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; border: 1px solid color-mix(in srgb, var(--order-theme) 26%, #E8F1F0); border-radius: 16px; background: color-mix(in srgb, var(--order-theme) 4%, #fff); }
.subscription-live-time > div:not(.subscription-time-progress) { display: grid; gap: 5px; }
.subscription-live-time span,.subscription-time-progress small { color: #64748b; font-size: 11px; }
.subscription-live-time strong { color: #062B28; font-size: 14px; }
.subscription-time-progress { grid-column: 1/-1; display: grid; gap: 6px; }
.subscription-time-progress i { height: 8px; overflow: hidden; border-radius: 99px; background: #F3F8F7; }
.subscription-time-progress b { display: block; height: 100%; border-radius: inherit; background: var(--brand-primary); }
.order-notes { margin-top: 13px; padding: 15px; border: 1px dashed color-mix(in srgb, var(--order-theme) 38%, #E8F1F0); border-radius: 9px; background: color-mix(in srgb, var(--order-theme) 4%, #fff); }
.order-notes h3 { margin: 0 0 9px; display: flex; align-items: center; gap: 7px; font-size: 13px; }
.order-notes ul { margin: 0; padding-inline-start: 20px; color: #0B3F3B; font-size: 11px; line-height: 1.9; }
.order-card-footer { margin: 15px 0 0; color: #7b8ba1; text-align: center; font-size: 10px; }
.order-style-modern { border-radius: 24px; }
.order-style-modern .order-card-accent { opacity: .9; clip-path: none; background: var(--brand-primary); }
.order-style-modern .order-card-brand h2,
.order-style-modern .order-card-brand p { color: #fff; }
.order-style-professional { border-radius: 5px; border-width: 2px; box-shadow: none; }
.order-style-professional .order-card-brand { justify-content: flex-start; text-align: start; border-bottom: 2px solid var(--order-theme); }
.order-style-minimal { padding: 34px; border: 0; box-shadow: 0 1px 0 #E8F1F0; }
.order-style-minimal .order-card-accent,
.order-style-minimal .order-bag { display: none; }
.order-style-premium { color: #F3F8F7; border-color: #062B28; background: #062B28; }
.order-style-premium .order-card-brand h2,
.order-style-premium .order-number-row > strong,
.order-style-premium .order-information-grid strong,
.order-style-premium .order-notes h3 { color: #fff; }
.order-style-premium .order-card-brand p,
.order-style-premium .order-number-row > span,
.order-style-premium .order-information-grid span,
.order-style-premium .order-notes ul { color: #E8F1F0; }
.order-style-premium .order-number-row,
.order-style-premium .order-information-grid > div { border-color: #062B28; background: #062B28; }
.order-style-premium .order-notes { border-color: #062B28; background: #062B28; }
.order-style-colorful { background: color-mix(in srgb, var(--order-theme) 8%, #fff); }

.public-order-page { min-height: 100vh; color: #062B28; background: #F3F8F7; }
.public-order-header { min-height: 92px; padding: 0 max(4vw, 32px); display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #E8F1F0; background: #fff; }
.public-order-header > div { display: flex; align-items: center; gap: 12px; }
.public-order-header > div:first-child { flex-direction: column; align-items: flex-start; gap: 2px; }
.public-order-header .brand-mark-image { width: 50px; height: 50px; }
.public-order-header .brand-wordmark { font-size: 23px; }
.public-order-header span,
.public-order-header small { color: #8492a7; font-size: 11px; }
.public-order-header strong { color: #062B28; font-size: 19px; }
.public-order-main { width: min(1320px, calc(100% - 56px)); margin: 0 auto; padding: 24px 0 38px; }
.public-order-entry { width: min(640px, 100%); margin: 0 auto; }
.public-order-lookup-card { min-height: 610px; }
.public-order-lookup-card .order-lookup-content { margin-top: 38px; }
.public-order-search-card { padding: 25px; text-align: center; border: 1px solid #E8F1F0; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(6, 43, 40, .06); }
.public-order-search-card h1 { margin: 0 0 14px; font-size: 20px; }
.public-order-search-card form { width: min(800px, 100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 12px; }
.public-order-search-card .search-wrap { width: 100%; }
.public-order-search-card .input { min-height: 52px; direction: ltr; }
.public-order-search-card .btn { min-height: 52px; }
.public-order-search-card > p { margin: 12px 0 0; display: flex; justify-content: center; align-items: center; gap: 6px; color: #7e8ca1; font-size: 11px; }
.public-order-result { margin-top: 18px; padding: 13px; border: 1px solid #E8F1F0; border-radius: 18px; background: #fff; }
.public-order-result .order-customer-card { box-shadow: none; }
.public-order-style-switcher { margin-bottom: 12px; display: flex; align-items: center; justify-content: center; gap: 12px; }
.public-order-style-switcher > span { color: #0B3F3B; font-size: 12px; }
.public-order-style-switcher button { width: 72px; height: 45px; padding: 4px; border: 1px solid #E8F1F0; border-radius: 7px; background: #fff; cursor: pointer; }
.public-order-style-switcher button.active { border: 2px solid var(--order-theme); }
.public-order-style-switcher .style-mini { width: 100%; height: 100%; }
.public-order-actions { margin-top: 16px; display: flex; justify-content: center; gap: 16px; }
.public-order-actions .btn { min-width: 220px; }
.public-order-welcome,
.public-order-error { min-height: 240px; margin-top: 18px; padding: 30px; display: grid; place-items: center; align-content: center; gap: 10px; text-align: center; border: 1px solid #E8F1F0; border-radius: 18px; background: #fff; }
.public-order-error .line-icon { width: 42px; height: 42px; color: #dc3d4d; }
.public-order-footer { min-height: 90px; padding: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px; color: #708099; border-top: 1px solid #E8F1F0; background: #fff; font-size: 11px; }
.public-order-footer small { flex-basis: 100%; text-align: center; }
.salla-public-page { min-height: 100vh; color: var(--salla-text-color, #062B28); background: var(--salla-page-background, var(--brand-primary-soft)); }
.salla-public-header { min-height: 92px; padding: 16px max(4vw, 28px); display: flex; align-items: center; gap: 14px; border-bottom: 1px solid #E8F1F0; background: rgba(255,255,255,.96); }
.salla-public-header .brand { margin-inline-end: auto; }
.salla-public-header > div { display: grid; gap: 3px; text-align: end; }
.salla-public-header strong { font-size: 18px; }
.salla-public-header small { color: #0B3F3B; }
.salla-public-main { width: min(920px, calc(100% - 28px)); min-height: calc(100vh - 182px); margin: 0 auto; padding: 34px 0; }
.salla-public-card { padding: 30px; border: 1px solid #E8F1F0; border-radius: var(--salla-card-radius, 22px); background: var(--salla-card-background, #fff); box-shadow: var(--salla-card-shadow, 0 16px 48px rgba(6, 43, 40,.08)); }
.salla-public-card h1 { margin: 22px 0 8px; font-size: clamp(24px,4vw,36px); }
.salla-public-card > p { margin: 0 0 24px; color: var(--salla-muted-color, #71819a); }
.salla-public-status { display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; color: var(--salla-public-theme); border-radius: 999px; background: color-mix(in srgb, var(--salla-public-theme) 9%, white); font-weight: 700; }
.salla-public-status .line-icon { width: 18px; height: 18px; }
.salla-public-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.salla-public-summary > div { padding: 15px; display: grid; gap: 5px; border: 1px solid #E8F1F0; border-radius: 13px; background: #F3F8F7; }
.salla-public-summary span { color: #7b8ba3; font-size: 12px; }
.salla-public-table-wrap { overflow-x: auto; margin: 22px 0; border: 1px solid #E8F1F0; border-radius: 14px; }
.salla-public-table-wrap table { width: 100%; border-collapse: collapse; }
.salla-public-table-wrap th,.salla-public-table-wrap td { padding: 13px; text-align: start; border-bottom: 1px solid #F3F8F7; white-space: nowrap; }
.salla-public-table-wrap th { color: #70809a; background: #F3F8F7; font-size: 12px; }
.salla-public-subscriptions { display: grid; gap: 10px; margin-top: 22px; }
.salla-public-subscriptions article { padding: 16px; display: grid; grid-template-columns: 1fr auto; gap: 7px; border: 1px solid #d9efe3; border-radius: 13px; background: #f3fcf7; }
.salla-public-subscriptions small { grid-column: 1/-1; color: #6d7e95; }
.salla-public-totals { margin-inline-start: auto; width: min(400px,100%); display: grid; gap: 10px; }
.salla-public-totals span,.salla-public-totals > strong { padding: 9px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #F3F8F7; }
.salla-public-totals > strong { color: var(--salla-public-theme); font-size: 18px; }

:root[data-theme="dark"] .order-link-builder,
:root[data-theme="dark"] .order-link-preview-panel,
:root[data-theme="dark"] .order-preview-toolbar,
:root[data-theme="dark"] .order-preview-arrow,
:root[data-theme="dark"] .order-style-picker > button,
:root[data-theme="dark"] .note-actions button,
:root[data-theme="dark"] .visible-fields .setting-toggle,
:root[data-theme="dark"] .created-link-box { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .order-source-picker,
:root[data-theme="dark"] .manual-order-panel,
:root[data-theme="dark"] .manual-order-result,
:root[data-theme="dark"] .order-inline-notice { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .order-lookup-preview:not(.order-style-premium) { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .order-lookup-preview:not(.order-style-premium) .order-lookup-brand h2,
:root[data-theme="dark"] .order-lookup-preview:not(.order-style-premium) .order-lookup-content h3 { color: #F3F8F7; }
:root[data-theme="dark"] .order-lookup-preview:not(.order-style-premium) .order-lookup-input { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .builder-step > h3,
:root[data-theme="dark"] .order-card-brand h2 { color: #F3F8F7; }
:root[data-theme="dark"] .slug-input { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .order-customer-card:not(.order-style-premium) { color: #E8F1F0; border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .order-customer-card:not(.order-style-premium) .order-number-row,
:root[data-theme="dark"] .order-customer-card:not(.order-style-premium) .order-information-grid > div { border-color: #062B28; background: #062B28; }
:root[data-theme="dark"] .order-customer-card:not(.order-style-premium) .order-number-row > strong,
:root[data-theme="dark"] .order-customer-card:not(.order-style-premium) .order-information-grid strong,
:root[data-theme="dark"] .order-customer-card:not(.order-style-premium) .order-notes h3 { color: #F3F8F7; }

@media (max-width: 1450px) {
  .order-link-workspace { grid-template-columns: 1fr; }
  .order-link-preview-panel { position: static; }
  .order-style-picker { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1100px) {
  .order-links-metrics .dashboard-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .order-builder-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .order-links-dashboard-page { overflow: hidden; }
  .order-links-metrics .dashboard-stat-grid { grid-template-columns: 1fr; }
  .order-link-builder,
  .order-link-preview-panel { padding: 15px; }
  .order-preview-toolbar { grid-template-columns: 34px minmax(0, 1fr) 34px; gap: 5px; }
  .order-preview-tabs button { padding-inline: 5px; font-size: 10px; }
  .order-preview-tabs button b { display: none; }
  .builder-step .section-head { align-items: stretch; flex-direction: column; }
  .builder-step .section-head .btn { width: 100%; }
  .subscription-live-time { grid-template-columns: 1fr; }
  .order-profile-grid,
  .order-source-picker,
  .visible-fields,
  .order-builder-actions,
  .order-information-grid { grid-template-columns: 1fr; }
  .order-style-picker { grid-template-columns: repeat(2, 1fr); }
  .created-link-box { grid-template-columns: 1fr; }
  .public-order-header { padding: 14px 20px; align-items: flex-start; flex-direction: column; }
  .public-order-main { width: min(100% - 24px, 1320px); }
  .public-order-search-card form { grid-template-columns: 1fr; }
  .public-order-style-switcher { flex-wrap: wrap; }
  .public-order-actions { flex-direction: column; }
  .public-order-actions .btn { min-width: 0; width: 100%; }
  .salla-public-card { padding: 20px; }
  .salla-public-summary { grid-template-columns: 1fr 1fr; }
  .order-customer-card { padding: 16px; }
}

.password-input-wrap {
  position: relative;
  display: block;
}

.password-input-wrap .input {
  padding-inline-end: 3.15rem;
}

/* Keep one consistent Renvix visibility control. Chromium/Edge otherwise
   adds a second native reveal icon on password fields. */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-textfield-decoration-container {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.password-toggle {
  position: absolute;
  inset-inline-end: .65rem;
  top: 50%;
  width: 2rem;
  height: 2rem;
  padding: 0;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  transition: background .18s ease, color .18s ease;
}

.password-toggle:hover,
.password-toggle:focus-visible {
  background: #F3F8F7;
  color: #0B3F3B;
  outline: none;
}

.password-toggle .line-icon {
  width: 1.1rem;
  height: 1.1rem;
}

.notification-trigger-wrap {
  position: relative;
  z-index: 125;
}

.notification-trigger {
  position: relative;
}

.notification-badge {
  position: absolute;
  inset-inline-end: -2px;
  top: -3px;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  display: grid;
  place-items: center;
  border: 2px solid var(--surface, #fff);
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
}

.notification-dropdown {
  position: absolute;
  top: calc(100% + 12px);
  inset-inline-end: 0;
  z-index: 120;
  width: min(390px, calc(100vw - 32px));
  max-height: calc(100dvh - 92px);
  margin: 0;
  overflow: hidden;
  border: 1px solid #E8F1F0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(6, 43, 40, .15);
}

.notification-dropdown-head,
.notification-dropdown-actions {
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.notification-dropdown-head {
  border-bottom: 1px solid #F3F8F7;
  font-size: 12px;
}

.notification-dropdown-list {
  max-height: min(350px, calc(100dvh - 178px));
  padding: 8px;
  display: grid;
  gap: 7px;
  overflow: auto;
  overscroll-behavior: contain;
  background: #F3F8F7;
}

.notification-item {
  --notification-tone: #0B3F3B;
  --notification-soft: #F3F8F7;
  position: relative;
  width: 100%;
  min-height: 66px;
  border: 1px solid color-mix(in srgb, var(--notification-tone) 17%, #E8F1F0);
  border-radius: 10px;
  background: color-mix(in srgb, var(--notification-soft) 44%, #fff);
  color: #062B28;
  overflow: hidden;
}

.notification-item-success {
  --notification-tone: #14a66f;
  --notification-soft: #ecfdf5;
}

.notification-item-danger {
  --notification-tone: #ef4444;
  --notification-soft: #fff1f2;
}

.notification-item-warning {
  --notification-tone: #f59e0b;
  --notification-soft: #fff7ed;
}

.notification-item-open {
  width: 100%;
  min-height: 64px;
  padding: 9px 36px 9px 9px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  text-align: start;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.notification-item:hover,
.notification-item.unread {
  background: color-mix(in srgb, var(--notification-soft) 72%, #fff);
}

.notification-item-icon {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: color-mix(in srgb, var(--notification-tone) 11%, #fff);
  color: var(--notification-tone);
}

.notification-item-icon .line-icon {
  width: 15px;
  height: 15px;
}

.notification-item-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.notification-item-dismiss {
  position: absolute;
  inset-inline-end: 7px;
  top: 7px;
  width: 22px;
  height: 22px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #7a8799;
  cursor: pointer;
}

.notification-item-dismiss:hover,
.notification-item-dismiss:focus-visible {
  background: rgba(255, 255, 255, .75);
  color: var(--notification-tone);
  outline: none;
}

.notification-item-dismiss .line-icon {
  width: 12px;
  height: 12px;
}

.notification-item strong,
.notification-item small,
.notification-item em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-item small,
.notification-item em {
  color: #71819a;
  font-size: 9.5px;
}

.notification-item strong {
  color: var(--notification-tone);
  font-size: 11px;
  line-height: 1.45;
}

.notification-item em {
  font-style: normal;
  font-size: 9px;
}

.notification-empty {
  padding: 28px 18px;
  display: grid;
  gap: 6px;
  text-align: center;
  color: #71819a;
  font-size: 12px;
}

.notification-list-page {
  display: grid;
  gap: 10px;
}

.notification-row {
  padding: 14px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid #F3F8F7;
  border-radius: 14px;
  background: #fff;
}

.notification-row.unread {
  border-color: #E8F1F0;
  background: #F3F8F7;
}

.notification-row-content {
  min-width: 0;
}

.notification-row-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.notification-row-content p {
  margin: 5px 0;
  color: #0B3F3B;
}

.notification-row-content small {
  color: #8290a5;
  font-size: 11px;
}

.compact-field {
  min-width: 140px;
}

.compact-field > span {
  font-size: 11px;
}

:root[data-theme="dark"] .password-toggle:hover,
:root[data-theme="dark"] .password-toggle:focus-visible {
  background: #062B28;
  color: #E8F1F0;
}

:root[data-theme="dark"] .notification-dropdown,
:root[data-theme="dark"] .notification-row,
:root[data-theme="dark"] .notification-page-card {
  border-color: #062B28;
  background: #062B28;
  color: #F3F8F7;
}

:root[data-theme="dark"] .notification-dropdown-head,
:root[data-theme="dark"] .notification-dropdown-actions {
  border-color: #062B28;
}

:root[data-theme="dark"] .notification-dropdown-list {
  background: #062B28;
}

:root[data-theme="dark"] .notification-item {
  border-color: color-mix(in srgb, var(--notification-tone) 30%, #062B28);
  background: color-mix(in srgb, var(--notification-tone) 10%, #062B28);
  color: #F3F8F7;
}

:root[data-theme="dark"] .notification-item:hover,
:root[data-theme="dark"] .notification-item.unread,
:root[data-theme="dark"] .notification-row.unread {
  background: color-mix(in srgb, var(--notification-tone) 16%, #062B28);
}

:root[data-theme="dark"] .notification-row-content p,
:root[data-theme="dark"] .notification-item small,
:root[data-theme="dark"] .notification-item em,
:root[data-theme="dark"] .notification-row-content small,
:root[data-theme="dark"] .notification-empty {
  color: #E8F1F0;
}

:root[data-theme="dark"] .dashboard-main .compare {
  border-color: #062B28;
  background: #062B28;
}

:root[data-theme="dark"] .dashboard-main .compare table,
:root[data-theme="dark"] .dashboard-main .compare th,
:root[data-theme="dark"] .dashboard-main .compare td {
  color: #E8F1F0;
  border-color: #062B28;
  background: transparent;
}

:root[data-theme="dark"] .dashboard-main .compare th {
  background: #062B28;
  color: #E8F1F0;
}

:root[data-theme="dark"] .dashboard-main .compare td small,
:root[data-theme="dark"] .dashboard-main .compare td .muted,
:root[data-theme="dark"] .dashboard-main .field > span {
  color: #E8F1F0;
}

:root[data-theme="dark"] .dashboard-main .input,
:root[data-theme="dark"] .dashboard-main .select,
:root[data-theme="dark"] .dashboard-main textarea {
  border-color: #062B28;
  background: #062B28;
  color: #F3F8F7;
}

:root[data-theme="dark"] .dashboard-main .input::placeholder,
:root[data-theme="dark"] .dashboard-main textarea::placeholder {
  color: #0B3F3B;
}

:root[data-theme="dark"] .subscription-toolbar .compact-field > span {
  color: #E8F1F0;
}

@media (max-width: 760px) {
  .subscription-delivery-grid { grid-template-columns: 1fr; }
  .notification-dropdown {
    top: max(68px, calc(env(safe-area-inset-top) + 60px));
    width: min(390px, calc(100vw - 20px));
    max-height: calc(100dvh - max(88px, calc(env(safe-area-inset-top) + 80px)));
  }

  .notification-dropdown-head,
  .notification-dropdown-actions {
    flex-wrap: nowrap;
  }

  .notification-dropdown-actions .btn {
    min-height: 34px;
    padding: 7px 9px;
    flex: 1 1 0;
    font-size: 10px;
  }

  .notification-row {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .notification-row > .inline-actions {
    grid-column: 2;
    justify-content: flex-start;
  }

  .order-links-table-card--links th:last-child,
  .order-links-table-card--links td:last-child {
    position: static;
    inset: auto;
    box-shadow: none;
  }

  .subscription-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
}

.message-usage-card { --quota-color: #0B3F3B; --quota-soft: #F3F8F7; padding: 22px; display: grid; gap: 16px; border: 1px solid #E8F1F0; overflow: hidden; }
.message-usage-card.near { --quota-color: #d97706; --quota-soft: #fffbeb; border-color: #fde68a; }
.message-usage-card.critical { --quota-color: #ea580c; --quota-soft: #fff7ed; border-color: #fdba74; }
.message-usage-card.reached { --quota-color: #dc2626; --quota-soft: #fff1f2; border-color: #f87171; background: var(--brand-primary-soft); box-shadow: 0 12px 34px rgba(220, 38, 38, .1); }
.message-usage-head { display: flex; align-items: center; gap: 12px; }
.message-usage-head > div { flex: 1; }
.message-usage-head h2 { margin: 0 0 3px; font-size: 1.08rem; }
.message-usage-head p { margin: 0; color: #64748b; font-size: .86rem; }
.message-usage-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; color: var(--quota-color); background: var(--quota-soft); }
.message-usage-icon .line-icon { width: 23px; height: 23px; }
.message-usage-numbers { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.message-usage-numbers strong { color: #062B28; font-size: clamp(1.65rem, 3vw, 2.4rem); line-height: 1; }
.message-usage-numbers span { color: #0B3F3B; font-weight: 700; }
.message-usage-progress { height: 11px; overflow: hidden; border-radius: 999px; background: #F3F8F7; }
.message-usage-progress i { display: block; height: 100%; border-radius: inherit; background: var(--quota-color); transition: width .25s ease; }
.message-usage-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; color: #0B3F3B; font-size: .83rem; }
.message-limit-alert { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px; border-radius: 10px; color: #991b1b; background: rgba(254, 226, 226, .72); }
.message-limit-alert p { margin: 4px 0 0; }
.message-usage-card.compact { grid-template-columns: minmax(230px, .8fr) minmax(210px, .7fr) minmax(240px, 1fr); align-items: center; }
.message-usage-card.compact .message-usage-progress { grid-column: span 2; }
.message-usage-card.compact .message-usage-meta { justify-content: flex-end; }
.message-usage-card.compact .message-limit-alert { grid-column: 1 / -1; }
.quota-limit-modal { display: grid; gap: 14px; text-align: center; justify-items: center; }
.quota-limit-modal > .line-icon { width: 46px; height: 46px; color: #dc2626; padding: 10px; border-radius: 50%; background: #fee2e2; }
.quota-limit-modal p { margin: 0; line-height: 1.8; }
:root[data-theme="dark"] .message-usage-card { background: #062B28; border-color: #062B28; }
:root[data-theme="dark"] .message-usage-card.reached { background: var(--brand-primary-soft); border-color: #b91c1c; }
:root[data-theme="dark"] .message-usage-numbers strong { color: #F3F8F7; }
:root[data-theme="dark"] .message-limit-alert { background: rgba(127, 29, 29, .35); color: #fecaca; }

@media (max-width: 760px) {
  .message-usage-card.compact { grid-template-columns: 1fr; }
  .message-usage-card.compact .message-usage-progress,
  .message-usage-card.compact .message-limit-alert { grid-column: auto; }
  .message-usage-card.compact .message-usage-meta { justify-content: flex-start; }
  .message-usage-head, .message-usage-numbers, .message-limit-alert { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 1100px) {
  .meta-devices-layout { grid-template-columns: 1fr; }
  .meta-devices-side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .meta-devices-side > :last-child:nth-child(odd) { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .meta-devices-side,
  .meta-setup-steps { grid-template-columns: 1fr; }
  .meta-devices-side > :last-child:nth-child(odd) { grid-column: auto; }
  .meta-setup-steps::before { display: none; }
  .meta-setup-steps > div {
    min-height: 0;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    justify-items: start;
    align-items: center;
    text-align: right;
  }
  .meta-setup-steps > div > span { grid-row: 1 / 3; }
  .meta-setup-steps small { text-align: right; }
  .meta-setup-steps em { grid-column: 3; grid-row: 1 / 3; align-self: center; }
  .meta-connect-card .section-head { align-items: stretch; flex-direction: column; }
}

/* Salla automation templates */
.salla-templates-locked{min-height:420px;display:grid;place-items:center;align-content:center;text-align:center;gap:14px}
.salla-template-lock-logo{width:82px;height:82px;border-radius:24px;background:#F3F8F7;display:grid;place-items:center}
.salla-template-lock-logo img{width:54px;height:54px;object-fit:contain}
.salla-templates-notice{display:flex;align-items:center;gap:12px;margin:16px 0 24px}
.salla-templates-notice svg{width:22px;height:22px;color:#0B3F3B;flex:0 0 auto}
.salla-template-editor-notice{display:flex;align-items:center;gap:12px;margin:16px 0 24px}
.salla-template-editor-notice>svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;flex:0 0 22px;color:#0B3F3B}
.salla-templates-page-head{display:flex;align-items:center;gap:12px}.salla-templates-page-head .toolbar{margin-right:auto;margin-left:0}
.salla-templates-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.salla-template-card{min-height:238px;padding:18px;display:flex;flex-direction:column;gap:12px;border-color:#E8F1F0;box-shadow:0 10px 30px rgba(11, 63, 59,.05)}
.salla-template-card.featured{border-color:#E8F1F0;box-shadow:0 14px 34px rgba(11, 63, 59,.11)}
.salla-template-card-head{display:flex;align-items:flex-start;gap:14px}
.salla-template-card-head>div{min-width:0;flex:1}
.salla-template-card-head h2{font-size:17px;margin:7px 0 0;color:#062B28}
.salla-template-card-icon{width:48px;height:48px;border-radius:13px;background:#F3F8F7;color:#0B3F3B;display:grid;place-items:center}
.salla-template-card:nth-child(n) .salla-template-card-icon{border:1px solid #d8ebe7;background:#edf8f6;color:#087267}
.salla-template-card-icon svg{width:27px;height:27px}
.salla-chip{display:inline-flex;padding:4px 10px;border-radius:9px;background:#F3F8F7;color:#062B28;font-size:12px;font-weight:800}
.salla-template-card>p{margin:0;color:#0B3F3B;font-size:12px;line-height:1.75;min-height:54px}
.salla-template-card>.status{align-self:flex-start}
.salla-template-card>.status i{width:7px;height:7px;border-radius:50%;background:currentColor;margin-inline-start:5px}
.salla-mode-chips{display:flex;gap:8px}
.salla-mode-chips span{padding:4px 10px;border:1px solid #E8F1F0;border-radius:8px;color:#0B3F3B;font-size:12px}
.salla-template-card footer{margin-top:auto;padding-top:16px;border-top:1px solid #F3F8F7;display:flex;align-items:center;justify-content:space-between;gap:12px}
.salla-template-card footer>div{display:flex;gap:8px}
.salla-template-card footer .btn{min-height:36px;padding:7px 12px}
.salla-template-card footer svg{width:17px;height:17px}
.salla-template-editor-form{display:grid;gap:12px;margin:0;direction:rtl}
.salla-template-editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.86fr);gap:20px;align-items:stretch;margin:0;direction:rtl}
.salla-template-editor-layout>*{direction:rtl}
.salla-template-form-card{grid-column:1;grid-row:1;align-self:start;padding:24px}
.salla-template-live-preview{grid-column:2;grid-row:1}
.salla-template-editor-layout .section-head>svg{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;flex:0 0 24px!important;color:#0B3F3B}
.salla-template-editor-top{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:14px;direction:ltr}
.salla-template-editor-top .btn{direction:rtl}.salla-template-editor-top svg{width:18px;height:18px}
.salla-review-trigger-grid{margin-top:14px;align-items:end}.salla-review-trigger-grid .field{margin:0}
.salla-template-updated-at{margin:-5px 0 14px;color:var(--muted);font-size:.88rem}.salla-template-updated-at strong{color:var(--text);font-weight:700}
.salla-template-enable{padding:17px 20px;margin:18px 0;display:flex;align-items:center;justify-content:space-between}
.salla-template-enable>div{display:flex;gap:13px;align-items:center}
.salla-template-enable>div>svg{width:26px;height:26px;color:#0B3F3B}
.salla-template-enable strong,.salla-template-enable small{display:block}
.salla-template-enable small{color:#0B3F3B;margin-top:4px}
.message-activation-card{min-height:66px;padding:10px 14px;margin:14px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:#E8F1F0;box-shadow:0 2px 8px rgba(6, 43, 40,.06)}
.message-activation-copy{display:flex;align-items:center;gap:11px;min-width:0}
.message-activation-copy>span:last-child{min-width:0}
.message-activation-copy strong,.message-activation-copy small{display:block}
.message-activation-copy strong{color:#062B28;font-size:13px;line-height:1.45}
.message-activation-copy small{max-width:760px;color:#0B3F3B;font-size:10.5px;line-height:1.55;margin-top:2px}
.message-activation-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:9px;background:#F3F8F7;color:#0B3F3B}
.message-activation-icon svg{width:20px;height:20px}
.message-activation-control{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.message-activation-switch{min-width:44px;min-height:36px;border:0;background:transparent;padding:7px 2px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.message-activation-switch input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.message-activation-switch>span{width:40px;height:22px;background:#E8F1F0;border-radius:999px;position:relative;display:block;transition:background .18s ease}
.message-activation-switch>span:after{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;inset-inline-start:3px;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:inset-inline-start .18s ease}
.message-activation-switch.active>span,.message-activation-switch:has(input:checked)>span{background:#0B3F3B}
.message-activation-switch.active>span:after,.message-activation-switch:has(input:checked)>span:after{inset-inline-start:21px}
.message-activation-switch:focus-visible{outline:2px solid #0B3F3B;outline-offset:2px;border-radius:10px}
.message-activation-switch:focus-within{outline:2px solid #0B3F3B;outline-offset:2px;border-radius:10px}
.message-activation-status{display:inline-flex;align-items:center;gap:5px;color:#0B3F3B;font-size:10.5px;white-space:nowrap}
.message-activation-status i{width:7px;height:7px;border-radius:50%;background:#E8F1F0}
.message-activation-status b{font-weight:600}
.message-activation-status-on{display:none}
.message-activation-switch.active~.message-activation-status,.message-activation-control:has(input:checked) .message-activation-status{color:#174c38}
.message-activation-switch.active~.message-activation-status i,.message-activation-control:has(input:checked) .message-activation-status i{background:#16b364}
.message-activation-switch.active~.message-activation-status .message-activation-status-on,.message-activation-control:has(input:checked) .message-activation-status-on{display:inline}
.message-activation-switch.active~.message-activation-status .message-activation-status-off,.message-activation-control:has(input:checked) .message-activation-status-off{display:none}
.subscription-settings-form>.message-activation-card{grid-column:1/-1;margin:0 0 4px;padding:16px 18px}
.dashboard-main .subscription-settings-panel{padding:28px}
.dashboard-main .subscription-settings-panel>.section-head{margin-bottom:22px;padding-inline:2px}
.dashboard-main .subscription-settings-form{padding:2px 2px 4px}
.dashboard-main .subscription-settings-actions{padding-inline:6px;padding-bottom:2px}
.reminder-confirm-form{gap:14px}
.reminder-channel-preview{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#F8FBFA}
.reminder-channel-preview .reminder-confirm-summary{margin:0}
@media (max-width:720px){.dashboard-main .subscription-settings-panel{padding:18px 16px}.dashboard-main .subscription-settings-form{padding-inline:0}.dashboard-main .subscription-settings-actions{padding-inline:2px}}
.switch-button{border:0;background:#F3F8F7;color:#66758f;padding:7px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:inherit}
.switch-button span{width:38px;height:22px;background:#E8F1F0;border-radius:999px;position:relative}
.switch-button span:after{content:"";width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:3px;inset-inline-start:3px;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.switch-button.active{color:#0d9c52;background:#e8f9ef}
.switch-button.active span{background:#0B3F3B}
.switch-button.active span:after{inset-inline-start:19px}
.salla-channel-panel{padding:16px;border:1px solid #E8F1F0;border-radius:14px;background:#F3F8F7}
.salla-channel-choice{margin:16px 0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.salla-channel-choice legend{width:100%;margin-bottom:8px;color:#062B28;font-size:12px;font-weight:800}
.salla-channel-choice label{display:block;cursor:pointer}.salla-channel-choice input{position:absolute;opacity:0;pointer-events:none}
.salla-channel-choice span{min-height:46px;padding:11px 14px;display:flex;align-items:center;justify-content:center;gap:9px;color:#0B3F3B;border:1px solid #E8F1F0;border-radius:10px;background:#fff;font-size:12px;font-weight:750;transition:.18s ease;position:relative}
.salla-channel-choice svg{width:18px;height:18px}.salla-channel-choice input:checked+span{color:#0B3F3B;border-color:#0B3F3B;background:#F3F8F7;box-shadow:0 0 0 2px rgba(11, 63, 59,.08)}
.salla-channel-choice span:after{content:"";width:18px;height:18px;position:absolute;inset-inline-start:12px;border:1px solid #E8F1F0;border-radius:50%;background:#fff}
.salla-channel-choice input:checked+span:after{content:"✓";display:grid;place-items:center;color:#fff;border-color:#0B3F3B;background:#0B3F3B;font-size:11px;font-weight:900}
.salla-email-logo-editor{margin-top:14px;padding:14px;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;border:1px solid #E8F1F0;border-radius:13px;background:#fff}
.salla-email-logo-editor strong,.salla-email-logo-editor p,.salla-email-logo-editor small{display:block;margin:0}
.salla-email-logo-editor p{margin:4px 0 10px;color:#0B3F3B;font-size:11px;line-height:1.65}
.salla-email-logo-editor small{margin-top:7px;color:#8997aa;font-size:9px}
.salla-email-logo-preview,.salla-email-store-logo{width:64px;height:64px;display:grid;place-items:center;overflow:hidden;border:1px solid #E8F1F0;border-radius:14px;background:#F3F8F7;color:#0B3F3B}
.salla-email-logo-preview img,.salla-email-store-logo img{width:100%;height:100%;display:block;object-fit:contain;border-radius:var(--salla-logo-radius,14px)}
.salla-email-logo-preview svg,.salla-email-store-logo svg{width:27px;height:27px}
.salla-email-store-logo{width:48px;height:48px;flex:0 0 48px;border-radius:12px}
.salla-template-message-editor{min-height:220px;line-height:1.85;font-size:14px;direction:rtl}
.salla-channel-panel>.variables-row{margin-top:18px;padding-top:14px;border-top:1px solid #F3F8F7;row-gap:10px}
.salla-special-settings{margin-top:18px;padding-top:18px;border-top:1px solid #E8F1F0}
.salla-action-settings{margin-top:15px;padding-top:15px;border-top:1px solid #E8F1F0;display:grid;gap:12px}
.salla-action-settings .setting-line{margin:0;padding:2px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}
.salla-action-settings .setting-line>span{min-width:0;display:grid;gap:5px}
.salla-action-settings .setting-line strong{display:block;color:#062B28;font-size:13px;line-height:1.5}
.salla-action-settings .setting-line small{display:block;color:#0B3F3B;font-size:10.5px;line-height:1.65}
.salla-action-settings .setting-line>input{flex:0 0 auto}
.salla-theme-color{min-height:46px;padding:5px;cursor:pointer}
.salla-special-settings .setting-line{border-top:1px solid #F3F8F7;margin-top:15px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.salla-special-settings .setting-line>span{min-width:0;display:grid;gap:5px}.salla-special-settings .setting-line strong,.salla-special-settings .setting-line small{display:block}.salla-special-settings .setting-line small{color:var(--muted);line-height:1.65}.salla-special-settings .setting-line>input{flex:0 0 auto}
.salla-special-settings>.section-head>svg{width:24px!important;height:24px!important;flex:0 0 24px;color:#0B3F3B}
.salla-editor-actions{display:flex;align-self:start;gap:10px;flex-wrap:wrap}
.salla-template-live-preview{position:relative;align-self:stretch;height:auto;min-height:0;padding:18px;overflow:visible}
.salla-template-live-preview [hidden]{display:none!important}
.salla-template-preview-sticky{position:sticky;top:92px;display:grid;gap:16px}
.salla-template-preview-stack{display:grid;gap:16px;min-width:0}
.salla-preview-important-note{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #f0d9a4;border-radius:14px;background:#fff9ec;color:#624f28}
.salla-preview-important-note>svg{width:22px;height:22px;flex:0 0 22px;color:#a56b00}
.salla-preview-important-note strong{display:block;margin-bottom:5px;color:#594414;font-size:13px}
.salla-preview-important-note p{margin:0;color:#6e5726;font-size:11px;line-height:1.8}
.salla-template-live-preview.is-digital-delivery .salla-template-preview-sticky{position:static;height:100%;grid-template-rows:auto minmax(0,1fr)}
.salla-template-live-preview.is-digital-delivery .salla-template-preview-stack,.salla-template-live-preview.is-digital-delivery .salla-template-preview-stack>[data-salla-preview-frame]{height:100%}
.salla-template-live-preview.is-digital-delivery .salla-template-preview-stack{gap:32px}
.salla-template-live-preview.is-digital-delivery .salla-template-preview-stack .salla-whatsapp-preview-canvas,.salla-template-live-preview.is-digital-delivery .salla-template-preview-stack .salla-email-preview-canvas{height:100%}
.salla-template-live-preview.is-digital-delivery .salla-template-preview-stack:has(.salla-digital-link-preview:not([hidden])){height:100%;grid-template-rows:repeat(2,minmax(470px,1fr));align-content:stretch}
.salla-template-live-preview.is-digital-delivery .salla-template-preview-stack:has(.salla-digital-link-preview:not([hidden]))>[data-salla-preview-frame],.salla-template-live-preview.is-digital-delivery .salla-template-preview-stack:has(.salla-digital-link-preview:not([hidden]))>.salla-digital-link-preview{height:100%;min-height:0}
.salla-template-live-preview.is-digital-delivery .salla-template-preview-stack:has(.salla-digital-link-preview:not([hidden])) .salla-whatsapp-preview-canvas,.salla-template-live-preview.is-digital-delivery .salla-template-preview-stack:has(.salla-digital-link-preview:not([hidden])) .salla-email-preview-canvas{height:100%;min-height:0}
.salla-whatsapp-preview,.salla-email-preview{padding:0;border:1px solid #E8F1F0;border-radius:16px;background:#fff;overflow:hidden}
.salla-whatsapp-preview{padding:14px;background:#f7fbfa}
.salla-whatsapp-preview-canvas{position:relative;width:100%;max-width:520px;min-height:580px;margin-inline:auto;padding:82px 22px 74px;display:flex;align-items:stretch;flex-direction:column;border:7px solid #0B3F3B;border-radius:36px;background:#fff;box-shadow:inset 0 0 0 1px #dce9e7,0 14px 34px rgba(6,43,40,.1);box-sizing:border-box;overflow:hidden}
.salla-whatsapp-preview-canvas:before{content:"";position:absolute;z-index:2;top:-1px;left:50%;width:112px;height:25px;border-radius:0 0 17px 17px;background:#0B3F3B;transform:translateX(-50%)}
.salla-whatsapp-phone-header{position:absolute;top:31px;inset-inline:18px;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #e8f1f0;color:#062B28}
.salla-whatsapp-phone-avatar{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;overflow:hidden;border:1px solid #d9e9e6;border-radius:50%;background:#F3F8F7;color:#0B3F3B;font-size:14px;font-weight:900}.salla-whatsapp-phone-avatar img{width:100%;height:100%;display:block;object-fit:contain}
.salla-whatsapp-phone-header>div{min-width:0;display:grid;gap:2px}.salla-whatsapp-phone-header strong{overflow:hidden;color:#062B28;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.salla-whatsapp-phone-header small{color:#71837f;font-size:9px}.salla-whatsapp-phone-more{margin-inline-start:auto;color:#0B3F3B;font-size:17px;letter-spacing:1px}
.salla-whatsapp-phone-day{align-self:center;margin:5px 0 16px;padding:5px 10px;border-radius:999px;background:#f0f5f4;color:#58716c;font-size:9px;font-weight:750}
.salla-whatsapp-bubble{padding:22px 20px 12px;border:1px solid #e2eeec;border-radius:17px 17px 5px 17px;background:#F3F8F7;box-shadow:0 10px 28px rgba(68,55,38,.07)}
.salla-whatsapp-phone-composer{position:absolute;inset-inline:18px;bottom:17px;min-height:43px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dfecea;border-radius:999px;background:#f7faf9;color:#8b9b98;font-size:10px}.salla-whatsapp-phone-composer svg{width:17px;height:17px;color:#0B3F3B}
.salla-whatsapp-message-image{width:100%;max-height:260px;margin:0 0 14px;display:block;object-fit:cover;border-radius:12px;background:#f3f8f7}.salla-whatsapp-message-image[hidden]{display:none}
.salla-whatsapp-image-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;margin-top:12px;padding:18px;border:1px dashed color-mix(in srgb,var(--brand-primary) 38%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--brand-primary-soft) 46%,var(--surface));box-shadow:0 10px 28px rgba(6,43,40,.04)}
.salla-whatsapp-image-editor[hidden]{display:none}
.salla-whatsapp-image-editor::before{content:"صورة رسالة واتساب";grid-column:1;grid-row:1;color:var(--text);font-weight:800;line-height:1.5}
.salla-whatsapp-image-editor::after{content:"ارفع صورة كاملة خاصة بهذا القالب؛ ستظهر فورًا أعلى نص الرسالة في المعاينة.";grid-column:1;grid-row:2;color:var(--muted);font-size:11px;line-height:1.7}
.salla-whatsapp-image-editor .btn{grid-column:2;grid-row:1/3;min-width:178px;justify-content:center}
.salla-whatsapp-image-editor>small{grid-column:1/-1;margin-top:4px;padding-top:10px;color:var(--muted);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);font-size:10.5px}
@media(max-width:680px){.salla-whatsapp-image-editor{grid-template-columns:1fr}.salla-whatsapp-image-editor::before,.salla-whatsapp-image-editor::after,.salla-whatsapp-image-editor .btn,.salla-whatsapp-image-editor>small{grid-column:1;grid-row:auto}.salla-whatsapp-image-editor .btn{width:100%;min-width:0}}
.salla-review-trigger-field{margin-top:14px}
.salla-link-options{display:grid;gap:16px;margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}
.salla-link-options[hidden]{display:none}
.salla-link-options-title{display:grid;gap:4px}.salla-link-options-title strong{font-size:1rem;color:var(--text)}.salla-link-options-title small{color:var(--muted)}
.salla-css-code-editor textarea{min-height:150px;padding:16px;direction:ltr;text-align:left;font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace;font-size:12px;line-height:1.75;tab-size:2}
.salla-css-code-editor small{display:block;margin-top:6px;color:var(--muted);line-height:1.7}
.salla-email-preview-canvas{min-height:470px;padding:0 18px 18px;background:#fff}
.salla-email-preview.design-modern .salla-email-preview-canvas{background:#f3f8f7}.salla-email-preview.design-modern .salla-preview-message{padding:18px;border-radius:14px;background:#fff;border-top:4px solid #0b3f3b}.salla-email-preview.design-minimal .salla-email-hero{display:none}.salla-email-preview.design-minimal .salla-preview-message{padding:20px 4px}
.salla-email-preview-head{display:flex;align-items:center;gap:10px;padding:16px 4px;background:#fff;border-bottom:1px solid #F3F8F7}
.salla-email-preview-head strong,.salla-email-preview-head small{display:block}
.salla-email-preview-head>div{min-width:0;display:grid;gap:3px}
.salla-email-preview-head small{color:#0B3F3B;font-size:10px}
.salla-email-preview-head strong{overflow:hidden;color:#062B28;text-overflow:ellipsis;white-space:nowrap}
.salla-email-hero{min-height:120px;margin:0 -18px 18px;padding:22px;display:grid;place-items:center;align-content:center;gap:8px;color:#0B3F3B;background:var(--brand-primary);text-align:center}.salla-email-hero svg{width:42px;height:42px}.salla-email-hero strong{color:#062B28;font-size:18px}
.salla-preview-message{color:#062B28;line-height:1.95;font-size:13px;white-space:normal}
.salla-whatsapp-bubble .salla-preview-message{min-height:190px}.salla-whatsapp-bubble>small{display:block;margin-top:8px;color:#8b99ad;font-size:10px;text-align:left}
.salla-preview-cta{width:100%;min-height:42px;margin-top:15px;padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#0f9b5c;border:1px solid #8bd8b4;border-radius:10px;background:#f0fcf6;font:inherit;font-size:12px;font-weight:800;pointer-events:none}.salla-preview-cta svg{width:17px;height:17px}.salla-preview-cta.primary{color:#fff;border-color:#0B3F3B;background:var(--brand-primary-soft)}
.salla-email-preview-canvas>footer{margin-top:18px;padding-top:14px;color:#8291a7;border-top:1px solid #F3F8F7;font-size:10px;text-align:center}
.salla-digital-link-preview{margin-top:0;padding:18px;border:1px solid color-mix(in srgb,var(--salla-link-theme) 28%,#E8F1F0);border-radius:var(--salla-card-radius,16px);background:var(--salla-page-background,var(--brand-primary-soft));display:grid;gap:var(--salla-page-gap,14px);color:var(--salla-text-color,#062B28)}
.salla-template-preview-stack>.salla-digital-link-preview:not([hidden]){animation:sallaDigitalLinkPreviewReveal .52s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 12px 30px rgba(6,43,40,.08)}
@keyframes sallaDigitalLinkPreviewReveal{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){.salla-template-preview-stack>.salla-digital-link-preview:not([hidden]){animation:none}}
.salla-digital-link-preview[hidden]{display:none}.salla-digital-link-preview.design-cards>article{box-shadow:var(--salla-card-shadow,0 12px 28px rgba(6,43,40,.08))}.salla-digital-link-preview.design-compact{padding:14px;gap:10px}.salla-digital-link-preview.design-compact>p{display:none}.salla-digital-link-preview.design-compact>article{padding:11px}
.salla-digital-link-head{display:flex;align-items:center;gap:12px}.salla-digital-link-head>svg,.salla-digital-link-head>img{width:46px;height:46px;object-fit:contain;padding:8px;color:var(--salla-link-theme);border-radius:12px;background:#fff;border:1px solid #E8F1F0}
.salla-digital-link-head small,.salla-digital-link-head strong{display:block}.salla-digital-link-head small{color:var(--salla-muted-color,#0B3F3B);font-size:10px}.salla-digital-link-head strong{color:var(--salla-text-color,#062B28);margin-top:3px}
.salla-digital-link-preview>p{margin:0;color:var(--salla-muted-color,#0B3F3B);line-height:1.8;font-size:12px}.salla-digital-link-preview>article{padding:14px;border-radius:var(--salla-card-radius,12px);background:var(--salla-card-background,#fff);border:1px solid #E8F1F0;box-shadow:var(--salla-card-shadow,none)}
.salla-digital-link-preview dl{display:grid;gap:7px;margin:12px 0}.salla-digital-link-preview dl>div{display:flex;justify-content:space-between;gap:14px}.salla-digital-link-preview dt{color:#0B3F3B}.salla-digital-link-preview dd{margin:0;color:#062B28;font-weight:750;direction:ltr}
.salla-digital-link-preview a{min-height:38px;display:grid;place-items:center;color:#fff;border-radius:var(--salla-button-radius,9px);background:var(--salla-link-theme);font-weight:800}.salla-digital-countdown{padding:10px;text-align:center;color:var(--salla-text-color,#062B28);border-radius:10px;background:#F3F8F7}.salla-digital-countdown strong{color:var(--salla-link-theme);direction:ltr}
.salla-digital-branding{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.salla-digital-branding>div{display:grid;gap:4px}.salla-digital-branding small{color:var(--muted)}
.salla-public-digital-assets{display:grid;gap:var(--salla-page-gap,14px);margin-top:18px}.salla-public-digital-assets>article{padding:18px;border:1px solid #E8F1F0;border-radius:var(--salla-card-radius,14px);background:var(--salla-card-background,#fff);box-shadow:var(--salla-card-shadow,none)}.salla-public-digital-assets h2{margin:0 0 12px;color:var(--salla-text-color,#062B28);font-size:18px}.salla-public-digital-assets dl{display:grid;gap:8px}.salla-public-digital-assets dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 11px;border-radius:9px;background:#F3F8F7}.salla-public-digital-assets dt{color:var(--salla-muted-color,#0B3F3B)}.salla-public-digital-assets dd{margin:0;color:var(--salla-text-color,#062B28);font-weight:800}.salla-public-digital-assets .btn{margin-top:14px;border-radius:var(--salla-button-radius,10px)}.salla-public-digital-timer{text-align:center;color:var(--salla-muted-color,#0B3F3B)}.salla-public-digital-timer strong{color:var(--salla-public-theme);direction:ltr}
.salla-public-page.design-cards .salla-public-card{background:#f3f8f7}.salla-public-page.design-cards .salla-public-digital-assets>article{box-shadow:0 14px 34px rgba(6,43,40,.09);border-color:transparent}.salla-public-page.design-compact .salla-public-main{max-width:820px}.salla-public-page.design-compact .salla-public-card{padding:22px}.salla-public-page.design-compact .salla-public-digital-assets>article{padding:13px}
.salla-delivery-field dd{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.salla-delivery-field dd span{min-width:0;overflow-wrap:anywhere}.salla-delivery-field button{padding:4px 8px;border:1px solid #E8F1F0;border-radius:7px;color:var(--salla-public-theme);background:#fff;font:inherit;font-size:12px;cursor:pointer}.salla-delivery-instructions{margin-top:12px;padding:12px;border-radius:10px;background:#fff9ec;color:#624f28}.salla-delivery-instructions strong{display:block;margin-bottom:5px}.salla-delivery-instructions p{margin:3px 0}.salla-delivery-duration{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding:12px;border-radius:11px;background:#F3F8F7}.salla-delivery-duration>div:not(.salla-delivery-progress){display:grid;gap:3px}.salla-delivery-duration span,.salla-delivery-duration small{color:#0B3F3B}.salla-delivery-duration strong{color:#062B28}.salla-delivery-duration>small,.salla-delivery-progress{grid-column:1/-1}.salla-delivery-progress{height:7px;overflow:hidden;border-radius:999px;background:#E8F1F0}.salla-delivery-progress i{display:block;height:100%;border-radius:inherit;background:var(--brand-primary)}
@media (max-width:640px){.salla-public-digital-assets dl>div{align-items:flex-start;flex-direction:column}.salla-delivery-field dd{width:100%;justify-content:flex-start;flex-wrap:wrap}.salla-delivery-duration{grid-template-columns:1fr}}
.salla-editor-actions svg{width:18px;height:18px}
@media (max-width:1100px){
  .salla-templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .salla-template-editor-layout{grid-template-columns:1fr;align-items:start}
  .salla-template-form-card{grid-column:1;grid-row:1}
  .salla-template-live-preview{grid-column:1;grid-row:2;height:auto;min-height:0}
  .salla-template-preview-sticky{position:static}
  .salla-template-live-preview.is-digital-delivery .salla-template-preview-sticky{height:auto;grid-template-rows:auto}
  .salla-template-live-preview.is-digital-delivery .salla-template-preview-stack:has(.salla-digital-link-preview:not([hidden])){height:auto;grid-template-rows:auto}
}
@media (max-width:700px){
  .salla-templates-grid{grid-template-columns:1fr}
  .salla-template-card footer{align-items:flex-start;flex-direction:column}
  .salla-template-enable{align-items:flex-start;gap:14px;flex-direction:column}
  .message-activation-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px}
  .message-activation-copy{gap:9px}
  .message-activation-icon{width:34px;height:34px;flex-basis:34px}
  .message-activation-copy small{font-size:10px}
  .salla-template-form-card{padding:16px}
  .salla-email-logo-editor{grid-template-columns:56px minmax(0,1fr);padding:12px}
  .salla-email-logo-preview{width:52px;height:52px}
}

/* Devices command center — scoped replacement for the former devices UI. */
.devices-command-page{display:grid;gap:20px;direction:rtl;color:#062B28}
.devices-command-header{display:flex;align-items:center;justify-content:space-between;gap:22px}
.devices-command-title{display:flex;align-items:center;gap:13px;min-width:0}
.devices-command-title>span{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;color:#0B3F3B;border:1px solid #E8F1F0;border-radius:15px;background:#F3F8F7}
.devices-command-title>span svg{width:25px;height:25px}
.devices-command-title h1{margin:0;color:#062B28;font-size:29px;line-height:1.35}
.devices-command-title p{margin:4px 0 0;color:#0B3F3B;font-size:12px;line-height:1.7}
.devices-header-actions{display:flex;align-items:center;gap:10px;direction:rtl}
.devices-header-actions .btn{min-height:43px;padding-inline:17px;white-space:nowrap}
.devices-header-actions .btn svg{width:17px;height:17px}
.devices-header-actions .btn b{font-size:18px;font-weight:500}
.devices-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.devices-overview-card{min-height:116px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #E8F1F0;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgba(6, 43, 40,.045)}
.devices-overview-card>span{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border-radius:50%;background:#F3F8F7;color:#0B3F3B}
.devices-overview-card>span svg{width:25px;height:25px}
.devices-overview-card>div{min-width:0;display:grid;gap:3px}
.devices-overview-card small{color:#0B3F3B;font-size:11px}
.devices-overview-card strong{color:#062B28;font-size:27px;line-height:1.25}
.devices-overview-card em{color:#0B3F3B;font-size:10.5px;font-style:normal}
.devices-overview-card.active>span{color:#0B3F3B;background:#F3F8F7}
.devices-overview-card.attention>span{color:#e68a20;background:#fff5e9}
.devices-overview-card.attention strong{color:#b96b18}
.devices-overview-card.stability>span{color:#16a36a;background:#eaf9f2}
.devices-overview-card.stability strong{color:#168659;font-size:22px}
.devices-command-layout{display:grid;grid-template-columns:minmax(270px,.32fr) minmax(0,1fr);gap:18px;align-items:start;direction:rtl}
.devices-command-side,.devices-command-main{min-width:0;display:grid;gap:18px}
.devices-command-side .card,.devices-command-main .card{border-color:#E8F1F0;border-radius:14px;box-shadow:0 5px 16px rgba(6, 43, 40,.045)}
.devices-readiness-card,.devices-important-card{padding:20px}
.devices-card-heading{display:flex;align-items:flex-start;gap:11px}
.devices-card-heading>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;color:#0B3F3B;border-radius:10px;background:#F3F8F7}
.devices-card-heading>span svg{width:19px;height:19px}
.devices-card-heading h2{margin:0;color:#062B28;font-size:16px;line-height:1.55}
.devices-card-heading p{margin:2px 0 0;color:#8391a8;font-size:10.5px;line-height:1.65}
.devices-readiness-list{margin-top:15px;display:grid}
.devices-readiness-list>div{min-height:41px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #F3F8F7}
.devices-readiness-list>div:last-child{border-bottom:0}
.devices-readiness-list>div>span{width:17px;height:17px;display:grid;place-items:center;color:#fff;border:1.5px solid #E8F1F0;border-radius:50%;font-size:10px;font-weight:900}
.devices-readiness-list>div.complete>span{border-color:#28ba7a;background:#28ba7a;box-shadow:0 0 0 4px #effaf5}
.devices-readiness-list strong{color:#062B28;font-size:11.5px;font-weight:700}
.devices-readiness-list em{color:#8492a7;font-size:9.5px;font-style:normal}
.devices-readiness-list .complete em{color:#29966b}
.devices-card-link{width:100%;min-height:42px;margin-top:14px;padding:9px 11px;display:flex;align-items:center;gap:8px;color:#0B3F3B;border:1px solid #E8F1F0;border-radius:9px;background:#F3F8F7;cursor:pointer;font:inherit;font-size:11.5px;font-weight:750;text-align:right}
.devices-card-link svg{width:16px;height:16px}
.devices-card-link b{margin-inline-start:auto;font-size:18px}
.devices-important-card ul{margin:15px 0 0;padding-inline-start:18px;display:grid;gap:11px;color:#0B3F3B;font-size:11px;line-height:1.7}
.devices-important-card li::marker{color:#0B3F3B}
.devices-table-card-v2{padding:0;overflow:hidden}
.devices-table-heading{padding:19px 20px 13px}
.devices-table-tools{padding:0 20px 14px;display:flex;align-items:center;gap:9px}
.devices-table-tools label{min-height:39px;padding:0 11px;display:flex;align-items:center;gap:7px;color:#0B3F3B;border:1px solid #E8F1F0;border-radius:9px;background:#fff}
.devices-table-tools label:first-child{width:min(280px,100%)}
.devices-table-tools svg{width:15px;height:15px}
.devices-table-tools input,.devices-table-tools select{width:100%;border:0;outline:0;color:#062B28;background:transparent;font:inherit;font-size:11px}
.devices-filter-control{margin-inline-start:auto;min-width:128px}
.devices-table-scroll{overflow:auto;border-top:1px solid #F3F8F7;border-bottom:1px solid #F3F8F7}
.devices-table-scroll table{width:100%;min-width:770px;border-collapse:collapse;text-align:right}
.devices-table-scroll th{padding:11px 16px;color:#0B3F3B;background:#F3F8F7;font-size:10.5px;font-weight:800;white-space:nowrap}
.devices-table-scroll td{padding:11px 16px;color:#0B3F3B;border-top:1px solid #F3F8F7;font-size:11px;vertical-align:middle}
.devices-table-scroll tbody tr:hover{background:#F3F8F7}
.devices-device-name,.devices-account{display:flex;align-items:center;gap:9px}
.devices-device-name>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;color:#0B3F3B;border-radius:8px;background:#F3F8F7}
.devices-device-name>span svg{width:17px;height:17px}
.devices-device-name>div,.devices-account{min-width:0;display:grid;gap:2px}
.devices-device-name strong,.devices-account strong{color:#062B28;font-size:11.5px;white-space:nowrap}
.devices-device-name small,.devices-account small{color:#8b99ad;font-size:9.5px;white-space:nowrap}
.device-state{width:max-content;padding:5px 10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}
.device-state i{width:6px;height:6px;border-radius:50%;background:currentColor}
.device-state.connected{color:#159c64;background:#eaf9f2}
.device-state.syncing{color:#0B3F3B;background:#F3F8F7}
.device-state.disconnected{color:#d14f57;background:#fff0f1}
.device-state.warning{color:#d77d1a;background:#fff4e7}
.devices-sync-time{color:#75869e;font-size:10.5px;white-space:nowrap}
.devices-row-actions{display:flex;align-items:center;gap:6px}
.devices-row-actions button{min-width:33px;height:31px;padding:5px 8px;display:grid;place-items:center;color:#0B3F3B;border:1px solid #E8F1F0;border-radius:8px;background:#fff;cursor:pointer;font:inherit;font-size:10px}
.devices-row-actions button:first-child{padding-inline:11px}
.devices-row-actions svg{width:15px;height:15px}
.devices-row-actions button:hover{color:#0B3F3B;border-color:#E8F1F0;background:#F3F8F7}
.devices-table-summary{min-height:47px;padding:10px 15px;display:flex;align-items:center;gap:8px;color:#0B3F3B;background:#F3F8F7;font-size:10.5px}
.devices-table-summary svg{width:17px;height:17px;color:#0B3F3B}
.devices-table-summary strong{color:#0B3F3B}
.devices-empty-state,.devices-empty-activity{padding:34px 16px;display:grid;place-items:center;gap:7px;color:#0B3F3B;text-align:center}
.devices-empty-state svg,.devices-empty-activity svg{width:29px;height:29px;color:#0B3F3B}
.devices-empty-state strong,.devices-empty-activity strong{color:#062B28}
.devices-empty-state p,.devices-empty-activity p{margin:0;font-size:10.5px}
.devices-activity-card{padding:19px 20px}
.devices-activity-list{margin-top:12px;display:grid}
.devices-activity-list>div{min-height:42px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #F3F8F7}
.devices-activity-list>div:last-child{border-bottom:0}
.devices-activity-list>div>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px}
.devices-activity-list svg{width:15px;height:15px}
.devices-activity-list .success>span{color:#15a469;background:#eaf9f2}
.devices-activity-list .info>span{color:#0B3F3B;background:#F3F8F7}
.devices-activity-list .warning>span{color:#dc851e;background:#fff4e7}
.devices-activity-list .error>span{color:#d8535b;background:#fff0f1}
.devices-activity-list>div>div{min-width:0;display:grid;gap:2px}
.devices-activity-list strong{color:#062B28;font-size:11px}
.devices-activity-list small,.devices-activity-list time{color:#8a98ac;font-size:9.5px}
.devices-activity-list time{white-space:nowrap}
.devices-activity-more{width:auto;margin-inline-start:auto;border:0;background:transparent}
.device-details-modal{display:grid;gap:16px}
.device-details-modal dl{margin:0;display:grid;gap:1px;border:1px solid #E8F1F0;border-radius:11px;overflow:hidden}
.device-details-modal dl>div{padding:10px 12px;display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;background:#F3F8F7}
.device-details-modal dt{color:#7d8ca2;font-size:10.5px}
.device-details-modal dd{margin:0;color:#062B28;font-size:11px;font-weight:700}
.device-details-modal .device-detail-warning{background:#fff8ef}
:root[data-theme="dark"] .devices-command-page{color:#E8F1F0}
:root[data-theme="dark"] .devices-command-title h1,:root[data-theme="dark"] .devices-overview-card strong,:root[data-theme="dark"] .devices-card-heading h2,:root[data-theme="dark"] .devices-device-name strong,:root[data-theme="dark"] .devices-account strong,:root[data-theme="dark"] .devices-activity-list strong{color:#F3F8F7}
:root[data-theme="dark"] .devices-overview-card,:root[data-theme="dark"] .devices-table-tools label,:root[data-theme="dark"] .devices-row-actions button{border-color:#062B28;background:#062B28}
:root[data-theme="dark"] .devices-table-scroll th,:root[data-theme="dark"] .devices-table-summary,:root[data-theme="dark"] .devices-card-link{background:#062B28}
:root[data-theme="dark"] .devices-table-scroll td,:root[data-theme="dark"] .devices-table-scroll,:root[data-theme="dark"] .devices-readiness-list>div,:root[data-theme="dark"] .devices-activity-list>div{border-color:#062B28}
@media (max-width:1250px){.devices-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.devices-command-layout{grid-template-columns:250px minmax(0,1fr)}}
@media (max-width:980px){.devices-command-header{align-items:flex-start;flex-direction:column}.devices-header-actions{width:100%;flex-wrap:wrap}.devices-command-layout{grid-template-columns:1fr}.devices-command-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-row:2}.devices-command-main{grid-row:1}}
@media (max-width:680px){.devices-command-page{gap:14px}.devices-command-title{align-items:flex-start}.devices-command-title>span{width:42px;height:42px;flex-basis:42px}.devices-command-title h1{font-size:24px}.devices-header-actions{display:grid;grid-template-columns:1fr 1fr}.devices-header-actions .btn:first-child{grid-column:1/-1}.devices-overview-grid{grid-template-columns:1fr}.devices-overview-card{min-height:96px;padding:16px}.devices-command-side{grid-template-columns:1fr}.devices-table-tools{align-items:stretch;flex-direction:column}.devices-table-tools label:first-child,.devices-filter-control{width:100%;min-width:0;margin:0}.devices-table-scroll th,.devices-table-scroll td{padding-inline:11px}.devices-activity-list>div{grid-template-columns:31px minmax(0,1fr)}.devices-activity-list time{grid-column:2}.device-details-modal dl>div{grid-template-columns:1fr}}
[data-theme="dark"] .salla-template-card,[data-theme="dark"] .salla-template-form-card,[data-theme="dark"] .salla-template-live-preview{border-color:#062B28}
[data-theme="dark"] .salla-template-card-head h2,[data-theme="dark"] .salla-preview-message{color:#F3F8F7}
[data-theme="dark"] .salla-preview-message{background:#183a31;border-color:#255b4b}
[data-theme="dark"] .salla-preview-important-note{border-color:#66562c;background:#2d291b;color:#f3dfae}
[data-theme="dark"] .salla-preview-important-note>svg{color:#e8bd58}
[data-theme="dark"] .salla-preview-important-note strong{color:#f8e7bb}
[data-theme="dark"] .salla-preview-important-note p{color:#dfca97}
[data-theme="dark"] .message-activation-card{border-color:#062B28;background:#062B28}
[data-theme="dark"] .message-activation-copy strong{color:#F3F8F7}
[data-theme="dark"] .message-activation-copy small{color:#E8F1F0}

/* Secure email OTP login */
.email-otp-page{
  min-height:100vh;
  padding:20px 28px 14px;
  color:#062B28;
  background:
    var(--brand-primary);
}
.email-otp-shell{
  width:min(1460px,100%);
  min-height:660px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(390px,.86fr) minmax(610px,1.14fr);
  gap:24px;
  direction:ltr;
}
.email-otp-visual,.email-otp-panel{
  border:1px solid #E8F1F0;
  border-radius:17px;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 42px rgba(6, 43, 40,.055);
}
.email-otp-visual{
  padding:28px 38px 26px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  direction:rtl;
  background:var(--brand-primary-soft);
}
.email-otp-brand{margin-bottom:18px}
.email-otp-brand .brand-logo-stacked{width:min(275px,78%)}
.email-otp-envelope-art{
  width:235px;
  height:180px;
  margin:0 auto 12px;
  position:relative;
  filter:drop-shadow(0 18px 18px rgba(11, 63, 59,.15));
}
.email-otp-envelope{
  position:absolute;
  inset:auto 22px 14px;
  height:116px;
  border-radius:10px 10px 20px 20px;
  background:var(--brand-primary-soft);
  border:1px solid #E8F1F0;
  clip-path:polygon(0 13%,50% 65%,100% 13%,100% 100%,0 100%);
}
.email-otp-code-card{
  position:absolute;
  z-index:2;
  inset:7px 35px auto;
  height:82px;
  padding:16px 12px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  border-radius:12px;
  border:1px solid #E8F1F0;
  background:#fff;
  box-shadow:0 10px 25px rgba(6, 43, 40,.12);
}
.email-otp-code-card b{
  width:25px;height:34px;display:grid;place-items:center;
  border:1px solid #E8F1F0;border-radius:5px;color:#0B3F3B;font-size:18px;
}
.email-otp-art-shield{
  position:absolute;z-index:4;inset:auto 12px 0 auto;
  width:62px;height:70px;display:grid;place-items:center;
  color:#fff;border-radius:18px 18px 28px 28px;
  background:var(--brand-primary);
  box-shadow:0 10px 25px rgba(11, 63, 59,.24);
}
.email-otp-art-shield svg{width:34px;height:34px}
.email-otp-visual h2{margin:6px 0 7px;font-size:clamp(24px,1.75vw,31px);color:#062B28}
.email-otp-visual>p{max-width:440px;margin:0;color:#0B3F3B;font-size:15px;line-height:1.75}
.email-otp-safety-card{
  width:min(100%,430px);margin-top:18px;padding:13px 18px;
  border:1px solid #E8F1F0;border-radius:13px;background:rgba(255,255,255,.8);
}
.email-otp-safety-card h3{display:flex;justify-content:center;gap:8px;margin:0 0 8px;font-size:16px}
.email-otp-safety-card h3 svg,.email-otp-safety-card strong svg{width:18px;height:18px;color:#0B3F3B}
.email-otp-safety-card>div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-top:1px solid #F3F8F7;color:#0B3F3B;font-size:13px}
.email-otp-safety-card strong{display:flex;align-items:center;gap:8px;color:#062B28}
.email-otp-panel{padding:24px 26px;display:flex;flex-direction:column;direction:rtl}
.email-otp-secure-badge{
  align-self:flex-end;display:inline-flex;align-items:center;gap:8px;
  padding:7px 11px;border-radius:8px;background:#F3F8F7;color:#062B28;font-size:13px;font-weight:800;
}
.email-otp-secure-badge svg{width:20px;height:20px}
.email-otp-panel-grid{
  flex:1;display:grid;grid-template-columns:minmax(0,1fr) 150px;
  align-items:center;gap:24px;padding:10px 0 2px;direction:ltr;
}
.email-otp-content{padding:10px 0;direction:rtl}
.email-otp-content>h1{margin:0 0 8px;font-size:clamp(29px,2.25vw,39px);line-height:1.22}
.email-otp-content>p{margin:0 0 19px;color:#6d7f99;font-size:15px;line-height:1.75}
.email-otp-email .input{
  min-height:49px;text-align:center;color:#062B28;
  background:var(--brand-primary);border-color:#E8F1F0;
}
.email-otp-form{display:grid;gap:12px;margin-top:14px}
.email-otp-form>label:first-child{font-size:15px;font-weight:800}
.email-otp-digits{display:flex;gap:9px;justify-content:flex-start}
.email-otp-digit{
  width:60px;height:58px;border:1px solid #E8F1F0;border-radius:9px;
  background:#fff;color:#062B28;text-align:center;font:800 26px/1 inherit;
  outline:none;box-shadow:0 3px 10px rgba(6, 43, 40,.035);
}
.email-otp-digit:focus{border:2px solid #0B3F3B;box-shadow:0 0 0 4px rgba(11, 63, 59,.09)}
.email-otp-resend-row{
  min-height:50px;padding:8px 12px;display:flex;align-items:center;
  justify-content:space-between;gap:15px;border:1px solid #E8F1F0;border-radius:9px;
}
.email-otp-resend-row>span{display:flex;align-items:center;gap:8px;color:#7a8aa2}
.email-otp-resend-row svg{width:19px;height:19px}
.email-otp-resend-row .link-button{display:flex;align-items:center;gap:7px;color:#0B3F3B;font-weight:800}
.email-otp-resend-row .link-button:disabled{color:#0B3F3B;cursor:not-allowed}
.email-otp-remember{display:flex;align-items:center;gap:10px;color:#0B3F3B}
.email-otp-remember input{width:20px;height:20px;accent-color:#0B3F3B}
.email-otp-submit{min-height:48px;font-size:16px;background:var(--brand-primary)}
.email-otp-help{text-align:center!important;font-size:14px!important;margin:0!important}
.email-otp-steps{
  align-self:center;list-style:none;margin:0;padding:0 0 0 4px;
  display:flex;flex-direction:column;gap:34px;position:relative;direction:rtl;
}
.email-otp-steps:before{
  content:"";position:absolute;inset:21px 20px 34px auto;width:1px;background:#E8F1F0;
}
.email-otp-steps li{display:flex;align-items:flex-start;gap:14px;position:relative;color:#0B3F3B}
.email-otp-steps b{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #E8F1F0;background:#fff;color:#0B3F3B;font-size:17px;z-index:1;
}
.email-otp-steps strong{font-size:13px;line-height:1.65}
.email-otp-steps small{display:block;margin-top:5px;color:#0B3F3B}
.email-otp-steps .active b{color:#fff;border-color:#0B3F3B;background:#0B3F3B}
.email-otp-steps .active small{color:#0B3F3B}
.email-otp-steps .done b{color:#fff;border-color:#062B28;background:#062B28}
.email-otp-steps .done small{color:#062B28}
.email-otp-footer{
  width:min(1460px,100%);margin:12px auto 0;display:flex;justify-content:center;
  gap:20px;color:#0B3F3B;font-size:12px;
}
.email-otp-footer button{border:0;background:none;color:inherit;cursor:pointer}
.email-otp-invalid{width:min(520px,calc(100% - 24px));margin:15vh auto;padding:38px;text-align:center}
.email-otp-invalid>span{width:72px;height:72px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#F3F8F7;color:#0B3F3B}
.email-otp-invalid svg{width:38px;height:38px}
@media(max-width:1020px){
  .email-otp-page{padding:18px}
  .email-otp-shell{grid-template-columns:1fr;min-height:auto}
  .email-otp-visual{display:none}
  .email-otp-panel{min-height:620px}
}
@media(max-width:720px){
  .email-otp-page{padding:12px;background:#F3F8F7}
  .email-otp-panel{padding:22px 17px;min-height:calc(100vh - 70px)}
  .email-otp-panel-grid{grid-template-columns:1fr}
  .email-otp-steps{display:none}
  .email-otp-content{padding:10px 0}
  .email-otp-content>h1{font-size:30px}
  .email-otp-content>p{font-size:15px;margin-bottom:22px}
  .email-otp-digits{gap:7px;justify-content:center}
  .email-otp-digit{width:calc((100vw - 82px)/6);max-width:58px;height:60px;font-size:25px}
  .email-otp-resend-row{align-items:flex-start;flex-direction:column}
  .email-otp-footer{flex-wrap:wrap;gap:8px 15px}
}
:root[data-theme="dark"] .email-otp-page{background:#062B28;color:#F3F8F7}

:root[data-theme="dark"] .email-otp-panel{background:#062B28;border-color:#062B28}
:root[data-theme="dark"] .email-otp-content>h1{color:#F3F8F7}
:root[data-theme="dark"] .email-otp-content>p{color:#E8F1F0}
:root[data-theme="dark"] .email-otp-digit{background:#062B28;border-color:#062B28;color:#fff}
:root[data-theme="dark"] .email-otp-email .input{background:#062B28;color:#F3F8F7;border-color:#062B28}

/* Unified Renvix authentication suite */
.auth-suite-page{
  min-height:100dvh;
  padding:clamp(18px,3vw,38px);
  display:grid;
  place-items:center;
  position:relative;
  overflow-x:clip;
  color:#062B28;
  background: var(--bg);
}
.auth-suite-header{
  width:100%;
  min-height:72px;
  padding:8px clamp(20px,5vw,76px);
  flex:0 0 auto;
  box-sizing:border-box;
  border-bottom:1px solid #F3F8F7;
  background:rgba(255,255,255,.97);
}
.auth-suite-header .brand-logo-image{width:168px;max-height:48px;object-fit:contain}
.auth-suite-home{
  min-height:40px;
  padding:7px 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#062B28;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  cursor:pointer;
  font-weight:700;
}
.auth-suite-home:hover{color:#0B3F3B;border-color:#E8F1F0;background:#F3F8F7}
.auth-suite-home .line-icon{width:17px;height:17px}
.auth-suite-shell{
  width:min(1180px,100%);
  min-height:560px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0;
  align-items:stretch;
  direction:rtl;
  overflow:hidden;
  border:1px solid #E8F1F0;
  border-radius:15px;
  background:#fff;
  box-shadow:0 14px 38px rgba(6, 43, 40,.08);
}
.auth-suite-shell>*{min-width:0;direction:rtl;border:0;border-radius:0;box-shadow:none}
.auth-suite-panel{
  padding:clamp(28px,3.4vw,48px);
  display:grid;
  align-content:center;
  background:#fff;
}
.auth-suite-intro{text-align:right}
.auth-suite-intro-icon{
  width:68px;
  height:68px;
  margin:0 auto 13px;
  display:grid;
  place-items:center;
  color:#062B28;
  border:1px solid #E8F1F0;
  border-radius:50%;
  background:#fff;
  box-shadow:0 9px 25px rgba(6, 43, 40,.08);
}
.auth-suite-intro-icon .line-icon{width:32px;height:32px;stroke-width:1.75}
.auth-suite-intro h1,
.auth-suite-panel h1{
  margin:0 0 6px;
  color:#062B28;
  font-size:clamp(30px,3vw,39px);
  line-height:1.3;
  text-align:center;
}
.auth-suite-intro p{
  margin:0 auto 15px;
  color:#718198;
  font-size:14px;
  line-height:1.75;
  text-align:center;
}
.auth-suite-plan{width:max-content;margin:0 auto 10px}
.auth-suite-form,
.auth-suite-panel .auth-form{
  width:100%;
  margin:0;
  display:grid;
  gap:11px;
}
.auth-suite-form .field,
.auth-suite-panel .field{gap:5px}
.auth-suite-form .field>span,
.auth-suite-panel .field>span{color:#062B28;font-size:12.5px;font-weight:800}
.auth-suite-form .input,
.auth-suite-panel .input{
  min-height:48px;
  padding-block:10px;
  color:#062B28;
  border:1px solid #E8F1F0;
  border-radius:8px;
  background:#fff;
  box-shadow:0 2px 6px rgba(6, 43, 40,.025);
}
.auth-suite-form .password-input-wrap,
.auth-suite-panel .password-input-wrap{display:block;width:100%}
.auth-suite-form .password-toggle,
.auth-suite-panel .password-toggle{
  inset-inline:auto;
  left:8px;
  right:auto;
}
.auth-suite-form .password-input-wrap .input,
.auth-suite-panel .password-input-wrap .input{
  padding-left:46px;
  padding-right:14px;
}
.auth-suite-form .auth-submit,
.auth-suite-panel .auth-submit,
.auth-suite-panel .email-otp-submit{
  min-height:49px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0;
  border-radius:8px;
  color:#fff;
  background:var(--brand-primary);
  box-shadow:0 9px 20px rgba(11, 63, 59,.16);
  font-size:16px;
}
.auth-suite-form .auth-submit .line-icon{width:19px;height:19px}
.auth-suite-panel .split-between{margin:1px 0;align-items:center}
.auth-suite-panel .remember{display:flex;align-items:center;gap:7px;color:#0B3F3B;font-size:13px}
.auth-suite-panel .remember input,
.auth-suite-panel .policy-check input{width:18px;height:18px;accent-color:#0B3F3B}
.auth-suite-panel .policy-check{justify-content:center;flex-wrap:wrap;font-size:12px}
.auth-suite-panel .auth-switch{margin:0;color:#0B3F3B;font-size:13px;text-align:center}
.auth-suite-panel .link-button{padding:2px 4px}
.auth-suite-note{margin:10px 0 0!important;color:#8290a3!important;font-size:12px!important;text-align:center}
.auth-suite-visual{
  position:relative;
  isolation:isolate;
  padding:clamp(28px,4vw,52px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  border-inline-end:1px solid #E8F1F0!important;
  background:
    var(--brand-primary);
}
.auth-suite-visual:before,
.auth-suite-visual:after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:50%;
  border:28px solid rgba(11, 63, 59,.045);
}
.auth-suite-visual:before{width:170px;height:170px;inset:auto auto -95px -70px}
.auth-suite-visual:after{width:130px;height:130px;inset:50px -80px auto auto}
.auth-suite-visual .auth-logo-large{margin-bottom:20px}
.auth-suite-visual .brand-logo-stacked{width:min(280px,75vw)}
.auth-suite-visual h2{margin:4px 0 7px;color:#062B28;font-size:clamp(23px,2.2vw,30px);line-height:1.45}
.auth-suite-visual>p{max-width:470px;margin:0;color:#6f8098;font-size:14px;line-height:1.8}
.auth-suite-visual .auth-benefits{
  width:min(100%,420px);
  margin-top:23px;
  padding:13px 18px;
  display:grid;
  gap:0;
  border:1px solid #E8F1F0;
  border-radius:11px;
  background:rgba(255,255,255,.82);
}
.auth-suite-visual .auth-benefits>div{min-height:48px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #F3F8F7;text-align:right}
.auth-suite-visual .auth-benefits>div:last-child{border-bottom:0}
.auth-suite-visual .auth-benefits .line-icon{width:32px!important;height:32px!important;min-width:32px;padding:6px;color:#0B3F3B;border:0;background:#F3F8F7}
.auth-suite-dashboard-art{
  width:min(390px,86%);
  height:190px;
  margin-top:25px;
  position:relative;
  border-radius:15px;
  background:var(--brand-primary);
}
.auth-suite-art-window{
  position:absolute;
  inset:32px 45px 24px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:15px;
  padding:24px;
  border:1px solid #E8F1F0;
  border-radius:12px;
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 30px rgba(6, 43, 40,.09);
}
.auth-suite-art-window i{width:36px;border-radius:5px 5px 0 0;background:var(--brand-primary)}
.auth-suite-art-window i:nth-child(1){height:42px}.auth-suite-art-window i:nth-child(2){height:70px}.auth-suite-art-window i:nth-child(3){height:56px}
.auth-suite-art-calendar,.auth-suite-art-chart,.auth-suite-art-shield{
  position:absolute;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#fff;
  box-shadow:0 10px 23px rgba(6, 43, 40,.12);
}
.auth-suite-art-calendar{inset:auto 8px 18px auto;color:#0B3F3B}
.auth-suite-art-chart{inset:14px auto auto 16px;color:#0B3F3B}
.auth-suite-art-shield{inset:auto auto 8px 48%;color:#0B3F3B}
.auth-suite-art-calendar .line-icon,.auth-suite-art-chart .line-icon,.auth-suite-art-shield .line-icon{width:27px;height:27px}
.auth-suite-scene{
  width:min(510px,96%);
  height:auto;
  max-height:258px;
  margin:18px auto 0;
  display:block;
  flex:0 1 auto;
  overflow:visible;
}
.auth-suite-login-visual{
  padding:30px 34px 22px;
  justify-content:flex-start;
}
.auth-suite-login-visual .auth-logo-large{margin-bottom:8px}
.auth-suite-login-visual h2{font-size:25px}
.auth-suite-login-visual .auth-suite-scene{max-height:235px;margin-top:12px}
.auth-suite-feature-strip{
  width:100%;
  margin-top:10px;
  padding-top:13px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-top:1px solid rgba(232, 241, 240,.34);
}
.auth-suite-feature-strip>div{
  min-width:0;
  padding:0 8px;
  display:grid;
  justify-items:center;
  align-content:start;
  gap:3px;
  border-inline-start:1px solid rgba(232, 241, 240,.25);
}
.auth-suite-feature-strip>div:first-child{border-inline-start:0}
.auth-suite-feature-strip>div>span{width:30px;height:30px;display:grid;place-items:center;color:#0B3F3B}
.auth-suite-feature-strip .line-icon{width:25px;height:25px}
.auth-suite-feature-strip strong{color:#062B28;font-size:11px;line-height:1.35;white-space:nowrap}
.auth-suite-feature-strip small{color:#0B3F3B;font-size:8.5px;line-height:1.45;text-align:center}
.auth-suite-register-visual{padding:26px 38px 18px;justify-content:flex-start}
.auth-suite-register-visual .auth-logo-large{margin-bottom:8px}
.auth-suite-register-visual h2{font-size:25px}
.auth-suite-register-visual .auth-benefits{margin-top:14px;padding-block:6px}
.auth-suite-register-visual .auth-benefits>div{min-height:39px}
.auth-suite-register-visual .auth-suite-scene{max-height:170px;margin-top:4px}
.auth-intro-symbol{width:38px;height:38px;display:block}
.auth-intro-symbol--email,.auth-intro-symbol--mfa{width:40px;height:40px}
.auth-suite-shell.register{min-height:640px}
.auth-suite-shell.register .auth-suite-panel{padding-block:30px}
.auth-suite-shell.register .auth-suite-form{gap:10px}
.auth-suite-shell.register .auth-suite-intro-icon{width:62px;height:62px;margin-bottom:9px}
.auth-suite-shell.register .auth-suite-intro h1{font-size:34px}
.auth-suite-shell.register .auth-suite-intro p{margin-bottom:10px}
.auth-suite-recovery-icon{width:78px;height:78px}
.auth-suite-recovery-icon .auth-recovery-icon{width:46px;height:46px;display:block}
.auth-suite-reset-visual,.auth-suite-mfa-visual{padding-block:30px;justify-content:flex-start}
.auth-suite-reset-visual .auth-logo-large,.auth-suite-mfa-visual .auth-suite-mfa-logo{margin-bottom:10px}
.auth-suite-reset-visual .auth-suite-scene{max-height:245px;margin-top:14px}
.auth-suite-mfa-visual .auth-suite-scene{max-height:255px;margin-top:8px}
.auth-suite-mfa-visual .auth-suite-mfa-logo{width:auto;height:auto;background:transparent;border-radius:0}
.auth-suite-email-visual .auth-suite-scene{max-height:220px;margin-block:4px 8px}
.auth-suite-email-visual .email-otp-brand{margin-bottom:2px}
.auth-suite-email-visual h2{margin-top:0}
.auth-suite-reset{grid-template-columns:1fr 1fr}
.auth-suite-reset-art{
  width:108px;height:108px;margin:24px 0 12px;display:grid;place-items:center;
  color:#0B3F3B;border-radius:28px;background:rgba(255,255,255,.78);box-shadow:0 15px 35px rgba(6, 43, 40,.08)
}
.auth-suite-reset-art .reset-password-icon-svg{width:66px;height:66px}
.auth-suite-mfa-logo{
  width:260px;height:190px;margin-bottom:22px;display:grid;place-items:center;
  border-radius:48% 52% 45% 55%;background:var(--brand-primary)
}
.auth-suite-mfa-logo .brand-logo-stacked{width:205px}
.auth-suite-otp{min-height:600px;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);direction:ltr}
.auth-suite-otp>*{direction:rtl}
.auth-suite-otp .email-otp-visual{border:0;border-radius:0;box-shadow:none}
.auth-suite-otp .email-otp-panel{padding:clamp(25px,3vw,42px);border:0;border-radius:0;box-shadow:none}
.auth-suite-otp .email-otp-panel-grid{grid-template-columns:minmax(0,1fr);gap:0}
.auth-suite-otp .email-otp-content{width:min(100%,500px);margin-inline:auto}
.auth-suite-otp .auth-suite-intro-icon{width:66px;height:66px}
.auth-suite-otp .auth-suite-intro h1{font-size:clamp(28px,2.6vw,37px)}
.auth-suite-otp .auth-suite-intro p{margin-bottom:16px}
.auth-suite-otp .email-otp-email .input{min-height:47px}
.auth-suite-otp .email-otp-digits{justify-content:center;direction:rtl}
.auth-suite-otp .email-otp-digit{width:52px;height:54px;font-size:24px}
.auth-suite-otp .email-otp-form{gap:13px}
.auth-suite-otp .email-otp-resend-row{min-height:48px}
.auth-suite-otp .email-otp-submit .line-icon{width:18px;height:18px}
.auth-display-settings{position:fixed;z-index:80;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));direction:rtl}
.auth-display-trigger{
  width:68px;height:68px;padding:0;display:grid;place-items:center;color:#0B3F3B;
  border:1px solid rgba(232, 241, 240,.9);border-radius:50%;background:rgba(255,255,255,.94);
  box-shadow:0 12px 32px rgba(6, 43, 40,.16);backdrop-filter:blur(14px);cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,color .18s ease;
}
.auth-display-trigger:hover{color:#0B3F3B;transform:translateY(-2px);box-shadow:0 16px 36px rgba(6, 43, 40,.2)}
.auth-display-trigger:focus-visible{outline:3px solid rgba(11, 63, 59,.22);outline-offset:3px}
.auth-display-trigger svg{width:38px;height:38px;filter:drop-shadow(0 2px 5px rgba(11, 63, 59,.12))}
.auth-display-popover{
  width:min(560px,calc(100vw - 40px));padding:18px;position:absolute;left:0;bottom:82px;
  border:1px solid #E8F1F0;border-radius:22px;background:rgba(255,255,255,.98);
  box-shadow:0 20px 54px rgba(6, 43, 40,.18);backdrop-filter:blur(18px);
}
.auth-display-popover[hidden]{display:none}
.auth-display-heading{display:grid;gap:2px;margin-bottom:14px;text-align:right}
.auth-display-heading strong{color:#062B28;font-size:21px}.auth-display-heading small{color:#78899f;font-size:12px}
.auth-display-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.auth-display-option{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}
.auth-display-option>b{color:#062B28;font-size:14px;white-space:nowrap}
.auth-display-segment{min-width:0;padding:4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #E8F1F0;border-radius:15px;background:#F3F8F7}
.auth-display-segment button{min-width:0;min-height:42px;padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:6px;color:#0B3F3B;border:0;border-radius:11px;background:transparent;font:inherit;font-weight:800;cursor:pointer}
.auth-display-segment button.active{color:#fff;background:var(--brand-primary);box-shadow:0 7px 18px rgba(11, 63, 59,.18)}
.auth-display-segment .line-icon{width:19px;height:19px}
.auth-mobile-brand,.auth-mobile-scene{display:none}
.auth-suite-page[data-auth-theme="dark"]{color:#F3F8F7;background:var(--brand-primary)}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-shell{background:#062B28;border-color:#062B28;box-shadow:0 20px 52px rgba(0,0,0,.3)}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel{background:#062B28}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual{border-color:#062B28!important;background:var(--brand-primary)}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-intro h1,.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel h1,.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual h2{color:#F3F8F7}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-intro p,.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual>p,.auth-suite-page[data-auth-theme="dark"] .auth-suite-note{color:#E8F1F0!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-intro-icon,.auth-suite-page[data-auth-theme="dark"] .auth-display-trigger,.auth-suite-page[data-auth-theme="dark"] .auth-display-popover{color:#E8F1F0;background:#062B28;border-color:#062B28}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-form .input,.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .input{color:#F3F8F7;background:#062B28;border-color:#062B28}
.auth-suite-page[data-auth-theme="dark"] .auth-display-heading strong,.auth-suite-page[data-auth-theme="dark"] .auth-display-option>b{color:#F3F8F7}
.auth-suite-page[data-auth-theme="dark"] .auth-display-heading small{color:#E8F1F0}
.auth-suite-page[data-auth-theme="dark"] .auth-display-segment{border-color:#062B28;background:#062B28}
.auth-suite-page[data-auth-theme="dark"] .auth-display-segment button{color:#E8F1F0}
:root[data-theme="dark"] .auth-suite-page[data-auth-theme="light"]{color:#062B28;background:#F3F8F7}
:root[data-theme="dark"] .auth-suite-page[data-auth-theme="light"] .auth-suite-panel{background:#fff;border-color:#E8F1F0}
:root[data-theme="dark"] .auth-suite-page[data-auth-theme="light"] .auth-suite-shell{background:#fff;border-color:#E8F1F0}
:root[data-theme="dark"] .auth-suite-page[data-auth-theme="light"] .auth-suite-intro h1,
:root[data-theme="dark"] .auth-suite-page[data-auth-theme="light"] .auth-suite-panel h1,
:root[data-theme="dark"] .auth-suite-page[data-auth-theme="light"] .auth-suite-visual h2{color:#062B28}
:root[data-theme="dark"] .auth-suite-page[data-auth-theme="light"] .auth-suite-intro p,
:root[data-theme="dark"] .auth-suite-page[data-auth-theme="light"] .auth-suite-visual>p{color:#6f8098}
:root[data-theme="dark"] .auth-suite-page[data-auth-theme="light"] .auth-suite-form .input,
:root[data-theme="dark"] .auth-suite-page[data-auth-theme="light"] .auth-suite-panel .input{color:#062B28;background:#fff;border-color:#E8F1F0}

@media (max-width:1100px){
  .auth-suite-page{padding:18px}
  .auth-suite-shell{width:min(960px,100%);min-height:540px;margin:0 auto}
  .auth-suite-panel{padding:28px}
  .auth-suite-visual{padding:30px}
  .auth-suite-visual .brand-logo-stacked{width:230px}
  .auth-suite-intro-icon{width:60px;height:60px}
  .auth-suite-intro h1,.auth-suite-panel h1{font-size:30px}
  .auth-suite-otp{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .auth-suite-otp .email-otp-panel-grid{grid-template-columns:1fr}
  .auth-suite-otp .email-otp-steps{display:none}
  .auth-suite-otp .email-otp-envelope-art{transform:scale(.88);margin-block:-4px}
  .auth-suite-login-visual .auth-suite-scene{max-height:205px}
  .auth-suite-feature-strip small{display:none}
  .auth-suite-register-visual .auth-suite-scene{max-height:145px}
  .auth-suite-shell.register{min-height:600px}
}
@media (max-width:820px){
  .auth-suite-header{min-height:66px;padding-inline:20px}
  .auth-suite-header .brand-logo-image{width:148px}
  .auth-suite-page{padding:18px}
  .auth-suite-shell,
  .auth-suite-reset,
  .auth-suite-otp{width:min(680px,100%);min-height:0;grid-template-columns:1fr;margin:0 auto;direction:rtl}
  .auth-suite-shell>.auth-suite-panel,
  .auth-suite-otp>.email-otp-panel{grid-row:1}
  .auth-suite-shell>.auth-suite-visual,
  .auth-suite-otp>.email-otp-visual{display:none}
  .auth-suite-panel{padding:30px}
  .auth-suite-visual{min-height:330px;padding:30px}
  .auth-suite-dashboard-art{height:150px;margin-top:18px}
  .auth-suite-scene{max-height:210px}
  .auth-suite-feature-strip{max-width:560px;margin-inline:auto}
  .auth-suite-feature-strip small{display:block}
  .auth-suite-visual .auth-benefits{margin-top:17px}
  .auth-suite-otp .email-otp-panel{min-height:auto;padding:30px}
  .auth-suite-otp .email-otp-visual{display:none}
  .auth-suite-shell.register{min-height:0}
  .auth-suite-shell.register .auth-suite-panel{padding-block:30px}
  .auth-suite-page>.public-footer .footer-links{display:none}
}
@media (max-width:600px){
  .auth-suite-header{min-height:61px;padding:6px 14px}
  .auth-suite-header .brand-logo-image{width:128px;max-height:40px}
  .auth-suite-home{padding:6px;font-size:12px}
  .auth-suite-home .line-icon{width:15px;height:15px}
  .auth-suite-page{padding:10px 10px 86px;align-items:start}
  .auth-suite-shell,
  .auth-suite-reset,
  .auth-suite-otp{width:100%;margin:0 auto;border-radius:12px}
  .auth-suite-panel,
  .auth-suite-otp .email-otp-panel{padding:22px 17px}
  .auth-suite-intro-icon{width:54px;height:54px;margin-bottom:10px}
  .auth-suite-intro-icon .line-icon{width:27px;height:27px}
  .auth-suite-intro h1,.auth-suite-panel h1{font-size:27px}
  .auth-suite-intro p{font-size:13px;margin-bottom:13px}
  .auth-suite-form,.auth-suite-panel .auth-form{gap:9px}
  .auth-suite-form .input,.auth-suite-panel .input{min-height:46px}
  .auth-suite-form .password-input-wrap .input,.auth-suite-panel .password-input-wrap .input{padding-left:44px;padding-right:12px}
  .auth-suite-shell>.auth-suite-visual,
  .auth-suite-otp>.email-otp-visual{display:none}
  .auth-suite-otp .email-otp-digits{gap:6px}
  .auth-suite-otp .email-otp-digit{width:calc((100vw - 78px)/6);max-width:50px;height:52px;font-size:22px}
  .auth-suite-otp .email-otp-resend-row{min-height:0;align-items:flex-start;flex-direction:column}
  .auth-display-settings{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}
  .auth-display-trigger{width:58px;height:58px}.auth-display-trigger svg{width:32px;height:32px}
  .auth-display-popover{width:calc(100vw - 28px);bottom:70px;padding:15px;border-radius:18px}
  .auth-display-options{grid-template-columns:1fr;gap:10px}.auth-display-option{grid-template-columns:60px minmax(0,1fr)}
}

/* Final compact authentication presentation */
.auth-suite-shell{width:min(1120px,100%)}
.auth-suite-shell.login{min-height:540px}
.auth-suite-otp{min-height:580px}
.auth-display-settings{left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom))}
.auth-display-trigger{
  width:52px;height:52px;border-color:#E8F1F0;
  box-shadow:0 9px 24px rgba(6, 43, 40,.13)
}
.auth-display-trigger svg{width:29px;height:29px}
.auth-display-trigger .auth-display-close-icon{width:25px;height:25px}
.auth-display-settings.is-open .auth-display-trigger{color:#062B28;border-color:#E8F1F0;box-shadow:none}
.auth-display-popover{
  width:min(470px,calc(100vw - 36px));bottom:62px;padding:9px 11px;
  border-color:#E8F1F0;border-radius:24px;box-shadow:0 14px 34px rgba(6, 43, 40,.13)
}
.auth-display-heading{display:none}
.auth-display-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.auth-display-option{grid-template-columns:auto minmax(0,1fr);gap:7px}
.auth-display-option>b{font-size:12px}
.auth-display-segment{padding:3px;border-radius:18px}
.auth-display-segment button{min-height:34px;padding:5px 8px;border-radius:15px;font-size:12px}
.auth-display-segment .line-icon{width:16px;height:16px}

@media (max-width:1100px) and (min-width:821px){
  .auth-suite-shell{width:min(940px,100%)}
  .auth-suite-shell.login{min-height:520px}
  .auth-suite-otp{min-height:560px}
  .auth-display-trigger{width:48px;height:48px}
  .auth-display-trigger svg{width:27px;height:27px}
  .auth-display-popover{width:min(430px,calc(100vw - 36px));bottom:58px}
}

@media (max-width:600px){
  .auth-suite-page{
    min-height:100dvh;padding:12px 12px 28px;display:block;
    background:var(--brand-primary-soft)
  }
  .auth-suite-shell,.auth-suite-reset,.auth-suite-otp{
    width:100%;min-height:0!important;border:0;border-radius:18px;
    background:transparent;box-shadow:none
  }
  .auth-suite-panel,.auth-suite-otp .email-otp-panel{
    min-height:0;padding:14px 15px 20px;border:1px solid #E8F1F0!important;
    border-radius:18px!important;background:#fff;box-shadow:0 10px 28px rgba(6, 43, 40,.06)
  }
  .auth-mobile-brand{
    width:52px;height:52px;margin:0 auto 6px;display:grid;place-items:center
  }
  .auth-mobile-brand img{width:100%;height:100%;display:block;object-fit:contain}
  .auth-mobile-scene{height:132px;margin:2px auto 11px;display:grid;place-items:center;overflow:hidden}
  .auth-mobile-scene .auth-suite-scene{width:min(230px,78vw);max-height:132px;margin:0 auto}
  .auth-suite-panel>.auth-suite-intro,.auth-suite-otp .auth-suite-intro{margin-bottom:0}
  .auth-suite-intro-icon{display:none}
  .auth-suite-intro h1,.auth-suite-panel h1{
    margin-bottom:3px;font-size:23px;line-height:1.35;text-align:center
  }
  .auth-suite-intro p{max-width:320px;margin:0 auto 7px;font-size:11.5px;line-height:1.65;text-align:center}
  .auth-suite-form,.auth-suite-panel .auth-form{gap:8px}
  .auth-suite-form .field>span,.auth-suite-panel .field>span{font-size:11.5px}
  .auth-suite-form .input,.auth-suite-panel .input{min-height:43px;padding-block:8px;font-size:13px}
  .auth-suite-form .auth-submit,.auth-suite-panel .auth-submit,.auth-suite-panel .email-otp-submit{min-height:44px;font-size:14px}
  .auth-suite-panel .remember,.auth-suite-panel .auth-switch,.auth-suite-panel .policy-check{font-size:11.5px}
  .auth-suite-panel .remember input,.auth-suite-panel .policy-check input{width:16px;height:16px}
  .auth-suite-shell.register .auth-suite-panel{padding:13px 15px 18px}
  .auth-suite-shell.register .auth-suite-intro h1{font-size:23px}
  .auth-suite-shell.register .auth-suite-form{gap:7px}
  .auth-suite-shell.register .auth-mobile-scene{height:116px;margin-bottom:7px}
  .auth-suite-shell.register .auth-mobile-scene .auth-suite-scene{max-height:116px}
  .auth-suite-recovery-icon{display:none}
  .auth-suite-reset .auth-mobile-scene,.auth-suite-mfa .auth-mobile-scene{height:145px}
  .auth-suite-reset .auth-mobile-scene .auth-suite-scene,.auth-suite-mfa .auth-mobile-scene .auth-suite-scene{max-height:145px}
  .auth-suite-otp .email-otp-content{width:100%}
  .auth-suite-otp .email-otp-secure-badge{display:none}
  .auth-suite-otp .auth-mobile-scene{height:142px;margin-bottom:9px}
  .auth-suite-otp .auth-mobile-scene .auth-suite-scene{max-height:142px}
  .auth-suite-otp .email-otp-form{gap:9px}
  .auth-suite-otp .email-otp-digits{gap:5px}
  .auth-suite-otp .email-otp-digit{width:calc((100vw - 76px)/6);max-width:48px;height:48px;font-size:20px}
  .auth-suite-otp .email-otp-resend-row{padding:10px 11px;gap:6px;font-size:11px}
  .auth-suite-otp .email-otp-remember{margin:0;font-size:11px;line-height:1.55}
  .auth-suite-otp .email-otp-help{font-size:11.5px!important}
  .auth-suite-note{margin-top:7px!important;font-size:10.5px!important}
  .auth-display-settings{
    position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))
  }
  .auth-display-trigger{width:42px;height:42px}
  .auth-display-trigger svg{width:24px;height:24px}
  .auth-display-trigger .auth-display-close-icon{width:22px;height:22px}
  .auth-display-popover{
    width:calc(100vw - 24px);left:0;bottom:52px;padding:7px 8px;border-radius:22px
  }
  .auth-display-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .auth-display-option{grid-template-columns:auto minmax(0,1fr);gap:5px}
  .auth-display-option>b{font-size:10.5px}
  .auth-display-segment button{min-height:32px;padding:4px 5px;font-size:10.5px}
}

/* Custom API / Webhook — production flow */
.capi-page{display:grid;gap:16px;color:#062B28}
.capi-page-head{width:100%;display:grid;justify-items:start;gap:8px;direction:rtl;text-align:right}
.capi-breadcrumbs{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#8492a8;font-size:12px;direction:rtl}
.capi-breadcrumbs svg{width:13px;height:13px}.capi-breadcrumbs strong{color:#062B28}
.capi-title-row{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;text-align:right;direction:rtl}
.capi-title-row>div{min-width:0;flex:1 1 auto;display:grid;justify-items:start;gap:5px;text-align:right}.capi-title-row h1{justify-self:start;margin:0;color:#062B28;font-size:30px;line-height:1.2;text-align:right}
.capi-title-row p{justify-self:start;margin:0;color:#0B3F3B;line-height:1.65;text-align:right}
.capi-title-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#F3F8F7;color:#0B3F3B}
.capi-title-icon svg{width:24px;height:24px}
.capi-overview-status{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px}
.capi-status-copy{display:flex;align-items:center;gap:14px;min-width:0}.capi-status-copy>div{display:grid;gap:3px}
.capi-status-copy small{color:#0B3F3B}.capi-status-copy strong{color:#062B28;font-size:20px}.capi-status-copy p{margin:0;color:#8492a8}
.capi-status-orb{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#F3F8F7;color:#0B3F3B;flex:0 0 auto}
.capi-status-orb.success{background:#eaf9f2;color:#0caf64}.capi-status-orb.danger{background:#fff0f0;color:#e54b50}
.capi-status-orb svg{width:27px;height:27px}.capi-overview-actions{display:flex;gap:10px;flex-wrap:wrap}
.capi-overview-actions .btn{min-width:155px}.capi-overview-actions .btn-primary{min-width:175px}
.capi-shell-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start}
.capi-overview-main{display:grid;gap:14px;min-width:0}.capi-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.capi-summary-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:94px;padding:13px}
.capi-summary-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#F3F8F7;color:#0B3F3B}
.capi-summary-card>span svg{width:20px;height:20px}.capi-summary-card>div{display:grid;gap:4px;min-width:0}
.capi-summary-card small,.capi-summary-card em{color:#8795aa;font-size:11px;font-style:normal}.capi-summary-card strong{overflow:hidden;color:#062B28;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.capi-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.capi-resource-card{display:grid;gap:13px;padding:16px;min-width:0;overflow:hidden}.capi-card-head{display:flex;align-items:flex-start;gap:10px}
.capi-card-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#F3F8F7;color:#0B3F3B;flex:0 0 auto}
.capi-card-head>span svg{width:19px;height:19px}.capi-card-head>div{display:grid;gap:3px;min-width:0;flex:1}
.capi-card-head h2{margin:0;color:#062B28;font-size:18px}.capi-card-head p{margin:0;color:#8190a7;font-size:12px;line-height:1.6}
.capi-empty-box{display:grid;place-items:center;align-content:center;gap:7px;min-height:164px;padding:18px;border:1px dashed #E8F1F0;border-radius:13px;background:var(--brand-primary);text-align:center}
.capi-empty-box>svg{width:36px;height:36px;color:#0B3F3B}.capi-empty-box strong{color:#062B28}.capi-empty-box p{max-width:360px;margin:0;color:#0B3F3B;line-height:1.65}
.capi-empty-box .btn{min-width:150px;margin-top:3px}.capi-resource-value{display:grid;gap:10px;padding:20px;border:1px solid #E8F1F0;border-radius:13px;background:#F3F8F7}
.capi-resource-value code{overflow:hidden;color:#062B28;text-overflow:ellipsis;white-space:nowrap}.capi-resource-value .status{justify-self:start}
.capi-card-actions{display:flex;gap:8px;flex-wrap:wrap}.capi-resource-card>footer{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:9px;background:#F3F8F7;color:#0B3F3B;font-size:11px}
.capi-resource-card>footer svg{width:14px;height:14px;color:#0B3F3B}.capi-deliveries{display:grid;gap:12px;padding:16px}
.capi-delivery-empty{display:grid;place-items:center;align-content:center;gap:7px;min-height:130px;text-align:center;color:#8190a7}
.capi-delivery-empty svg{width:34px;height:34px;color:#062B28}.capi-delivery-empty strong{color:#062B28}.capi-delivery-empty p{max-width:560px;margin:0;line-height:1.65}
.capi-table-wrap{overflow:auto;border:1px solid #E8F1F0;border-radius:11px}.capi-table-wrap table{width:100%;border-collapse:collapse}
.capi-table-wrap th,.capi-table-wrap td{padding:10px;border-bottom:1px solid #F3F8F7;text-align:right;font-size:11px;white-space:nowrap}
.capi-table-wrap th{background:#F3F8F7;color:#6e809a}.capi-side-stack{display:grid;gap:14px}
.capi-benefits{display:grid;gap:11px;padding:16px}.capi-benefits h2{margin:0 0 3px;color:#062B28;font-size:18px}
.capi-benefits>div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #E8F1F0;border-radius:12px;background:#fff}
.capi-benefits>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#F3F8F7;color:#0B3F3B;flex:0 0 auto}
.capi-benefits>div>span svg{width:19px;height:19px}.capi-benefits p{display:grid;gap:2px;margin:0}.capi-benefits b{color:#062B28;font-size:13px}.capi-benefits small{color:#8593a8;font-size:10px;line-height:1.5}
.capi-secure-note,.capi-help{display:grid;place-items:center;gap:9px;padding:18px;border:1px solid #E8F1F0;border-radius:14px;background:var(--brand-primary-soft);text-align:center}
.capi-secure-note>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#F3F8F7;color:#0B3F3B}
.capi-secure-note>div{display:grid;justify-items:center;gap:5px;width:100%}.capi-secure-note b,.capi-secure-note small{display:block}.capi-help{gap:4px}.capi-secure-note b,.capi-help h3{color:#0B3F3B}.capi-secure-note small,.capi-help p{color:#0B3F3B;line-height:1.6}
.capi-help h3,.capi-help p{margin:0}.capi-help .btn{width:100%;margin-top:6px}
.capi-setup-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start;direction:ltr}.capi-setup-layout>*{direction:rtl}.capi-setup-layout>main{display:grid;gap:14px;min-width:0}
.capi-setup-summary,.capi-key-meta,.capi-webhook-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 20px}
.capi-setup-summary>div,.capi-key-meta>div,.capi-webhook-meta>div{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:5px 16px;border-inline-start:1px solid #E8F1F0}
.capi-setup-summary>div:last-child,.capi-key-meta>div:last-child,.capi-webhook-meta>div:last-child{border-inline-start:0}
.capi-setup-summary>div>span,.capi-setup-summary>div>svg,.capi-key-meta>div>svg,.capi-webhook-meta>div>svg{grid-row:1/3;display:grid;width:42px;height:42px;padding:10px;border-radius:12px;background:#F3F8F7;color:#0B3F3B}
.capi-setup-summary small,.capi-key-meta small,.capi-webhook-meta small{color:#8190a7}.capi-setup-summary strong,.capi-key-meta strong,.capi-webhook-meta strong{color:#062B28}
.capi-existing-warning{display:flex;align-items:center;gap:8px;padding:12px 15px;color:#6b7e98}.capi-existing-warning svg{color:#0B3F3B}
.capi-setup-form{padding:0;overflow:hidden}.capi-setup-form>section{display:grid;gap:14px;padding:19px 22px;border-bottom:1px solid #E8F1F0}
.capi-setup-form h2,.capi-key-card h2,.capi-next-steps h2,.capi-granted h2,.capi-security-guide h2,.capi-webhook-form h2{margin:0;color:#062B28;font-size:18px}
.capi-three-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.capi-two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.capi-three-fields label,.capi-two-fields label,.capi-webhook-receiver>label,.capi-key-card>label{display:grid;gap:7px;color:#062B28;font-size:12px;font-weight:700}
.capi-three-fields input,.capi-three-fields select,.capi-two-fields input,.capi-webhook-receiver input,.capi-webhook-receiver select{width:100%;min-height:44px;padding:9px 11px;border:1px solid #E8F1F0;border-radius:10px;background:#fff;color:#062B28;font:inherit}
.capi-direction{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.capi-direction>span{grid-column:1/-1;color:#062B28;font-weight:800}
.capi-direction label{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid #E8F1F0;border-radius:10px;color:#6e7f98;cursor:pointer}
.capi-direction label:has(input:checked){border-color:#0B3F3B;background:#F3F8F7;color:#062B28;box-shadow:inset 0 0 0 1px #0B3F3B}
.capi-direction input{position:absolute;opacity:0}.capi-direction i{display:grid;color:#0B3F3B}.capi-direction svg{width:17px;height:17px}
.capi-choice-grid,.capi-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.capi-choice{display:flex;align-items:center;gap:9px;min-height:58px;padding:10px 12px;border:1px solid #E8F1F0;border-radius:10px;cursor:pointer}
.capi-choice:has(input:checked){border-color:#0B3F3B;background:#F3F8F7;box-shadow:inset 0 0 0 1px #0B3F3B}
.capi-choice input{accent-color:#0B3F3B}.capi-choice>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 7px;min-width:0;flex:1}
.capi-choice>span>svg{grid-row:1/3;width:19px;height:19px;color:#0B3F3B}.capi-choice b{color:#062B28;font-size:11px;overflow-wrap:anywhere}.capi-choice small{color:#8291a7;font-size:11px}
.capi-info-strip,.capi-warning-strip,.capi-success-strip{display:flex;align-items:center;gap:7px;margin:0;padding:10px 12px;border-radius:9px;background:#F3F8F7;color:#0B3F3B;font-size:11px;line-height:1.6}
.capi-info-strip svg{color:#0B3F3B}.capi-warning-strip{background:#fff8ec;color:#8a6c3b}.capi-warning-strip svg{color:#f29a20}.capi-success-strip{background:#edf9f2;color:#43815f}.capi-success-strip svg{color:#0caf64}
.capi-footer-actions,.capi-page-actions{display:flex;align-items:center;gap:10px;padding:14px 18px}.capi-footer-actions .btn-primary,.capi-page-actions .btn-primary{min-width:220px}
.capi-key-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px;align-items:start;direction:ltr}.capi-key-layout>*{direction:rtl}.capi-key-layout>main{display:grid;gap:14px;min-width:0}
.capi-key-card,.capi-next-steps,.capi-granted,.capi-security-guide{display:grid;gap:14px;padding:18px}.capi-key-card .capi-card-head{align-items:center}.capi-key-card .capi-card-head em{font-style:normal}
.capi-key-card>label>span{color:#6f8099}.capi-key-copy{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #E8F1F0;border-radius:10px;background:#F3F8F7}
.capi-key-copy code{min-width:0;overflow:hidden;padding:0 8px;color:#062B28;font-weight:700;text-overflow:ellipsis;white-space:nowrap;flex:1}.capi-key-copy .btn{flex:0 0 auto}
.capi-one-time-key{display:grid;gap:10px;min-width:0;max-width:100%;padding:14px;border:1px solid #9adbbd;border-radius:13px;background:var(--brand-primary)}
.capi-one-time-key>div:first-child{display:grid;gap:4px}.capi-one-time-key>div:first-child .status{justify-self:start}.capi-one-time-key>div:first-child strong{color:#14613f}.capi-one-time-key>div:first-child small{color:#56806d;line-height:1.6}
.capi-one-time-key .capi-key-copy,.capi-key-card .capi-key-copy{min-width:0;max-width:100%;overflow:hidden}.capi-one-time-key .capi-key-copy code,.capi-key-card .capi-key-copy code{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.65;text-align:left}
.capi-one-time-key>.btn{justify-self:start}.capi-managed-keys{display:grid;gap:8px;min-width:0;max-width:100%;padding-top:3px}
.capi-managed-keys-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#062B28}.capi-managed-keys-head span{color:#0B3F3B;font-size:11px}
.capi-managed-key{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;max-width:100%;padding:11px;border:1px solid #E8F1F0;border-radius:11px;background:#fff}
.capi-managed-key>div{display:grid;gap:3px;min-width:0}.capi-managed-key code{overflow:hidden;color:#062B28;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.capi-managed-key small{color:#8291a7;font-size:10px}
.capi-managed-key.is-revoked{opacity:.68;background:#F3F8F7}.capi-managed-key .btn-compact,.capi-one-time-key .btn-compact{min-height:34px;padding:7px 10px;font-size:11px}
.capi-managed-key .btn-danger svg{width:14px;height:14px}
.capi-next-steps>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.capi-next-steps article{display:grid;gap:5px;padding:13px;border:1px solid #E8F1F0;border-radius:10px}
.capi-next-steps b{color:#062B28}.capi-next-steps small{color:#8291a7}.capi-granted>div{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid #E8F1F0;border-radius:9px}
.capi-granted>div svg{width:16px;color:#0B3F3B}.capi-security-guide ul,.capi-retry-card ul{display:grid;gap:8px;margin:0;padding-inline-start:20px;color:#0B3F3B;line-height:1.6}
.capi-webhook-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.capi-webhook-form>section{display:grid;align-content:start;gap:12px;padding:18px}
.capi-webhook-receiver,.capi-event-section{grid-column:span 3}.capi-secret-card,.capi-test-card,.capi-retry-card{grid-column:span 2}.capi-webhook-form>.capi-page-actions{grid-column:1/-1}
.capi-webhook-receiver>p,.capi-event-section>p,.capi-secret-card>p,.capi-test-card>p{margin:0;color:#0B3F3B;line-height:1.6}
.capi-receiver-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.capi-receiver-options label{display:grid;gap:7px;color:#062B28;font-size:12px}
.capi-receiver-options input[type="checkbox"]{width:42px;height:22px;accent-color:#0B3F3B}.capi-secret-card .capi-warning-strip{margin-top:auto}
.custom-api-payload-preview{max-height:420px;overflow:auto;margin:0;padding:16px;border:1px solid #E8F1F0;border-radius:12px;background:#062B28;color:#E8F1F0;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;text-align:left;white-space:pre-wrap;word-break:break-word}
.capi-setup-preview{min-width:min(620px,78vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.capi-setup-preview>div,.capi-setup-preview>section{display:grid;gap:6px;padding:13px;border:1px solid #E8F1F0;border-radius:10px;background:#F3F8F7}
.capi-setup-preview>section{grid-column:1/-1}.capi-setup-preview span{color:#0B3F3B;font-size:11px}.capi-setup-preview strong{color:#062B28}
.capi-setup-preview section code{display:block;margin-top:4px;padding:7px 9px;border-radius:7px;background:#F3F8F7;color:#062B28;font-size:11px}

@media (max-width:1180px){
  .capi-shell-grid,.capi-setup-layout{grid-template-columns:1fr}.capi-shell-grid>.capi-side-stack,.capi-setup-layout>.capi-side-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-row:2}
  .capi-key-layout{grid-template-columns:1fr}.capi-key-layout>.capi-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capi-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:820px){
  .capi-overview-status{align-items:stretch;flex-direction:column}.capi-overview-actions .btn{flex:1}
  .capi-summary-grid,.capi-config-grid,.capi-three-fields,.capi-two-fields,.capi-next-steps>div:last-child{grid-template-columns:1fr}
  .capi-setup-summary,.capi-key-meta,.capi-webhook-meta{grid-template-columns:1fr}.capi-setup-summary>div,.capi-key-meta>div,.capi-webhook-meta>div{border-inline-start:0;border-bottom:1px solid #E8F1F0}
  .capi-setup-summary>div:last-child,.capi-key-meta>div:last-child,.capi-webhook-meta>div:last-child{border-bottom:0}
  .capi-direction,.capi-choice-grid,.capi-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capi-webhook-form>section{grid-column:1/-1}.capi-footer-actions,.capi-page-actions{flex-wrap:wrap}.capi-footer-actions .btn,.capi-page-actions .btn{flex:1}
}
@media (max-width:560px){
  .capi-page{gap:12px}.capi-title-row h1{font-size:25px}.capi-title-icon{width:40px;height:40px}
  .capi-overview-status,.capi-resource-card,.capi-deliveries,.capi-setup-form>section{padding:14px}
  .capi-overview-actions,.capi-footer-actions,.capi-page-actions{display:grid;grid-template-columns:1fr}.capi-overview-actions .btn,.capi-footer-actions .btn,.capi-page-actions .btn{width:100%;min-width:0}
  .capi-summary-grid,.capi-direction,.capi-choice-grid,.capi-event-grid,.capi-shell-grid>.capi-side-stack,.capi-setup-layout>.capi-side-stack,.capi-key-layout>.capi-side-stack{grid-template-columns:1fr}
  .capi-key-copy{align-items:stretch;flex-direction:column}.capi-key-copy .btn{width:100%}
  .capi-managed-key{grid-template-columns:minmax(0,1fr) auto}.capi-managed-key .btn{grid-column:1/-1;width:100%}.capi-one-time-key>.btn{width:100%}
  .capi-setup-preview{grid-template-columns:1fr;min-width:0}.capi-setup-preview>section{grid-column:auto}
}
:root[data-theme="dark"] .capi-page{color:#F3F8F7}
:root[data-theme="dark"] .capi-title-row h1,:root[data-theme="dark"] .capi-status-copy strong,:root[data-theme="dark"] .capi-card-head h2,:root[data-theme="dark"] .capi-benefits h2,:root[data-theme="dark"] .capi-benefits b,:root[data-theme="dark"] .capi-setup-form h2,:root[data-theme="dark"] .capi-key-card h2,:root[data-theme="dark"] .capi-next-steps h2,:root[data-theme="dark"] .capi-granted h2,:root[data-theme="dark"] .capi-security-guide h2,:root[data-theme="dark"] .capi-webhook-form h2{color:#F3F8F7}
:root[data-theme="dark"] .capi-benefits>div,:root[data-theme="dark"] .capi-empty-box,:root[data-theme="dark"] .capi-resource-value,:root[data-theme="dark"] .capi-three-fields input,:root[data-theme="dark"] .capi-three-fields select,:root[data-theme="dark"] .capi-two-fields input,:root[data-theme="dark"] .capi-webhook-receiver input,:root[data-theme="dark"] .capi-webhook-receiver select,:root[data-theme="dark"] .capi-key-copy{background:#062B28;border-color:#062B28}
/* Dashboard support center */
.dashboard-support-page{display:grid;gap:18px;color:#062B28}
.support-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;direction:rtl}
.support-page-heading>*{direction:rtl}
.support-page-heading>div{display:flex;align-items:center;gap:14px}
.support-page-heading h1{margin:0 0 5px;font-size:26px;color:#062B28}
.support-page-heading p,.support-section-title p{margin:0;color:#0B3F3B;font-size:13px}
.support-heading-icon,.support-section-title>svg{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#0B3F3B;background:#F3F8F7}
.support-heading-icon svg,.support-section-title>svg{width:25px;height:25px}
.support-security-note{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #E8F1F0;border-radius:10px;color:#0B3F3B;background:#F3F8F7;font-size:12px}
.support-security-note svg,.support-bottom-note svg{width:17px;height:17px;color:#0B3F3B}
.support-main-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:18px;align-items:start;direction:ltr}
.support-main-grid>*{direction:rtl}
.support-conversations,.support-compose{border:1px solid #E8F1F0;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(6, 43, 40,.045);padding:18px}
.support-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.support-section-title>div h2{margin:0 0 3px;font-size:18px}
.support-tabs{display:flex;gap:8px;padding-bottom:13px;border-bottom:1px solid #F3F8F7}
.support-tabs button{display:flex;align-items:center;gap:7px;justify-content:center;min-width:88px;padding:9px 13px;border:1px solid #E8F1F0;border-radius:9px;background:#fff;color:#0B3F3B;font:inherit;cursor:pointer}
.support-tabs button span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#F3F8F7;color:#0B3F3B;font-size:11px}
.support-tabs button.active{border-color:#E8F1F0;background:#F3F8F7;color:#0B3F3B;font-weight:800}
.support-ticket-list{display:grid;gap:8px;max-height:278px;overflow:auto;padding:12px 2px 12px 5px}
.support-ticket-row{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:11px;border:1px solid #E8F1F0;border-radius:11px;background:#fff;text-align:right;color:#062B28;cursor:pointer}
.support-ticket-row.active{border-color:#E8F1F0;background:var(--brand-primary);box-shadow:inset -3px 0 #0B3F3B}
.support-ticket-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#F3F8F7;color:#0B3F3B}
.support-ticket-mark svg{width:19px;height:19px}
.support-ticket-row>span:nth-child(2){display:grid;gap:2px;min-width:0}
.support-ticket-row b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-ticket-row small{font-size:10px;color:#0B3F3B}
.support-ticket-row em{font-style:normal;font-size:11px;color:#0B3F3B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-ticket-row time{font-size:10px;color:#0B3F3B}
.support-ticket-row i{position:absolute;left:8px;top:8px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#0B3F3B;color:#fff;font-size:10px;font-style:normal}
.support-empty-conversation{display:grid;place-items:center;gap:7px;min-height:150px;padding:22px;text-align:center;color:#0B3F3B}
.support-empty-conversation>svg{width:30px;height:30px;color:#0B3F3B}
.support-empty-conversation strong{color:#062B28}
.support-empty-conversation p{margin:0;font-size:12px}
.support-thread{border-top:1px solid #F3F8F7;padding-top:14px}
.support-thread>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.support-thread>header>div{display:grid;gap:2px}.support-thread>header strong{font-size:14px}.support-thread>header span{font-size:10px;color:#0B3F3B}
.support-thread-messages{display:grid;gap:9px;max-height:310px;overflow:auto;padding:3px}
.support-bubble{width:min(78%,420px);padding:10px 12px;border-radius:12px;box-shadow:0 4px 12px rgba(6, 43, 40,.06)}
.support-bubble b{font-size:11px}.support-bubble p{margin:5px 0;line-height:1.75;font-size:12px}.support-bubble time{font-size:9px;color:#0B3F3B}
.support-bubble-user{margin-inline-start:auto;background:#F3F8F7;border:1px solid #E8F1F0}
.support-bubble-admin{margin-inline-end:auto;background:#f0fbf7;border:1px solid #d2f1e4}
.support-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:12px}
.support-reply-form textarea{min-height:46px;max-height:110px;padding:11px;border:1px solid #E8F1F0;border-radius:10px;resize:vertical;font:inherit}
.support-closed-note{padding:10px;border-radius:9px;background:#fff7e8;color:#8b651a;font-size:12px;text-align:center}
.support-compose form{display:grid;gap:12px}.support-compose label{display:grid;gap:6px}.support-compose label>span{font-size:12px;font-weight:800}
.support-compose input,.support-compose select,.support-compose textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #E8F1F0;border-radius:9px;background:#fff;color:#062B28;font:inherit;outline:none}
.support-compose input:focus,.support-compose select:focus,.support-compose textarea:focus,.support-reply-form textarea:focus{border-color:#0B3F3B;box-shadow:0 0 0 3px rgba(11, 63, 59,.1)}
.support-compose input[readonly]{background:#F3F8F7;color:#0B3F3B}.support-compose textarea{min-height:116px;resize:vertical}.support-compose label small{font-size:10px;color:#0B3F3B;text-align:left}
.support-upload-placeholder{display:grid;place-items:center;gap:4px;min-height:88px;border:1px dashed #E8F1F0;border-radius:10px;background:#F3F8F7;color:#0B3F3B;text-align:center;font-size:11px}
.support-upload-placeholder svg{width:22px;height:22px;color:#0B3F3B}.support-upload-placeholder strong{color:#062B28;font-size:12px}
.support-upload-placeholder{cursor:pointer}.support-upload-placeholder input{position:absolute;width:1px!important;height:1px!important;min-height:0!important;opacity:0;pointer-events:none}
.support-attachment-link{display:flex;align-items:center;gap:5px;margin:6px 0;padding:7px 9px;border:1px solid rgba(11, 63, 59,.18);border-radius:8px;background:rgba(255,255,255,.55);color:#0B3F3B;font-size:10px;text-decoration:none}
.support-attachment-link svg{width:14px;height:14px}
.support-send-button{width:100%;justify-content:center;min-height:46px}.support-send-button svg{width:18px;height:18px}
.support-bottom-note{display:flex;justify-content:center;align-items:center;gap:8px;padding:10px;border:1px solid #E8F1F0;border-radius:10px;background:#F3F8F7;color:#0B3F3B;font-size:11px}
@media(max-width:980px){.support-main-grid{grid-template-columns:1fr}.support-compose{grid-row:1}.support-page-heading{align-items:flex-start;flex-direction:column}.support-security-note{width:100%;justify-content:center}}
@media(max-width:600px){.dashboard-support-page{gap:12px}.support-page-heading h1{font-size:22px}.support-conversations,.support-compose{padding:13px;border-radius:12px}.support-tabs{overflow:auto}.support-tabs button{min-width:78px}.support-ticket-row{grid-template-columns:36px minmax(0,1fr)}.support-ticket-row time{display:none}.support-reply-form{grid-template-columns:1fr}.support-bubble{width:90%}}

/* Persisted interface density: comfortable remains the established default. */
:root[data-density="medium"] .dashboard-shell { grid-template-columns: 226px minmax(0, 1fr); }
:root[data-density="medium"] .sidebar { padding: 18px 14px 16px; gap: 16px; }
:root[data-density="medium"] .side-link { min-height: 43px; padding-inline: 12px; font-size: 14px; }
:root[data-density="medium"] .topbar { min-height: 74px; padding-inline: 24px; }
:root[data-density="medium"] .content { padding: 22px 24px 36px; }
:root[data-density="medium"] .settings-layout,
:root[data-density="medium"] .dashboard-stat-grid { gap: 12px; }
:root[data-density="medium"] .settings-panel { min-height: 210px; padding: 17px; }
:root[data-density="medium"] .settings-panel-head { margin-bottom: 14px; }
:root[data-density="medium"] .dashboard-main .input,
:root[data-density="medium"] .dashboard-main .select { min-height: 42px; }
:root[data-density="medium"] .dashboard-main .btn { min-height: 37px; }
:root[data-density="medium"] .dashboard-main th,
:root[data-density="medium"] .dashboard-main td { padding: 10px 11px; }

:root[data-density="compact"] .dashboard-shell { grid-template-columns: 210px minmax(0, 1fr); }
:root[data-density="compact"] .sidebar { padding: 14px 12px; gap: 12px; }
:root[data-density="compact"] .sidebar-brand { min-height: 40px; }
:root[data-density="compact"] .side-links { gap: 4px; }
:root[data-density="compact"] .side-link { min-height: 38px; padding-inline: 10px; gap: 9px; font-size: 12px; }
:root[data-density="compact"] .side-group-title { margin-block: 7px 4px; font-size: 9px; }
:root[data-density="compact"] .topbar { min-height: 66px; padding-inline: 20px; }
:root[data-density="compact"] .topbar .input { min-height: 40px; }
:root[data-density="compact"] .content { padding: 18px 20px 30px; }
:root[data-density="compact"] .dashboard-main .page-title { margin-bottom: 14px; }
:root[data-density="compact"] .dashboard-main .page-title h1 { font-size: 22px; }
:root[data-density="compact"] .settings-layout,
:root[data-density="compact"] .dashboard-stat-grid { gap: 9px; }
:root[data-density="compact"] .settings-panel { min-height: 188px; padding: 14px; }
:root[data-density="compact"] .settings-panel-head { margin-bottom: 11px; }
:root[data-density="compact"] .settings-profile-form,
:root[data-density="compact"] .security-password-form { gap: 9px; }
:root[data-density="compact"] .setting-row { min-height: 41px; padding-block: 6px; }
:root[data-density="compact"] .dashboard-main .input,
:root[data-density="compact"] .dashboard-main .select { min-height: 38px; padding-block: 7px; }
:root[data-density="compact"] .dashboard-main .textarea { min-height: 76px; padding: 9px 11px; }
:root[data-density="compact"] .dashboard-main .btn { min-height: 34px; padding-inline: 11px; font-size: 12px; }
:root[data-density="compact"] .dashboard-main .stat-card { min-height: 94px; padding: 13px; }
:root[data-density="compact"] .dashboard-main th,
:root[data-density="compact"] .dashboard-main td { padding: 8px 9px; }

@media (max-width: 1050px) {
  :root[data-density="medium"] .dashboard-shell,
  :root[data-density="compact"] .dashboard-shell { grid-template-columns: 1fr; }
}

.sidebar-backdrop { display: none; }

@media (max-width: 980px) {
  .sidebar-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 44;
    border: 0;
    padding: 0;
    background: rgba(6, 43, 40, .18);
    -webkit-tap-highlight-color: transparent;
  }
}

@media (max-width: 720px) {
  .account-protection-center .security-reference-policy-list > div { grid-template-columns: 24px minmax(0,1fr); }
  .account-protection-center .policy-indicator,
  .account-protection-center .security-row-action { grid-column: 2; justify-self: start; }
}

/* Renvix identity: balanced light and dark color systems. */
:root:not([data-theme="dark"]) {
  color-scheme: light;
}

:root:not([data-theme="dark"]) .dashboard-shell,
:root:not([data-theme="dark"]) .dashboard-main {
  color: var(--text);
  background: var(--bg);
}

:root:not([data-theme="dark"]) .side-link.active {
  color: var(--brand-primary-foreground);
  background: var(--brand-primary);
  border-color: var(--brand-primary);
}

:root:not([data-theme="dark"]) .side-link.active .line-icon,
:root:not([data-theme="dark"]) .sidebar-foot,
:root:not([data-theme="dark"]) .sidebar-foot strong,
:root:not([data-theme="dark"]) .sidebar-foot small {
  color: var(--brand-primary-foreground);
}

:root:not([data-theme="dark"]) .auth-visual {
  color: #FFFFFF;
  background: var(--brand-primary);
}

:root:not([data-theme="dark"]) .auth-visual h1,
:root:not([data-theme="dark"]) .auth-visual h2,
:root:not([data-theme="dark"]) .auth-visual h3,
:root:not([data-theme="dark"]) .auth-visual strong,
:root:not([data-theme="dark"]) .auth-visual .brand,
:root:not([data-theme="dark"]) .auth-visual .brand-wordmark,
:root:not([data-theme="dark"]) .auth-visual .brand-wordmark b {
  color: #FFFFFF;
}

:root:not([data-theme="dark"]) .auth-visual > p,
:root:not([data-theme="dark"]) .auth-feature-row {
  color: rgba(255, 255, 255, .78);
}

:root:not([data-theme="dark"]) .auth-security-note {
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .08);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: var(--brand-dark-background);
  --surface: var(--brand-dark-surface);
  --surface-soft: var(--brand-dark-surface-raised);
  --text: var(--brand-dark-text);
  --text-muted: var(--brand-dark-muted);
  --border: var(--brand-dark-border);
  --primary-light: rgba(115, 184, 175, .14);
  --shadow-sm: 0 8px 22px rgba(0, 0, 0, .24);
  --shadow-md: 0 18px 44px rgba(0, 0, 0, .32);
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] .dashboard-shell,
:root[data-theme="dark"] .dashboard-main {
  color: var(--text);
  background: var(--bg) !important;
}

:root[data-theme="dark"] .sidebar {
  color: var(--text);
  border-color: var(--border) !important;
  background: var(--brand-dark-sidebar) !important;
}

:root[data-theme="dark"] .topbar {
  color: var(--text);
  border-color: var(--border) !important;
  background: rgba(9, 35, 31, .94) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .025);
}

:root[data-theme="dark"] .dashboard-main .card,
:root[data-theme="dark"] .welcome-panel,
:root[data-theme="dark"] .quick-action,
:root[data-theme="dark"] .mb-toolbar,
:root[data-theme="dark"] .settings-panel,
:root[data-theme="dark"] .table-card,
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .chart-card,
:root[data-theme="dark"] .board-card,
:root[data-theme="dark"] .modal,
:root[data-theme="dark"] .drawer,
:root[data-theme="dark"] .menu-pop,
:root[data-theme="dark"] .notification-dropdown,
:root[data-theme="dark"] .notification-dropdown-list,
:root[data-theme="dark"] .notification-row,
:root[data-theme="dark"] .notification-page-card {
  color: var(--text);
  border-color: var(--border) !important;
  background: var(--surface) !important;
}

:root[data-theme="dark"] .input,
:root[data-theme="dark"] .select,
:root[data-theme="dark"] .textarea,
:root[data-theme="dark"] .chip,
:root[data-theme="dark"] .tabs,
:root[data-theme="dark"] .support-compose input,
:root[data-theme="dark"] .support-compose select,
:root[data-theme="dark"] .support-compose textarea,
:root[data-theme="dark"] .support-reply-form textarea {
  color: var(--text) !important;
  border-color: var(--border) !important;
  background: var(--surface-soft) !important;
}

:root[data-theme="dark"] .input::placeholder,
:root[data-theme="dark"] .textarea::placeholder,
:root[data-theme="dark"] .support-compose input::placeholder,
:root[data-theme="dark"] .support-compose textarea::placeholder {
  color: #839A96;
}

:root[data-theme="dark"] .dashboard-main h1,
:root[data-theme="dark"] .dashboard-main h2,
:root[data-theme="dark"] .dashboard-main h3,
:root[data-theme="dark"] .dashboard-main h4,
:root[data-theme="dark"] .dashboard-main strong,
:root[data-theme="dark"] .profile-trigger strong,
:root[data-theme="dark"] .brand-wordmark,
:root[data-theme="dark"] .brand-wordmark b {
  color: var(--text);
}

:root[data-theme="dark"] .dashboard-main p,
:root[data-theme="dark"] .dashboard-main small,
:root[data-theme="dark"] .muted,
:root[data-theme="dark"] .side-group-title {
  color: var(--text-muted);
}

:root[data-theme="dark"] .side-link {
  color: #C4D5D2;
  background: transparent;
  border-color: transparent;
}

:root[data-theme="dark"] .side-link:hover {
  color: #FFFFFF;
  border-color: rgba(115, 184, 175, .12);
  background: rgba(115, 184, 175, .08);
}

:root[data-theme="dark"] .side-link.active {
  color: #FFFFFF;
  border-color: #2D6058 !important;
  background: #17453F !important;
  box-shadow: inset 3px 0 0 var(--brand-dark-accent);
}

:root[data-theme="dark"] .sidebar-foot {
  color: var(--text);
  border-color: var(--border) !important;
  background: var(--surface) !important;
}

:root[data-theme="dark"] .sidebar-foot small {
  color: var(--text-muted);
}

:root[data-theme="dark"] .notification-dropdown-head,
:root[data-theme="dark"] .notification-dropdown-actions,
:root[data-theme="dark"] .notification-item,
:root[data-theme="dark"] .notification-row,
:root[data-theme="dark"] .activity-item,
:root[data-theme="dark"] th,
:root[data-theme="dark"] td {
  border-color: var(--border) !important;
}

:root[data-theme="dark"] .notification-item {
  color: var(--text);
  background: color-mix(in srgb, var(--notification-tone) 8%, var(--surface-soft)) !important;
}

:root[data-theme="dark"] .notification-item:hover,
:root[data-theme="dark"] .notification-item.unread,
:root[data-theme="dark"] .notification-row.unread {
  background: color-mix(in srgb, var(--notification-tone) 14%, var(--surface-soft)) !important;
}

:root[data-theme="dark"] .auth-page {
  color: var(--text);
  background: var(--bg) !important;
}

:root[data-theme="dark"] .auth-visual {
  color: #FFFFFF;
  background: var(--brand-primary) !important;
}

:root[data-theme="dark"] .auth-panel {
  color: var(--text);
  border-color: var(--border) !important;
  background: var(--surface) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .3);
}

:root[data-theme="dark"] .auth-panel .lead,
:root[data-theme="dark"] .auth-panel .field span,
:root[data-theme="dark"] .auth-switch,
:root[data-theme="dark"] .remember {
  color: var(--text-muted);
}

:root[data-theme="dark"] .btn-secondary,
:root[data-theme="dark"] .btn-ghost,
:root[data-theme="dark"] .theme-topbar-button,
:root[data-theme="dark"] .language-topbar-button {
  color: var(--text) !important;
  border-color: var(--border) !important;
  background: var(--surface-soft) !important;
}

/* Authentication screens keep their own theme switch, so target it explicitly. */
.auth-suite-page[data-auth-theme="light"] .auth-suite-visual,
.auth-suite-page:not([data-auth-theme]) .auth-suite-visual {
  color: #FFFFFF;
  background: var(--brand-primary);
}

.auth-suite-page[data-auth-theme="light"] .auth-suite-visual h1,
.auth-suite-page[data-auth-theme="light"] .auth-suite-visual h2,
.auth-suite-page[data-auth-theme="light"] .auth-suite-visual h3,
.auth-suite-page[data-auth-theme="light"] .auth-suite-visual strong,
.auth-suite-page:not([data-auth-theme]) .auth-suite-visual h1,
.auth-suite-page:not([data-auth-theme]) .auth-suite-visual h2,
.auth-suite-page:not([data-auth-theme]) .auth-suite-visual h3,
.auth-suite-page:not([data-auth-theme]) .auth-suite-visual strong {
  color: #FFFFFF;
}

.auth-suite-page[data-auth-theme="light"] .auth-suite-visual > p,
.auth-suite-page[data-auth-theme="light"] .auth-suite-visual .auth-benefits > div,
.auth-suite-page:not([data-auth-theme]) .auth-suite-visual > p,
.auth-suite-page:not([data-auth-theme]) .auth-suite-visual .auth-benefits > div {
  color: rgba(255, 255, 255, .78);
  border-color: rgba(255, 255, 255, .14);
}

.auth-suite-page[data-auth-theme="light"] .auth-suite-visual .auth-benefits,
.auth-suite-page:not([data-auth-theme]) .auth-suite-visual .auth-benefits {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .07);
}

.auth-suite-page[data-auth-theme="light"] .auth-suite-visual .auth-benefits .line-icon,
.auth-suite-page:not([data-auth-theme]) .auth-suite-visual .auth-benefits .line-icon {
  color: #FFFFFF;
  background: rgba(255, 255, 255, .1);
}

.auth-suite-page .auth-suite-visual .brand-logo-image {
  filter: brightness(0) invert(1);
}

.auth-suite-page[data-auth-theme="dark"] {
  color: var(--brand-dark-text);
  background: var(--brand-dark-background);
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-shell {
  border-color: var(--brand-dark-border);
  background: var(--brand-dark-surface);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .32);
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel {
  color: var(--brand-dark-text);
  background: var(--brand-dark-surface);
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual {
  color: #FFFFFF;
  border-color: var(--brand-dark-border) !important;
  background: var(--brand-primary);
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual h1,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual h2,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual h3,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual strong {
  color: #FFFFFF;
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual > p,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual .auth-benefits > div {
  color: rgba(255, 255, 255, .76) !important;
  border-color: rgba(255, 255, 255, .14);
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual .auth-benefits {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .06);
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual .auth-benefits .line-icon {
  color: #FFFFFF;
  background: rgba(255, 255, 255, .1);
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel h1,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-intro h1,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .field > span,
.auth-suite-page[data-auth-theme="dark"] .auth-display-heading strong,
.auth-suite-page[data-auth-theme="dark"] .auth-display-option > b {
  color: var(--brand-dark-text);
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-intro p,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .lead,
.auth-suite-page[data-auth-theme="dark"] .auth-switch,
.auth-suite-page[data-auth-theme="dark"] .remember,
.auth-suite-page[data-auth-theme="dark"] .auth-display-heading small {
  color: var(--brand-dark-muted) !important;
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-form .input,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .input,
.auth-suite-page[data-auth-theme="dark"] .auth-display-trigger,
.auth-suite-page[data-auth-theme="dark"] .auth-display-popover,
.auth-suite-page[data-auth-theme="dark"] .auth-display-segment {
  color: var(--brand-dark-text);
  border-color: var(--brand-dark-border);
  background: var(--brand-dark-surface-raised);
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-form .input::placeholder,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .input::placeholder {
  color: #839A96;
}

.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .link-button {
  color: var(--brand-dark-accent);
}

/* 2026 authentication reference: compact desktop and iPad composition. */
.auth-suite-page{
  padding:clamp(18px,2.2vw,30px)!important;
  display:grid!important;
  place-items:center!important;
  color:#062B28!important;
  background:#fff!important;
}
.auth-suite-stage{
  width:min(1180px,100%);
  margin:auto;
  display:grid;
  gap:14px;
}
.auth-suite-brandbar{
  min-height:58px;
  padding-inline:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.auth-suite-brandbar-logo{display:flex;align-items:center;justify-content:flex-start}
.auth-suite-brandbar-logo .brand-logo-stacked,
.auth-suite-brandbar-logo .brand-logo-image{width:205px;max-height:52px;object-fit:contain;filter:none!important}
.auth-suite-brandbar-controls{display:flex;align-items:center;gap:10px;direction:rtl}
.auth-suite-brandbar-controls>button{
  min-height:38px;padding:6px 9px;color:#53645f;border:0;background:transparent;
  font:inherit;font-size:13px;cursor:pointer
}
.auth-suite-brandbar-controls>button.active{color:#075d54;font-weight:800}
.auth-suite-brandbar-controls>span{width:1px;height:19px;background:#cfdcd9}
.auth-suite-brandbar-controls .auth-suite-theme-button{
  width:42px;min-width:42px;height:42px;padding:0;display:grid;place-items:center;
  color:#075d54;border:1px solid #dfe9e7;border-radius:50%;background:#fff;
  box-shadow:0 7px 18px rgba(6,43,40,.08)
}
.auth-suite-theme-button .line-icon{width:21px;height:21px}
.auth-suite-shell,
.auth-suite-reset,
.auth-suite-otp{
  width:100%!important;
  min-height:600px!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:36px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.auth-suite-shell.login{min-height:590px!important}
.auth-suite-shell.register{min-height:690px!important}
.auth-suite-panel,
.auth-suite-otp .email-otp-panel{
  width:100%;max-width:540px;min-height:0;
  padding:30px 16px!important;
  justify-self:center;align-self:center;
  color:#062B28!important;background:#fff!important;
  border:0!important;border-radius:0!important;box-shadow:none!important
}
.auth-suite-mode-tabs{
  width:100%;margin:0 0 20px;padding:5px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;border:1px solid #dfe9e7;border-radius:11px;background:#fff
}
.auth-suite-mode-tabs button{
  min-height:47px;padding:7px 14px;display:flex;align-items:center;justify-content:center;gap:9px;
  color:#61706d;border:0;border-radius:8px;background:transparent;font:inherit;font-size:15px;cursor:pointer
}
.auth-suite-mode-tabs button.active{color:#fff;background:linear-gradient(135deg,#075d54,#08756a);box-shadow:0 8px 17px rgba(7,93,84,.16)}
.auth-suite-mode-tabs .line-icon{width:20px;height:20px}
.auth-suite-intro-icon{display:none!important}
.auth-suite-intro h1,
.auth-suite-panel h1{
  margin-bottom:7px!important;color:#062B28!important;font-size:clamp(28px,2.6vw,38px)!important;text-align:right!important
}
.auth-suite-intro p{max-width:none!important;margin:0 0 22px!important;color:#6f7f7b!important;font-size:14px!important;text-align:right!important}
.auth-suite-form,.auth-suite-panel .auth-form{gap:13px!important}
.auth-suite-form .field>span,.auth-suite-panel .field>span{color:#183a36!important;font-size:13px!important}
.auth-suite-form .input,.auth-suite-panel .input{
  min-height:50px!important;padding:10px 14px!important;color:#062B28!important;
  border:1px solid #dce7e5!important;border-radius:8px!important;background:#fff!important;
  box-shadow:0 2px 7px rgba(6,43,40,.025)!important
}
.auth-suite-form .password-input-wrap .input,.auth-suite-panel .password-input-wrap .input{padding-left:48px!important}
.auth-suite-form .password-toggle,.auth-suite-panel .password-toggle{left:10px!important;right:auto!important;color:#71837f}
.auth-suite-form .auth-submit,.auth-suite-panel .auth-submit,.auth-suite-panel .email-otp-submit{
  min-height:52px!important;color:#fff!important;border-radius:8px!important;
  background:linear-gradient(135deg,#075d54,#08756a)!important;
  box-shadow:0 10px 22px rgba(7,93,84,.18)!important
}
.auth-suite-panel .remember,.auth-suite-panel .auth-switch,.auth-suite-panel .policy-check{color:#52645f!important}
.auth-suite-panel .link-button{color:#075d54!important}
.auth-suite-visual,
.auth-suite-otp .email-otp-visual{
  min-height:600px;padding:42px 34px 64px!important;align-self:stretch;
  color:#062B28!important;border:1px solid #dfeae7!important;border-radius:24px!important;
  background:linear-gradient(145deg,#f5fbfa 0%,#edf7f5 55%,#f8fbfa 100%)!important;
  box-shadow:none!important
}
.auth-suite-shell.register .auth-suite-visual{min-height:690px}
.auth-suite-visual:before{
  width:190px!important;height:190px!important;inset:-95px auto auto -72px!important;
  border:34px solid rgba(7,93,84,.045)!important
}
.auth-suite-visual:after{
  content:"‹    ●  ○  ○  ○    ›"!important;
  width:auto!important;height:auto!important;inset:auto 50% 22px auto!important;
  transform:translateX(50%);color:#6f8782;font-size:22px;letter-spacing:4px;white-space:nowrap;
  border:0!important;border-radius:0!important
}
.auth-suite-visual .brand-logo-image,
.auth-suite-visual .brand-logo-stacked{width:min(230px,60%)!important;max-height:60px;filter:none!important}
.auth-suite-visual h2{margin:10px 0 8px!important;color:#062B28!important;font-size:clamp(25px,2.4vw,34px)!important;line-height:1.45}
.auth-suite-visual>p{max-width:440px!important;color:#60736f!important;font-size:16px!important;line-height:1.75!important}
.auth-suite-visual .auth-benefits{
  width:min(100%,430px)!important;margin-top:22px!important;padding:8px 16px!important;
  border:1px solid #dfe9e7!important;border-radius:12px!important;background:rgba(255,255,255,.82)!important
}
.auth-suite-visual .auth-benefits>div{min-height:45px!important;color:#203f3a!important;border-color:#edf3f2!important}
.auth-suite-visual .auth-benefits .line-icon{color:#075d54!important;background:#eef8f6!important}
.auth-suite-scene{width:min(500px,96%)!important;max-height:255px!important;margin-top:18px!important}
.auth-suite-login-visual,.auth-suite-register-visual,.auth-suite-reset-visual,.auth-suite-mfa-visual{justify-content:flex-start!important}
.auth-suite-login-visual .auth-suite-scene{max-height:245px!important}
.auth-suite-register-visual .auth-suite-scene{max-height:205px!important}
.auth-suite-feature-strip{border-color:#dfe9e7!important}
.auth-suite-feature-strip>div{border-color:#e6efed!important}
.auth-suite-feature-strip strong{color:#183a36!important}.auth-suite-feature-strip small{color:#72827f!important}
.auth-suite-email-visual .email-otp-brand .brand-logo-image{width:210px!important}
.auth-suite-email-visual h2{color:#062B28!important}.auth-suite-email-visual>p{color:#60736f!important}
.auth-suite-otp .email-otp-panel{max-width:550px!important}
.auth-suite-otp .email-otp-digit{width:58px!important;height:62px!important;border-color:#dce7e5!important;border-radius:9px!important}
.auth-suite-otp .email-otp-digit:focus{border-color:#075d54!important;box-shadow:0 0 0 3px rgba(7,93,84,.1)!important}
.auth-suite-otp .email-otp-resend-row{border-color:#dfe9e7!important;background:#fbfdfd!important}
.auth-suite-otp .email-otp-remember{color:#687a76!important}
.auth-suite-page .auth-display-settings{display:none!important}

.auth-suite-page[data-auth-theme="dark"]{color:#ecf7f5!important;background:#071b19!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-logo .brand-logo-image{filter:brightness(0) invert(1)!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-controls>button{color:#a8bdb8}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-controls>button.active{color:#8ed2c7}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-controls .auth-suite-theme-button{color:#d9ebe7;border-color:#24413d;background:#0b2825}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-otp .email-otp-panel{color:#ecf7f5!important;background:#071b19!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs{border-color:#24413d;background:#0b2825}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs button{color:#a8bdb8}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs button.active{color:#fff;background:#0c675e}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-intro h1,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel h1,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-form .field>span,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .field>span{color:#ecf7f5!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-intro p,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .remember,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .auth-switch,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .policy-check{color:#9fb5b0!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-form .input,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .input{color:#ecf7f5!important;border-color:#294742!important;background:#0b2825!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-otp .email-otp-visual{color:#ecf7f5!important;border-color:#24413d!important;background:linear-gradient(145deg,#0b2825,#0d322e)!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual .brand-logo-image{filter:brightness(0) invert(1)!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual h2,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-email-visual h2{color:#ecf7f5!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual>p,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-email-visual>p{color:#abc0bb!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual .auth-benefits{border-color:#294742!important;background:rgba(7,27,25,.45)!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual .auth-benefits>div{color:#d9ebe7!important;border-color:#24413d!important}

@media (max-width:1100px) and (min-width:821px){
  .auth-suite-stage{width:min(950px,100%)}
  .auth-suite-brandbar-logo .brand-logo-stacked,.auth-suite-brandbar-logo .brand-logo-image{width:180px}
  .auth-suite-shell,.auth-suite-reset,.auth-suite-otp{min-height:540px!important;gap:24px!important}
  .auth-suite-shell.register{min-height:640px!important}
  .auth-suite-panel,.auth-suite-otp .email-otp-panel{max-width:450px;padding:24px 12px!important}
  .auth-suite-visual,.auth-suite-otp .email-otp-visual{min-height:540px;padding:34px 25px 58px!important}
  .auth-suite-shell.register .auth-suite-visual{min-height:640px}
  .auth-suite-visual h2{font-size:26px!important}.auth-suite-visual>p{font-size:14px!important}
  .auth-suite-scene{max-height:220px!important}
  .auth-suite-mode-tabs{margin-bottom:16px}.auth-suite-mode-tabs button{min-height:44px}
  .auth-suite-intro h1,.auth-suite-panel h1{font-size:30px!important}
  .auth-suite-otp .email-otp-digit{width:48px!important;height:54px!important}
}

@media (max-width:820px){
  .auth-suite-page{padding:16px!important;display:block!important}
  .auth-suite-stage{width:min(680px,100%);margin:auto;gap:8px}
  .auth-suite-brandbar{min-height:54px;padding-inline:4px}
  .auth-suite-brandbar-logo .brand-logo-stacked,.auth-suite-brandbar-logo .brand-logo-image{width:165px;max-height:46px}
  .auth-suite-shell,.auth-suite-reset,.auth-suite-otp{grid-template-columns:1fr!important;min-height:0!important;gap:0!important}
  .auth-suite-shell>.auth-suite-panel,.auth-suite-otp>.email-otp-panel{display:grid!important;max-width:600px;grid-row:1;padding:28px!important}
  .auth-suite-shell>.auth-suite-visual,.auth-suite-otp>.email-otp-visual{display:none!important}
  .auth-suite-panel,.auth-suite-otp .email-otp-panel{border:1px solid #dfe9e7!important;border-radius:16px!important;box-shadow:0 12px 28px rgba(6,43,40,.06)!important}
}

@media (max-width:600px){
  .auth-suite-page{padding:10px 10px 24px!important;background:#f5fbfa!important}
  .auth-suite-brandbar{min-height:46px}
  .auth-suite-brandbar-logo .brand-logo-stacked,.auth-suite-brandbar-logo .brand-logo-image{width:130px;max-height:38px}
  .auth-suite-brandbar-controls{gap:3px}.auth-suite-brandbar-controls>button{padding:4px;font-size:10px}
  .auth-suite-brandbar-controls>span{height:15px}.auth-suite-brandbar-controls .auth-suite-theme-button{width:34px;min-width:34px;height:34px}
  .auth-suite-shell>.auth-suite-panel,.auth-suite-otp>.email-otp-panel{padding:16px!important;border-radius:14px!important}
  .auth-suite-mode-tabs{margin-bottom:12px;padding:4px}.auth-suite-mode-tabs button{min-height:40px;padding:5px 8px;font-size:12px}
  .auth-suite-intro h1,.auth-suite-panel h1{font-size:24px!important;text-align:center!important}
  .auth-suite-intro p{margin-bottom:10px!important;font-size:12px!important;text-align:center!important}
  .auth-suite-mobile-scene{display:block}
  .auth-suite-form .input,.auth-suite-panel .input{min-height:44px!important}
  .auth-suite-otp .email-otp-digit{width:calc((100vw - 74px)/6)!important;max-width:47px!important;height:50px!important}
  .auth-suite-page[data-auth-theme="dark"]{background:#071b19!important}
}

/* Final authentication reference override. Keep this block last. */
.auth-suite-page .auth-suite-stage{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.auth-suite-page .auth-suite-brandbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;justify-content:initial;gap:36px;min-height:76px;padding:8px 10px 14px}
.auth-suite-page .auth-suite-brandbar-logo{justify-content:flex-end}
.auth-suite-page .auth-suite-brandbar-logo .brand-logo-stacked,.auth-suite-page .auth-suite-brandbar-logo .brand-logo-image{width:210px;max-height:58px}
.auth-suite-page .auth-suite-brandbar-controls{justify-content:flex-end;gap:12px}
.auth-suite-page .auth-suite-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:stretch}
.auth-suite-page .auth-suite-visual,.auth-suite-page .auth-suite-email-visual{position:relative;display:block;min-height:0!important;padding:0!important;overflow:hidden;border:0!important;border-radius:24px!important;background:transparent!important;box-shadow:none!important}
.auth-suite-page .auth-suite-visual::before,.auth-suite-page .auth-suite-visual::after,.auth-suite-page .auth-suite-email-visual::before,.auth-suite-page .auth-suite-email-visual::after{content:none!important;display:none!important}
.auth-reference-visual{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#f5faf9}
.auth-reference-visual img{position:absolute;display:block;max-width:none!important;object-fit:fill;user-select:none;pointer-events:none}
.auth-reference-visual--register img{width:219.18%;height:117.22%;inset-block-start:-12.58%;left:-5.99%}
.auth-reference-visual--login img{width:222.61%;height:115.66%;inset-block-start:-11.45%;left:-5.91%}
.auth-reference-visual--reset img{width:228.16%;height:117.65%;inset-block-start:-13.97%;left:-8.38%}
.auth-reference-visual--mfa img{width:237.92%;height:118.52%;inset-block-start:-13.09%;left:-7.99%}
.auth-reference-visual--signupOtp img{width:228.57%;height:120.75%;inset-block-start:-13.84%;left:-6.25%}
.auth-reference-visual--loginOtp img{width:222.61%;height:118.67%;inset-block-start:-14.34%;left:-6.26%}
.auth-suite-page .auth-suite-login-visual{aspect-ratio:575/830}
.auth-suite-page .auth-suite-register-visual{aspect-ratio:584/819}
.auth-suite-page .auth-suite-reset-visual{aspect-ratio:561/816}
.auth-suite-page .auth-suite-mfa-visual{aspect-ratio:538/810}
.auth-suite-page .auth-suite-email-visual{aspect-ratio:575/809}
.auth-suite-page .auth-suite-otp:has(.auth-reference-visual--signupOtp) .auth-suite-email-visual{aspect-ratio:560/795}
.auth-suite-page .auth-suite-panel,.auth-suite-page .email-otp-panel{align-self:stretch;min-height:0!important;padding:24px 32px!important;border:0!important;border-radius:24px!important;background:#fff!important;box-shadow:none!important}
.auth-suite-page .auth-suite-shell.register .auth-suite-panel{padding-block:18px!important}
.auth-suite-page .auth-suite-shell.register .auth-suite-intro{margin-bottom:8px!important}
.auth-suite-page .auth-suite-shell.register .auth-suite-form{gap:8px!important}
.auth-suite-page .auth-suite-shell.register .field{gap:3px!important}
.auth-suite-page .auth-suite-shell.register .input{min-height:43px!important;height:43px!important}
.auth-suite-page .auth-suite-shell.register .policy-check{margin-block:2px!important}
.auth-suite-page .auth-suite-shell.register .auth-submit{min-height:48px!important}

@media (min-width:821px) and (max-width:1100px){
  .auth-suite-page .auth-suite-stage{width:min(960px,calc(100% - 28px))}
  .auth-suite-page .auth-suite-brandbar{gap:24px;min-height:64px;padding-block:5px 10px}
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-stacked,.auth-suite-page .auth-suite-brandbar-logo .brand-logo-image{width:178px;max-height:50px}
  .auth-suite-page .auth-suite-shell{gap:24px}
  .auth-suite-page .auth-suite-panel,.auth-suite-page .email-otp-panel{padding:20px 24px!important}
  .auth-suite-page .auth-suite-shell.register .auth-suite-panel{padding-block:14px!important}
  .auth-suite-page .auth-suite-shell.register .auth-suite-form{gap:6px!important}
  .auth-suite-page .auth-suite-shell.register .input{min-height:40px!important;height:40px!important}
}

@media (max-width:820px){
  .auth-suite-page .auth-suite-stage{width:min(560px,calc(100% - 24px))}
  .auth-suite-page .auth-suite-brandbar{display:flex;justify-content:space-between;gap:14px;min-height:54px;padding:5px 2px 10px}
  .auth-suite-page .auth-suite-brandbar-logo{justify-content:flex-start}
  .auth-suite-page .auth-suite-brandbar-controls{justify-content:flex-end}
  .auth-suite-page .auth-suite-shell{display:block}
  .auth-suite-page .auth-suite-shell>.auth-suite-visual,.auth-suite-page .auth-suite-otp>.auth-suite-email-visual{display:none!important}
  .auth-suite-page .auth-suite-panel,.auth-suite-page .email-otp-panel{padding:20px!important}
}

/* Final mobile containment for the reference-matched authentication views. */
@media (max-width:820px){
  .auth-suite-page .auth-suite-stage{
    width:min(560px,100%)!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .auth-suite-page .auth-suite-brandbar,
  .auth-suite-page .auth-suite-shell,
  .auth-suite-page .auth-suite-reset,
  .auth-suite-page .auth-suite-otp,
  .auth-suite-page .auth-suite-panel,
  .auth-suite-page .email-otp-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:0!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  .auth-suite-page .auth-suite-brandbar-logo,
  .auth-suite-page .auth-suite-brandbar-controls{min-width:0!important}
  .auth-suite-page .auth-suite-brandbar-logo{flex:1 1 auto!important;overflow:hidden}
  .auth-suite-page .auth-suite-brandbar-controls{flex:0 1 auto!important}
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-stacked,
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-image{
    width:min(165px,42vw)!important;
    max-width:100%!important;
    height:auto!important;
  }
}

@media (max-width:430px){
  .auth-suite-page .auth-suite-brandbar{gap:6px!important}
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-stacked,
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-image{width:min(142px,39vw)!important}
  .auth-suite-page .auth-suite-brandbar-controls{gap:2px!important}
  .auth-suite-page .auth-suite-brandbar-controls>button{padding-inline:3px!important}
}

/* Final responsive authentication composition from the approved Renvix references. */
.auth-suite-page .auth-suite-brandbar-logo{
  grid-column:1;
  grid-row:1;
  justify-content:flex-end!important;
}
.auth-suite-page .auth-suite-brandbar-controls{
  grid-column:2;
  grid-row:1;
  justify-content:flex-start!important;
}
.auth-suite-page .auth-suite-brandbar-logo .brand-logo-image{
  width:224px!important;
  max-height:54px!important;
  object-fit:contain!important;
}
.auth-suite-page .auth-mobile-brand{display:none!important}

@media (max-width:820px){
  .auth-suite-page{
    min-height:100dvh!important;
    padding:0!important;
    background:#fff!important;
  }
  .auth-suite-page .auth-suite-stage{
    width:100%!important;
    max-width:640px!important;
    min-height:100dvh!important;
    padding:28px 24px 36px!important;
    gap:28px!important;
    background:#fff!important;
  }
  .auth-suite-page .auth-suite-brandbar{
    direction:ltr!important;
    display:flex!important;
    min-height:58px!important;
    padding:0!important;
    gap:18px!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .auth-suite-page .auth-suite-brandbar-logo{
    order:2!important;
    flex:0 1 210px!important;
    justify-content:flex-end!important;
    overflow:visible!important;
  }
  .auth-suite-page .auth-suite-brandbar-controls{
    order:1!important;
    direction:rtl!important;
    flex:0 1 auto!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-image{
    width:min(196px,42vw)!important;
    max-height:44px!important;
  }
  .auth-suite-page .auth-suite-brandbar-controls>button{
    min-height:38px!important;
    padding:5px 6px!important;
    font-size:13px!important;
  }
  .auth-suite-page .auth-suite-brandbar-controls .auth-suite-theme-button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
  }
  .auth-suite-page .auth-suite-shell,
  .auth-suite-page .auth-suite-reset,
  .auth-suite-page .auth-suite-otp{
    display:block!important;
    min-height:0!important;
  }
  .auth-suite-page .auth-suite-shell>.auth-suite-visual,
  .auth-suite-page .auth-suite-otp>.auth-suite-email-visual{display:none!important}
  .auth-suite-page .auth-suite-panel,
  .auth-suite-page .email-otp-panel{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .auth-suite-page .auth-suite-intro-icon{
    width:108px!important;
    height:108px!important;
    margin:20px auto 24px!important;
    display:grid!important;
    place-items:center!important;
    color:#075d54!important;
    border:0!important;
    border-radius:34px!important;
    background:#eef8f6!important;
  }
  .auth-suite-page .auth-suite-intro-icon .auth-intro-symbol,
  .auth-suite-page .auth-suite-intro-icon .auth-recovery-icon{
    width:62px!important;
    height:62px!important;
  }
  .auth-suite-page .auth-suite-intro h1,
  .auth-suite-page .auth-suite-panel h1{
    margin:0 0 14px!important;
    color:#064b45!important;
    font-size:34px!important;
    line-height:1.35!important;
    text-align:center!important;
  }
  .auth-suite-page .auth-suite-intro p{
    max-width:500px!important;
    margin:0 auto 32px!important;
    color:#5d6b68!important;
    font-size:17px!important;
    line-height:1.85!important;
    text-align:center!important;
  }
  .auth-suite-page .auth-suite-shell.login .auth-suite-intro,
  .auth-suite-page .auth-suite-shell.register .auth-suite-intro{display:none!important}
  .auth-suite-page .auth-suite-mode-tabs{
    margin:8px 0 34px!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
    border:1px solid #dbe5e3!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  .auth-suite-page .auth-suite-mode-tabs button{
    min-height:66px!important;
    font-size:17px!important;
    border-radius:10px!important;
  }
  .auth-suite-page .auth-suite-mode-tabs button.active{
    background:linear-gradient(135deg,#075d54,#006b61)!important;
  }
  .auth-suite-page .auth-suite-form,
  .auth-suite-page .email-otp-form{gap:22px!important}
  .auth-suite-page .auth-suite-form .field,
  .auth-suite-page .email-otp-form .field{gap:9px!important}
  .auth-suite-page .auth-suite-form .field>span,
  .auth-suite-page .email-otp-panel .field>span{
    font-size:16px!important;
    font-weight:700!important;
  }
  .auth-suite-page .auth-suite-form .input,
  .auth-suite-page .email-otp-panel .input{
    min-height:66px!important;
    height:66px!important;
    padding:12px 18px!important;
    font-size:16px!important;
    border-color:#d7e1df!important;
    border-radius:10px!important;
  }
  .auth-suite-page .auth-suite-form .auth-submit,
  .auth-suite-page .email-otp-submit,
  .auth-suite-page .auth-suite-panel .btn{
    min-height:62px!important;
    border-radius:9px!important;
    font-size:18px!important;
  }
  .auth-suite-page .auth-suite-panel .btn-secondary{
    color:#075d54!important;
    border:1px solid #075d54!important;
    background:#fff!important;
  }
  .auth-suite-page .auth-suite-panel .remember,
  .auth-suite-page .auth-suite-panel .auth-switch,
  .auth-suite-page .auth-suite-panel .policy-check,
  .auth-suite-page .auth-suite-panel .link-button{font-size:15px!important}
  .auth-suite-page .auth-suite-note{
    margin:32px 0 0!important;
    padding:24px!important;
    color:#52635f!important;
    border:1px solid #e0e8e6!important;
    border-radius:12px!important;
    background:#fbfdfd!important;
    text-align:center!important;
    line-height:1.8!important;
  }
  .auth-suite-page .email-otp-secure-badge{display:none!important}
  .auth-suite-page .email-otp-panel-grid,
  .auth-suite-page .email-otp-content{display:block!important}
  .auth-suite-page .email-otp-email{margin-bottom:30px!important}
  .auth-suite-page .email-otp-digits{
    margin:10px 0 26px!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:10px!important;
    direction:ltr!important;
  }
  .auth-suite-page .email-otp-digit{
    width:100%!important;
    max-width:none!important;
    height:76px!important;
    font-size:26px!important;
    border-radius:11px!important;
  }
  .auth-suite-page .email-otp-resend-row{
    min-height:86px!important;
    margin-bottom:24px!important;
    padding:16px 18px!important;
    border-radius:11px!important;
  }
  .auth-suite-page .email-otp-remember{display:none!important}
  .auth-suite-page .email-otp-help{
    margin-top:24px!important;
    font-size:15px!important;
    text-align:center!important;
  }
  .auth-suite-page .mfa-login-panel .code-input{
    height:78px!important;
    text-align:center!important;
    font-size:28px!important;
    letter-spacing:18px!important;
  }
}

@media (max-width:430px){
  .auth-suite-page .auth-suite-stage{
    max-width:none!important;
    padding:26px 20px 30px!important;
    gap:34px!important;
    border-radius:32px 32px 0 0!important;
  }
  .auth-suite-page .auth-suite-brandbar{min-height:52px!important;gap:12px!important}
  .auth-suite-page .auth-suite-brandbar-logo{flex-basis:168px!important}
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-image{
    width:min(168px,45vw)!important;
    max-height:39px!important;
  }
  .auth-suite-page .auth-suite-brandbar-controls{gap:4px!important}
  .auth-suite-page .auth-suite-brandbar-controls>button{
    min-height:34px!important;
    padding:3px!important;
    font-size:11px!important;
  }
  .auth-suite-page .auth-suite-brandbar-controls .auth-suite-theme-button{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
  }
  .auth-suite-page .auth-suite-mode-tabs{margin:4px 0 28px!important}
  .auth-suite-page .auth-suite-mode-tabs button{min-height:54px!important;font-size:14px!important}
  .auth-suite-page .auth-suite-intro-icon{
    width:88px!important;
    height:88px!important;
    margin:12px auto 22px!important;
    border-radius:29px!important;
  }
  .auth-suite-page .auth-suite-intro-icon .auth-intro-symbol,
  .auth-suite-page .auth-suite-intro-icon .auth-recovery-icon{width:52px!important;height:52px!important}
  .auth-suite-page .auth-suite-intro h1,
  .auth-suite-page .auth-suite-panel h1{font-size:28px!important}
  .auth-suite-page .auth-suite-intro p{margin-bottom:26px!important;font-size:15px!important;line-height:1.75!important}
  .auth-suite-page .auth-suite-form,
  .auth-suite-page .email-otp-form{gap:17px!important}
  .auth-suite-page .auth-suite-form .field>span,
  .auth-suite-page .email-otp-panel .field>span{font-size:14px!important}
  .auth-suite-page .auth-suite-form .input,
  .auth-suite-page .email-otp-panel .input{min-height:58px!important;height:58px!important;font-size:14px!important}
  .auth-suite-page .auth-suite-form .auth-submit,
  .auth-suite-page .email-otp-submit,
  .auth-suite-page .auth-suite-panel .btn{min-height:56px!important;font-size:16px!important}
  .auth-suite-page .auth-suite-shell.register .policy-check{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }
  .auth-suite-page .auth-suite-shell.register .policy-check button{font-size:inherit!important}
  .auth-suite-page .email-otp-digits{gap:6px!important}
  .auth-suite-page .email-otp-digit{height:64px!important;font-size:22px!important}
  .auth-suite-page .email-otp-resend-row{min-height:74px!important;padding:12px!important;font-size:13px!important}
  .auth-suite-page .auth-suite-note{margin-top:24px!important;padding:18px!important;font-size:13px!important}
  .auth-suite-page .mfa-login-panel .code-input{height:68px!important;font-size:24px!important;letter-spacing:13px!important}
}

/* Keep the whole mobile authentication canvas on one polished dark surface. */
@media (max-width:820px){
  html:has(.auth-suite-page[data-auth-theme="dark"]),
  body:has(.auth-suite-page[data-auth-theme="dark"]),
  body:has(.auth-suite-page[data-auth-theme="dark"]) #root{
    min-height:100%;
    color-scheme:dark;
    background:#061a17!important;
  }
  .auth-suite-page[data-auth-theme="dark"],
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-stage,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-shell,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-reset,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-otp,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-panel,
  .auth-suite-page[data-auth-theme="dark"] .email-otp-panel{
    color:#edf8f5!important;
    background:#061a17!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-stage{
    box-shadow:none!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-logo .brand-logo-image{
    filter:brightness(0) invert(1) saturate(0)!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-controls>button{
    color:#d7e9e5!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-controls .auth-suite-theme-button{
    border-color:#294842!important;
    background:#0c2b27!important;
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs{
    border-color:#294842!important;
    background:#0a2421!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs button{
    color:#acc1bc!important;
    background:transparent!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs button.active{
    color:#fff!important;
    background:linear-gradient(135deg,#0c675e,#075d54)!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-intro-icon{
    color:#7fd2c6!important;
    background:#0d302b!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-intro h1,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-panel h1,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-form .field>span,
  .auth-suite-page[data-auth-theme="dark"] .email-otp-panel .field>span{
    color:#edf8f5!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-intro p,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .remember,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .auth-switch,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .policy-check,
  .auth-suite-page[data-auth-theme="dark"] .email-otp-help{
    color:#a7bcb7!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-form .input,
  .auth-suite-page[data-auth-theme="dark"] .email-otp-panel .input,
  .auth-suite-page[data-auth-theme="dark"] .email-otp-digit,
  .auth-suite-page[data-auth-theme="dark"] .mfa-login-panel .code-input{
    color:#f2fbf9!important;
    border-color:#2b4b45!important;
    background:#0b2925!important;
    box-shadow:none!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-form .input::placeholder,
  .auth-suite-page[data-auth-theme="dark"] .email-otp-panel .input::placeholder{
    color:#718b85!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .btn-secondary{
    color:#d9eee9!important;
    border-color:#3d665e!important;
    background:#0a2421!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-note,
  .auth-suite-page[data-auth-theme="dark"] .email-otp-resend-row,
  .auth-suite-page[data-auth-theme="dark"] .email-otp-email{
    color:#b9cec9!important;
    border-color:#284740!important;
    background:#0a2421!important;
  }
  .auth-suite-page[data-auth-theme="dark"] a,
  .auth-suite-page[data-auth-theme="dark"] .link-button{
    color:#72cfc2!important;
  }
}

/* Last-pass geometry overrides: deliberately placed after legacy responsive rules. */
.marketing-features-v3 .flow-network-features{
  grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr)!important;
  min-height:440px!important;
}
.marketing-features-v3 .flow-network-svg{
  inset:0!important;
  height:440px!important;
  transform:none!important;
}
.marketing-features-v3 .flow-side,.marketing-features-v3 .flow-node{min-width:0;width:100%}
.marketing-features-v3 .flow-side-in,.marketing-features-v3 .flow-side-out{padding-inline:0!important}
.marketing-features-v3 .flow-node div{min-width:0}

.marketing-blog-v3 .blog-v3-toolbar .chips{
  display:grid;
  flex:1 1 auto;
  min-width:0;
  grid-template-columns:repeat(6,minmax(105px,1fr));
  overflow:visible;
}
.marketing-blog-v3 .blog-v3-toolbar .chip{width:100%;min-width:0}
.marketing-blog-v3 .blog-v3-search{flex:0 0 350px;min-width:0}

.marketing-support-v3 [data-support-search-results]>div{display:grid;gap:4px}
.marketing-support-v3 [data-support-search-item]{
  display:grid;
  width:100%;
  grid-template-columns:40px minmax(0,1fr) 18px;
  align-items:center;
  gap:3px 11px;
  padding:9px 11px;
  border:0;
  border-radius:11px;
  color:#073d39;
  background:transparent;
  font:inherit;
  text-align:start;
  cursor:pointer;
}
.marketing-support-v3 [data-support-search-item][hidden]{display:none!important}
.marketing-support-v3 [data-support-search-item]>span{
  display:grid;
  width:38px;
  height:38px;
  grid-row:1/3;
  place-items:center;
  border-radius:10px;
  color:#078b7c;
  background:#e9faf7;
}
.marketing-support-v3 [data-support-search-item]>span .icon{width:19px;height:19px}
.marketing-support-v3 [data-support-search-item]>b{grid-column:2;font-size:13px}
.marketing-support-v3 [data-support-search-item]>small{grid-column:2;color:#667f7a;font-size:11px;white-space:normal}
.marketing-support-v3 [data-support-search-item]>.icon{grid-column:3;grid-row:1/3;width:16px;height:16px;color:#0a8f80}
.marketing-support-v3 [data-support-search-item]:hover,.marketing-support-v3 [data-support-search-item]:focus-visible{background:#edf9f7;outline:0}
.marketing-support-v3 [data-support-search-status]{margin:7px 10px 2px;color:#6c827e;font-size:11px}

.marketing-resource-page .resource-hero-icon{
  display:grid;
  width:68px;
  height:68px;
  margin:0 auto 17px;
  place-items:center;
  border:1px solid rgba(17,169,151,.2);
  border-radius:21px;
  color:#087e72;
  background:#e9faf7;
  box-shadow:0 14px 30px rgba(6,109,98,.12);
}
.marketing-resource-page .resource-hero-icon .icon{width:32px;height:32px}
.marketing-resource-page .resource-hero .eyebrow{display:block;margin-bottom:9px;color:#0a796d;font-weight:850}
.marketing-resource-page .resource-hero .hero-actions{display:flex;justify-content:center;gap:12px;margin-top:26px}
.marketing-resource-page .resource-card-grid>article{
  min-height:220px;
  padding:24px;
  border:1px solid rgba(6,96,87,.1);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 32px rgba(6,62,56,.065);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.marketing-resource-page .resource-card-grid>article:hover{transform:translateY(-6px);border-color:rgba(18,175,157,.3);box-shadow:0 20px 42px rgba(5,89,80,.12)}
.marketing-resource-page .resource-card-grid>article>span{display:grid;width:48px;height:48px;margin-bottom:17px;place-items:center;border-radius:14px;color:#078f80;background:#e9faf7}
.marketing-resource-page .resource-card-grid>article>span .icon{width:25px;height:25px}
.marketing-resource-page .resource-card-grid>article h2{margin:0 0 9px;color:#0a403c;font-size:19px}
.marketing-resource-page .resource-card-grid>article p{margin:0;color:#617b76;line-height:1.8}
.marketing-resource-page .resource-process>header{text-align:center}
.marketing-resource-page .resource-process>header>span{display:inline-block;margin-bottom:7px;color:#9be9dd;font-weight:800}
.marketing-resource-page .resource-process>header h2{margin:0 0 24px;color:#fff}
.marketing-resource-page .resource-process>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.marketing-resource-page .resource-process>div>article{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:11px;min-height:82px;padding:17px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.07)}
.marketing-resource-page .resource-process>div>article b{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#064b45;background:#b9f3ea}
.marketing-resource-page .resource-process>div>article span{color:#ecf8f6;line-height:1.65}
.marketing-resource-page .resource-cta{margin-top:24px}

@media (max-width:1180px){
  .marketing-features-v3 .flow-network-features{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr)!important;min-height:440px!important}
  .marketing-blog-v3 .blog-v3-toolbar{align-items:stretch;flex-direction:column}
  .marketing-blog-v3 .blog-v3-search{flex-basis:auto;width:100%}
}

@media (max-width:900px) and (min-width:821px){
  .marketing-features-v3 .flow-network-features{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr)!important}
}

@media (max-width:820px){
  .marketing-features-v3 .flow-network-features{display:flex!important;min-height:0!important}
  .marketing-features-v3 .flow-network-svg{display:none!important}
  .marketing-blog-v3 .blog-v3-toolbar .chips{grid-template-columns:repeat(3,minmax(0,1fr))}
  .marketing-resource-page .resource-hero .hero-actions{flex-wrap:wrap}
  .marketing-resource-page .resource-process>div{grid-template-columns:1fr}
}

@media (max-width:560px){
  .marketing-blog-v3 .blog-v3-toolbar .chips{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Crisp, professional hero stagger without making users wait for the cards. */
@keyframes marketingHeroCardFallback{to{opacity:1}}
.marketing-home-v3 .home-ops-scene--hero{visibility:hidden;opacity:0}
.marketing-home-v3 .home-ops-scene--hero.is-geometry-ready{visibility:visible;opacity:1;transition:opacity .2s ease}
.marketing-home-v3 .home-ops-scene--hero .home-ops-card[data-reveal]{opacity:1!important;transform:none;animation:none!important}
.marketing-home-v3 .home-ops-scene--hero .ops-automation[data-reveal],.marketing-home-v3 .home-ops-scene--hero .ops-live[data-reveal]{transform:translateX(-50%)}
.marketing-home-v3 .home-ops-scene--hero .ops-automation[data-reveal].is-visible:hover,.marketing-home-v3 .home-ops-scene--hero .ops-live[data-reveal].is-visible:hover{transform:translateX(-50%) translateY(-3px)}
.marketing-home-v3 .home-ops-card[data-reveal]{animation:marketingHeroCardFallback .5s ease forwards}
.marketing-home-v3 .ops-renewals[data-reveal]{transition-delay:.06s!important;animation-delay:.06s}
.marketing-home-v3 .ops-automation[data-reveal]{transition-delay:.12s!important;animation-delay:.12s}
.marketing-home-v3 .ops-integrations[data-reveal]{transition-delay:.16s!important;animation-delay:.16s}
.marketing-home-v3 .ops-reminders[data-reveal]{transition-delay:.2s!important;animation-delay:.2s}
.marketing-home-v3 .ops-live[data-reveal]{transition-delay:.24s!important;animation-delay:.24s}
.marketing-home-v3 .ops-metrics[data-reveal],.marketing-home-v3 .ops-revenue[data-reveal]{transition-delay:.28s!important;animation-delay:.28s}
.marketing-home-v3 .ops-success[data-reveal]{transition-delay:.32s!important;animation-delay:.32s}

/* Reference correction: every feature connector terminates on the card edge. */
.marketing-features-v3 .flow-terminal{
  fill:#18a995;
  stroke:#d9fff9;
  stroke-width:3;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 5px rgba(21,177,157,.5));
}
.marketing-features-v3 .flow-terminal-center{
  fill:#fff;
  stroke:#1ab29d;
  stroke-width:2.4;
}
.marketing-features-v3 .flow-base{stroke:#a9ddd5;stroke-width:1.65}
.marketing-features-v3 .flow-pulse{stroke-width:2.8}

.marketing-home-v3 .home-ops-terminal{
  fill:#16aa96;
  stroke:#effffb;
  stroke-width:1.45;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 2px rgba(18,167,148,.26));
}
.marketing-home-v3 .home-ops-terminal--center{
  fill:#fff;
  stroke:#21ad9a;
  stroke-width:1.55;
}

/* Reference correction: spacious, non-overlapping home operations composition. */
.marketing-home-v3 .home-ops-center .home-ops-mark{
  display:block;
  width:104px;
  max-width:78%;
  height:auto;
}

@media (min-width:641px){
  .marketing-home-v3 .marketing-v3-hero-visual{padding-top:4px}
  .marketing-home-v3 .marketing-v3-hero-grid{gap-inline:78px}
  .marketing-home-v3 .marketing-v3-copy .hero-actions{display:grid;width:100%;max-width:410px;grid-template-columns:repeat(2,minmax(0,1fr));margin-inline-start:auto}
  .marketing-home-v3 .home-ops-scene--hero{min-height:462px!important;overflow:visible}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-wires{z-index:1}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-card{z-index:3;box-sizing:border-box}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals,
  .marketing-home-v3 .home-ops-scene--hero .ops-automation,
  .marketing-home-v3 .home-ops-scene--hero .ops-reminders{top:8px!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-integrations{top:151px!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-revenue{top:213px!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-metrics{bottom:33px!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-live{bottom:4px!important;width:224px;height:126px;min-height:126px!important;padding:10px;overflow:hidden}
  .marketing-home-v3 .home-ops-scene--hero .ops-live-feed{gap:2px;margin-top:4px}
  .marketing-home-v3 .home-ops-scene--hero .ops-live-feed>span{min-height:20px;grid-template-columns:14px minmax(0,1fr) auto;gap:3px;padding:3px;font-size:6px}
  .marketing-home-v3 .home-ops-scene--hero .ops-live-feed b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .marketing-home-v3 .home-ops-scene--hero .ops-live-feed small{font-size:5px;white-space:nowrap}
  .marketing-home-v3 .home-ops-scene--hero .ops-success{right:0;bottom:13px!important;min-height:108px;overflow:hidden}
  .marketing-home-v3 .home-ops-scene--hero .ops-revenue{overflow:hidden}
  .marketing-home-v3 .home-ops-scene--hero .ops-revenue>strong{
    position:absolute;
    left:12px;
    bottom:34px;
    width:90px;
    margin:0;
    text-align:left;
  }
  .marketing-home-v3 .home-ops-scene--hero .ops-revenue>small{
    position:absolute;
    left:12px;
    bottom:15px;
    width:90px;
    overflow:hidden;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .marketing-home-v3 .home-ops-scene--hero .ops-success>small{
    position:absolute;
    right:12px;
    bottom:17px;
    width:105px;
    overflow:hidden;
    text-align:right;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .marketing-home-v3 .home-ops-scene--hero .home-ops-center{
    z-index:4;
    top:146px!important;
    width:150px!important;
    height:150px!important;
    border-color:transparent;
    background:transparent;
    box-shadow:none;
  }
  .marketing-home-v3 .home-ops-scene--hero .home-ops-disc-face{
    position:absolute;
    z-index:1;
    inset:0;
    border:1px solid rgba(23,174,156,.3);
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 12px rgba(88,215,196,.075),0 20px 42px rgba(5,91,82,.13);
  }
  .marketing-home-v3 .home-ops-scene--hero .home-ops-mark{
    display:block;
    width:108px!important;
    height:auto;
    align-self:center;
    justify-self:center;
    filter:drop-shadow(0 6px 10px rgba(3,78,70,.12));
  }
  .marketing-home-v3 .home-ops-scene--hero.is-in-view .home-ops-mark{animation:homeOpsMarkFloat 4.2s ease-in-out infinite}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-center::before{z-index:-3;bottom:-18px;width:76%;height:22px;opacity:.34}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-center::after{z-index:-2;bottom:-8px;width:90%;height:15px;opacity:.44}
  .marketing-home-v3 .home-ops-card header{min-height:30px;align-items:center;gap:8px}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals{height:114px;min-height:114px;overflow:hidden}
  .marketing-home-v3 .home-ops-scene--hero .ops-automation{height:112px;min-height:112px;overflow:hidden}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminders{height:188px;min-height:188px}
  .marketing-home-v3 .home-ops-scene--hero .ops-integrations{height:152px;min-height:152px}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals>header{position:static;padding-inline-start:0}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals>header>span{position:static;inset:auto;margin:0}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals>header>span .line-icon{margin:0!important;transform:none!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals>svg{position:absolute;left:10px;bottom:12px;margin:0}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals>em{position:absolute;right:11px;bottom:10px}
  .marketing-home-v3 .home-ops-card header>span{
    display:grid!important;
    flex:0 0 29px;
    width:29px!important;
    height:29px!important;
    place-items:center;
    border:1px solid rgba(16,151,135,.1);
    color:#087d70!important;
    background:#e8f8f5!important;
  }
  .marketing-home-v3 .home-ops-card header>span .line-icon{display:block!important;width:16px!important;height:16px!important;opacity:1!important;color:inherit!important}
  .marketing-home-v3 .ops-live header>span{transform:translateY(3px)}
  .marketing-home-v3 .ops-metrics header>span{box-shadow:0 6px 14px rgba(8,125,112,.1)}
  .marketing-home-v3 .ops-metrics header>span .line-icon{position:static!important;inset:auto!important;width:16px!important;height:16px!important}
  .marketing-home-v3 .ops-success-ring{
    position:absolute;
    left:14px;
    bottom:13px;
    display:grid;
    width:54px;
    height:54px;
    place-items:center;
    border-radius:50%;
    background:conic-gradient(#17a995 0 346deg,#e5f4f1 346deg 360deg);
    box-shadow:0 7px 18px rgba(8,125,112,.12);
  }
  .marketing-home-v3 .ops-success-ring::before{content:"";position:absolute;inset:7px;border-radius:inherit;background:#fff}
  .marketing-home-v3 .ops-success-ring>span{position:relative;color:#087d70;font-size:10px;font-weight:900}
  .marketing-home-v3 .marketing-hero-metrics article{min-height:108px}
}

@media (min-width:901px) and (max-width:1180px){
  .marketing-home-v3 .marketing-v3-hero-grid{gap-inline:18px}
  .marketing-home-v3 .home-ops-scene--hero{min-height:462px!important;margin:0!important;transform:none!important;transform-origin:center!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals,
  .marketing-home-v3 .home-ops-scene--hero .ops-automation,
  .marketing-home-v3 .home-ops-scene--hero .ops-reminders{top:8px!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-integrations{top:151px!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-revenue{top:213px!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-metrics{bottom:33px!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-live{bottom:4px!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-success{bottom:13px!important}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-center{top:146px!important;width:136px!important;height:136px!important}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-mark{width:96px!important}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-card{width:160px!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-automation{width:164px!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-live{width:188px!important}

  .public-site .public-nav{min-height:76px}
  .public-site .public-nav .nav-inner{
    width:calc(100% - 48px);
    min-height:76px;
    grid-template-columns:180px minmax(0,1fr) 384px;
    grid-template-areas:"brand links actions";
    grid-template-rows:76px;
    gap:8px;
  }
  .public-site .nav-inner>.brand{min-width:174px;transform:none}
  .public-site .public-nav .brand-logo-image{width:174px!important;max-width:174px!important;max-height:43px!important}
  .public-site .nav-links{min-width:0;min-height:76px;gap:4px;border-top:0}
  .public-site .nav-link{min-height:44px;gap:5px;padding-inline:3px;font-size:11px}
  .public-site .public-nav-icon .line-icon{width:16px;height:16px}
  .public-site .nav-actions{min-width:0;gap:5px}
  .public-site .public-nav-preferences{gap:4px}
  .public-site .public-language-compact{min-width:70px;min-height:40px;padding-inline:7px}
  .public-site .public-language-compact strong{font-size:11px}
  .public-site .public-theme{min-width:40px;min-height:40px;padding-inline:8px}
  .public-site .public-auth-actions{gap:6px}
  .public-site .public-auth-actions .btn{min-height:40px;padding-inline:8px;font-size:11px}
  .public-site .public-register-action{min-width:106px}
  .public-site .public-login-action{min-width:96px}
}

@media (min-width:1181px){
  .public-site .public-nav .nav-inner{width:calc(100% - 64px);max-width:1380px}
}

@keyframes homeOpsMarkFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.035)}
}

@media (prefers-reduced-motion:reduce){
  .marketing-home-v3 .home-ops-scene--hero.is-in-view .home-ops-mark{animation:none}
}

/* iPad landscape / compact-laptop header: reserve hard boundaries for brand, links and controls. */
@media (min-width:1181px) and (max-width:1400px){
  .public-site .nav-inner{
    grid-template-columns:206px minmax(0,1fr) 450px;
    gap:14px;
  }
  .public-site .nav-inner>.brand{
    min-width:198px;
    justify-self:start;
    transform:translateX(8px);
  }
  .public-site .nav-links{
    min-width:0;
    gap:clamp(8px,1vw,14px);
    padding-inline-end:10px;
  }
  .public-site .nav-link{
    min-width:0;
    padding-inline:6px;
    font-size:13px;
  }
  .public-site .nav-actions{
    min-width:0;
    gap:8px;
  }
  .public-site .public-nav-preferences{gap:6px}
  .public-site .public-language-compact{
    min-width:78px;
    padding-inline:9px;
  }
  .public-site .public-auth-actions .btn{padding-inline:13px}
  .public-site .public-register-action{min-width:126px}
  .public-site .public-login-action{min-width:116px}
}

@media (min-width:641px) and (max-width:1180px){
  .public-site .nav-inner>.brand{transform:translateX(6px)}
  .public-site .nav-actions{gap:6px}
}

/* Final marketing alignment: keep the RTL hero actions directly under the copy. */
@media (min-width:901px){
  .marketing-home-v3 .marketing-v3-copy .hero-actions{
    margin-inline-start:0;
    margin-inline-end:auto;
  }
}

/* Footer controls mirror the Arabic reference without reversing the input content. */
.public-footer.marketing-footer .marketing-footer-newsletter form{direction:ltr}
.public-footer.marketing-footer .marketing-footer-newsletter label{direction:rtl}
.public-footer.marketing-footer .marketing-footer-newsletter input{text-align:right;border-radius:8px 0 0 8px}
.public-footer.marketing-footer .marketing-footer-newsletter form button{border-radius:0 8px 8px 0}
.public-footer.marketing-footer .footer-social a[aria-label="YouTube"]{background:rgba(255,255,255,.06)}
.public-footer.marketing-footer .footer-social a[aria-label="YouTube"] .line-icon path{fill:#fff}

/* Footer destinations: independent, reference-led public pages. */
.footer-showcase-page{
  overflow:hidden;
  color:#173f3b;
  background:#fff;
}
.footer-showcase-page .container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.footer-showcase-page button,.footer-showcase-page input,.footer-showcase-page select,.footer-showcase-page textarea{font:inherit}
.fp-hero{position:relative;padding:62px 0 35px;text-align:center}
.fp-hero::before,.fp-hero::after{display:none;content:none}
.fp-hero .container{position:relative;z-index:1}
.fp-hero h1{margin:0;color:#073f3b;font-size:clamp(40px,5.4vw,66px);line-height:1.12;letter-spacing:-1.9px}
.fp-hero p{max-width:760px;margin:13px auto 0;color:#657c78;font-size:15px;line-height:1.9}
.fp-page-stack{display:grid;gap:30px;padding:12px 0 44px}
.fp-page-stack>section{min-width:0}
.fp-section-title{margin-bottom:16px;text-align:center}
.fp-section-title span{color:#0a9787;font-size:12px;font-weight:900}
.fp-section-title h2{position:relative;margin:0;color:#0a4944;font-size:28px;line-height:1.3}
.fp-section-title h2::after{display:block;width:44px;height:2px;margin:8px auto 0;border-radius:99px;background:#0b8f81;content:""}
.fp-icon-card{position:relative;min-width:0;padding:22px 18px;border:1px solid #e4efed;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 9px 25px rgba(4,69,63,.055);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.fp-icon-card:hover{transform:translateY(-5px);border-color:#bfe6df;box-shadow:0 18px 38px rgba(4,82,74,.11)}
.fp-icon-card>span{display:grid;width:43px;height:43px;margin:0 auto 12px;place-items:center;border-radius:50%;color:#087f73;background:#e9f8f5;box-shadow:0 7px 18px rgba(12,128,114,.08)}
.fp-icon-card>span .icon{width:23px;height:23px}
.fp-icon-card h3{margin:0 0 7px;color:#103f3b;font-size:16px;text-align:center}
.fp-icon-card p{margin:0;color:#70847f;font-size:12px;line-height:1.75;text-align:center}
.fp-four-grid,.fp-five-grid,.fp-six-grid,.fp-roadmap,.fp-logo-grid{display:grid;gap:13px}
.fp-four-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fp-five-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.fp-six-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.fp-roadmap{grid-template-columns:repeat(4,minmax(0,1fr))}.fp-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.fp-action-banner{position:relative;display:grid;min-height:158px;grid-template-columns:310px minmax(0,1fr) auto;align-items:center;gap:28px;overflow:hidden;padding:24px 32px;border-radius:17px;color:#fff;background:radial-gradient(circle at 12% 50%,rgba(29,217,190,.23),transparent 29%),linear-gradient(125deg,#075f58,#064742);box-shadow:0 17px 38px rgba(4,77,70,.15)}
.fp-action-banner::after{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.23) 1px,transparent 1px);background-size:34px 34px;opacity:.14;content:""}
.fp-action-banner>*{position:relative;z-index:1}
.fp-action-banner h2{margin:0 0 6px;font-size:28px}.fp-action-banner p{max-width:560px;margin:0;color:#d9efeb;line-height:1.75}.fp-action-banner .btn{min-width:170px;color:#064d46;background:#fff}
.fp-action-orbit{position:relative;display:grid;width:170px;height:112px;margin:auto;place-items:center}
.fp-action-orbit::before,.fp-action-orbit::after{position:absolute;inset:8px;border:1px solid rgba(139,236,221,.25);border-radius:50%;content:"";animation:fpOrbitSpin 14s linear infinite}.fp-action-orbit::after{inset:20px;animation-direction:reverse;animation-duration:10s}
.fp-action-orbit>span{display:grid;width:74px;height:74px;place-items:center;border-radius:50%;color:#07584f;background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.08)}
.fp-action-orbit>span .icon{width:46px;height:46px}.fp-action-orbit>i{position:absolute;display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#087c70;background:#fff}.fp-action-orbit>i:nth-of-type(1){top:0;right:15px}.fp-action-orbit>i:nth-of-type(2){right:4px;bottom:4px}.fp-action-orbit>i:nth-of-type(3){left:10px;bottom:8px}.fp-action-orbit>i .icon{width:17px;height:17px}
.fp-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.fp-steps article{position:relative;min-height:148px;padding:20px 15px;border:1px solid #e4efed;background:#fff;text-align:center}
.fp-steps article:first-child{border-radius:0 15px 15px 0}.fp-steps article:last-child{border-radius:15px 0 0 15px}
.fp-steps article:not(:last-child)::after{position:absolute;top:47px;left:-10px;z-index:2;width:20px;border-top:1px dashed #72c9bd;content:""}
.fp-steps b{position:absolute;top:9px;right:10px;color:#0b8f81;font-size:10px}.fp-steps span{display:grid;width:38px;height:38px;margin:5px auto 10px;place-items:center;border-radius:50%;color:#078578;background:#ebf8f6}.fp-steps span .icon{width:20px}.fp-steps h3{margin:0 0 5px;color:#154a45;font-size:14px}.fp-steps p{margin:0;color:#758984;font-size:10px;line-height:1.65}
.fp-hero-search{display:flex;width:min(660px,100%);height:55px;align-items:center;gap:10px;margin:25px auto 0;padding:0 16px;border:1px solid #dce9e6;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(4,74,67,.07)}
.fp-hero-search .icon{width:20px;color:#78908b}.fp-hero-search input{width:100%;border:0;outline:0;color:#17443f;background:transparent}
.fp-search-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 16px;margin-top:13px;color:#71847f;font-size:11px}.fp-search-suggestions button{border:0;color:#315d58;background:transparent;cursor:pointer}
.fp-search-suggestions button:hover,.fp-search-suggestions button:focus-visible{color:#07655e;text-decoration:underline;text-underline-offset:4px}
.fp-filter-status{min-height:22px;margin:8px auto 0;color:#55736d;font-size:11px;font-weight:750;text-align:center}
.fp-filter-empty{grid-column:1/-1;margin:0;padding:28px;border:1px dashed #cfe2df;border-radius:13px;color:#607a75;background:#f8fbfa;text-align:center}
.fp-guide [hidden],.fp-faq [hidden],.fp-templates [hidden]{display:none!important}
.fp-filter-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;padding:9px;border:1px solid #e2ecea;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(4,72,66,.045)}
.fp-filter-row button{display:flex;min-height:44px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;color:#3c625e;background:#fff;cursor:pointer;transition:.22s ease}.fp-filter-row button:hover,.fp-filter-row button.active{color:#fff;background:#07655e;box-shadow:0 8px 18px rgba(4,87,79,.16)}.fp-filter-row .icon{width:17px;height:17px}
.fp-filter-row button:focus-visible,.fp-faq-layout>aside>button:focus-visible,.fp-template-grid footer button:focus-visible{outline:3px solid rgba(9,145,129,.25);outline-offset:2px}
.fp-release-feature{display:grid;min-height:345px;grid-template-columns:1.08fr .92fr;align-items:center;gap:35px;padding:38px;border:1px solid #e3eeec;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(4,74,67,.07)}
.fp-release-copy>span{display:inline-flex;padding:6px 13px;border-radius:99px;color:#087f72;background:#e4f6f3;font-size:11px;font-weight:900}.fp-release-copy h2{margin:13px 0 8px;color:#0a4944;font-size:28px}.fp-release-copy p{margin:0;color:#667d78;line-height:1.8}.fp-release-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;padding:0;list-style:none}.fp-release-copy li{display:flex;align-items:center;gap:7px;color:#315c57;font-size:12px}.fp-release-copy li .icon{width:17px;color:#0aa18f}.fp-release-copy>div{display:flex;gap:10px}
.fp-product-visual{position:relative;min-height:250px}.fp-mini-dashboard{position:absolute;top:35px;left:8px;width:220px;padding:16px;border:1px solid #dbe9e6;border-radius:13px;background:#fff;box-shadow:0 15px 30px rgba(4,76,69,.12)}.fp-mini-dashboard span{font-size:9px}.fp-mini-dashboard strong{display:block;margin-top:8px;color:#078b7d;font-size:18px}.fp-mini-dashboard svg{width:100%;height:70px}.fp-mini-dashboard path{fill:none;stroke:#17a591;stroke-width:3}.fp-mini-dashboard footer{display:flex;justify-content:space-around;padding-top:9px;border-top:1px solid #e8f0ee;color:#0a8175}.fp-mini-dashboard footer .icon{width:16px}.fp-visual-hub{position:absolute;top:77px;right:75px;display:grid;width:96px;height:96px;place-items:center;border-radius:50%;color:#075c54;background:#fff;box-shadow:0 0 0 12px rgba(44,201,180,.08),0 15px 30px rgba(3,74,67,.12)}.fp-visual-hub .icon{width:56px;height:56px}.fp-product-visual>i{position:absolute;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#0a8174;background:#eefaf8;box-shadow:0 8px 20px rgba(4,88,79,.1)}.fp-product-visual>i:nth-of-type(1){top:24px;right:58px}.fp-product-visual>i:nth-of-type(2){top:35px;right:180px}.fp-product-visual>i:nth-of-type(3){top:137px;right:20px}.fp-product-visual>i:nth-of-type(4){right:180px;bottom:22px}.fp-product-visual>i:nth-of-type(5){right:75px;bottom:5px}.fp-product-visual>i .icon{width:18px}
.fp-release-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid #e2ecea;border-radius:16px;background:#fff;box-shadow:0 9px 26px rgba(4,74,67,.05)}.fp-release-line article{position:relative;padding:22px 18px;text-align:center}.fp-release-line article:not(:last-child){border-left:1px solid #e7efed}.fp-release-line article::before{position:absolute;top:48px;left:0;width:100%;border-top:1px solid #b4dad4;content:""}.fp-release-line b{position:relative;z-index:1;display:inline-grid;min-width:38px;height:28px;place-items:center;border-radius:8px;color:#087d71;background:#eaf8f6}.fp-release-line time{position:relative;z-index:1;display:block;margin:6px 0 17px;color:#859691;font-size:9px}.fp-release-line h3{margin:0 0 6px;color:#154a45;font-size:14px}.fp-release-line p{min-height:34px;margin:0;color:#768a85;font-size:10px;line-height:1.65}.fp-release-line button{margin-top:10px;border:0;color:#07887a;background:transparent;cursor:pointer;font-size:10px}
.fp-metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #dfeae8;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(4,70,64,.05)}.fp-metrics-strip article{display:flex;min-height:90px;align-items:center;justify-content:center;gap:12px}.fp-metrics-strip article:not(:last-child){border-left:1px solid #e5eeec}.fp-metrics-strip>.icon,.fp-metrics-strip article>.icon{width:28px;height:28px;padding:10px;border-radius:50%;box-sizing:content-box;color:#087d72;background:#e9f8f5}.fp-metrics-strip span{display:grid}.fp-metrics-strip strong{color:#113f3b;font-size:22px}.fp-metrics-strip small{color:#778b86;font-size:10px}
.fp-partner-feature{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:32px;padding:38px;border:1px solid #e1ecea;border-radius:17px;background:#fff;box-shadow:0 12px 34px rgba(4,72,66,.065)}.fp-partner-copy h2{margin:0 0 10px;color:#0a4944;font-size:29px}.fp-partner-copy>p{max-width:650px;margin:0;color:#647d77;line-height:1.85}.fp-partner-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px;border:1px solid #e5eeec;border-radius:13px}.fp-partner-stats article{display:grid;min-height:86px;place-items:center;padding:9px;text-align:center}.fp-partner-stats article:not(:last-child){border-left:1px solid #e5eeec}.fp-partner-stats .icon{width:20px;color:#0a8a7c}.fp-partner-stats strong{color:#124844;font-size:20px}.fp-partner-stats small{color:#718681;font-size:9px}.fp-partner-visual{position:relative;min-height:245px}.fp-partner-visual>article{position:absolute;top:20px;left:0;width:155px;padding:14px;border:1px solid #dfecea;border-radius:12px;background:#fff;box-shadow:0 12px 28px rgba(4,73,67,.1)}.fp-partner-visual>article b,.fp-partner-visual>article span{display:block;color:#55736d;font-size:9px}.fp-partner-visual>article strong{display:block;margin:9px 0;color:#088577;font-size:19px}.fp-partner-visual svg{width:100%;height:60px}.fp-partner-visual path{fill:none;stroke:#13a694;stroke-width:3}.fp-orbit-brand{position:absolute;right:10px;top:55px;display:grid;width:130px;height:130px;place-items:center}.fp-orbit-brand::before{position:absolute;inset:0;border:1px solid #b9e6df;border-radius:50%;content:"";animation:fpOrbitSpin 16s linear infinite}.fp-orbit-brand>span{display:grid;width:78px;height:78px;place-items:center;border-radius:50%;color:#075d55;background:#fff;box-shadow:0 0 0 9px #e8f7f4}.fp-orbit-brand>span .icon{width:50px}.fp-orbit-brand i{position:absolute;display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:#0a8174;background:#ecf9f7}.fp-orbit-brand i:nth-of-type(1){top:-3px}.fp-orbit-brand i:nth-of-type(2){right:-3px}.fp-orbit-brand i:nth-of-type(3){bottom:-3px}.fp-orbit-brand i:nth-of-type(4){left:-3px}.fp-orbit-brand i:nth-of-type(5){display:none}.fp-orbit-brand i .icon{width:15px}
.fp-logo-grid article{padding:23px 16px;border:1px solid #e0ebe9;border-radius:14px;background:#fff;text-align:center;box-shadow:0 8px 24px rgba(4,74,67,.05)}.fp-logo-grid strong{display:block;min-height:35px;color:#0a5b54;font-size:19px}.fp-logo-grid p{min-height:42px;margin:8px 0;color:#718580;font-size:10px;line-height:1.65}.fp-logo-grid button{min-height:34px;padding:6px 18px;border:1px solid #d8e7e4;border-radius:7px;color:#087d70;background:#fff;cursor:pointer}
.fp-guide-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fp-guide-categories article{min-height:178px;padding:24px;border:1px solid #e1ecea;border-radius:15px;background:#fff;text-align:center;box-shadow:0 9px 26px rgba(4,72,66,.05)}.fp-guide-categories article:nth-child(n+5){transform:translateX(-50%)}.fp-guide-categories span{display:grid;width:43px;height:43px;margin:0 auto 11px;place-items:center;border-radius:50%;color:#087f73;background:#eaf8f6}.fp-guide-categories .icon{width:22px}.fp-guide-categories h3{margin:0 0 6px;color:#124640}.fp-guide-categories p{margin:0;color:#748783;font-size:11px;line-height:1.7}.fp-guide-categories b{display:block;margin-top:8px;color:#0a8e80;font-size:10px}.fp-guide-table{overflow:hidden;border:1px solid #e2ecea;border-radius:14px;background:#fff}.fp-guide-table button{display:grid;width:100%;grid-template-columns:minmax(0,1fr) 120px 22px;align-items:center;gap:12px;padding:12px 17px;border:0;border-bottom:1px solid #e7efed;color:#184b46;background:#fff;text-align:start;cursor:pointer}.fp-guide-table button:last-child{border-bottom:0}.fp-guide-table button:hover{background:#f2faf8}.fp-guide-table span{display:grid}.fp-guide-table small{margin-top:3px;color:#0a8c7d}.fp-guide-table time{color:#7b8e89;font-size:10px}.fp-guide-table>.icon,.fp-guide-table button>.icon{width:17px;color:#0a8b7d}
.fp-faq-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px}.fp-faq-layout>aside{padding:20px;border:1px solid #e0ebe9;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(4,72,66,.06)}.fp-faq-layout>aside h2{margin:0 0 12px;color:#154a45;font-size:19px}.fp-faq-layout>aside>button{display:grid;width:100%;grid-template-columns:39px minmax(0,1fr) 17px;align-items:center;gap:10px;padding:11px;border:0;border-bottom:1px solid #edf2f1;color:#184943;background:#fff;text-align:start;cursor:pointer}.fp-faq-layout>aside>button>.icon:first-child{width:18px;height:18px;padding:10px;border-radius:50%;box-sizing:content-box;color:#078f80;background:#edf9f7}.fp-faq-layout>aside>button>.icon:last-child{width:14px;color:#0a8d7f}.fp-faq-layout>aside>button span{display:grid}.fp-faq-layout>aside>button small{margin-top:3px;color:#81918d;font-size:9px}.fp-faq-layout aside footer{margin-top:14px;padding:14px;border-radius:12px;background:#eef9f7;text-align:center}.fp-faq-layout aside footer strong{color:#174a45}.fp-faq-layout aside footer p{margin:5px 0;color:#6f837e;font-size:10px}.fp-faq-layout aside footer button{min-height:34px;border:1px solid #cfe5e1;border-radius:7px;color:#087c70;background:#fff;cursor:pointer}.fp-faq-list{display:grid;align-content:start;gap:8px}.fp-faq-list details{overflow:hidden;border:1px solid #e0ebe9;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(4,72,66,.04)}.fp-faq-list summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 18px;color:#164a45;cursor:pointer;font-size:15px;font-weight:850;list-style:none}.fp-faq-list summary::-webkit-details-marker{display:none}.fp-faq-list summary i{display:grid;width:26px;height:26px;place-items:center;border:1px solid #dbe8e5;border-radius:50%;font-style:normal}.fp-faq-list details[open] summary{border-bottom:1px solid #e8efee}.fp-faq-list details>div{padding:18px;color:#607b75;line-height:1.8}.fp-faq-list details>div>span{float:right;display:grid;width:64px;height:64px;margin:0 0 10px 15px;place-items:center;border-radius:50%;color:#087d72;background:#ecf9f7}.fp-faq-list details>div>span .icon{width:40px}.fp-faq-list details p{margin:0}.fp-faq-list details>div>div{display:flex;gap:8px;margin-top:13px}.fp-faq-list details button{min-height:34px;padding:6px 14px;border:1px solid #d9e7e4;border-radius:7px;color:#087e72;background:#fff;cursor:pointer}
.fp-integration-network{display:grid;min-height:320px;grid-template-columns:1fr 250px 1fr;align-items:center;gap:35px;padding:25px 70px}.fp-network-side{display:grid;gap:18px}.fp-network-side article{position:relative;display:flex;min-height:78px;align-items:center;gap:14px;padding:15px 18px;border:1px solid #deebe8;border-radius:14px;background:#fff;box-shadow:0 10px 25px rgba(4,72,66,.07)}.fp-network-side:first-child article::after,.fp-network-side:last-child article::before{position:absolute;top:50%;width:48px;border-top:1px solid #76cbbf;content:""}.fp-network-side:first-child article::after{left:-48px}.fp-network-side:last-child article::before{right:-48px}.fp-network-side article>.icon{width:24px;color:#078a7b}.fp-network-side article span{display:grid}.fp-network-side article small{color:#7d908b}.fp-network-hub{position:relative;display:grid;width:160px;height:160px;margin:auto;place-items:center;border-radius:50%;color:#075d55;background:#fff;box-shadow:0 0 0 14px rgba(49,205,183,.08),0 20px 38px rgba(4,74,67,.13)}.fp-network-hub span .icon{width:90px;height:90px}.fp-network-hub i{position:absolute;inset:-20px;border:1px solid rgba(31,175,156,.16);border-radius:50%;animation:fpPulseRing 3s ease-in-out infinite}.fp-network-hub i:nth-child(3){inset:-33px;animation-delay:.5s}.fp-network-hub i:nth-child(4){inset:-47px;animation-delay:1s}.fp-integration-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fp-integration-cards .fp-icon-card:nth-child(n+5){transform:translateX(-50%)}
.fp-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fp-template-grid article{display:flex;min-height:235px;flex-direction:column;padding:20px;border:1px solid #dfeae8;border-radius:14px;background:#fff;box-shadow:0 9px 25px rgba(4,72,66,.055);transition:.25s ease}.fp-template-grid article:hover{transform:translateY(-5px);box-shadow:0 17px 35px rgba(4,79,71,.11)}.fp-template-grid article>span{color:#079181}.fp-template-grid article>span .icon{width:28px}.fp-template-grid h3{margin:10px 0 5px;color:#154943;font-size:16px}.fp-template-grid em{align-self:start;padding:3px 8px;border-radius:99px;color:#087e71;background:#eaf8f6;font-size:9px;font-style:normal}.fp-template-grid p{margin:9px 0;color:#6f837e;font-size:11px;line-height:1.65}.fp-template-grid ul{margin:0;padding-inline-start:17px;color:#7a8b87;font-size:9px;line-height:1.7}.fp-template-grid footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.fp-template-grid footer button{min-height:34px;border:1px solid #dbe8e5;border-radius:7px;color:#087d71;background:#fff;cursor:pointer}.fp-template-grid footer .primary{color:#fff;border-color:#07645d;background:#07645d}.fp-template-preview{display:grid;grid-template-columns:340px minmax(0,1fr) 230px;align-items:center;gap:30px;padding:28px;border:1px solid #deebe8;border-radius:17px;background:#fff;box-shadow:0 11px 31px rgba(4,74,67,.065)}.fp-phone{width:280px;height:260px;margin:auto;padding:18px;border:7px solid #245b55;border-radius:28px 28px 0 0;background:linear-gradient(#dff3ef,#eef8f6)}.fp-phone header{margin:-9px -9px 14px;padding:8px;border-radius:13px 13px 0 0;color:#fff;background:#075f57}.fp-phone article{padding:14px;border-radius:10px 10px 10px 0;background:#fff;box-shadow:0 8px 20px rgba(4,72,66,.08)}.fp-phone article strong{font-size:12px}.fp-phone article p{margin:8px 0;font-size:10px;line-height:1.65}.fp-phone article button{border:0;color:#078a7b;background:transparent}.fp-phone time{float:left;color:#879793;font-size:8px}.fp-template-preview>div:nth-child(2)>span{color:#0a8c7d;font-weight:900}.fp-template-preview h2{margin:6px 0;color:#124640;font-size:27px}.fp-template-preview>div:nth-child(2)>p{color:#697f7a;line-height:1.8}.fp-template-preview ul{display:grid;gap:9px;margin:15px 0 0;padding:0;list-style:none}.fp-template-preview li{display:flex;align-items:center;gap:7px;color:#446a65;font-size:11px}.fp-template-preview li .icon{width:17px;color:#0a9b89}.fp-template-preview aside{display:grid;gap:8px;padding:18px;border:1px solid #e3ecea;border-radius:13px}.fp-template-preview aside h3{margin:0 0 5px;color:#174a45}.fp-template-preview code{padding:7px;border-radius:7px;color:#416760;background:#f2f8f7;font-family:inherit;font-size:10px}
.fp-career-life{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:35px;border:1px solid #e0ebe9;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(4,72,66,.06)}.fp-career-life h2{margin:0 0 9px;color:#0f4842;font-size:27px}.fp-career-life>div:first-child>p{color:#687f79;line-height:1.8}.fp-career-life article{display:flex;align-items:center;gap:12px;margin-top:11px}.fp-career-life article>.icon{width:20px;height:20px;padding:9px;border-radius:50%;box-sizing:content-box;color:#088577;background:#eaf8f6}.fp-career-life article span{display:grid}.fp-career-life article small{margin-top:3px;color:#758a84}.fp-team-visual{position:relative;min-height:260px;padding:25px;border-radius:16px;background:linear-gradient(145deg,#f3faf8,#e8f5f2)}.fp-team-visual>span{position:absolute;right:30px;bottom:25px;display:grid;width:84px;height:84px;place-items:center;border-radius:50%;color:#fff;background:#087268}.fp-team-visual>span .icon{width:44px}.fp-team-visual>div{display:grid;width:210px;grid-template-columns:repeat(3,1fr);gap:10px}.fp-team-visual i{display:grid;height:62px;place-items:center;border-radius:12px;color:#0a7e72;background:#fff}.fp-team-visual i .icon{width:28px}.fp-team-visual svg{position:absolute;right:25px;top:25px;width:190px;height:100px}.fp-team-visual path{fill:none;stroke:#13a492;stroke-width:4}.fp-job-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px;gap:10px;margin-bottom:14px}.fp-job-toolbar label{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #dfeae8;border-radius:9px;background:#fff}.fp-job-toolbar label .icon{width:17px;color:#78908a}.fp-job-toolbar input{width:100%;height:42px;border:0;outline:0}.fp-job-toolbar>button{border:1px solid #dfeae8;border-radius:9px;color:#476b66;background:#fff}.fp-jobs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.fp-jobs article{padding:18px;border:1px solid #dfeae8;border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(4,72,66,.05)}.fp-jobs article>span{color:#087f72}.fp-jobs article>span .icon{width:25px}.fp-jobs h3{margin:9px 0 3px;color:#154943;font-size:15px}.fp-jobs small{color:#0a8b7d}.fp-jobs p{color:#758983;font-size:10px}.fp-jobs article>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.fp-jobs em{padding:4px 7px;border-radius:99px;color:#087e72;background:#ecf8f6;font-size:8px;font-style:normal}.fp-jobs button{min-height:32px;padding:5px 10px;border:1px solid #d6e7e3;border-radius:7px;color:#087c70;background:#fff;cursor:pointer}
.fp-contact-panel{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:18px}.fp-contact-panel form,.fp-contact-panel aside{padding:28px;border:1px solid #e0ebe9;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(4,72,66,.06)}.fp-contact-panel form header{display:flex;align-items:center;gap:11px;margin-bottom:18px}.fp-contact-panel form header>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#088477;background:#eaf8f6}.fp-contact-panel form h2,.fp-contact-panel aside h2{margin:0;color:#124943;font-size:22px}.fp-contact-panel form header p{margin:4px 0 0;color:#718681;font-size:11px}.fp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fp-contact-panel form>label,.fp-form-grid label{display:grid;gap:7px;margin-bottom:12px;color:#315b56;font-size:11px;font-weight:800}.fp-contact-panel input,.fp-contact-panel select,.fp-contact-panel textarea{width:100%;border:1px solid #dce8e5;border-radius:8px;outline:0;color:#194a45;background:#fff}.fp-contact-panel input,.fp-contact-panel select{height:42px;padding:0 11px}.fp-contact-panel textarea{height:105px;padding:11px;resize:vertical}.fp-contact-panel input:focus,.fp-contact-panel select:focus,.fp-contact-panel textarea:focus{border-color:#59bbae;box-shadow:0 0 0 3px rgba(44,178,160,.09)}.fp-contact-panel form>.btn{width:100%}.fp-contact-panel form>small{display:block;margin-top:8px;color:#879793;text-align:center}.fp-contact-panel aside{align-content:start}.fp-contact-panel aside>article{display:flex;align-items:center;gap:12px;margin-top:15px;padding:15px;border:1px solid #e6eeed;border-radius:12px}.fp-contact-panel aside>article>.icon{width:20px;height:20px;padding:9px;border-radius:50%;box-sizing:content-box;color:#07887a;background:#ecf9f7}.fp-contact-panel aside span{display:grid}.fp-contact-panel aside small{margin-top:4px;color:#778b86;line-height:1.6}.fp-help-split{display:grid;grid-template-columns:320px 1fr;align-items:center;gap:40px;padding:28px 45px;border:1px solid #dfeae8;border-radius:16px;background:linear-gradient(90deg,#eff9f7,#fff)}.fp-help-illustration{position:relative;display:grid;width:210px;height:120px;margin:auto;place-items:center;color:#fff;border-radius:15px;background:#0a8b7d}.fp-help-illustration>.icon{width:60px;height:60px}.fp-help-illustration span{position:absolute;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;color:#087e72;background:#fff}.fp-help-illustration span:nth-child(2){top:-10px;right:15px}.fp-help-illustration span:nth-child(3){bottom:-10px;left:20px}.fp-help-illustration span .icon{width:20px}.fp-help-split h2{margin:0 0 7px;color:#124943;font-size:25px}.fp-help-split p{margin:0 0 14px;color:#6e837e;line-height:1.75}
.footer-showcase-page [data-reveal]{animation:fpRevealFallback .7s cubic-bezier(.22,1,.36,1) var(--fp-delay,0s) both}.footer-showcase-page [data-reveal].is-visible{animation-name:fpReveal}
@keyframes fpReveal{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes fpRevealFallback{from{opacity:.01;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fpOrbitSpin{to{transform:rotate(360deg)}}@keyframes fpPulseRing{50%{opacity:.4;transform:scale(1.04)}}

.marketing-home-v3 .ops-tablet-only{display:none!important}
/* Tablet-only hero: the runtime touch flag also works in desktop-site mode. */
@media (min-width:641px) and (max-width:1700px){
 :root[data-home-tablet-layout="true"]{
  .marketing-home-v3 .marketing-v3-hero-visual{position:relative;top:-8px;display:block!important;max-width:none;margin-inline:auto;overflow:visible;padding:0}
  .marketing-home-v3 .home-ops-scene--hero{position:absolute!important;top:0;left:0;display:block!important;width:1000px!important;min-height:920px!important;margin:0!important;overflow:visible;transform-origin:top left!important}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-wires{position:absolute;display:block!important;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-card{position:absolute!important;inset:auto;z-index:3;box-sizing:border-box;min-width:0;padding:20px;border-radius:20px;transform:none;box-shadow:0 18px 42px rgba(5,75,68,.075)}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-card header{min-height:38px}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-card header>span{width:38px!important;height:38px!important;flex-basis:38px;border-radius:11px}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-card header svg{width:21px;height:21px}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-card h3{font-size:18px}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals{top:163px!important;left:75px!important;width:273px!important;height:258px;min-height:258px}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals>strong{margin-top:25px;font-size:31px}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals>small{font-size:11px}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals>svg{left:22px;bottom:52px;width:224px;height:72px}
  .marketing-home-v3 .home-ops-scene--hero .ops-renewals>em{right:22px;bottom:18px;padding:7px 14px;font-size:10px}
  .marketing-home-v3 .home-ops-scene--hero .ops-automation{top:8px!important;left:54%!important;width:316px!important;height:184px;min-height:184px!important;transform:translateX(-50%)!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-automation-track{margin-top:27px}
  .marketing-home-v3 .home-ops-scene--hero .ops-automation-track span{font-size:10px}
  .marketing-home-v3 .home-ops-scene--hero .ops-automation-track span svg{width:38px;height:38px;padding:9px}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminders{top:163px!important;right:40px!important;width:228px!important;height:292px;min-height:292px}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminder-list{gap:14px;margin-top:24px}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminder-list span{grid-template-columns:38px 1fr;gap:10px;font-size:11px}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminder-list span svg,.marketing-home-v3 .home-ops-scene--hero .ops-reminder-list span i{display:none}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminder-list span::before{display:grid;width:34px;height:30px;place-items:center;border-radius:999px;color:#087d70;background:#e9f8f5;font-weight:900}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminder-list span:nth-child(1)::before{content:"7"}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminder-list span:nth-child(2)::before{content:"3"}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminder-list span:nth-child(3)::before{content:"12"}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminders footer{position:absolute;right:20px;bottom:16px;left:20px;justify-content:space-between;margin:0;padding-top:15px}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminders footer::before{content:"عرض الكل";color:#087d70;font-size:12px;font-weight:900}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminders footer span{display:none}
  .marketing-home-v3 .home-ops-scene--hero .ops-reminders footer span:last-child{display:block}
  .marketing-home-v3 .home-ops-scene--hero .ops-integrations{top:445px!important;left:54px!important;width:281px!important;height:229px;min-height:229px}
  .marketing-home-v3 .home-ops-scene--hero .ops-integrations>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:22px}
  .marketing-home-v3 .home-ops-scene--hero .ops-integrations>div span{font-size:11px}
  .marketing-home-v3 .home-ops-scene--hero .ops-integrations>div span svg{width:36px;height:36px}
  .marketing-home-v3 .home-ops-scene--hero .ops-integrations>div>i{display:none}
  .marketing-home-v3 .home-ops-scene--hero .ops-integrations>div>.ops-tablet-only{display:grid!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-tablet-integrations-footer{position:absolute;right:20px;bottom:16px;left:20px;display:flex!important;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #e4efed;color:#087d70;font-size:12px}
  .marketing-home-v3 .home-ops-scene--hero .ops-tablet-integrations-footer svg{width:18px;height:18px}
  .marketing-home-v3 .home-ops-scene--hero .ops-revenue{top:511px!important;right:37px!important;width:235px!important;height:204px;min-height:204px}
  .marketing-home-v3 .home-ops-scene--hero .ops-revenue>strong{left:20px;bottom:76px;width:120px;font-size:27px}
  .marketing-home-v3 .home-ops-scene--hero .ops-revenue>small{left:20px;bottom:48px;width:125px;font-size:9px}
  .marketing-home-v3 .home-ops-scene--hero .ops-bars{right:20px;bottom:22px;width:102px;height:92px;gap:7px}
  .marketing-home-v3 .home-ops-scene--hero .ops-bars i{width:15px}
  .marketing-home-v3 .home-ops-scene--hero .ops-success{right:auto!important;bottom:0!important;left:54%!important;width:300px!important;height:215px;min-height:215px;transform:translateX(-50%)!important}
  .marketing-home-v3 .home-ops-scene--hero .ops-success>small{right:25px;bottom:52px;width:105px;font-size:11px}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-center{position:absolute!important;inset:auto!important;top:405px!important;left:54%!important;grid-column:auto;width:196px!important;height:196px!important;margin:0!important;transform:translateX(-50%)!important}
  .marketing-home-v3 .home-ops-scene--hero .home-ops-mark{width:142px!important}
  .marketing-home-v3 .ops-success-ring{left:25px;bottom:28px;width:88px;height:88px}
  .marketing-home-v3 .ops-success-ring::before{inset:10px}
  .marketing-home-v3 .home-ops-scene--hero .ops-live,
  .marketing-home-v3 .home-ops-scene--hero .ops-metrics,
  .marketing-home-v3 .home-ops-scene--hero [data-home-flow-line="live"],
  .marketing-home-v3 .home-ops-scene--hero [data-home-flow-line="metrics"]{display:none!important}
 }
}
@media (min-width:641px) and (max-width:743px){
  .marketing-home-v3 .marketing-v3-hero-visual{width:600px;height:552px}
  .marketing-home-v3 .home-ops-scene--hero{transform:scale(.6)!important}
}
@media (min-width:744px) and (max-width:820px){
  .marketing-home-v3 .marketing-v3-hero-visual{width:700px;height:644px}
  .marketing-home-v3 .home-ops-scene--hero{transform:scale(.7)!important}
}
@media (min-width:821px) and (max-width:860px){
  .marketing-home-v3 .marketing-v3-hero-visual{width:740px;height:681px}
  .marketing-home-v3 .home-ops-scene--hero{transform:scale(.74)!important}
}
@media (min-width:861px) and (max-width:900px){
  .marketing-home-v3 .marketing-v3-hero-visual{width:780px;height:718px}
  .marketing-home-v3 .home-ops-scene--hero{transform:scale(.78)!important}
}
@media (min-width:901px) and (max-width:1180px){
  .marketing-home-v3 .marketing-v3-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:16px 12px}
  .marketing-home-v3 .marketing-v3-hero-visual{justify-self:start;margin-inline:0}
}
@media (min-width:901px) and (max-width:960px){
  .marketing-home-v3 .marketing-v3-hero-visual{width:510px;height:469px}
  .marketing-home-v3 .home-ops-scene--hero{transform:scale(.51)!important}
}
@media (min-width:961px) and (max-width:1050px){
  .marketing-home-v3 .marketing-v3-hero-visual{width:560px;height:515px}
  .marketing-home-v3 .home-ops-scene--hero{transform:scale(.56)!important}
}
@media (min-width:1051px) and (max-width:1120px){
  .marketing-home-v3 .marketing-v3-hero-visual{width:600px;height:552px}
  .marketing-home-v3 .home-ops-scene--hero{transform:scale(.6)!important}
}
@media (min-width:1121px) and (max-width:1180px){
  .marketing-home-v3 .marketing-v3-hero-visual{width:640px;height:589px}
  .marketing-home-v3 .home-ops-scene--hero{transform:scale(.64)!important}
}
@media (min-width:1181px) and (max-width:1700px){
  :root[data-home-tablet-layout="true"] .marketing-home-v3 .marketing-v3-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(390px,.7fr);gap:18px 14px}
  :root[data-home-tablet-layout="true"] .marketing-home-v3 .marketing-v3-hero-visual{width:640px;height:589px;justify-self:start;margin-inline:0}
  :root[data-home-tablet-layout="true"] .marketing-home-v3 .home-ops-scene--hero{transform:scale(.64)!important}
}

@media (max-width:1180px){
  .fp-six-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fp-five-grid,.fp-logo-grid,.fp-jobs{grid-template-columns:repeat(3,minmax(0,1fr))}.fp-integration-network{padding-inline:25px}.fp-template-preview{grid-template-columns:280px minmax(0,1fr)}.fp-template-preview aside{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}
}
@media (max-width:900px){
  .footer-showcase-page .container{width:min(100% - 30px,760px)}.fp-hero{padding-top:46px}.fp-page-stack{gap:24px}.fp-four-grid,.fp-roadmap,.fp-guide-categories,.fp-template-grid,.fp-integration-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-five-grid,.fp-six-grid,.fp-logo-grid,.fp-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-release-feature,.fp-partner-feature,.fp-career-life,.fp-contact-panel,.fp-help-split{grid-template-columns:1fr}.fp-action-banner{grid-template-columns:180px 1fr}.fp-action-banner .btn{grid-column:2}.fp-release-line{grid-template-columns:repeat(2,1fr)}.fp-metrics-strip{grid-template-columns:repeat(2,1fr)}.fp-steps{grid-template-columns:repeat(2,1fr);gap:10px}.fp-steps article{border-radius:13px!important}.fp-steps article::after{display:none}.fp-faq-layout{grid-template-columns:1fr}.fp-integration-network{grid-template-columns:1fr;gap:20px}.fp-network-side{grid-template-columns:repeat(2,1fr)}.fp-network-side article::before,.fp-network-side article::after{display:none}.fp-template-preview{grid-template-columns:1fr}.fp-template-preview aside{grid-template-columns:repeat(2,1fr)}.fp-job-toolbar{grid-template-columns:1fr 1fr}.fp-job-toolbar label{grid-column:1/-1}.fp-guide-categories article:nth-child(n+5),.fp-integration-cards .fp-icon-card:nth-child(n+5){transform:none}.fp-filter-row{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:560px){
  .footer-showcase-page .container{width:calc(100% - 24px)}.fp-hero h1{font-size:38px}.fp-hero p{font-size:13px}.fp-four-grid,.fp-five-grid,.fp-six-grid,.fp-roadmap,.fp-logo-grid,.fp-guide-categories,.fp-template-grid,.fp-integration-cards,.fp-jobs,.fp-metrics-strip,.fp-steps{grid-template-columns:1fr}.fp-filter-row{grid-template-columns:repeat(2,1fr)}.fp-release-feature,.fp-partner-feature,.fp-career-life,.fp-contact-panel{padding:21px}.fp-release-copy ul,.fp-partner-stats,.fp-form-grid{grid-template-columns:1fr}.fp-release-copy>div{align-items:stretch;flex-direction:column}.fp-product-visual{min-height:310px}.fp-action-banner{grid-template-columns:1fr;padding:24px;text-align:center}.fp-action-banner .btn{grid-column:auto}.fp-action-orbit{display:none}.fp-template-preview{padding:18px}.fp-template-preview aside{grid-template-columns:1fr}.fp-phone{width:100%;max-width:280px}.fp-job-toolbar{grid-template-columns:1fr}.fp-job-toolbar label{grid-column:auto}.fp-help-split{padding:24px}.fp-help-illustration{width:180px}.fp-guide-table button{grid-template-columns:1fr auto}.fp-guide-table button>.icon{display:none}
}
@media (prefers-reduced-motion:reduce){.footer-showcase-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* Editorial blog composition: editor rail, hero story, five latest cards. */
.marketing-blog-v3 .marketing-v3-heading h2{font-size:clamp(38px,4.2vw,56px)}
.marketing-blog-v3 .blog-v3-search{display:none}
.marketing-blog-v3 .blog-v3-toolbar{margin-bottom:18px}
.marketing-blog-v3 .blog-v3-toolbar .chips{gap:12px}
.marketing-blog-v3 .blog-v3-toolbar .chip{
  display:flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 12px;
  font-size:12px;
  font-weight:800;
}
.marketing-blog-v3 .blog-v3-toolbar .chip .icon{width:17px;height:17px}
.marketing-blog-v3 .blog-v3-lead-layout{
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  grid-template-areas:"rail feature";
  gap:18px;
  align-items:stretch;
  direction:ltr;
}
.marketing-blog-v3 .blog-v3-side-rail{grid-area:rail;display:grid;align-content:start;gap:9px;direction:rtl}
.marketing-blog-v3 .blog-v3-side-rail>h2{margin:0;color:#0a4641;font-size:15px}
.marketing-blog-v3 .blog-v3-side-list{gap:9px}
.marketing-blog-v3 .blog-v3-side-list button{
  grid-template-columns:minmax(0,1fr) 118px;
  grid-template-areas:"copy media";
  min-height:93px;
  gap:11px;
  padding:9px;
  direction:ltr;
  box-shadow:0 8px 20px rgba(5,69,63,.055);
}
.marketing-blog-v3 .blog-v3-side-list img{grid-area:media;width:118px;height:74px}
.marketing-blog-v3 .blog-v3-side-list span{grid-area:copy;align-content:center;direction:rtl}
.marketing-blog-v3 .blog-v3-side-list strong{color:#103f3b;font-size:12px}
.marketing-blog-v3 .blog-v3-featured{
  grid-area:feature;
  grid-template-columns:.78fr 1.22fr;
  grid-template-areas:"copy media";
  min-height:315px;
  direction:ltr;
}
.marketing-blog-v3 .blog-v3-featured-media{grid-area:media;order:initial;min-height:315px}
.marketing-blog-v3 .blog-v3-featured>div:last-child{grid-area:copy;order:initial;padding:30px;direction:rtl}
.marketing-blog-v3 .blog-v3-featured h1{font-size:28px}
.marketing-blog-v3 .blog-v3-latest--full{margin-top:22px}
.marketing-blog-v3 .blog-v3-grid--full{grid-template-columns:repeat(5,minmax(0,1fr))}
.marketing-blog-v3 .blog-v3-grid--full .blog-art{height:128px}
.marketing-blog-v3 .blog-v3-grid--full .blog-v3-card{min-width:0}
.marketing-blog-v3 .blog-v3-grid--full .blog-v3-card h3{font-size:14px;line-height:1.55}
.marketing-blog-v3 .blog-v3-grid--full .blog-v3-card p{font-size:11px;line-height:1.65}

/* Corporate resource pages: unique outcomes, audiences, process and action. */
.marketing-resource-page .resource-hero{
  background:radial-gradient(circle at 14% 20%,rgba(84,221,201,.13),transparent 28%),radial-gradient(circle at 88% 72%,rgba(84,221,201,.1),transparent 30%),linear-gradient(180deg,#f8fdfc,#fff);
}
.marketing-resource-page .resource-card-grid>article{animation-delay:var(--resource-delay,0s)}
.marketing-resource-page .resource-insight-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);
  gap:18px;
  margin-top:24px;
}
.marketing-resource-page .resource-outcomes,.marketing-resource-page .resource-audience{
  padding:30px;
  border:1px solid rgba(7,111,101,.1);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 36px rgba(5,77,70,.07);
}
.marketing-resource-page .resource-outcomes>span,.marketing-resource-page .resource-audience>span{color:#078f80;font-size:12px;font-weight:900}
.marketing-resource-page .resource-outcomes h2,.marketing-resource-page .resource-audience h2{margin:7px 0 20px;color:#093f3b;font-size:25px}
.marketing-resource-page .resource-outcomes ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.marketing-resource-page .resource-outcomes li{display:flex;min-height:56px;align-items:center;gap:10px;padding:12px 14px;border-radius:13px;color:#315b56;background:#f0faf8}
.marketing-resource-page .resource-outcomes li .icon{flex:0 0 20px;width:20px;height:20px;color:#0aa18f}
.marketing-resource-page .resource-outcomes li strong{font-size:13px;line-height:1.55}
.marketing-resource-page .resource-audience{color:#fff;background:linear-gradient(145deg,#08675f,#053e3b)}
.marketing-resource-page .resource-audience>span{color:#99e6dc}
.marketing-resource-page .resource-audience h2{color:#fff}
.marketing-resource-page .resource-audience>div{display:grid;gap:10px}
.marketing-resource-page .resource-audience p{display:flex;align-items:center;gap:11px;margin:0;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#e5f5f2;background:rgba(255,255,255,.065);font-size:13px;font-weight:750}
.marketing-resource-page .resource-audience p b{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:#064b45;background:#b9f3ea;font-size:11px}

@media (max-width:1180px){
  .marketing-blog-v3 .blog-v3-lead-layout{grid-template-columns:285px minmax(0,1fr)}
  .marketing-blog-v3 .blog-v3-featured{grid-template-columns:.9fr 1.1fr}
  .marketing-blog-v3 .blog-v3-featured>div:last-child{padding:24px}
  .marketing-blog-v3 .blog-v3-featured h1{font-size:24px}
  .marketing-blog-v3 .blog-v3-side-list button{grid-template-columns:minmax(0,1fr) 100px}
  .marketing-blog-v3 .blog-v3-side-list img{width:100px}
  .marketing-blog-v3 .blog-v3-grid--full{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:900px){
  .marketing-resource-page .resource-insight-grid{grid-template-columns:1fr}
}

@media (max-width:820px){
  .marketing-blog-v3 .blog-v3-lead-layout{grid-template-columns:1fr;grid-template-areas:"feature" "rail"}
  .marketing-blog-v3 .blog-v3-side-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .marketing-blog-v3 .blog-v3-side-list button{grid-template-columns:1fr;grid-template-areas:"media" "copy"}
  .marketing-blog-v3 .blog-v3-side-list img{width:100%;height:100px}
  .marketing-resource-page .resource-outcomes ul{grid-template-columns:1fr}
}

/* Careers: a calm, branded team system instead of the previous generic illustration. */
.fp-team-visual{display:flex;min-height:310px;align-items:center;justify-content:center;overflow:hidden;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(35,196,176,.13),transparent 38%),linear-gradient(145deg,#f7fcfb,#e7f5f2)}
.fp-team-visual::before,.fp-team-visual::after{position:absolute;width:270px;height:270px;border:1px solid rgba(13,151,135,.12);border-radius:50%;content:""}
.fp-team-visual::after{width:220px;height:220px;border-style:dashed;animation:fpTeamSpin 26s linear infinite}
.fp-team-orbit{position:relative;width:360px;height:230px;z-index:1}
.fp-team-orbit>svg{position:absolute;inset:0;width:100%;height:100%}
.fp-team-orbit>svg path{fill:none;stroke:rgba(12,155,139,.26);stroke-width:1.5;stroke-dasharray:5 6}
.fp-team-core,.fp-team-node{position:absolute;display:grid;place-items:center;border:1px solid rgba(10,139,124,.17);background:rgba(255,255,255,.96);box-shadow:0 14px 32px rgba(4,78,70,.1)}
.fp-team-core{top:50%;left:50%;width:122px;height:122px;z-index:2;transform:translate(-50%,-50%);border-radius:50%;color:#075f57;box-shadow:0 0 0 12px rgba(84,211,193,.08),0 18px 45px rgba(4,78,70,.14)}
.fp-team-core .icon{width:72px;height:72px}
.fp-team-node{width:48px;height:48px;z-index:3;border-radius:14px;color:#098c7e;animation:fpTeamFloat 4.2s ease-in-out infinite}
.fp-team-node .icon{width:22px;height:22px}
.fp-team-node-a{top:14px;left:18px}.fp-team-node-b{top:14px;right:18px;animation-delay:-1s}.fp-team-node-c{bottom:14px;left:18px;animation-delay:-2s}.fp-team-node-d{right:18px;bottom:14px;animation-delay:-3s}
.fp-team-caption{position:absolute;right:24px;bottom:18px;left:24px;z-index:4;display:grid;padding:10px 14px;border:1px solid rgba(255,255,255,.8);border-radius:12px;background:rgba(255,255,255,.72);backdrop-filter:blur(9px);text-align:center}
.fp-team-caption strong{color:#12534c;font-size:14px}.fp-team-caption small{margin-top:3px;color:#67837d;font-size:9px}
.fp-team-visual>.fp-team-orbit{display:block;width:360px;height:230px;grid-template-columns:none;gap:0}
.fp-team-visual .fp-team-node{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:rgba(255,255,255,.96)}
.fp-team-visual .fp-team-node .icon{width:22px;height:22px}
.fp-team-visual .fp-team-node>.line-icon{position:static;width:22px;height:22px}
.fp-team-visual .fp-team-core>.line-icon{position:static;width:72px;height:72px}
.fp-team-visual .fp-team-orbit>svg{inset:0;right:auto;top:auto;width:100%;height:100%}
.fp-team-visual>.fp-team-caption{display:grid;width:auto;grid-template-columns:1fr;gap:0}
.fp-jobs article{position:relative}.fp-jobs article.is-complete{border-color:#dbe9e6;background:linear-gradient(180deg,#fff,#f8fbfa)}
.fp-job-complete{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid #cfe7e2;border-radius:99px;color:#17796f;background:#eef8f6;font-size:8px;font-weight:800}
.fp-job-complete .icon{width:11px;height:11px}
.fp-jobs article.is-complete button:disabled{border-color:#d8e4e2;color:#82938f;background:#f1f5f4;cursor:default}
.fp-faq-list details>div{min-height:104px}.fp-faq-list details>div>span{box-shadow:0 7px 20px rgba(4,93,84,.08)}.fp-faq-list details p{color:#58736d;font-size:12px;line-height:1.95}.fp-faq-list summary i{font-size:0}.fp-faq-list summary i::before{font-size:15px;content:"+"}.fp-faq-list details[open] summary i::before{content:"−"}
@keyframes fpTeamSpin{to{transform:rotate(360deg)}}
@keyframes fpTeamFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* Mobile public site: rebuilt from the supplied five-page reference. */
.mobile-public-login,.mobile-home-network,.mobile-home-extras,.mobile-feature-benefits,.mobile-feature-cta,.plan-mobile-icon{display:none}

@media (max-width:640px){
  .public-site{overflow:hidden;background:#fff}
  .public-site .container,.marketing-v3 .container,.marketing-footer .container{width:calc(100% - 30px);max-width:none}
  .public-site .public-nav{position:relative;min-height:62px;border-bottom:1px solid #eef3f2;background:rgba(255,255,255,.98);box-shadow:0 2px 12px rgba(6,62,56,.035)}
  .public-site .public-nav .nav-inner{display:flex!important;width:calc(100% - 28px);min-height:62px;align-items:center;gap:9px;padding:7px 0;direction:rtl}
  .public-site .nav-inner>.brand{display:flex;min-width:0;margin-left:auto;justify-self:auto;transform:none!important}
  .public-site .public-nav .brand-logo-image{width:136px!important;max-width:136px!important;max-height:34px!important}
  .public-site .mobile-public-login{display:inline-flex;min-width:108px;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #dce7e5;border-radius:8px;color:#153f3b;background:#fff;font-size:12px;font-weight:850;box-shadow:0 3px 10px rgba(6,55,50,.035)}
  .public-site .mobile-public-login .line-icon{width:18px;height:18px}
  .public-site .mobile-menu{display:grid!important;width:40px;height:40px;flex:0 0 40px;justify-self:auto;border:0;border-radius:8px;background:#fff}
  .public-site .mobile-menu .line-icon{width:24px;height:24px}
  .public-site .nav-links,.public-site .nav-actions{display:none!important}
  .public-site .public-nav.open .nav-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand login menu" "links links links" "actions actions actions";direction:rtl}
  .public-site .public-nav.open .mobile-public-login{grid-area:login}
  .public-site .public-nav.open .nav-links{grid-area:links;display:grid!important;width:100%;grid-template-columns:1fr;gap:4px;padding:12px 0 7px;border-top:1px solid #edf3f1}
  .public-site .public-nav.open .nav-actions{grid-area:actions;display:grid!important;width:100%;gap:10px;padding:8px 0 12px;border-top:1px solid #edf3f1}
  .public-site .public-nav.open .public-auth-actions{display:none}
  .public-site .nav-link{min-height:44px;padding:0 15px;border-radius:10px!important;font-size:13px}

  .marketing-v3{background:#fff}
  .marketing-v3 [data-reveal],.marketing-footer [data-reveal]{opacity:1;transform:none}
  .marketing-v3-heading{margin-bottom:22px;text-align:center}
  .marketing-v3-heading h2{font-size:32px;line-height:1.2}
  .marketing-v3-heading p{max-width:330px;margin:7px auto 0;font-size:12px;line-height:1.75}

  /* Home */
  .marketing-home-v3 .marketing-v3-hero{padding:26px 0 12px;background:radial-gradient(circle at 50% 37%,rgba(41,192,172,.08),transparent 30%),#fff}
  .marketing-home-v3 .marketing-v3-hero-grid{display:grid;grid-template-columns:1fr;gap:16px}
  .marketing-home-v3 .marketing-v3-copy{order:1;text-align:center}
  .marketing-home-v3 .marketing-v3-kicker{display:none!important}
  .marketing-home-v3 .marketing-v3-copy h1{margin:0;font-size:30px;line-height:1.32;letter-spacing:-.35px}
  .marketing-home-v3 .marketing-v3-copy>p{max-width:340px;margin:12px auto 0;font-size:11px;line-height:1.8}
  .marketing-home-v3 .marketing-v3-copy .hero-actions{display:grid;width:min(100%,290px);grid-template-columns:1fr 1fr;gap:9px;margin:15px auto 0}
  .marketing-home-v3 .marketing-v3-copy .hero-actions .btn{width:100%;min-height:40px;padding:8px 9px;border-radius:9px;font-size:11px}
  .marketing-home-v3 .marketing-v3-assurances,.marketing-home-v3 .marketing-v3-hero-visual{display:none!important}
  .marketing-home-v3 .mobile-home-network{position:relative;order:2;display:block;width:100%;height:212px;margin:0 auto}
  .mobile-home-network>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .mobile-home-network>svg path{fill:none;stroke:#abdcd4;stroke-width:1.2;stroke-dasharray:3 4}
  .mobile-home-core{position:absolute;z-index:3;top:55px;left:50%;display:grid;width:108px;height:108px;place-items:center;transform:translateX(-50%);border:1px solid #bce9e2;border-radius:50%;background:#fff;box-shadow:0 0 0 10px rgba(62,205,184,.08),0 12px 30px rgba(5,89,80,.11)}
  .mobile-home-core>i{position:absolute;inset:-18px;border:1px solid rgba(40,183,163,.15);border-radius:50%;animation:mobileCorePulse 4s ease-in-out infinite}
  .mobile-home-core>i:nth-child(2){inset:-29px;animation-delay:-2s}
  .mobile-home-core img{width:76px;height:auto;filter:drop-shadow(0 4px 8px rgba(3,80,72,.1))}
  .mobile-home-node{position:absolute;z-index:4;display:flex;width:120px;min-height:44px;align-items:center;gap:7px;padding:7px 9px;border:1px solid #dceae7;border-radius:11px;background:rgba(255,255,255,.98);box-shadow:0 8px 20px rgba(4,73,66,.065);animation:mobileNodeIn .55s ease both;animation-delay:var(--mobile-node-delay)}
  .mobile-home-node>span{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border-radius:9px;color:#078174;background:#e9f8f5}
  .mobile-home-node .line-icon{width:16px;height:16px}
  .mobile-home-node strong{color:#17453f;font-size:9px;line-height:1.35}
  .mobile-home-node>b{position:absolute;top:50%;width:6px;height:6px;transform:translateY(-50%);border:2px solid #effbf9;border-radius:50%;background:#13a591;box-shadow:0 0 0 2px rgba(19,165,145,.08)}
  .mobile-home-node:nth-of(odd)>b{left:-4px}.mobile-home-node:nth-of(even)>b{right:-4px}
  .mobile-home-node--renewals{top:3px;right:0}.mobile-home-node--reminders{top:3px;left:0}.mobile-home-node--automation{top:83px;right:0}.mobile-home-node--revenue{top:83px;left:0}.mobile-home-node--integrations{right:0;bottom:2px}.mobile-home-node--live{left:0;bottom:2px}
  .marketing-home-v3 .marketing-hero-metrics{order:3;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:0;border:0;background:transparent}
  .marketing-home-v3 .marketing-hero-metrics article{min-height:72px;padding:10px 12px;border:1px solid #e1ebe9;border-radius:10px;background:#fff;box-shadow:0 5px 14px rgba(5,69,62,.035)}
  .marketing-home-v3 .marketing-hero-metrics article>span{width:35px;height:35px;flex-basis:35px}
  .marketing-home-v3 .marketing-hero-metrics small{font-size:8px}.marketing-home-v3 .marketing-hero-metrics strong{font-size:19px}.marketing-home-v3 .marketing-hero-metrics em{font-size:7px}
  .marketing-home-v3 .marketing-steps-section{padding:10px 0 14px}
  .marketing-home-v3 .marketing-steps-section .marketing-v3-heading{margin-bottom:10px}
  .marketing-home-v3 .marketing-steps-section .marketing-v3-heading h2{font-size:19px}
  .marketing-home-v3 .marketing-steps-section .marketing-v3-heading p{display:none}
  .marketing-home-v3 .marketing-steps{display:grid;grid-template-columns:1fr;gap:5px}
  .marketing-home-v3 .marketing-step{position:relative;display:block;min-height:55px;padding:8px 48px 8px 48px;border-radius:9px;text-align:right}
  .marketing-home-v3 .marketing-step>b{position:absolute;top:9px;right:10px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#fff;background:#0c8a7d;font-size:12px}
  .marketing-home-v3 .marketing-step>span{position:absolute;top:10px;left:11px;width:31px;height:31px}
  .marketing-home-v3 .marketing-step h3{margin:0;font-size:11px}.marketing-home-v3 .marketing-step p{margin:3px 0 0;font-size:8px;line-height:1.45}
  .mobile-home-extras,.mobile-feature-cta{display:block;padding:0 0 12px;background:#fff}
  .mobile-home-extras h2{margin:0 0 8px;text-align:center;color:#16453f;font-size:15px}
  .mobile-tools-row{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:8px;border:1px solid #e3ecea;border-radius:10px;background:#fff}
  .mobile-tools-row article{display:grid;min-width:0;place-items:center;gap:5px;padding:7px 2px;border:1px solid #eef3f2;border-radius:8px}
  .mobile-tools-row span{color:#087d71}.mobile-tools-row .line-icon{width:20px;height:20px}.mobile-tools-row strong{font-size:7px;text-align:center}
  .mobile-public-cta{margin-top:9px;padding:14px;border:1px solid #d7ebe7;border-radius:11px;background:linear-gradient(110deg,#f8fffd,#e9faf6);text-align:center}
  .mobile-public-cta h2{margin:0;color:#12443f;font-size:13px}.mobile-public-cta p{margin:4px 0 8px;color:#71847f;font-size:8px}.mobile-public-cta .btn{min-width:170px;min-height:34px;padding:7px 14px;font-size:10px}

  /* Features */
  .marketing-features-v3 .marketing-v3-section{padding:26px 0 14px}
  .marketing-features-v3 .flow-network-features{position:relative;display:flex!important;min-height:0!important;align-items:stretch;flex-direction:column;gap:7px;margin-top:0}
  .marketing-features-v3 .flow-network-svg{display:none!important}
  .marketing-features-v3 .flow-center{order:1;width:112px;height:112px;margin:0 auto 12px;border-color:#b9e8e0;box-shadow:0 0 0 9px rgba(73,211,191,.08)}
  .marketing-features-v3 .flow-center>div{width:82px}.marketing-features-v3 .flow-center .brand-logo-image{width:78px}
  .marketing-features-v3 .flow-center small{display:none}
  .marketing-features-v3 .flow-side{position:relative;display:grid!important;width:100%;gap:5px;padding:0!important}
  .marketing-features-v3 .flow-side-in{order:2}.marketing-features-v3 .flow-side-out{order:3}
  .marketing-features-v3 .flow-node{position:relative;z-index:1;display:grid;min-height:49px;grid-template-columns:36px 1fr;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;text-align:right}
  .marketing-features-v3 .flow-node>span{display:grid!important;width:34px;height:34px;grid-row:1;place-items:center;border-radius:9px;color:#087f73;background:#e9f8f5}
  .marketing-features-v3 .flow-node>span .line-icon{width:18px;height:18px}
  .marketing-features-v3 .flow-node div{grid-column:2;grid-row:1;min-width:0}
  .marketing-features-v3 .flow-node strong{font-size:10px}.marketing-features-v3 .flow-node small{display:block;margin-top:2px;font-size:7px;line-height:1.35}
  .marketing-features-v3 .flow-node::after{position:absolute;right:-4px;top:50%;width:7px;height:7px;transform:translateY(-50%);border:2px solid #e8fbf7;border-radius:50%;background:#13a692;content:""}
  .marketing-features-v3 .marketing-feature-benefits{display:none}
  .marketing-features-v3 .mobile-feature-benefits{display:block;padding:4px 0 12px;background:#fff}
  .marketing-features-v3 .mobile-feature-benefits h2{margin:0 0 7px;color:#174840;font-size:15px;text-align:center}
  .marketing-features-v3 .mobile-feature-benefits .container>div{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
  .marketing-features-v3 .mobile-feature-benefits article{min-height:100px;padding:12px 8px;border:1px solid #e5eeec;border-radius:9px;background:#fff;text-align:center}
  .marketing-features-v3 .mobile-feature-benefits article>span{display:grid;width:34px;height:34px;margin:auto;place-items:center;border-radius:50%;color:#087d71;background:#eaf8f5}.marketing-features-v3 .mobile-feature-benefits article>span .line-icon{width:19px;height:19px}
  .marketing-features-v3 .mobile-feature-benefits h3{margin:7px 0 3px;color:#16463f;font-size:10px}.marketing-features-v3 .mobile-feature-benefits p{margin:0;color:#71847f;font-size:8px;line-height:1.45}

  /* Pricing */
  .pricing-reference-page{background:#fbfdfc}
  .pricing-reference-section{padding:25px 0 18px}
  .pricing-reference-heading{margin-bottom:10px}.pricing-reference-heading h1{font-size:28px}.pricing-reference-heading p{font-size:10px}
  .pricing-public-grid>.grid{display:grid;grid-template-columns:1fr;gap:6px}
  .pricing-public-grid .pricing-card{position:relative;display:grid;min-height:156px;grid-template-columns:minmax(0,1.2fr) 116px;grid-template-areas:"features title" "features price" "button icon";gap:5px 12px;padding:13px 12px;border-radius:9px;text-align:right}
  .pricing-public-grid .pricing-card>div:first-of-type{grid-area:title;align-self:end}.pricing-public-grid .pricing-card h3{font-size:17px}
  .pricing-public-grid .pricing-card .price{grid-area:price;align-self:start}.pricing-public-grid .pricing-card .price strong{font-size:29px}.pricing-public-grid .pricing-card .price small{font-size:8px}
  .pricing-public-grid .plan-feature-list{grid-area:features;align-self:center;gap:4px;margin:0}.pricing-public-grid .plan-feature-list li{font-size:8px}.pricing-public-grid .plan-feature-list li:nth-child(n+7){display:none}
  .pricing-public-grid .pricing-card>.btn{grid-area:button;min-height:31px;margin:0;font-size:9px}
  .pricing-public-grid .plan-mobile-icon{grid-area:icon;display:grid;width:48px;height:48px;align-self:center;justify-self:center;place-items:center;border-radius:50%;color:#08786d;background:#eaf8f5}
  .pricing-public-grid .plan-mobile-icon .line-icon{width:26px;height:26px}
  .pricing-public-grid .pricing-card>.badge{position:absolute;top:8px;left:8px;z-index:2;font-size:7px}
  .pricing-public-grid .pricing-card.featured{border-width:1.5px}
  .pricing-reference-extras{display:flex;flex-direction:column;gap:7px;margin-top:7px}
  .pricing-reference-extras .topup-card{order:1}.pricing-reference-extras .faq-card{order:2}
  .pricing-reference-extras .card{padding:10px}.pricing-reference-extras h2{font-size:14px;text-align:center}.pricing-reference-extras p{text-align:center;font-size:8px}
  .pricing-reference-extras .credit-grid{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px}
  .pricing-reference-extras .credit-option{padding:6px 2px}.pricing-reference-extras .credit-option span{font-size:6px}.pricing-reference-extras .credit-option strong{font-size:10px}.pricing-reference-extras .credit-option .btn{min-height:25px;padding:3px 1px;font-size:7px}
  .pricing-reference-extras .faq-compact summary{font-size:9px}.pricing-reference-extras .faq-compact p{text-align:right;font-size:8px}

  /* Blog */
  .marketing-blog-v3 .marketing-v3-section{padding:26px 0 15px}
  .marketing-blog-v3 .marketing-v3-heading h2{font-size:32px}.marketing-blog-v3 .marketing-v3-heading p{font-size:10px}
  .marketing-blog-v3 .blog-v3-toolbar{margin-bottom:10px}
  .marketing-blog-v3 .blog-v3-toolbar .chips{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;order:1}
  .marketing-blog-v3 .blog-v3-toolbar .chip{min-height:38px;padding:5px 4px;border-radius:8px;font-size:7px}
  .marketing-blog-v3 .blog-v3-toolbar .chip:nth-child(n+5){display:none}
  .marketing-blog-v3 .blog-v3-toolbar .chip .icon{width:14px;height:14px}.marketing-blog-v3 .blog-v3-search{display:none}
  .marketing-blog-v3 .blog-v3-lead-layout{display:block}
  .marketing-blog-v3 .blog-v3-side-rail{display:none}
  .marketing-blog-v3 .blog-v3-featured{display:grid;min-height:190px;grid-template-columns:1fr 1fr;grid-template-areas:"copy media";overflow:hidden;border-radius:9px}
  .marketing-blog-v3 .blog-v3-featured-media{grid-area:media;min-height:190px}.marketing-blog-v3 .blog-v3-featured-media img{height:100%;object-fit:cover}
  .marketing-blog-v3 .blog-v3-featured>div:last-child{grid-area:copy;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:14px;background:linear-gradient(145deg,#07564f,#087b6d)}
  .marketing-blog-v3 .blog-v3-featured h1{margin:8px 0;font-size:15px;line-height:1.55}.marketing-blog-v3 .blog-v3-featured p{display:none}.marketing-blog-v3 .blog-v3-featured small{font-size:7px}.marketing-blog-v3 .blog-v3-featured button{font-size:8px}
  .marketing-blog-v3 .blog-v3-latest--full{margin-top:14px}.marketing-blog-v3 .blog-v3-latest header h2{font-size:16px}.marketing-blog-v3 .blog-v3-latest header button{font-size:8px}
  .marketing-blog-v3 .blog-v3-grid--full{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
  .marketing-blog-v3 .blog-v3-grid--full .blog-v3-card{min-height:150px;padding:8px;border-radius:8px}
  .marketing-blog-v3 .blog-v3-grid--full .blog-v3-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:105px 1fr;gap:8px}
  .marketing-blog-v3 .blog-v3-grid--full .blog-art{height:78px;min-height:78px}.marketing-blog-v3 .blog-v3-card small{font-size:6px}.marketing-blog-v3 .blog-v3-card h3{margin:6px 0;font-size:9px;line-height:1.5}.marketing-blog-v3 .blog-v3-card p{display:none}.marketing-blog-v3 .blog-v3-card button{font-size:8px}
  .marketing-blog-v3 .blog-v3-newsletter{display:grid;grid-template-columns:38px 1fr;margin-top:12px;padding:12px;text-align:right}.marketing-blog-v3 .blog-v3-newsletter>span{width:36px;height:36px}.marketing-blog-v3 .blog-v3-newsletter h2{font-size:13px}.marketing-blog-v3 .blog-v3-newsletter p{font-size:8px}.marketing-blog-v3 .blog-v3-newsletter form{grid-column:1/-1;display:grid;grid-template-columns:1fr 100px;gap:6px}.marketing-blog-v3 .blog-v3-newsletter input,.marketing-blog-v3 .blog-v3-newsletter button{min-height:31px;font-size:8px}

  /* Support */
  .marketing-support-v3 .marketing-v3-section{padding:25px 0 14px}
  .marketing-support-v3 .marketing-v3-heading h2{font-size:28px}.marketing-support-v3 .marketing-v3-heading p{font-size:10px}
  .marketing-support-v3 .support-v3-search{padding:18px 14px;border-radius:9px}.marketing-support-v3 .support-v3-search h1{font-size:18px}.marketing-support-v3 .support-v3-search p{margin:5px 0 11px;font-size:8px}.marketing-support-v3 .support-v3-search label{padding:0 10px;border-radius:7px}.marketing-support-v3 .support-v3-search input{height:35px;font-size:8px}
  .marketing-support-v3 .support-v3-categories{margin-top:8px}.marketing-support-v3 .support-v3-categories>h2{display:none}.marketing-support-v3 .support-v3-categories>div{display:grid;grid-template-columns:1fr;gap:4px}.marketing-support-v3 .support-v3-categories button{position:relative;min-height:46px;grid-template-columns:35px 1fr 12px;gap:7px;padding:6px 10px;border-radius:8px}.marketing-support-v3 .support-v3-categories button:nth-child(7){display:none}.marketing-support-v3 .support-v3-categories button::after{grid-column:3;grid-row:1/3;color:#55716c;content:"‹"}.marketing-support-v3 .support-v3-categories button>span{width:33px;height:33px;grid-row:1/3}.marketing-support-v3 .support-v3-categories button>span .line-icon{width:17px;height:17px}.marketing-support-v3 .support-v3-categories strong{font-size:9px}.marketing-support-v3 .support-v3-categories small{font-size:6px}
  .marketing-support-v3 .support-v3-lower{display:flex;margin-top:8px;flex-direction:column;gap:7px}.marketing-support-v3 .support-v3-contact{order:1}.marketing-support-v3 .support-v3-faq{order:2}
  .marketing-support-v3 .support-v3-contact,.marketing-support-v3 .support-v3-faq,.marketing-support-v3 .support-v3-request{padding:11px;border-radius:8px}.marketing-support-v3 .support-v3-contact>h2,.marketing-support-v3 .support-v3-faq h2{font-size:13px;text-align:center}.marketing-support-v3 .support-v3-contact>p{display:none}.marketing-support-v3 .support-v3-contact>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.marketing-support-v3 .support-v3-contact section{padding:8px 4px;border-radius:7px}.marketing-support-v3 .support-v3-contact section>span{width:29px;height:29px}.marketing-support-v3 .support-v3-contact h3{margin:5px 0 2px;font-size:8px}.marketing-support-v3 .support-v3-contact section p{min-height:25px;font-size:6px}.marketing-support-v3 .support-v3-contact section button,.marketing-support-v3 .support-v3-contact section a{margin-top:4px;padding:4px;font-size:6px}
  .marketing-support-v3 .support-v3-faq summary{padding:7px 0;font-size:8px}.marketing-support-v3 .support-v3-faq details p{font-size:7px}.marketing-support-v3 .support-v3-faq>button{font-size:8px}
  .marketing-support-v3 .support-v3-request{margin-top:7px}.marketing-support-v3 .support-v3-request header{gap:7px;margin-bottom:8px}.marketing-support-v3 .support-v3-request header>span{width:34px;height:34px}.marketing-support-v3 .support-v3-request h2{font-size:13px}.marketing-support-v3 .support-v3-request p{font-size:7px}.marketing-support-v3 .support-v3-request form{display:grid;grid-template-columns:1fr 1fr;gap:5px}.marketing-support-v3 .support-v3-request .field>span{font-size:7px}.marketing-support-v3 .support-v3-request .input,.marketing-support-v3 .support-v3-request .select{min-height:31px;padding:5px 7px;font-size:7px}.marketing-support-v3 .support-v3-request .textarea{min-height:52px;font-size:7px}.marketing-support-v3 .support-v3-request-details,.marketing-support-v3 .support-v3-request form>button{grid-column:1/-1}.marketing-support-v3 .support-v3-request form>button{width:100%;min-height:31px;font-size:8px}

  /* Shared reference footer */
  .public-footer.marketing-footer{padding:18px 0 9px;background:linear-gradient(135deg,#07564f,#064841)}
  .public-footer.marketing-footer>.marketing-footer-grid{display:grid;width:calc(100% - 24px);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:start}
  .public-footer.marketing-footer .marketing-footer-brand{grid-column:4;grid-row:1;min-width:0}
  .public-footer.marketing-footer .marketing-footer-column:nth-of(1){grid-column:3;grid-row:1}.public-footer.marketing-footer .marketing-footer-column:nth-of(2){grid-column:2;grid-row:1}.public-footer.marketing-footer .marketing-footer-column:nth-of(3){grid-column:1;grid-row:1}
  .public-footer.marketing-footer .marketing-footer-newsletter{grid-column:1/3;grid-row:2;width:100%;margin:0}
  .public-footer.marketing-footer .marketing-footer-brand .brand-logo-image{width:105px;max-width:100%;filter:brightness(0) invert(1)}
  .public-footer.marketing-footer .marketing-footer-brand p{margin:5px 0 0;font-size:7px;line-height:1.55}
  .public-footer.marketing-footer .marketing-footer-column h2,.public-footer.marketing-footer .marketing-footer-newsletter h2{margin:0 0 5px;font-size:9px}
  .public-footer.marketing-footer .marketing-footer-column button{padding:2px 0;font-size:7px}
  .public-footer.marketing-footer .marketing-footer-newsletter p{margin:0 0 5px;font-size:6px;line-height:1.5}
  .public-footer.marketing-footer .marketing-footer-newsletter form{min-height:31px}.public-footer.marketing-footer .marketing-footer-newsletter input{font-size:7px}.public-footer.marketing-footer .marketing-footer-newsletter form button{width:34px}
  .public-footer.marketing-footer .footer-social{grid-column:3/5;grid-row:2;align-self:end;justify-content:flex-start;margin:0;gap:5px}
  .public-footer.marketing-footer .footer-social a{width:26px;height:26px}.public-footer.marketing-footer .footer-social .line-icon{width:13px;height:13px}
  .public-footer.marketing-footer .marketing-meta-partner{position:absolute;right:12px;bottom:8px;transform:scale(.72);transform-origin:right bottom}
  .public-footer.marketing-footer>.marketing-footer-bottom{min-height:28px;margin-top:9px;padding-top:7px;align-items:center;flex-direction:row;justify-content:center;border-top:1px solid rgba(255,255,255,.12);font-size:6px;text-align:center}
  .public-footer.marketing-footer>.marketing-footer-bottom nav{display:none}
}

@keyframes mobileCorePulse{0%,100%{transform:scale(.96);opacity:.3}50%{transform:scale(1.04);opacity:.75}}
@keyframes mobileNodeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media (max-width:640px){
  .mobile-home-node--renewals{right:auto;left:0}.mobile-home-node--reminders{right:0;left:auto}
  .mobile-home-node--automation{right:auto;left:0}.mobile-home-node--revenue{right:0;left:auto}
  .mobile-home-node--integrations{right:auto;left:0}.mobile-home-node--live{right:0;left:auto}
  .marketing-features-v3 .flow-center .brand-logo-image{width:70px!important;content:url('/assets/renvix-mark-deep-teal.svg')}
  .marketing-features-v3 .flow-network-features::before{
    position:absolute;
    z-index:0;
    top:56px;
    right:-1px;
    left:calc(50% + 56px);
    height:92px;
    border-top:1px dashed #9bd8cf;
    border-right:1px dashed #9bd8cf;
    border-radius:0 22px 0 0;
    content:"";
    pointer-events:none;
  }
  .marketing-features-v3 .flow-network-features::after{
    position:absolute;
    z-index:0;
    top:146px;
    right:-1px;
    bottom:25px;
    width:1px;
    background:repeating-linear-gradient(to bottom,#9bd8cf 0 4px,transparent 4px 9px);
    content:"";
    pointer-events:none;
  }
  .marketing-features-v3 .flow-side{z-index:1}
  .marketing-features-v3 .flow-node::after{z-index:2;right:-5px}
  .pricing-public-grid .pricing-card{direction:ltr}
  .pricing-public-grid .pricing-card>*{direction:rtl}
  .marketing-support-v3 .support-v3-categories button:nth-child(1){order:1}.marketing-support-v3 .support-v3-categories button:nth-child(2){order:2}.marketing-support-v3 .support-v3-categories button:nth-child(6){order:3}.marketing-support-v3 .support-v3-categories button:nth-child(3){order:4}.marketing-support-v3 .support-v3-categories button:nth-child(5){order:5}.marketing-support-v3 .support-v3-categories button:nth-child(4){order:6}.marketing-support-v3 .support-v3-categories button:nth-child(8){order:7}
  .marketing-support-v3 .support-v3-categories button{color:#0b3f3b!important}
  .marketing-support-v3 .support-v3-categories strong{color:#0b3f3b!important}
  .marketing-support-v3 .support-v3-categories small{color:#71847f!important}
  .marketing-support-v3 .support-v3-categories button::after{color:#0b625a!important}
  .public-footer.marketing-footer{position:relative;min-height:0;padding:30px 0 20px;background:radial-gradient(circle at 78% 4%,rgba(74,190,173,.14),transparent 31%),linear-gradient(150deg,#075c54,#06463f)}
  .public-footer.marketing-footer>.marketing-footer-grid{display:grid;width:calc(100% - 34px);grid-template-columns:minmax(0,1fr);gap:0;padding:0;direction:rtl}
  .public-footer.marketing-footer>.marketing-footer-grid>*{width:100%;min-width:0;direction:rtl}
  .public-footer.marketing-footer .marketing-footer-brand{order:1;grid-column:1;grid-row:auto;padding-bottom:22px}
  .public-footer.marketing-footer .marketing-footer-column:nth-of-type(1){order:2;grid-column:1;grid-row:auto}
  .public-footer.marketing-footer .marketing-footer-column:nth-of-type(2){order:3;grid-column:1;grid-row:auto}
  .public-footer.marketing-footer .marketing-footer-column:nth-of-type(3){order:4;grid-column:1;grid-row:auto}
  .public-footer.marketing-footer .marketing-footer-newsletter{order:5;grid-column:1;grid-row:auto;margin:0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.14)}
  .public-footer.marketing-footer .marketing-footer-brand .brand-logo-image{width:126px;max-width:126px;max-height:38px}
  .public-footer.marketing-footer .marketing-footer-brand p{max-width:315px;margin:10px 0 0;color:#c4dcd7;font-size:10px;line-height:1.85}
  .public-footer.marketing-footer .marketing-footer-column{display:flex;align-items:center;gap:0;padding:17px 0 15px;border-top:1px solid rgba(255,255,255,.12);text-align:center}
  .public-footer.marketing-footer .marketing-footer-column h2,.public-footer.marketing-footer .marketing-footer-newsletter h2{width:100%;margin:0 0 9px;color:#fff;font-size:15px;line-height:1.4;text-align:center}
  .public-footer.marketing-footer .marketing-footer-column button{display:block;width:100%;padding:5px 0;color:#c6dad6;font-size:11.5px;line-height:1.65;white-space:normal;text-align:center;transition:color .18s ease,transform .18s ease}
  .public-footer.marketing-footer .marketing-footer-column button:active{color:#fff;transform:translateX(-3px)}
  .public-footer.marketing-footer .marketing-footer-newsletter p{max-width:315px;margin:0 0 12px;color:#c4d9d5;font-size:10px;line-height:1.8}
  .public-footer.marketing-footer .marketing-footer-newsletter form{width:100%;min-height:44px;margin:0}
  .public-footer.marketing-footer .marketing-footer-newsletter input{min-width:0;height:44px;padding-inline:38px 11px;border-radius:9px 0 0 9px;font-size:10px}
  .public-footer.marketing-footer .marketing-footer-newsletter form button{width:48px;flex:0 0 48px;border-radius:0 9px 9px 0}
  .public-footer.marketing-footer .footer-social{position:static;display:flex;width:100%;max-width:none;justify-content:center;margin:17px auto 0;gap:9px}
  .public-footer.marketing-footer .footer-social a{width:36px;height:36px;flex-basis:36px;background:rgba(255,255,255,.035)}
  .public-footer.marketing-footer .footer-social .line-icon{width:17px;height:17px}
  .public-footer.marketing-footer .marketing-meta-partner{position:static;width:min(100%,265px);margin:17px auto 0;padding:9px 13px;transform:none}
  .public-footer.marketing-footer .marketing-meta-partner strong{font-size:12px}.public-footer.marketing-footer .marketing-meta-partner small{font-size:8px}
  .public-footer.marketing-footer>.marketing-footer-bottom{position:static;width:calc(100% - 34px);min-height:0;margin:22px auto 0;padding:15px 0 0;align-items:center;flex-direction:column;justify-content:center;gap:11px;border-top:1px solid rgba(255,255,255,.14);font-size:9px;text-align:center}
  .public-footer.marketing-footer>.marketing-footer-bottom nav{display:flex;justify-content:center;gap:16px;font-size:9px}
}

/* Authentication showcase — full, uncropped composition for iPad and desktop. */
@media (min-width:744px){
  .auth-suite-page{
    min-height:100dvh!important;
    padding:18px 22px 30px!important;
    display:grid!important;
    place-items:start center!important;
    overflow-x:hidden!important;
    background:#fff!important;
  }
  .auth-suite-page .auth-suite-stage{
    width:min(1180px,100%)!important;
    max-width:1180px!important;
    padding:0!important;
    display:grid!important;
    gap:12px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .auth-suite-page .auth-suite-brandbar{
    width:100%!important;
    min-height:70px!important;
    padding:4px 8px 10px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:clamp(20px,3vw,38px)!important;
    direction:rtl!important;
    background:transparent!important;
  }
  .auth-suite-page .auth-suite-brandbar-logo{
    order:initial!important;
    min-width:0!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  .auth-suite-page .auth-suite-brandbar-controls{
    order:initial!important;
    min-width:0!important;
    justify-content:flex-start!important;
    direction:rtl!important;
  }
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-stacked,
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-image{
    width:clamp(168px,18vw,210px)!important;
    max-width:100%!important;
    max-height:56px!important;
  }
  .auth-suite-page .auth-suite-shell,
  .auth-suite-page .auth-suite-reset,
  .auth-suite-page .auth-suite-otp{
    --auth-showcase-height:650px;
    width:100%!important;
    min-height:var(--auth-showcase-height)!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:clamp(20px,3vw,38px)!important;
    direction:rtl!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .auth-suite-page .auth-suite-shell.register{--auth-showcase-height:720px}
  .auth-suite-page .auth-suite-reset{--auth-showcase-height:660px}
  .auth-suite-page .auth-suite-mfa{--auth-showcase-height:680px}
  .auth-suite-page .auth-suite-otp{--auth-showcase-height:690px}
  .auth-suite-page .auth-suite-shell>.auth-suite-panel,
  .auth-suite-page .auth-suite-otp>.email-otp-panel{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:var(--auth-showcase-height)!important;
    padding:clamp(20px,2.4vw,32px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-self:stretch!important;
    border:1px solid transparent!important;
    border-radius:24px!important;
    background:#fff!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .auth-suite-page .auth-suite-shell.register>.auth-suite-panel{padding-block:18px!important}
  .auth-suite-page .auth-suite-shell>.auth-suite-visual,
  .auth-suite-page .auth-suite-otp>.auth-suite-email-visual{
    width:100%!important;
    min-width:0!important;
    min-height:var(--auth-showcase-height)!important;
    padding:0!important;
    display:block!important;
    align-self:stretch!important;
    overflow:visible!important;
    border:0!important;
    border-radius:24px!important;
    background:transparent!important;
    box-shadow:none!important;
    aspect-ratio:auto!important;
    transform:none!important;
  }
  .auth-suite-page .auth-suite-visual::before,
  .auth-suite-page .auth-suite-visual::after,
  .auth-suite-page .auth-suite-email-visual::before,
  .auth-suite-page .auth-suite-email-visual::after{
    content:none!important;
    display:none!important;
  }
  .auth-showcase{
    position:relative;
    isolation:isolate;
    width:100%;
    height:100%;
    min-height:var(--auth-showcase-height);
    padding:clamp(34px,4vw,54px) clamp(24px,3vw,42px) 30px;
    display:flex;
    align-items:center;
    flex-direction:column;
    overflow:hidden;
    color:#073f3a;
    border:1px solid #e1ece9;
    border-radius:24px;
    background:linear-gradient(150deg,#f5fbfa 0%,#edf7f5 53%,#f8fbfa 100%);
    box-shadow:0 20px 54px rgba(6,43,40,.07);
  }
  .auth-showcase::before{
    position:absolute;
    z-index:-1;
    inset:0;
    background:radial-gradient(circle at 50% 47%,rgba(86,190,175,.13),transparent 42%);
    content:"";
    pointer-events:none;
  }
  .auth-showcase-orb{
    position:absolute;
    z-index:-1;
    width:190px;
    height:190px;
    border:38px solid rgba(8,111,101,.055);
    border-radius:50%;
    pointer-events:none;
  }
  .auth-showcase-orb--top{top:-105px;left:-86px}
  .auth-showcase-orb--bottom{right:-112px;bottom:-116px}
  .auth-showcase-copy{width:100%;max-width:470px;text-align:center}
  .auth-showcase-copy h2{
    margin:0!important;
    color:#073f3a!important;
    font-size:clamp(25px,2.35vw,36px)!important;
    font-weight:850;
    line-height:1.42;
    text-wrap:balance;
  }
  .auth-showcase-copy p{
    max-width:410px!important;
    margin:10px auto 0!important;
    color:#60736f!important;
    font-size:clamp(13px,1.18vw,16px)!important;
    line-height:1.8!important;
  }
  .auth-showcase-art{
    position:relative;
    width:100%;
    min-height:0;
    margin-top:8px;
    display:grid;
    place-items:center;
    flex:1 1 auto;
    transform:translateY(-4px);
  }
  .auth-showcase-art .auth-suite-scene{
    position:relative;
    z-index:2;
    width:min(100%,500px)!important;
    height:auto!important;
    max-width:100%!important;
    max-height:300px!important;
    margin:0!important;
    display:block!important;
    overflow:visible!important;
    object-fit:contain!important;
    filter:drop-shadow(0 17px 18px rgba(6,43,40,.1));
    transform-origin:50% 62%;
    animation:authShowcaseFloat 5.8s ease-in-out infinite;
  }
  .auth-showcase-halo{
    position:absolute;
    z-index:1;
    width:min(82%,390px);
    aspect-ratio:1;
    border:1px dashed rgba(8,111,101,.24);
    border-radius:50%;
    animation:authShowcaseOrbit 28s linear infinite;
  }
  .auth-showcase-halo::before,
  .auth-showcase-halo::after{
    position:absolute;
    width:11px;
    height:11px;
    border:4px solid #edf7f5;
    border-radius:50%;
    background:#138d80;
    box-shadow:0 5px 13px rgba(7,93,84,.18);
    content:"";
  }
  .auth-showcase-halo::before{top:11%;right:8%}
  .auth-showcase-halo::after{bottom:8%;left:16%}
  .auth-showcase-spark{
    position:absolute;
    z-index:3;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    color:#08766c;
    border:1px solid #dfebe8;
    border-radius:14px;
    background:rgba(255,255,255,.92);
    box-shadow:0 12px 24px rgba(6,43,40,.09);
    backdrop-filter:blur(8px);
    animation:authShowcaseSpark 4.6s ease-in-out infinite;
  }
  .auth-showcase-spark .line-icon{width:21px;height:21px}
  .auth-showcase-spark--one{top:18%;left:5%}
  .auth-showcase-spark--two{right:4%;bottom:20%;animation-delay:-2.1s}
  .auth-showcase-note{
    position:relative;
    z-index:4;
    width:100%;
    min-height:70px;
    padding:12px 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    flex:0 0 auto;
    color:#38514d;
    border:1px solid #dfe9e7;
    border-radius:14px;
    background:rgba(255,255,255,.82);
    box-shadow:0 12px 25px rgba(6,43,40,.035);
  }
  .auth-showcase-note>span{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 42px;
    color:#fff;
    border-radius:50%;
    background:linear-gradient(145deg,#0b756b,#07564f);
    box-shadow:0 8px 18px rgba(7,93,84,.2);
  }
  .auth-showcase-note .line-icon{width:21px;height:21px}
  .auth-showcase-note p{margin:0!important;color:inherit!important;font-size:13px!important;line-height:1.7!important;text-align:right}
  .auth-suite-page .auth-suite-mode-tabs{margin-bottom:18px!important}
  .auth-suite-page .auth-suite-intro h1,
  .auth-suite-page .auth-suite-panel h1{font-size:clamp(27px,2.5vw,38px)!important}
  .auth-suite-page .auth-suite-form,
  .auth-suite-page .email-otp-form{gap:13px!important}
  .auth-suite-page .auth-suite-form .input,
  .auth-suite-page .email-otp-panel .input{min-height:50px!important;height:50px!important}
  .auth-suite-page .email-otp-digits{gap:8px!important}
  .auth-suite-page .email-otp-digit{width:100%!important;max-width:none!important;height:62px!important}
  .auth-suite-page .email-otp-resend-row{min-height:68px!important;margin-bottom:18px!important}
  .auth-suite-page .auth-suite-shell.register .auth-suite-form{gap:8px!important}
  .auth-suite-page .auth-suite-shell.register .input{min-height:43px!important;height:43px!important}
  .auth-suite-page .auth-suite-shell.register .auth-suite-intro{display:block!important}
  .auth-suite-page .auth-suite-shell.login .auth-suite-intro{display:block!important}
  .auth-suite-page[data-auth-theme="dark"]{background:#071b19!important}
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-stage,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-shell,
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-panel,
  .auth-suite-page[data-auth-theme="dark"] .email-otp-panel{background:transparent!important}
  .auth-suite-page[data-auth-theme="dark"] .auth-showcase{
    color:#edf8f5;
    border-color:#284740;
    background:linear-gradient(150deg,#0b2925 0%,#0d322e 58%,#09231f 100%);
    box-shadow:0 22px 60px rgba(0,0,0,.2);
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-showcase::before{background:radial-gradient(circle at 50% 47%,rgba(94,212,194,.09),transparent 44%)}
  .auth-suite-page[data-auth-theme="dark"] .auth-showcase-copy h2{color:#edf8f5!important}
  .auth-suite-page[data-auth-theme="dark"] .auth-showcase-copy p{color:#a9bfba!important}
  .auth-suite-page[data-auth-theme="dark"] .auth-showcase-note{color:#c8dcd7;border-color:#31514b;background:rgba(7,27,25,.72)}
  .auth-suite-page[data-auth-theme="dark"] .auth-showcase-spark{color:#8bd9cd;border-color:#31514b;background:rgba(9,38,34,.9)}
}

@media (min-width:744px) and (max-width:1100px){
  .auth-suite-page{padding:14px 16px 26px!important}
  .auth-suite-page .auth-suite-brandbar{min-height:60px!important;gap:20px!important}
  .auth-suite-page .auth-suite-shell,
  .auth-suite-page .auth-suite-reset,
  .auth-suite-page .auth-suite-otp{gap:20px!important}
  .auth-suite-page .auth-suite-shell>.auth-suite-panel,
  .auth-suite-page .auth-suite-otp>.email-otp-panel{padding:18px 20px!important}
  .auth-suite-page .auth-suite-shell.register>.auth-suite-panel{padding-block:14px!important}
  .auth-showcase{padding:32px 22px 24px}
  .auth-showcase-copy h2{font-size:clamp(23px,3vw,30px)!important}
  .auth-showcase-copy p{font-size:13px!important}
  .auth-showcase-art .auth-suite-scene{max-height:250px!important}
  .auth-showcase-note{min-height:62px;padding:10px 12px;gap:9px}
  .auth-showcase-note>span{width:36px;height:36px;flex-basis:36px}
  .auth-showcase-note p{font-size:11px!important}
  .auth-suite-page .auth-suite-mode-tabs button{min-height:46px!important;font-size:14px!important}
  .auth-suite-page .auth-suite-intro h1,
  .auth-suite-page .auth-suite-panel h1{font-size:28px!important}
  .auth-suite-page .auth-suite-intro p{margin-bottom:16px!important;font-size:13px!important}
  .auth-suite-page .auth-suite-form .field>span,
  .auth-suite-page .email-otp-panel .field>span{font-size:12px!important}
  .auth-suite-page .auth-suite-form .input,
  .auth-suite-page .email-otp-panel .input{min-height:46px!important;height:46px!important;font-size:13px!important}
  .auth-suite-page .auth-suite-form .auth-submit,
  .auth-suite-page .email-otp-submit,
  .auth-suite-page .auth-suite-panel .btn{min-height:48px!important;font-size:14px!important}
  .auth-suite-page .email-otp-digit{height:56px!important;font-size:21px!important}
  .auth-suite-page .email-otp-resend-row{min-height:62px!important;padding:11px!important;font-size:12px!important}
  .auth-suite-page .auth-suite-note{margin-top:16px!important;padding:14px!important;font-size:12px!important}
}

/* Channel detail header: overview link stays at the visual top-left in RTL. */
.ref-detail-page .channel-detail-heading-clean{
  display:flex;
  width:100%;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.ref-detail-page .channel-detail-heading-clean>div{min-width:0;flex:1}
.channel-overview-link{
  display:flex;
  min-width:max-content;
  align-items:center;
  justify-content:center;
  gap:9px;
  order:2;
  padding:10px 13px;
  border:1px solid transparent;
  border-radius:9px;
  color:#526b67;
  background:transparent;
  font:inherit;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.channel-overview-link:hover,.channel-overview-link:focus-visible{
  border-color:#d9e7e4;
  color:#0b3f3b;
  background:#f4faf8;
  outline:none;
}
.channel-overview-link svg{width:19px;height:19px;color:#6f8581}
.channel-overview-link:hover svg,.channel-overview-link:focus-visible svg{color:#0b3f3b}

@media (max-width:640px){
  .ref-detail-page .channel-detail-heading-clean{display:grid;grid-template-columns:1fr;gap:12px}
  .channel-overview-link{order:-1;justify-self:end;padding:8px 10px}
}

@media (prefers-reduced-motion:reduce){
  .auth-showcase-art .auth-suite-scene,
  .auth-showcase-halo,
  .auth-showcase-spark{animation:none!important}
}

@keyframes authShowcaseFloat{
  0%,100%{transform:translate3d(0,4px,0) rotate(-.25deg)}
  50%{transform:translate3d(0,-10px,0) rotate(.35deg)}
}
@keyframes authShowcaseOrbit{to{transform:rotate(360deg)}}
@keyframes authShowcaseSpark{
  0%,100%{transform:translateY(0) scale(.96);opacity:.8}
  50%{transform:translateY(-9px) scale(1.04);opacity:1}
}

/* Authentication reference correction: static artwork and reference header geometry. */
@media (min-width:744px){
  .auth-suite-page *{animation:none!important}
  .auth-suite-page .auth-suite-brandbar{
    position:relative!important;
    min-height:68px!important;
    display:block!important;
    padding:0!important;
    direction:ltr!important;
  }
  .auth-suite-page .auth-suite-brandbar-logo{
    position:absolute!important;
    top:3px!important;
    right:8px!important;
    left:auto!important;
    width:auto!important;
    height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  .auth-suite-page .auth-suite-brandbar-controls{
    position:absolute!important;
    top:8px!important;
    left:calc(50% + 18px)!important;
    right:auto!important;
    width:auto!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    direction:ltr!important;
  }
  .auth-suite-page .auth-suite-brandbar-controls>button{min-height:36px!important;padding:5px 7px!important;font-size:13px!important}
  .auth-suite-page .auth-suite-brandbar-controls .auth-suite-theme-button{width:42px!important;min-width:42px!important;height:42px!important}
  .auth-showcase-art{
    min-height:300px!important;
    margin-top:14px!important;
    display:grid!important;
    place-items:start center!important;
    flex:0 0 300px!important;
    transform:translateY(-14px)!important;
  }
  .auth-showcase-art .auth-suite-scene{
    max-height:285px!important;
    transform:none!important;
    filter:drop-shadow(0 15px 18px rgba(6,43,40,.08))!important;
  }
  .auth-showcase-note{margin-top:auto!important}
  .auth-dashboard-mockup{
    position:relative;
    width:min(100%,480px);
    aspect-ratio:1.58;
    overflow:hidden;
    color:#153f3a;
    border:1px solid #dfeae7;
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 38px rgba(6,43,40,.11);
    direction:rtl;
  }
  .auth-dashboard-mockup>header{
    height:15%;
    padding:7px 11px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #edf3f2;
  }
  .auth-dashboard-mockup>header img{width:58px!important;height:auto!important;display:block!important;object-fit:contain!important}
  .auth-dashboard-mockup>header strong{font-size:8px;line-height:1}
  .auth-dashboard-body{height:85%;display:grid;grid-template-columns:21% 79%;direction:ltr}
  .auth-dashboard-body>aside{
    padding:9px 7px;
    display:flex;
    flex-direction:column;
    gap:5px;
    border-right:1px solid #edf3f2;
    direction:rtl;
  }
  .auth-dashboard-body>aside span{
    min-height:24px;
    padding:4px 6px;
    display:flex;
    align-items:center;
    gap:5px;
    color:#60736f;
    border-radius:5px;
    font-size:6.5px;
    white-space:nowrap;
  }
  .auth-dashboard-body>aside span.active{color:#fff;background:linear-gradient(135deg,#087267,#07554e);box-shadow:0 5px 10px rgba(7,93,84,.17)}
  .auth-dashboard-body>aside i{width:13px;height:13px;display:grid;place-items:center;flex:0 0 13px}
  .auth-dashboard-body>aside .line-icon{width:11px;height:11px}
  .auth-dashboard-body>main{padding:9px;display:grid;grid-template-rows:auto 1fr;gap:8px;direction:rtl}
  .auth-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .auth-dashboard-stats>span{min-width:0;padding:7px 5px;display:grid;justify-items:center;gap:2px;border:1px solid #e9f0ef;border-radius:7px;background:#fff;box-shadow:0 3px 8px rgba(6,43,40,.025)}
  .auth-dashboard-stats small{max-width:100%;overflow:hidden;color:#647772;font-size:5.5px;white-space:nowrap;text-overflow:ellipsis}
  .auth-dashboard-stats strong{color:#123d38;font-size:12px;line-height:1.2;direction:ltr}
  .auth-dashboard-stats em{color:#12957f;font-size:5px;font-style:normal;direction:ltr}
  .auth-dashboard-charts{min-height:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(90px,.75fr);gap:7px;direction:ltr}
  .auth-dashboard-charts>section{position:relative;min-width:0;padding:8px;border:1px solid #e9f0ef;border-radius:8px;background:#fff;overflow:hidden}
  .auth-dashboard-charts section>strong{display:block;color:#173f3b;font-size:7px;text-align:right;direction:rtl}
  .auth-dashboard-line{direction:ltr}
  .auth-dashboard-gridlines{position:absolute;inset:34px 10px 25px;background:repeating-linear-gradient(to bottom,#eef3f2 0 1px,transparent 1px 25%)}
  .auth-dashboard-line-path{position:absolute;inset:35px 14px 27px}
  .auth-dashboard-line-path i{position:absolute;width:5px;height:5px;border:1.5px solid #fff;border-radius:50%;background:#0b756b;box-shadow:0 0 0 1px #0b756b}
  .auth-dashboard-line-path i::after{position:absolute;top:1px;left:3px;height:2px;transform-origin:left center;background:#0b756b;content:""}
  .auth-dashboard-line-path i:nth-child(1){left:2%;top:72%}.auth-dashboard-line-path i:nth-child(1)::after{width:46px;transform:rotate(-30deg)}
  .auth-dashboard-line-path i:nth-child(2){left:22%;top:49%}.auth-dashboard-line-path i:nth-child(2)::after{width:48px;transform:rotate(-24deg)}
  .auth-dashboard-line-path i:nth-child(3){left:43%;top:30%}.auth-dashboard-line-path i:nth-child(3)::after{width:48px;transform:rotate(27deg)}
  .auth-dashboard-line-path i:nth-child(4){left:64%;top:49%}.auth-dashboard-line-path i:nth-child(4)::after{width:42px;transform:rotate(-29deg)}
  .auth-dashboard-line-path i:nth-child(5){left:82%;top:28%}.auth-dashboard-line-path i:nth-child(5)::after{width:36px;transform:rotate(-16deg)}
  .auth-dashboard-line-path i:nth-child(6){left:97%;top:19%}.auth-dashboard-line-path i:nth-child(6)::after{display:none}
  .auth-dashboard-line footer{position:absolute;right:9px;bottom:7px;left:9px;display:flex;justify-content:space-between;color:#85938f;font-size:4.5px;direction:rtl}
  .auth-dashboard-donut{display:flex;align-items:center;flex-direction:column;direction:rtl}
  .auth-dashboard-donut>div{width:58px;height:58px;margin:10px auto 8px;border-radius:50%;background:radial-gradient(circle,#fff 0 49%,transparent 50%),conic-gradient(#087267 0 68%,#72cbbf 68% 90%,#dcecea 90% 100%);box-shadow:0 4px 10px rgba(6,43,40,.07)}
  .auth-dashboard-donut small{width:100%;display:flex;align-items:center;gap:3px;color:#61736f;font-size:5px;line-height:1.7}
  .auth-dashboard-donut small i{width:5px;height:5px;border-radius:50%;background:#087267}.auth-dashboard-donut small:nth-of-type(2) i{background:#72cbbf}.auth-dashboard-donut small:nth-of-type(3) i{background:#dcecea}
  .auth-dashboard-donut small b{margin-inline-start:auto;color:#34504b;font-size:5px}
}

@media (min-width:744px) and (max-width:900px){
  .auth-suite-page .auth-suite-brandbar{min-height:58px!important}
  .auth-suite-page .auth-suite-brandbar-logo{top:2px!important;right:4px!important;height:48px!important}
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-stacked,
  .auth-suite-page .auth-suite-brandbar-logo .brand-logo-image{width:138px!important;max-height:42px!important}
  .auth-suite-page .auth-suite-brandbar-controls{top:5px!important;left:calc(50% + 10px)!important;height:42px!important;gap:3px!important}
  .auth-suite-page .auth-suite-brandbar-controls>button{min-height:32px!important;padding:3px 4px!important;font-size:10.5px!important}
  .auth-suite-page .auth-suite-brandbar-controls .auth-suite-theme-button{width:34px!important;min-width:34px!important;height:34px!important}
  .auth-showcase-art{min-height:225px!important;flex-basis:225px!important;margin-top:8px!important;transform:translateY(-10px)!important}
  .auth-dashboard-mockup{border-radius:10px}
  .auth-dashboard-mockup>header{padding:4px 6px}.auth-dashboard-mockup>header img{width:40px!important}.auth-dashboard-mockup>header strong{font-size:5.5px}
  .auth-dashboard-body>aside{padding:5px 4px;gap:2px}.auth-dashboard-body>aside span{min-height:17px;padding:2px 3px;gap:2px;font-size:4.5px}.auth-dashboard-body>aside i{width:9px;height:9px;flex-basis:9px}.auth-dashboard-body>aside .line-icon{width:7px;height:7px}
  .auth-dashboard-body>main{padding:5px;gap:4px}.auth-dashboard-stats{gap:3px}.auth-dashboard-stats>span{padding:4px 2px;border-radius:4px}.auth-dashboard-stats small{font-size:3.8px}.auth-dashboard-stats strong{font-size:8px}.auth-dashboard-stats em{font-size:3.4px}
  .auth-dashboard-charts{grid-template-columns:minmax(0,1.55fr) minmax(64px,.72fr);gap:4px}.auth-dashboard-charts>section{padding:5px;border-radius:5px}.auth-dashboard-charts section>strong{font-size:4.5px}.auth-dashboard-donut>div{width:38px;height:38px;margin:6px auto 3px}.auth-dashboard-donut small,.auth-dashboard-donut small b{font-size:3.2px}
}

/* Channels and campaigns rebuilt from the supplied product references. */
.ref-page-lead{margin:-10px 0 18px;color:#7b8d89;font-size:13px}
.ref-channel-pills{display:flex;justify-content:flex-start;gap:14px;margin:0 0 20px}
.ref-channel-pills button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:220px;padding:13px 22px;border:1px solid #dfeae8;border-radius:9px;color:#274b46;background:#fff;font:inherit;font-weight:700;cursor:pointer;transition:.18s ease}
.ref-channel-pills button:hover{border-color:#79b4aa;background:#f7fbfa}.ref-channel-pills button::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:#087267;font-size:12px;font-weight:800}.ref-channel-pills svg{display:none}
.ref-metrics .suite-metric{border-color:#e3ecea;box-shadow:none}.ref-metrics .suite-metric-icon,.ref-icon-tile,.ref-heading-icon,.ref-section-icon,.ref-quick-icon,.ref-list-icon{display:grid;place-items:center;color:#087267;background:#edf8f6}
.ref-metrics .suite-metric-icon{border-radius:50%}.ref-metrics .suite-metric strong{color:#087267;font-variant-numeric:tabular-nums}
.ref-channel-cards .suite-channel-hero{min-height:315px;padding:23px;border-color:#e1eae8;box-shadow:0 4px 15px rgba(10,62,56,.035)}
.ref-channel-cards .suite-channel-hero-head{align-items:center}.ref-channel-cards .suite-channel-hero-head>span{border-radius:13px}.ref-channel-cards .suite-channel-hero-head h2{font-size:20px}.ref-channel-cards .suite-channel-hero-head p{font-size:12px}
.ref-channel-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 14px}.ref-channel-mini-metrics>div{display:grid;gap:4px;padding:13px 9px;border:1px solid #e7efed;border-radius:10px;text-align:center}.ref-channel-mini-metrics span,.ref-channel-mini-metrics small{color:#81928f;font-size:10px}.ref-channel-mini-metrics strong{color:#087267;font-size:19px;font-variant-numeric:tabular-nums}
.ref-channel-identity{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;padding:5px 2px;color:#7d8e8b;font-size:11px}.ref-channel-identity strong{color:#244843;font-size:13px}.ref-channel-cards .suite-channel-actions .btn{flex:1}.ref-channel-cards .suite-more{width:44px;height:42px;border:1px solid #dfe9e7;border-radius:9px;background:#fff}
.ref-channel-lower .suite-card{min-height:280px}.ref-list-icon{width:36px!important;height:36px!important;flex:0 0 36px;border-radius:50%!important}.ref-list-icon svg{width:18px!important;height:18px!important}
.ref-detail-page .channel-detail-heading{margin-bottom:10px}.ref-detail-page .channel-detail-heading h1{font-size:29px}.ref-heading-icon{width:42px;height:42px;border-radius:50%}.ref-heading-icon svg{width:25px;height:25px}
.ref-detail-page .channel-detail-tabs{max-width:470px;margin-bottom:20px}.ref-detail-page .channel-connected-hero{border-color:#e2ebe9;box-shadow:none}.ref-whatsapp-hero .channel-large-icon,.ref-email-hero .channel-large-icon{width:82px;height:82px;border-radius:18px;background:#f2f9f7}.ref-whatsapp-hero .channel-large-icon svg,.ref-email-hero .channel-large-icon svg{width:46px;height:46px}
.ref-whatsapp-hero .channel-verified{background:transparent}.ref-whatsapp-hero .channel-verified>span{width:84px;height:84px;background:radial-gradient(circle,#e8f8f2 0 47%,#d8f0e8 48% 60%,#edf8f4 61%)}.ref-whatsapp-hero .channel-verified small{display:inline-block;margin-top:14px;padding:7px 18px;border-radius:7px;color:#087267;background:#edf8f6;font-weight:700}
.ref-email-hero{min-height:205px}.ref-email-hero .channel-email-art{background:radial-gradient(circle at 25% 25%,#dff3ef 0 13%,transparent 14%),#f0f8f6}.ref-email-grid{scroll-margin-top:90px}.ref-email-grid .suite-card{border-color:#e2ebe9;box-shadow:none}.ref-section-icon{width:42px;height:42px;border-radius:50%}.ref-section-icon svg{width:22px;height:22px}.ref-email-grid .channel-quick-card>button{padding:14px 3px}.ref-quick-icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%}.ref-quick-icon svg{width:25px!important;height:25px!important;padding:0!important;background:transparent!important}

.ref-campaign-builder .campaign-builder-heading{margin-bottom:12px}.ref-campaign-builder .campaign-builder-heading h1{font-size:30px}.ref-campaign-builder .campaign-builder-heading p{font-size:13px}.ref-campaign-builder .campaign-builder-tabs{max-width:450px;margin-bottom:16px}
.ref-campaign-builder .campaign-builder-layout{grid-template-columns:minmax(510px,1.2fr) minmax(330px,.8fr);gap:20px;align-items:start}.ref-campaign-builder .campaign-builder-form-card,.ref-campaign-builder .campaign-preview-card{border:1px solid #e1eae8;box-shadow:none}.ref-campaign-builder .campaign-builder-form-card{padding:20px}.ref-campaign-builder .campaign-preview-card{position:sticky;top:82px;align-self:start;padding:18px}
.ref-campaign-form{display:grid;gap:16px}.ref-form-title{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #e7efed}.ref-form-title>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#087267;background:#edf8f6}.ref-form-title h2{margin:0;color:#193d38;font-size:20px}.ref-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ref-span-2{grid-column:1/-1}
.ref-campaign-form .field>span{color:#294b46;font-size:12px;font-weight:700}.ref-campaign-form .input,.ref-campaign-form .select,.ref-campaign-form .textarea{border-color:#dfe9e7;background:#fff}.ref-kind-section{display:grid;gap:10px}.ref-kind-section h3{margin:0;color:#294b46;font-size:14px}.ref-campaign-builder .campaign-kind-switch{grid-template-columns:1fr 1fr}.ref-campaign-builder .campaign-kind-switch button{min-height:94px;justify-content:flex-start;text-align:right}.ref-campaign-builder .campaign-kind-switch button>svg{width:38px;height:38px;padding:8px;border-radius:12px;background:#edf8f6}.ref-campaign-builder .campaign-kind-switch button span{display:grid;gap:5px}.ref-campaign-builder .campaign-kind-switch button small{color:#82928f;font-size:10px;font-weight:400}
.ref-builder-section{overflow:hidden;border:1px solid #e2ebe9;border-radius:10px;background:#fff}.ref-builder-section summary{display:flex;align-items:center;gap:10px;padding:14px;list-style:none;cursor:pointer}.ref-builder-section summary::-webkit-details-marker{display:none}.ref-builder-section summary>svg{width:24px;height:24px;color:#087267}.ref-builder-section summary span{display:grid;gap:3px}.ref-builder-section summary small{color:#84938f;font-size:10px;font-weight:400}.ref-builder-section .textarea,.ref-builder-section .setting-line{margin:0 14px 14px;width:calc(100% - 28px)}
.ref-builder-actions{position:static!important;inset:auto!important;z-index:auto!important;display:grid;grid-template-columns:1.15fr 1fr 1fr .8fr;gap:9px;padding:0!important;border:0!important;box-shadow:none!important}.ref-builder-actions .btn{min-width:0;padding-inline:10px}.ref-campaign-builder .campaign-preview-card.is-previewing{border-color:#087267;box-shadow:0 0 0 4px rgba(8,114,103,.1)}.ref-phone{max-width:385px;margin-inline:auto}.ref-email-preview{max-width:520px;margin-inline:auto}

@media (min-width:1101px){
  .ref-channels-page .ref-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .ref-channels-page .ref-channel-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ref-channels-page .ref-channel-lower{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)!important}
}

@media (max-width:1180px){
  .ref-campaign-builder .campaign-builder-layout{grid-template-columns:minmax(450px,1.1fr) minmax(300px,.9fr)}
  .ref-builder-actions{grid-template-columns:1fr 1fr}.ref-channel-mini-metrics strong{font-size:17px}
}
@media (max-width:900px){
  .ref-channel-pills{width:100%}.ref-channel-pills button{min-width:0;flex:1}.ref-campaign-builder .campaign-builder-layout{grid-template-columns:1fr}.ref-campaign-builder .campaign-preview-card{position:static;order:2}.ref-campaign-builder .campaign-builder-form-card{order:1}.ref-detail-page .channel-detail-heading h1{font-size:25px}
}
@media (max-width:640px){
  .ref-page-lead{font-size:11px}.ref-channel-pills{gap:7px}.ref-channel-pills button{padding:11px 8px;font-size:11px}.ref-channel-pills svg{width:17px}.ref-channel-mini-metrics{gap:6px}.ref-channel-mini-metrics>div{padding:10px 4px}.ref-channel-mini-metrics strong{font-size:15px}.ref-channel-mini-metrics span,.ref-channel-mini-metrics small{font-size:8px}.ref-channel-cards .suite-channel-hero{min-height:285px;padding:16px}.ref-channel-identity{font-size:9px}.ref-channel-identity strong{font-size:11px}.ref-detail-page .channel-detail-heading{align-items:flex-start}.ref-detail-page .channel-detail-heading h1{font-size:21px}.ref-heading-icon{width:34px;height:34px}.ref-heading-icon svg{width:20px}.ref-whatsapp-hero .channel-verified{padding:8px}.ref-whatsapp-hero .channel-verified>span{width:60px;height:60px}.ref-campaign-builder .campaign-builder-heading h1{font-size:23px}.ref-campaign-builder .campaign-builder-tabs{width:100%}.ref-campaign-builder .campaign-builder-tabs button{flex:1;padding-inline:8px;font-size:11px}.ref-campaign-builder .campaign-builder-form-card,.ref-campaign-builder .campaign-preview-card{padding:13px}.ref-form-grid{grid-template-columns:1fr}.ref-span-2{grid-column:auto}.ref-campaign-builder .campaign-kind-switch{grid-template-columns:1fr}.ref-builder-actions{grid-template-columns:1fr}.ref-builder-actions .btn{width:100%}
}

/* Reference-accurate dashboard refinements */
.suite-floating-menu-layer{position:fixed;inset:0;z-index:9050;background:transparent}
.suite-floating-action-menu{position:fixed!important;z-index:9060!important;top:auto;right:auto;bottom:auto;max-height:min(360px,calc(100vh - 24px));overflow:auto;pointer-events:auto;box-shadow:0 16px 42px rgba(6,43,40,.17)!important;border:1px solid #dbe9e6!important;border-radius:14px!important;background:#fff!important;padding:7px!important}
.suite-floating-action-menu button{width:100%;min-height:40px;border-radius:9px!important;white-space:nowrap}
.suite-icon-tile,.channel-large-icon,.settings-ref-title>.suite-icon-tile{display:grid;place-items:center;flex:0 0 auto;width:50px;height:50px;border-radius:50%;background:#edf8f6;color:#087267}
.suite-icon-tile svg,.channel-large-icon svg{width:25px;height:25px;stroke:currentColor}
.suite-metric strong,.channel-kpi-grid .suite-metric strong,.security-ref-metrics article>div>strong,.settings-storage-number strong{color:#087267!important;font-family:"Sora","Tajawal",sans-serif;font-weight:750;font-variant-numeric:tabular-nums}

.campaign-builder-page{padding-bottom:36px}
.campaign-builder-heading,.channel-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.campaign-builder-heading h1,.channel-detail-heading h1{margin:8px 0 4px;font-size:30px;color:#10213b}
.campaign-builder-heading p,.channel-detail-heading p{margin:0;color:#718096}
.campaign-meta-badge{padding:8px 13px;border-radius:999px;background:#eef8f6;color:#087267;font-weight:700}
.campaign-builder-tabs,.channel-detail-tabs{display:flex;gap:10px;width:max-content;margin:0 0 18px;padding:5px;border:1px solid #e1ebe9;border-radius:12px;background:#fff}
.campaign-builder-tabs button,.channel-detail-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:190px;height:45px;padding:0 18px;border:1px solid transparent;border-radius:9px;background:transparent;color:#637083;font-weight:700;cursor:pointer}
.campaign-builder-tabs button.active,.channel-detail-tabs button.active{border-color:#168c7d;background:#f1faf8;color:#087267;box-shadow:inset 0 -2px #087267}
.campaign-builder-tabs svg,.channel-detail-tabs svg{width:20px;height:20px}
.campaign-builder-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(560px,1.22fr);gap:22px;align-items:start}
.campaign-preview-card,.campaign-builder-form-card{padding:20px;border-radius:17px}
.campaign-builder-layout>*{min-width:0}
.campaign-builder-form-card .campaign-create-form{width:100%!important;min-width:0!important;max-width:none!important}
.campaign-builder-form-card .campaign-channel-select-field{display:none}
.campaign-builder-form-card .campaign-form-actions{position:sticky;bottom:10px;z-index:2;padding:12px;border:1px solid #e3ecea;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(6,43,40,.08)}
.campaign-kind-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.campaign-kind-switch button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:70px;border:1px solid #dfe9e7;border-radius:13px;background:#fff;color:#334155;font-weight:700;cursor:pointer}
.campaign-kind-switch button.active{border-color:#138979;background:#f2faf8;color:#087267;box-shadow:0 0 0 2px rgba(19,137,121,.08)}
.campaign-phone{max-width:360px;margin:18px auto 0;border:7px solid #eef1f2;border-radius:38px;background:#f7efe7;box-shadow:0 16px 32px rgba(16,33,59,.12);overflow:hidden}
.campaign-phone-top,.campaign-phone-brand,.campaign-phone-input{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:12px 17px}
.campaign-phone-brand{justify-content:flex-start;gap:10px;border-block:1px solid #e9eeed}.campaign-phone-brand>svg{margin-inline-start:auto;color:#18a673}.campaign-phone-brand div{display:grid}.campaign-phone-brand small{color:#718096}.campaign-preview-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf8f5;color:#087267;font-size:25px;font-weight:800}
.campaign-chat{padding:18px 12px 30px}.campaign-chat-message,.campaign-preview-product{margin-bottom:12px;padding:15px;border-radius:15px;background:#fff;box-shadow:0 3px 10px rgba(16,33,59,.06)}.campaign-chat-message p{line-height:1.8;color:#475569}.campaign-chat-message time{display:block;text-align:left;color:#94a3b8;font-size:11px}.campaign-preview-product{display:grid;place-items:center;gap:8px;text-align:center}.campaign-preview-product>svg{width:60px;height:60px;padding:14px;border-radius:14px;background:#edf8f6;color:#087267}.campaign-preview-product span{color:#087267;font-weight:700}.campaign-phone-input span{flex:1;margin:0 10px;color:#94a3b8}
.campaign-email-preview{margin-top:18px;border:1px solid #e2e8e7;border-radius:14px;overflow:hidden;background:#fff}.campaign-email-toolbar{display:flex;gap:8px;padding:12px;color:#718096;border-bottom:1px solid #edf1f0}.campaign-email-brand{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px}.campaign-email-brand span{font-size:26px;color:#087267}.campaign-email-preview section{padding:40px 22px;text-align:center;background:linear-gradient(135deg,#eefaf6,#f6f0e9)}.campaign-email-preview section small,.campaign-email-preview section h2{color:#087267}.campaign-email-preview section p{line-height:1.8;color:#475569}.campaign-email-preview section button{padding:11px 24px;border:0;border-radius:8px;background:#087267;color:#fff}.campaign-email-preview footer{padding:18px;text-align:center;color:#94a3b8;font-size:12px}

.channel-detail-page{padding-bottom:36px}.channel-detail-heading{justify-content:flex-start;align-items:center}.channel-detail-heading>div{flex:1}.channel-detail-heading h1{display:flex;align-items:center;gap:10px}.channel-detail-heading h1 svg{color:#087267}.channel-connected-hero{display:flex;justify-content:space-between;gap:24px;padding:26px;margin-bottom:20px}.channel-connected-copy{display:flex;align-items:center;gap:20px}.channel-connected-copy>div{display:grid;gap:8px}.channel-connected-copy h2{margin:0;color:#10213b}.channel-connected-copy p{margin:0;color:#64748b}.channel-connected-copy em,.channel-title-line em{width:max-content;padding:5px 11px;border-radius:8px;font-style:normal;font-weight:700}.channel-connected-copy em.connected,.channel-title-line em.connected{background:#e9f8f0;color:#17835d}.channel-connected-copy em.disconnected,.channel-title-line em.disconnected{background:#fff3e8;color:#aa681b}.channel-verified{display:flex;align-items:center;gap:14px;min-width:330px;padding:18px;border-radius:14px;background:#f2faf8}.channel-verified>span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#dff4ed;color:#087267}.channel-verified svg{width:34px;height:34px}.channel-verified h3,.channel-verified p{margin:0}.channel-verified p{margin-top:5px;color:#64748b}
.channel-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.channel-kpi-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.channel-kpi-grid .suite-metric{min-width:0}.channel-detail-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:16px}.channel-info-card,.channel-quick-card,.channel-activity-card,.channel-list-card{padding:20px}.channel-info-card dl{margin:0 0 18px}.channel-info-card dl div,.channel-data-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f0}.channel-info-card dt,.channel-data-list span{color:#64748b}.channel-info-card dd{margin:0;font-weight:700}.channel-quick-card{display:flex;flex-direction:column}.channel-quick-card>button{display:flex;align-items:center;gap:12px;padding:15px 8px;border:0;border-bottom:1px solid #edf1f0;background:transparent;text-align:right;cursor:pointer}.channel-quick-card>button>svg{width:44px;height:44px;padding:10px;border-radius:50%;background:#edf8f6;color:#087267}.channel-quick-card>button span{display:grid}.channel-quick-card>button small{margin-top:4px;color:#8491a3}.channel-title-line{display:flex;align-items:center;gap:10px}.channel-email-art{position:relative;display:grid;place-items:center;width:180px;min-height:140px;border-radius:50% 45% 48% 42%;background:#edf8f6;color:#087267}.channel-email-art>svg{width:78px;height:78px}.channel-email-art span{position:absolute;right:28px;bottom:24px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#087267;font-size:24px;box-shadow:0 4px 12px rgba(6,43,40,.12)}.channel-connection-state{padding:9px 15px;border:1px solid #e1ebe9;border-radius:10px}.channel-connection-state i{display:inline-block;width:8px;height:8px;margin-inline-end:6px;border-radius:50%;background:#169778}.email-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.channel-data-list em{padding:4px 8px;border-radius:8px;background:#eaf8f2;color:#16815b;font-style:normal}.channel-list-card>.btn{width:100%;margin-top:16px}

.settings-reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-ref-card{padding:26px}.settings-ref-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}.settings-ref-title>div{flex:1}.settings-ref-title h2,.settings-ref-title p{margin:0}.settings-ref-title p{margin-top:5px;color:#718096}.settings-ref-account{display:grid;grid-template-columns:150px 1fr;gap:22px}.settings-ref-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.settings-ref-avatar{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;object-fit:cover;background:#edf8f6;color:#087267;font-size:35px;font-weight:800}.settings-ref-profile,.settings-ref-password{display:grid;gap:13px}.settings-ref-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-ref-mfa{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:16px;border:1px solid #e5edeb;border-radius:12px}.settings-ref-mfa p{margin:4px 0 0;color:#718096}.newsletter-link{display:grid;grid-template-columns:1fr auto auto;gap:10px}.newsletter-preview{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px;padding:18px;border-radius:12px;background:#f7faf9}.newsletter-preview strong{grid-column:1/-1}.settings-storage-number{display:flex;align-items:baseline;gap:8px;margin:10px 0}.settings-storage-number strong{font-size:26px}.settings-storage-number em{margin-inline-start:auto;color:#087267;font-style:normal;font-weight:800}.settings-storage-list{margin:16px 0}.settings-storage-list>div{display:flex;align-items:center;gap:8px;padding:9px 0}.settings-storage-list>div i{width:9px;height:9px;border-radius:50%;background:#087267}.settings-storage-list>div .color-1{background:#2f80ed}.settings-storage-list>div .color-2{background:#b55ae8}.settings-storage-list>div strong{margin-inline-start:auto}

.security-ref-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.security-ref-metrics article{display:flex;align-items:center;gap:16px;padding:22px}.security-ref-metrics article>div{display:grid;gap:5px}.security-ref-metrics article small{color:#334155;font-weight:700}.security-ref-metrics article>div>strong{font-size:28px}.security-ref-metrics article em{color:#718096;font-size:12px;font-style:normal}.security-ref-main{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.security-ref-main>article,.security-ref-lower>article{padding:24px}.security-ref-password form{display:grid;gap:12px}.password-strength{display:flex;align-items:center;gap:14px;margin:0 0 18px}.password-strength i{display:flex;flex:1;gap:5px}.password-strength i b{height:5px;flex:1;border-radius:10px;background:#168573}.password-strength i b:last-child{background:#dfe7e5}.password-strength>strong{color:#168573}.security-ref-mfa .settings-ref-title>em{padding:5px 10px;border-radius:8px;background:#eaf8f2;color:#16815b;font-style:normal}.security-method{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f0}.security-method>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f3f7f7;color:#087267}.security-method>div{display:grid;flex:1}.security-method small{color:#718096}.security-method>i{color:#16815b}.security-ref-mfa>.btn{width:100%;margin-top:18px}.security-ref-lower{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:16px}.security-list>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf1f0}.security-list>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#edf8f6;color:#087267}.security-list>div>div{display:grid;flex:1}.security-list small{color:#718096}.security-list em{padding:4px 7px;border-radius:7px;background:#eaf8f2;color:#16815b;font-size:11px;font-style:normal}.security-safe-state{padding:16px!important;border:0!important;border-radius:10px;background:#edf8f6;color:#16815b}

@media (max-width:1180px){.campaign-builder-layout{grid-template-columns:minmax(280px,.7fr) minmax(480px,1.3fr)}.channel-kpi-grid,.channel-kpi-grid.six{grid-template-columns:repeat(3,1fr)}.channel-detail-grid,.security-ref-lower{grid-template-columns:1fr 1fr}.channel-detail-grid>article:last-child,.security-ref-lower>article:first-child{grid-column:1/-1}}
@media (max-width:900px){.campaign-builder-layout,.settings-reference-grid,.security-ref-main,.email-channel-grid{grid-template-columns:1fr}.campaign-preview-card{order:2}.campaign-builder-form-card{order:1}.channel-connected-hero{flex-direction:column}.channel-verified{min-width:0}.channel-detail-grid{grid-template-columns:1fr}.channel-detail-grid>article:last-child{grid-column:auto}.security-ref-metrics{grid-template-columns:1fr 1fr}.security-ref-lower{grid-template-columns:1fr}.security-ref-lower>article:first-child{grid-column:auto}.channel-kpi-grid,.channel-kpi-grid.six{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.campaign-builder-heading,.channel-detail-heading{flex-direction:column}.campaign-builder-heading h1,.channel-detail-heading h1{font-size:24px}.campaign-builder-tabs,.channel-detail-tabs{width:100%}.campaign-builder-tabs button,.channel-detail-tabs button{min-width:0;flex:1;padding:0 8px;font-size:12px}.campaign-preview-card,.campaign-builder-form-card,.settings-ref-card,.security-ref-main>article,.security-ref-lower>article{padding:15px}.campaign-kind-switch{grid-template-columns:1fr}.campaign-phone{max-width:320px}.channel-kpi-grid,.channel-kpi-grid.six,.security-ref-metrics{grid-template-columns:1fr}.channel-connected-copy{align-items:flex-start;flex-direction:column}.channel-email-art{width:130px;min-height:105px;margin:auto}.settings-ref-account{grid-template-columns:1fr}.settings-ref-two,.newsletter-link,.newsletter-preview{grid-template-columns:1fr}.newsletter-preview strong{grid-column:auto}.security-ref-metrics article{padding:16px}.campaign-form-grid{grid-template-columns:1fr!important}}

/* Fixed, vertically balanced authentication artwork for iPad and laptop. */
@media (min-width:744px){
  .auth-showcase{
    --auth-art-width:480px;
    --auth-art-height:304px;
    --auth-art-raise:-12px;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    align-items:stretch!important;
  }
  .auth-showcase-copy{align-self:start!important}
  .auth-showcase-art{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    align-self:stretch!important;
    transform:translateY(var(--auth-art-raise))!important;
  }
  .auth-showcase-art .auth-suite-scene,
  .auth-showcase-art .auth-dashboard-mockup{
    width:min(100%,var(--auth-art-width))!important;
    height:auto!important;
    max-width:var(--auth-art-width)!important;
    max-height:var(--auth-art-height)!important;
    aspect-ratio:1.58!important;
    margin:0!important;
    align-self:center!important;
    justify-self:center!important;
    transform:none!important;
  }
  .auth-showcase-art .auth-suite-scene{object-fit:contain!important}
  .auth-showcase-note{margin:0!important;align-self:end!important}
}

@media (min-width:744px) and (max-width:900px){
  .auth-showcase{
    --auth-art-width:294px;
    --auth-art-height:186px;
    --auth-art-raise:-8px;
  }
}

@media (min-width:901px) and (max-width:1100px){
  .auth-showcase{
    --auth-art-width:400px;
    --auth-art-height:253px;
    --auth-art-raise:-10px;
  }
}

.suite-contact-send{display:grid;justify-items:center;gap:13px;padding:10px 4px 4px;text-align:center}
.suite-contact-send>.suite-channel-logo{width:58px;height:58px}
.suite-contact-send h3,.suite-contact-send p{margin:0}
.suite-contact-send p{max-width:470px;color:#6d7d8d;line-height:1.8}
.suite-contact-send dl{width:100%;margin:4px 0;border:1px solid #e6eeed;border-radius:14px;overflow:hidden}
.suite-contact-send dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 14px;border-bottom:1px solid #edf2f1;text-align:start}
.suite-contact-send dl div:last-child{border-bottom:0}
.suite-contact-send dt{color:#748292}.suite-contact-send dd{margin:0;color:#0c3632;font-weight:700}
/* Renvix unified operational suite — supplied dashboard references */
.suite-page{display:grid;gap:20px;color:#102c29}
.suite-page>.page-title{margin-bottom:0!important}
.suite-page>.page-title h1{font-size:30px!important;font-weight:700!important;letter-spacing:-.35px}
.suite-page>.page-title p{font-size:13px!important;color:#71827f!important}
.suite-card{position:relative;min-width:0;padding:20px;border:1px solid #e2ecea;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(12,64,58,.025)}
.suite-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.suite-card-head h2,.suite-section-title h2{margin:0;color:#12332f;font-size:17px;line-height:1.5}
.suite-card-head p,.suite-section-title p{margin:3px 0 0;color:#82918e;font-size:12px}
.suite-link{padding:4px 0;border:0;color:#08766b;background:transparent;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.suite-link:hover{color:#064f48;text-decoration:underline}
.suite-metrics{display:grid;gap:14px}
.suite-metrics-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.suite-metrics-six{grid-template-columns:repeat(6,minmax(0,1fr))}
.suite-metric{display:flex;min-width:0;min-height:126px;align-items:flex-start;gap:14px;padding:20px;border:1px solid #e1ebe9;border-radius:12px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.suite-metric.is-clickable{cursor:pointer}
.suite-metric.is-clickable:hover{transform:translateY(-2px);border-color:#bdd9d4;box-shadow:0 9px 25px rgba(7,74,67,.075)}
.suite-metric.is-clickable:active{transform:translateY(0)}
.suite-metric.is-clickable:focus-visible{outline:3px solid rgba(11,63,59,.14);outline-offset:2px}
.suite-metric-icon{display:grid;width:45px;height:45px;flex:0 0 45px;place-items:center;border-radius:50%;color:#0b6f66;background:#eef8f6}
.suite-metric-icon svg{width:23px;height:23px}
.suite-metric>div{display:flex;min-width:0;flex:1;flex-direction:column}
.suite-metric>div>span{color:#203e3a;font-size:13px;font-weight:600}
.suite-metric strong{margin:8px 0 4px;color:#087267;font-family:var(--font-latin),var(--font-arabic);font-size:27px;line-height:1}
.suite-metric small{overflow:hidden;color:#8b9a97;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.suite-metric:is(.success,.warning,.info,.purple,.teal) .suite-metric-icon{color:#087267;background:#edf8f6}
.suite-dashboard-primary{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:16px}
.suite-dashboard-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.suite-performance{min-height:365px}
.suite-performance .select{width:auto;min-width:140px;min-height:38px}
.suite-chart{display:grid;height:275px;grid-template-rows:1fr auto;gap:16px;padding:4px 6px 0}
.suite-chart-bars{display:flex;min-width:0;align-items:flex-end;gap:5px;border-bottom:1px solid #dfe9e7;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#edf3f2 25%)}
.suite-chart-column{position:relative;display:flex;height:100%;min-width:3px;flex:1;align-items:flex-end;justify-content:center;gap:2px}
.suite-chart-column>span{display:block;min-width:3px;max-width:10px;flex:1;border-radius:3px 3px 0 0;background:#09675f;transition:opacity .18s ease}
.suite-chart-column>span.delivered{background:#42bd69}
.suite-chart-column:hover>span{opacity:.72}
.suite-chart-column small{position:absolute;bottom:-19px;left:50%;width:46px;transform:translateX(-50%);color:#8a9996;font-size:8px;text-align:center;white-space:nowrap}
.suite-chart-legend{display:flex;justify-content:center;gap:22px;color:#607571;font-size:11px}
.suite-chart-legend span{display:flex;align-items:center;gap:6px}.suite-chart-legend i{width:15px;height:5px;border-radius:4px;background:#09675f}.suite-chart-legend i.delivered{background:#42bd69}
.suite-chart-empty{display:grid;min-height:245px;place-items:center;align-content:center;gap:8px;color:#849591;text-align:center}.suite-chart-empty svg{width:34px;height:34px;color:#80a9a3}.suite-chart-empty strong{color:#244641;font-size:14px}.suite-chart-empty p{margin:0;font-size:12px}
.suite-table-scroll{overflow:auto;max-width:100%;border:1px solid #edf2f1;border-radius:10px}
.suite-table{width:100%;border-collapse:collapse;background:#fff}
.suite-table th,.suite-table td{padding:12px 14px!important;border-bottom:1px solid #edf2f1!important;background:#fff!important;text-align:right;vertical-align:middle;white-space:nowrap}
.suite-table th{color:#6a7e7a!important;background:#fafcfc!important;font-size:10.5px!important;font-weight:600}
.suite-table td{color:#284540!important;font-size:11.5px!important}.suite-table tbody tr:last-child td{border-bottom:0!important}.suite-table tbody tr:hover td{background:#fbfdfd!important}
.suite-row-link{display:flex;min-width:110px;max-width:230px;flex-direction:column;align-items:flex-start;padding:0;border:0;color:#153c37;background:transparent;font:inherit;text-align:right;cursor:pointer}.suite-row-link strong{font-size:12px}.suite-row-link small{overflow:hidden;max-width:100%;color:#8a9996;font-size:10px;text-overflow:ellipsis}
.suite-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;color:#667875;background:#f1f5f4;font-size:10px;font-weight:600;white-space:nowrap}.suite-status svg{width:13px;height:13px}.suite-status.success{color:#168354;background:#eaf8f0}.suite-status.info{color:#2b68a5;background:#edf5fd}.suite-status.warning{color:#ae7219;background:#fff5df}.suite-status.review{color:#ad741e;background:#fff5df}.suite-status.danger{color:#be414b;background:#ffedef}
.suite-menu-cell{position:relative!important;width:48px;overflow:visible!important}.suite-more{display:grid;width:34px;height:32px;place-items:center;padding:0;border:1px solid transparent;border-radius:7px;color:#607571;background:transparent;font-weight:800;letter-spacing:1px;cursor:pointer}.suite-more:hover,.suite-more:focus-visible{border-color:#d7e5e2;background:#f4f9f8;outline:0}
.suite-action-menu{position:absolute;z-index:80;top:calc(100% - 5px);left:8px;display:grid;width:225px;padding:7px;border:1px solid #dce8e6;border-radius:10px;background:#fff;box-shadow:0 16px 38px rgba(16,51,46,.15)}
.suite-action-menu button{display:flex;min-height:36px;align-items:center;gap:9px;padding:7px 9px;border:0;border-radius:7px;color:#294a45;background:transparent;font:inherit;font-size:11px;text-align:right;cursor:pointer}.suite-action-menu button:hover{background:#f0f7f6}.suite-action-menu button svg{width:16px;height:16px}.suite-action-menu button.danger{color:#cc3f49}.suite-action-menu button.danger:hover{background:#fff0f1}.suite-action-divider{height:1px;margin:5px 2px;background:#e8efee}
.suite-channel-list,.suite-message-list,.suite-notice-list{display:grid}.suite-channel-list>button,.suite-message-list>button,.suite-notice-list>button{display:flex;min-width:0;align-items:center;gap:10px;padding:12px 2px;border:0;border-bottom:1px solid #eef3f2;color:inherit;background:transparent;font:inherit;text-align:right;cursor:pointer}.suite-channel-list>button:last-child,.suite-message-list>button:last-child,.suite-notice-list>button:last-child{border-bottom:0}.suite-channel-list>button:hover,.suite-message-list>button:hover,.suite-notice-list>button:hover{background:#fbfdfd}.suite-channel-list>button>span:nth-child(2),.suite-message-list>button>span:nth-child(2),.suite-notice-list>button>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.suite-channel-list strong,.suite-message-list strong,.suite-notice-list strong{overflow:hidden;color:#234640;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.suite-channel-list small,.suite-message-list small,.suite-notice-list small{overflow:hidden;margin-top:3px;color:#8b9997;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.suite-channel-logo,.suite-message-list>button>span:first-child,.suite-notice-list>button>span:first-child{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;color:#08766b;background:#eff8f6}.suite-channel-logo svg,.suite-message-list svg,.suite-notice-list svg{width:17px;height:17px}.suite-channel-logo.whatsapp{color:#17a668;background:#e9f8f0}.suite-notice-list .unread{box-shadow:inset 0 0 0 2px #c7e4df}
.suite-mini-empty{display:grid;min-height:130px;place-items:center;align-content:center;gap:7px;color:#81918e;text-align:center}.suite-mini-empty strong{color:#365650;font-size:12px}.suite-mini-empty p{margin:0;font-size:10px}.suite-mini-empty button{padding:6px 12px;border:1px solid #bcd8d3;border-radius:7px;color:#08766b;background:#fff;font:inherit;font-size:10px;cursor:pointer}
.suite-quick-center{padding:17px 20px;border:1px solid #e2ecea;border-radius:12px;background:#fff}.suite-quick-center h2{margin:0 0 12px;color:#153c37;font-size:15px}.suite-quick-center>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.suite-quick-center button{display:flex;min-width:0;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e3ecea;border-radius:9px;color:#20433e;background:#fff;font:inherit;text-align:right;cursor:pointer}.suite-quick-center button:hover{border-color:#bcd9d4;background:#f8fbfb}.suite-quick-center button>svg{width:22px;height:22px;color:#08766b}.suite-quick-center button span{display:flex;min-width:0;flex-direction:column}.suite-quick-center button strong{font-size:11.5px}.suite-quick-center button small{margin-top:3px;color:#8b9997;font-size:9px}
.suite-create-section{display:grid;gap:12px}.suite-create-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.suite-create-cards article{display:flex;align-items:center;gap:18px;min-height:150px;padding:22px;border:1px solid #e0eae8;border-radius:12px;background:#fff}.suite-create-cards article>span{display:grid;width:62px;height:62px;flex:0 0 62px;place-items:center;border-radius:50%;color:#087267;background:#ebf7f4}.suite-create-cards article>span svg{width:31px;height:31px}.suite-create-cards h3{margin:0 0 5px;color:#173c37;font-size:15px}.suite-create-cards p{max-width:540px;margin:0 0 12px;color:#80908d;font-size:11px;line-height:1.7}.suite-create-cards .btn{min-height:34px!important;padding:0 15px!important;font-size:11px!important}
.suite-campaign-list{padding:0;overflow:visible}.suite-campaign-list>.suite-card-head{padding:18px 20px 0}.suite-campaign-toolbar{align-items:center}.suite-campaign-toolbar>div:first-child{display:flex;align-items:center;gap:10px}.suite-filter-chip{padding:5px 9px;border:0;border-radius:999px;color:#9a691c;background:#fff3dc;font:inherit;font-size:10px;cursor:pointer}.suite-toolbar-controls{display:flex;align-items:center;gap:8px}.suite-toolbar-controls select,.suite-report-toolbar select{min-height:38px;padding:0 12px;border:1px solid #dee9e7;border-radius:8px;color:#35534f;background:#fff;font:inherit;font-size:11px}.suite-search{display:flex;min-width:230px;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:1px solid #dee9e7;border-radius:8px;background:#fff}.suite-search svg{width:16px;color:#78908c}.suite-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:11px}.suite-dash{color:#9ba8a6}
.suite-customers-card{padding:0}.suite-customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #edf2f1}.suite-toolbar-actions{display:flex;gap:8px}.suite-customer-name{display:flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.suite-customer-name>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#087267;background:#edf7f5;font-size:12px;font-weight:700}.suite-customer-name strong{font-size:11.5px}.suite-channel-tags{display:flex;gap:4px}.suite-channel-tags span{display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #dceae7;border-radius:5px;color:#2a625b;background:#f7fbfa;font-size:9px}.suite-channel-tags svg{width:12px;height:12px}.suite-bulk-toolbar{position:sticky;z-index:20;bottom:18px;display:flex;width:max-content;max-width:calc(100vw - 40px);align-items:center;gap:8px;margin:-4px auto 0;padding:9px 12px;border:1px solid #cbdedb;border-radius:10px;background:#fff;box-shadow:0 14px 35px rgba(9,61,56,.18)}.suite-bulk-toolbar strong{padding:0 8px;color:#17433d;font-size:11px}.suite-bulk-toolbar button{padding:7px 10px;border:0;border-radius:6px;color:#31524d;background:#edf6f4;font:inherit;font-size:10px;cursor:pointer}
.suite-report-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:10px}.suite-report-toolbar select{min-width:175px}.suite-report-toolbar .btn{margin-inline-start:auto}.suite-report-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:16px}.suite-report-secondary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px}.suite-channel-donut{min-height:365px}.suite-donut-wrap{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:16px;min-height:255px}.suite-donut{display:grid;width:170px;height:170px;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle at center,#fff 0 54%,transparent 55%),conic-gradient(#087267 0 var(--whatsapp),#39b867 var(--whatsapp) 360deg);box-shadow:inset 0 0 0 1px #e2ecea}.suite-donut strong{color:#17433d;font-size:24px}.suite-donut small{color:#8a9996;font-size:10px}.suite-donut-legend{display:grid;gap:10px}.suite-donut-legend button{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:8px;border:0;border-bottom:1px solid #edf2f1;color:#405c57;background:transparent;font:inherit;font-size:11px;text-align:right;cursor:pointer}.suite-donut-legend i{width:8px;height:8px;border-radius:50%;background:#087267}.suite-donut-legend i.email{background:#39b867}.suite-insights{display:grid;gap:8px}.suite-insights>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #edf2f1;border-radius:8px}.suite-insights>div>svg{width:20px;color:#087267}.suite-insights span{display:flex;flex-direction:column}.suite-insights strong{font-size:11px}.suite-insights small{margin-top:3px;color:#81918e;font-size:9.5px}.suite-export-summary{display:grid;gap:7px;padding:12px;border:1px solid #dfeae8;border-radius:8px;background:#f7fbfa;color:#44635e;font-size:12px}
.suite-channel-tabs{display:flex;gap:8px;border-bottom:1px solid #e2ebe9}.suite-channel-tabs button{display:flex;align-items:center;gap:7px;padding:10px 16px;border:0;border-bottom:2px solid transparent;color:#6d817d;background:transparent;font:inherit;font-size:12px;cursor:pointer}.suite-channel-tabs button svg{width:18px}.suite-channel-tabs button.active{border-bottom-color:#087267;color:#087267;font-weight:600}.suite-channel-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.suite-channel-hero{display:grid;min-height:300px;align-content:start}.suite-channel-hero-head{display:flex;align-items:flex-start;gap:14px}.suite-channel-hero-head>span{display:grid;width:58px;height:58px;flex:0 0 58px;place-items:center;border-radius:14px;color:#087267;background:#edf8f6}.suite-channel-hero.whatsapp .suite-channel-hero-head>span{color:#16a465;background:#e9f8f0}.suite-channel-hero-head>span svg{width:30px;height:30px}.suite-channel-hero-head>div{min-width:0;flex:1}.suite-channel-hero-head small{color:#82918e;font-size:10px}.suite-channel-hero-head h2{margin:2px 0;color:#183d38;font-size:20px}.suite-channel-hero-head p{margin:0;color:#788a87;font-size:11px;line-height:1.65}.suite-channel-hero-head em{padding:6px 10px;border-radius:7px;color:#8a6a31;background:#fff4df;font-size:10px;font-style:normal;font-weight:600}.suite-channel-hero-head em.connected{color:#168354;background:#e9f8f0}.suite-channel-identity{display:grid;grid-template-columns:repeat(2,auto 1fr);gap:9px 13px;margin:22px 0;padding:14px;border:1px solid #e5edec;border-radius:9px;background:#fbfdfd}.suite-channel-identity span{color:#859490;font-size:10px}.suite-channel-identity strong{overflow:hidden;color:#2b4c47;font-size:11px;text-overflow:ellipsis}.suite-channel-actions{position:relative;display:flex;align-items:center;gap:8px;margin-top:auto}.suite-channel-actions .suite-action-menu{top:100%;right:auto;left:0}.suite-channel-connect{display:grid;min-height:150px;place-items:center;align-content:center;gap:10px}.suite-channel-connect small{color:#879692;font-size:10px}.suite-channel-lower{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:16px}
.suite-detail-drawer{display:grid;gap:16px}.suite-detail-title{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #e7efed}.suite-detail-title>span:first-child{display:grid;width:44px;height:44px;place-items:center;border-radius:10px;color:#087267;background:#edf7f5}.suite-detail-title>div{min-width:0;flex:1}.suite-detail-title h3{margin:0;color:#173d37}.suite-detail-title p{margin:3px 0 0;color:#80908d;font-size:11px}.suite-detail-drawer dl{display:grid;gap:0;margin:0;border:1px solid #e4ecea;border-radius:9px;overflow:hidden}.suite-detail-drawer dl>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px;border-bottom:1px solid #e9efee}.suite-detail-drawer dl>div:last-child{border-bottom:0}.suite-detail-drawer dt{color:#82918e;font-size:11px}.suite-detail-drawer dd{margin:0;color:#294c46;font-size:12px;font-weight:600}.suite-confirm-danger{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #f1cfd2;border-radius:9px;color:#9e3840;background:#fff5f5}.suite-confirm-danger svg{width:22px;flex:0 0 22px}.suite-confirm-danger p{margin:0;line-height:1.7}

/* Contacts workspace */
.suite-action-menu button[data-tooltip]{position:relative}.suite-action-menu button[data-tooltip]:hover:after{position:absolute;z-index:3;bottom:calc(100% + 5px);inset-inline-end:0;width:max-content;max-width:210px;padding:6px 8px;border-radius:6px;color:#fff;background:#173d37;box-shadow:0 6px 16px #0002;content:attr(data-tooltip);font-size:9px;white-space:normal}
.contacts-reference-page>.dashboard-page-lead{margin:-10px 0 4px;color:#80918e;font-size:11px}.contacts-metrics .suite-metric{min-height:132px}.contacts-primary-actions{display:flex;align-items:center;gap:10px}.contacts-primary-actions .btn{min-width:138px}.contacts-card{padding:0!important;overflow:visible!important}.contacts-toolbar{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid #e8efee}.contacts-search{margin-inline-start:auto;min-width:280px}.contacts-channel-tabs{display:flex;align-items:center;overflow:hidden;border:1px solid #dce8e6;border-radius:9px;background:#fff}.contacts-channel-tabs button{display:flex;min-height:38px;align-items:center;gap:6px;padding:0 15px;border:0;border-inline-start:1px solid #e5eeec;color:#687d79;background:#fff;font:inherit;font-size:10.5px;cursor:pointer}.contacts-channel-tabs button:first-child{border-inline-start:0}.contacts-channel-tabs button svg{width:15px;height:15px}.contacts-channel-tabs button.active{color:#fff;background:#0b3f3b;font-weight:700}.contacts-toolbar>select{min-height:38px;padding:0 12px;border:1px solid #dce8e6;border-radius:8px;color:#4f6964;background:#fff;font:inherit;font-size:10.5px}.contacts-review-count{display:flex;min-height:38px;align-items:center;gap:7px;padding:0 11px;border:1px solid #ebdfca;border-radius:8px;color:#996920;background:#fffaf1;font-size:10px;white-space:nowrap}.contacts-review-count i{width:7px;height:7px;border-radius:50%;background:#e19324}.contacts-table-scroll{border:0!important;border-radius:0!important}.contacts-table th:last-child,.contacts-table td:last-child{width:58px}.contact-name-cell{display:flex;min-width:150px;flex-direction:column;align-items:flex-start;padding:0;border:0;color:#173d37;background:transparent;font:inherit;text-align:right;cursor:pointer}.contact-name-cell strong{font-size:12px}.contact-name-cell small{margin-top:3px;color:#8a9996;font-size:9.5px}.contact-channel-value{display:flex;align-items:center;gap:7px}.contact-channel-value i{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;color:#fff}.contact-channel-value i.eligible{background:#20a86c}.contact-channel-value i.stopped{background:#9baaa7}.contact-channel-value i svg{width:11px;height:11px}.contact-channel-value b{color:#36534e;font-size:10.5px;font-weight:500}.contact-channel-value.missing{color:#a2aeac}.contact-state{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;color:#627571;background:#eff4f3;font-size:9.5px;font-weight:700}.contact-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.contact-state.success{color:#168354;background:#eaf8f0}.contact-state.warning{color:#a96f18;background:#fff4dd}.contact-state.danger{color:#b44750;background:#fff0f1}.contact-date{display:flex;flex-direction:column}.contact-date strong{font-size:10.5px}.contact-date small{margin-top:2px;color:#8c9a98;font-size:9px}.contacts-table-note{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;border-top:1px solid #e8efee;color:#7f918e;font-size:10px}.contacts-table-note svg{width:16px;color:#0b766a}.suite-action-menu button:disabled{opacity:.48;cursor:not-allowed}.suite-action-menu button:disabled:hover{background:transparent}.contact-detail-drawer>.btn{width:100%}.contact-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.contact-modal-actions .btn{min-width:120px}.contact-confirm-copy{display:grid;gap:8px}.contact-confirm-copy strong{color:#173d37;font-size:15px}.contact-confirm-copy p{margin:0;color:#60736f;line-height:1.8}.contact-activity-drawer{display:grid;gap:16px}.contact-timeline{position:relative;display:grid;gap:0;padding-inline-start:6px}.contact-timeline:before{position:absolute;top:10px;bottom:10px;inset-inline-start:11px;width:1px;background:#dbe8e5;content:""}.contact-timeline article{position:relative;display:flex;gap:13px;padding:10px 0}.contact-timeline article>i{z-index:1;width:11px;height:11px;flex:0 0 11px;margin-top:4px;border:3px solid #e6f5f1;border-radius:50%;background:#0b766a}.contact-timeline article>i.danger{border-color:#fde6e8;background:#c94b55}.contact-timeline article>div{display:grid;gap:3px}.contact-timeline strong{color:#254843;font-size:11.5px}.contact-timeline small{color:#6f837f;font-size:10px}.contact-timeline time{color:#9aa6a4;font-size:9px}.contact-channels-form{display:grid;gap:15px}.contact-channels-form>p{margin:0;color:#6f817e;font-size:11px;line-height:1.7}.contact-channel-controls{display:grid;border:1px solid #dfeae8;border-radius:10px;overflow:hidden}.contact-channel-controls>label{display:flex;align-items:center;gap:11px;padding:13px;border-bottom:1px solid #e8efee;cursor:pointer}.contact-channel-controls>label:last-child{border-bottom:0}.contact-channel-control-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:9px;color:#08766b;background:#edf7f5}.contact-channel-control-icon svg{width:20px}.contact-channel-controls label>span:nth-child(2){display:grid;min-width:0;flex:1;grid-template-columns:1fr auto;gap:3px 10px}.contact-channel-controls strong{color:#254843;font-size:11.5px}.contact-channel-controls small{color:#14815a;font-size:9.5px}.contact-channel-controls b{grid-column:1/-1;color:#849390;font-size:9.5px;font-weight:500}.contact-channel-controls input[type="checkbox"]{width:38px;height:21px;appearance:none;border-radius:999px;background:#cbd6d4;cursor:pointer;transition:.18s}.contact-channel-controls input[type="checkbox"]:before{display:block;width:17px;height:17px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;content:"";transition:.18s}.contact-channel-controls input[type="checkbox"]:checked{background:#0b766a}.contact-channel-controls input[type="checkbox"]:checked:before{transform:translateX(-17px)}
html[data-theme="dark"] .suite-card,html[data-theme="dark"] .suite-metric,html[data-theme="dark"] .suite-create-cards article,html[data-theme="dark"] .suite-quick-center,html[data-theme="dark"] .suite-quick-center button,html[data-theme="dark"] .suite-table td,html[data-theme="dark"] .suite-table th,html[data-theme="dark"] .suite-action-menu{border-color:var(--brand-dark-border);background:var(--brand-dark-surface);color:var(--brand-dark-text)}
html[data-theme="dark"] .suite-card h2,html[data-theme="dark"] .suite-metric strong,html[data-theme="dark"] .suite-metric>div>span,html[data-theme="dark"] .suite-row-link,html[data-theme="dark"] .suite-table td{color:var(--brand-dark-text)!important}

@media (max-width:1280px){
  .suite-metrics-six{grid-template-columns:repeat(3,minmax(0,1fr))}
  .suite-dashboard-primary,.suite-report-main,.suite-report-secondary{grid-template-columns:1fr}
  .suite-dashboard-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-dashboard-secondary>article:last-child{grid-column:1/-1}
  .suite-channel-hero-grid{grid-template-columns:1fr}.suite-channel-lower{grid-template-columns:1fr 1fr}
}
@media (max-width:980px) and (min-width:821px){
  .suite-metrics-four{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-metrics-six{grid-template-columns:repeat(3,minmax(0,1fr))}
  .suite-metric{min-height:112px;padding:16px}.suite-create-cards article{align-items:flex-start}.suite-toolbar-controls{flex-wrap:wrap;justify-content:flex-end}.suite-search{min-width:190px}
  .suite-quick-center>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .content{padding:18px 14px 34px!important}.suite-page{gap:14px}.suite-page>.page-title{align-items:flex-start!important;flex-direction:column}.suite-page>.page-title h1{font-size:25px!important}.suite-page>.page-title .toolbar{width:100%;justify-content:flex-start!important;flex-wrap:wrap}
  .suite-metrics-four,.suite-metrics-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.suite-metric{min-height:104px;padding:14px;gap:10px}.suite-metric-icon{width:39px;height:39px;flex-basis:39px}.suite-metric-icon svg{width:20px}.suite-metric strong{font-size:22px}.suite-metric>div>span{font-size:11px}.suite-metric small{font-size:9px}
  .suite-dashboard-primary,.suite-dashboard-secondary,.suite-report-main,.suite-report-secondary,.suite-channel-lower{grid-template-columns:1fr}.suite-dashboard-secondary>article:last-child{grid-column:auto}.suite-performance{min-height:330px}.suite-chart{height:235px}.suite-chart-column{gap:1px}
  .suite-quick-center>div{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-create-cards{grid-template-columns:1fr}.suite-create-cards article{min-height:130px;padding:17px}.suite-create-cards article>span{width:50px;height:50px;flex-basis:50px}.suite-create-cards article>span svg{width:25px}
  .suite-campaign-toolbar,.suite-customer-toolbar{align-items:stretch;flex-direction:column}.suite-toolbar-controls,.suite-toolbar-actions{width:100%;flex-wrap:wrap}.suite-search{min-width:0;flex:1 1 100%}.suite-toolbar-controls select{flex:1}.suite-campaign-list>.suite-card-head{padding:15px 14px 0}.suite-table th,.suite-table td{padding:10px 11px!important}.suite-table-scroll{border-radius:8px}
  .suite-report-toolbar{display:grid;grid-template-columns:1fr 1fr}.suite-report-toolbar select{min-width:0}.suite-report-toolbar .btn{grid-column:1/-1;width:100%;margin:0}.suite-donut-wrap{grid-template-columns:150px 1fr}.suite-donut{width:140px;height:140px}
  .suite-channel-tabs{overflow-x:auto}.suite-channel-tabs button{flex:0 0 auto}.suite-channel-hero{min-height:270px}.suite-channel-identity{grid-template-columns:auto 1fr}.suite-channel-hero-head h2{font-size:18px}
  .contacts-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.contacts-primary-actions .btn{min-width:0}.contacts-toolbar{align-items:stretch;flex-wrap:wrap}.contacts-search{min-width:100%;margin:0}.contacts-channel-tabs{flex:1}.contacts-channel-tabs button{flex:1;justify-content:center}.contacts-toolbar>select{flex:1}.contacts-review-count{width:100%;justify-content:center}
}
@media (max-width:560px){
  .suite-metrics-four,.suite-metrics-six{grid-template-columns:1fr 1fr}.suite-metric{min-width:0;min-height:98px;padding:12px}.suite-metric-icon{width:35px;height:35px;flex-basis:35px}.suite-metric strong{font-size:19px}.suite-metric small{white-space:normal}.suite-metric>div>span{font-size:10px}
  .suite-card{padding:15px}.suite-card-head{margin-bottom:13px}.suite-card-head h2{font-size:15px}.suite-performance{min-height:300px}.suite-chart{height:205px;padding-inline:0}.suite-chart-bars{gap:2px}.suite-chart-column small{display:none}
  .suite-quick-center{padding:14px}.suite-quick-center>div{grid-template-columns:1fr}.suite-create-cards article{display:grid;grid-template-columns:44px 1fr;gap:12px}.suite-create-cards article>span{width:44px;height:44px;flex-basis:44px}.suite-create-cards article .btn{width:100%}
  .suite-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.suite-toolbar-actions .btn:first-child{grid-column:1/-1}.suite-toolbar-controls{display:grid;grid-template-columns:1fr 1fr}.suite-search{grid-column:1/-1}.suite-report-toolbar{grid-template-columns:1fr}.suite-report-toolbar .btn{grid-column:auto}
  .suite-donut-wrap{grid-template-columns:1fr;justify-items:center}.suite-donut-legend{width:100%}.suite-channel-hero-head{display:grid;grid-template-columns:50px 1fr}.suite-channel-hero-head>span{width:50px;height:50px;flex-basis:50px}.suite-channel-hero-head em{grid-column:2;justify-self:start}.suite-channel-actions .btn{flex:1}.suite-channel-identity{grid-template-columns:1fr}.suite-channel-identity strong{margin-bottom:4px}.suite-detail-drawer dl>div{grid-template-columns:1fr;gap:4px}
  .suite-bulk-toolbar{bottom:10px;width:calc(100% - 16px);overflow-x:auto;justify-content:flex-start}.suite-bulk-toolbar button{flex:0 0 auto}
  .contacts-primary-actions{grid-template-columns:1fr 1fr}.contacts-primary-actions .btn:first-child{grid-column:1/-1}.contacts-toolbar{padding:12px}.contacts-channel-tabs{width:100%;overflow-x:auto}.contacts-channel-tabs button{min-width:max-content;padding:0 12px}.contacts-toolbar>select{width:100%}.contact-modal-actions{display:grid;grid-template-columns:1fr 1fr}.contact-modal-actions .btn{min-width:0}.contacts-metrics .suite-metric{min-height:102px}
}

/* Compact, top-aligned auth artwork and shared Salla-style account tabs. */
@media (min-width:744px){
  .auth-showcase{
    --auth-art-width:400px;
    --auth-art-height:253px;
    --auth-art-gap:18px;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  .auth-showcase-art{
    box-sizing:border-box!important;
    height:100%!important;
    padding-top:var(--auth-art-gap)!important;
    place-items:start center!important;
    transform:none!important;
  }
  .auth-showcase-art .auth-suite-scene,
  .auth-showcase-art .auth-dashboard-mockup{
    width:min(100%,var(--auth-art-width))!important;
    max-width:var(--auth-art-width)!important;
    max-height:var(--auth-art-height)!important;
    align-self:start!important;
  }
  .auth-suite-page .auth-suite-mode-tabs{
    margin:8px 0 30px!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
    border:1px solid #c8ebe5!important;
    border-radius:9px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .auth-suite-page .auth-suite-mode-tabs button{
    min-height:52px!important;
    padding:8px 16px!important;
    gap:0!important;
    color:#42625d!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:15px!important;
    font-weight:500!important;
  }
  .auth-suite-page .auth-suite-mode-tabs button.active{
    color:#07594f!important;
    background:linear-gradient(90deg,#bff8e8 0%,#9cf0dc 100%)!important;
    box-shadow:none!important;
    font-weight:700!important;
  }
  .auth-suite-page .auth-suite-mode-tabs .line-icon{display:none!important}
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs{
    border-color:#315750!important;
    background:#0b2825!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs button.active{
    color:#e8fffa!important;
    background:linear-gradient(90deg,#0b7569,#119383)!important;
  }
}

@media (min-width:744px) and (max-width:900px){
  .auth-showcase{
    --auth-art-width:250px;
    --auth-art-height:158px;
    --auth-art-gap:14px;
  }
  .auth-suite-page .auth-suite-mode-tabs{margin-bottom:24px!important}
  .auth-suite-page .auth-suite-mode-tabs button{min-height:46px!important;font-size:13px!important}
}

@media (min-width:901px) and (max-width:1100px){
  .auth-showcase{
    --auth-art-width:340px;
    --auth-art-height:215px;
    --auth-art-gap:16px;
  }
}

/* Monitor-and-phone authentication illustration matching the supplied reference. */
@media (min-width:744px){
  .auth-platform-scene{
    position:relative;
    width:min(100%,400px);
    height:320px;
    margin:0 auto;
    align-self:start;
    direction:rtl;
  }
  .auth-platform-monitor{position:absolute;z-index:2;top:72px;left:34px;width:292px;height:188px}
  .auth-platform-camera{position:absolute;z-index:3;top:4px;left:50%;width:3px;height:3px;border-radius:50%;background:#82a09a;transform:translateX(-50%)}
  .auth-platform-screen{height:164px;overflow:hidden;border:7px solid #123c39;border-bottom-width:11px;border-radius:11px 11px 8px 8px;background:#fff;box-shadow:0 16px 30px rgba(6,54,49,.13)}
  .auth-platform-screen>header{height:22px;padding:5px 8px;display:flex;align-items:center;border-bottom:1px solid #e7efed}
  .auth-platform-screen>header img{width:48px!important;height:auto!important;object-fit:contain!important}
  .auth-platform-dashboard{height:calc(100% - 22px);display:grid;grid-template-columns:25% 75%;direction:ltr}
  .auth-platform-dashboard>aside{padding:6px 4px;display:flex;flex-direction:column;gap:3px;border-right:1px solid #e7efed;direction:rtl}
  .auth-platform-dashboard>aside span{min-height:18px;padding:3px 4px;display:flex;align-items:center;gap:3px;color:#637873;border-radius:4px;font-size:4.7px;white-space:nowrap}
  .auth-platform-dashboard>aside span.active{color:#fff;background:#0a7a6e}
  .auth-platform-dashboard>aside svg{width:8px;height:8px;flex:0 0 8px}
  .auth-platform-dashboard>main{padding:6px;display:grid;grid-template-rows:auto 1fr auto;gap:5px;direction:rtl}
  .auth-platform-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
  .auth-platform-stats span{padding:4px 2px;display:grid;justify-items:center;gap:1px;border:1px solid #e8efee;border-radius:4px}
  .auth-platform-stats small{max-width:100%;overflow:hidden;color:#758783;font-size:3.4px;white-space:nowrap;text-overflow:ellipsis}
  .auth-platform-stats strong{color:#17433e;font-size:7px;line-height:1;direction:ltr}
  .auth-platform-dashboard main>section{position:relative;min-height:58px;padding:5px;border:1px solid #e8efee;border-radius:5px;overflow:hidden}
  .auth-platform-dashboard main>section>b{display:block;color:#21443f;font-size:4.5px;text-align:right}
  .auth-platform-chart{position:absolute;inset:17px 9px 9px;background:repeating-linear-gradient(to bottom,#edf2f1 0 1px,transparent 1px 25%)}
  .auth-platform-chart i{position:absolute;width:3px;height:3px;border:1px solid #fff;border-radius:50%;background:#0a7a6e;box-shadow:0 0 0 1px #0a7a6e}
  .auth-platform-chart i::after{position:absolute;top:0;left:2px;height:1.5px;transform-origin:left center;background:#0a7a6e;content:""}
  .auth-platform-chart i:nth-child(1){left:1%;top:70%}.auth-platform-chart i:nth-child(1)::after{width:31px;transform:rotate(-26deg)}
  .auth-platform-chart i:nth-child(2){left:20%;top:48%}.auth-platform-chart i:nth-child(2)::after{width:31px;transform:rotate(-22deg)}
  .auth-platform-chart i:nth-child(3){left:40%;top:30%}.auth-platform-chart i:nth-child(3)::after{width:30px;transform:rotate(26deg)}
  .auth-platform-chart i:nth-child(4){left:59%;top:48%}.auth-platform-chart i:nth-child(4)::after{width:29px;transform:rotate(-25deg)}
  .auth-platform-chart i:nth-child(5){left:77%;top:28%}.auth-platform-chart i:nth-child(5)::after{width:29px;transform:rotate(-15deg)}
  .auth-platform-chart i:nth-child(6){left:96%;top:17%}.auth-platform-chart i:nth-child(6)::after{display:none}
  .auth-platform-dashboard main>footer{display:grid;grid-template-columns:1fr 1fr;gap:3px}
  .auth-platform-dashboard main>footer span{min-width:0;padding:3px;display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:2px;border:1px solid #edf2f1;border-radius:4px}
  .auth-platform-dashboard main>footer i{width:8px;height:8px;border-radius:50%;background:#0b635b}
  .auth-platform-dashboard main>footer b{overflow:hidden;color:#425e59;font-size:3.4px;white-space:nowrap;text-overflow:ellipsis}
  .auth-platform-dashboard main>footer small{padding:1px 2px;color:#168466;border-radius:3px;background:#e8f8f1;font-size:2.8px;white-space:nowrap}
  .auth-platform-stand{position:absolute;top:164px;left:50%;width:82px;height:31px;transform:translateX(-50%)}
  .auth-platform-stand::before{position:absolute;top:0;left:35px;width:13px;height:24px;background:linear-gradient(90deg,#91a29f,#dce4e2,#829590);content:""}
  .auth-platform-stand i{position:absolute;right:0;bottom:0;left:0;height:7px;border-radius:50% 50% 3px 3px;background:linear-gradient(#dce3e1,#728682);box-shadow:0 5px 8px rgba(22,66,61,.14)}
  .auth-platform-phone{position:absolute;z-index:4;top:116px;right:8px;width:104px;height:185px;padding:13px 6px 7px;overflow:hidden;border:4px solid #123c39;border-radius:19px;background:#fff;box-shadow:0 14px 27px rgba(5,48,44,.17)}
  .auth-platform-notch{position:absolute;z-index:2;top:-1px;left:50%;width:38px;height:8px;border-radius:0 0 8px 8px;background:#123c39;transform:translateX(-50%)}
  .auth-platform-phone>header{height:18px;display:flex;align-items:center;justify-content:space-between;color:#0b9363;border-bottom:1px solid #edf2f1;font-size:5px}
  .auth-platform-phone>header svg{width:14px;height:14px}
  .auth-platform-phone>main{padding:5px 1px;display:flex;flex-direction:column;gap:4px}
  .auth-platform-phone p{max-width:84%;margin:0;padding:4px;color:#37534e;border-radius:4px;background:#edf7f3;font-size:4.1px;line-height:1.45;text-align:right}
  .auth-platform-phone p.reply{margin-right:auto;color:#20634f;background:#dff7e8}
  .auth-platform-phone>footer{position:absolute;right:6px;bottom:7px;left:6px;height:17px;padding:0 5px;display:flex;align-items:center;justify-content:space-between;color:#95a39f;border:1px solid #e4ecea;border-radius:9px;font-size:3.8px}
  .auth-platform-phone>footer b{color:#0b9363}
  .auth-platform-feature{position:absolute;z-index:5;display:grid;justify-items:center;gap:3px;color:#0a625a;text-align:center}
  .auth-platform-feature svg{box-sizing:content-box;width:17px;height:17px;padding:8px;color:#0a7569;border:1px solid #dceae7;border-radius:50%;background:#fff;box-shadow:0 7px 15px rgba(7,69,63,.1)}
  .auth-platform-feature b{font-size:7px;line-height:1.25;white-space:nowrap}
  .auth-platform-feature--alerts{top:5px;left:58px}.auth-platform-feature--reports{top:15px;right:42px}
  .auth-platform-feature--automation{top:128px;left:0}.auth-platform-feature--campaigns{bottom:10px;left:22px}.auth-platform-feature--security{right:42px;bottom:0}
  .auth-showcase--login .auth-showcase-art,.auth-showcase--register .auth-showcase-art{overflow:visible!important}
  .auth-suite-page .auth-suite-shell.login .auth-suite-intro,
  .auth-suite-page .auth-suite-shell.register .auth-suite-intro{display:none!important}
}

@media (min-width:901px) and (max-width:1100px){
  .auth-platform-scene{width:340px;height:272px;transform-origin:top center}
  .auth-platform-scene{transform:scale(.88)}
}

@media (min-width:744px) and (max-width:900px){
  .auth-platform-scene{width:250px;height:200px;transform:scale(.64);transform-origin:top center}
}

/* Keep every desktop/tablet authentication composition inside the first viewport. */
@media (min-width:744px){
  .auth-suite-page{
    box-sizing:border-box!important;
    height:100dvh!important;
    min-height:0!important;
    padding:8px 22px 12px!important;
    overflow:hidden!important;
  }
  .auth-suite-page .auth-suite-stage{
    height:100%!important;
    min-height:0!important;
    grid-template-rows:64px minmax(0,1fr)!important;
    gap:6px!important;
  }
  .auth-suite-page .auth-suite-brandbar{
    height:64px!important;
    min-height:64px!important;
  }
  .auth-suite-page .auth-suite-shell,
  .auth-suite-page .auth-suite-reset,
  .auth-suite-page .auth-suite-otp,
  .auth-suite-page .auth-suite-shell>.auth-suite-panel,
  .auth-suite-page .auth-suite-otp>.email-otp-panel,
  .auth-suite-page .auth-suite-shell>.auth-suite-visual,
  .auth-suite-page .auth-suite-otp>.auth-suite-email-visual{
    height:100%!important;
    min-height:0!important;
  }
  .auth-showcase{
    --auth-art-gap:0px;
    height:100%!important;
    min-height:0!important;
    padding:22px clamp(20px,2.6vw,34px) 16px!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  .auth-showcase-copy h2{font-size:clamp(24px,2.15vw,33px)!important;line-height:1.38!important}
  .auth-showcase-copy p{margin-top:7px!important;font-size:clamp(12px,1vw,15px)!important;line-height:1.7!important}
  .auth-showcase-art{
    padding-top:0!important;
    place-items:start center!important;
    transform:translateY(-18px)!important;
  }
  .auth-showcase-art .auth-suite-scene{
    max-height:min(250px,34dvh)!important;
  }
  .auth-platform-scene{
    width:400px!important;
    height:282px!important;
    margin:0 auto!important;
    transform:scale(.88)!important;
    transform-origin:top center!important;
  }
  .auth-platform-scene::before{
    position:absolute;
    z-index:0;
    inset:28px 25px 8px;
    border:1px dashed rgba(17,127,115,.26);
    border-radius:50%;
    content:"";
    pointer-events:none;
  }
  .auth-platform-feature::after{
    position:absolute;
    z-index:-1;
    width:40px;
    border-top:1px dashed rgba(17,127,115,.3);
    content:"";
    pointer-events:none;
  }
  .auth-platform-feature--alerts::after{top:29px;left:28px;transform:rotate(38deg)}
  .auth-platform-feature--reports::after{top:29px;right:28px;transform:rotate(142deg)}
  .auth-platform-feature--automation::after{top:18px;left:26px;transform:rotate(-12deg)}
  .auth-platform-feature--campaigns::after{top:13px;left:28px;transform:rotate(-35deg)}
  .auth-platform-feature--security::after{top:13px;right:28px;transform:rotate(215deg)}
}

@media (min-width:901px) and (max-width:1100px){
  .auth-showcase{padding-top:18px!important}
  .auth-showcase-art{transform:translateY(-16px)!important}
  .auth-showcase-art .auth-suite-scene{max-height:min(210px,32dvh)!important}
  .auth-platform-scene{height:240px!important;transform:scale(.75)!important}
}

@media (min-width:744px) and (max-width:900px){
  .auth-suite-page{padding:6px 12px 8px!important}
  .auth-suite-page .auth-suite-stage{grid-template-rows:58px minmax(0,1fr)!important;gap:4px!important}
  .auth-suite-page .auth-suite-brandbar{height:58px!important;min-height:58px!important}
  .auth-showcase{padding:15px 14px 10px!important}
  .auth-showcase-copy h2{font-size:clamp(20px,2.8vw,25px)!important}
  .auth-showcase-copy p{margin-top:4px!important;font-size:11px!important;line-height:1.55!important}
  .auth-showcase-art{transform:translateY(-14px)!important}
  .auth-showcase-art .auth-suite-scene{max-height:min(165px,29dvh)!important}
  .auth-platform-scene{height:186px!important;transform:scale(.58)!important}
}

/* Stable, reference-matched authentication panels with a single caption card. */
html:has(.auth-suite-page),body:has(.auth-suite-page){overflow:hidden!important;overscroll-behavior:none!important}
@media (min-width:744px){
  .auth-suite-page{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100svh!important;
    overscroll-behavior:none!important;
  }
  .auth-suite-page .auth-suite-stage,
  .auth-suite-page .auth-suite-shell,
  .auth-suite-page .auth-suite-shell>.auth-suite-panel,
  .auth-suite-page .auth-suite-shell>.auth-suite-visual{max-height:100%!important;overflow:hidden!important}
  .auth-showcase{grid-template-rows:auto minmax(0,1fr) auto!important}
  .auth-showcase-caption{
    position:relative;
    z-index:6;
    width:min(100%,480px);
    min-height:58px;
    margin:0 auto;
    padding:10px 14px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    direction:rtl;
    color:#365650;
    border:1px solid #dce9e6;
    border-radius:13px;
    background:rgba(255,255,255,.9);
    box-shadow:0 8px 22px rgba(6,43,40,.045);
  }
  .auth-showcase-caption>span{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    flex:0 0 40px;
    color:#fff;
    border-radius:50%;
    background:linear-gradient(145deg,#08766c,#07544d);
  }
  .auth-showcase-caption svg{width:21px;height:21px}
  .auth-showcase-caption p{margin:0!important;color:inherit!important;font-size:12px!important;line-height:1.7!important;text-align:right!important}
  .auth-suite-page .auth-suite-mode-tabs button{color:#4f6964!important;background:#fff!important}
  .auth-suite-page .auth-suite-mode-tabs button.active{
    color:#fff!important;
    background:linear-gradient(135deg,#08766c,#07544d)!important;
    box-shadow:none!important;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs button{color:#c2d6d2!important;background:#0b2825!important}
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs button.active{color:#fff!important;background:linear-gradient(135deg,#0b8376,#08665d)!important}
  .auth-suite-page[data-auth-theme="dark"] .auth-showcase-caption{color:#c8dcd7;border-color:#31514b;background:rgba(7,27,25,.78)}
  .auth-showcase-dots,.auth-showcase-pagination{display:none!important}
}
@media (min-width:901px) and (max-width:1100px){
  .auth-showcase-caption{min-height:50px;padding:8px 10px;gap:9px}
  .auth-showcase-caption>span{width:34px;height:34px;flex-basis:34px}
  .auth-showcase-caption p{font-size:10px!important}
}
@media (min-width:744px) and (max-width:900px){
  .auth-showcase-caption{min-height:44px;padding:6px 8px;gap:7px;border-radius:10px}
  .auth-showcase-caption>span{width:30px;height:30px;flex-basis:30px}
  .auth-showcase-caption svg{width:16px;height:16px}
  .auth-showcase-caption p{font-size:8.5px!important;line-height:1.5!important}
}

/* Keep the approved outer artwork sizes while centering and clarifying their contents. */
@media (min-width:744px){
  .auth-showcase-art{
    place-items:center!important;
    padding-top:0!important;
    transform:none!important;
  }
  .auth-showcase-art>.auth-platform-scene,
  .auth-showcase-art>.auth-suite-scene{
    align-self:center!important;
    justify-self:center!important;
    margin:0 auto!important;
  }
  .auth-showcase-art>.auth-platform-scene{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    transform:translate(-50%,-50%) scale(.88)!important;
  }
  .auth-platform-monitor{
    transform:scale(1.055);
    transform-origin:50% 54%;
  }
  .auth-platform-scene{transform-origin:center center!important}
  .auth-platform-phone{
    top:112px;
    right:2px;
    transform:scale(1.065);
    transform-origin:50% 52%;
  }
  .auth-platform-feature svg{width:18px;height:18px;padding:8.5px}
  .auth-platform-feature b{font-size:7.4px}
}
@media (min-width:901px) and (max-width:1100px){
  .auth-showcase-art>.auth-platform-scene{transform:translate(-50%,-50%) scale(.75)!important}
}
@media (min-width:744px) and (max-width:900px){
  .auth-showcase-art>.auth-platform-scene{transform:translate(-50%,-50%) scale(.58)!important}
}

/* Campaign creation: one explicit channel choice per independent card. */
.campaign-creation-cards{align-items:stretch}
.campaign-creation-card{position:relative;align-items:flex-start!important;min-height:285px!important;padding:24px!important}
.campaign-creation-card>.campaign-creation-icon{display:grid!important;width:58px!important;height:58px!important;flex:0 0 58px!important;place-items:center;border-radius:50%!important;color:#0b3f3b!important;background:#edf7f5!important}
.campaign-creation-copy{display:grid;min-width:0;flex:1;gap:10px}.campaign-creation-copy>h3,.campaign-creation-copy>p{margin:0!important}
.campaign-channel-selector{display:grid;gap:8px;margin-top:2px}.campaign-channel-selector>div:first-child{display:grid;gap:2px}.campaign-channel-selector>div:first-child>strong{color:#244640;font-size:12px}.campaign-channel-selector>div:first-child>small{color:#879693;font-size:9px}
.campaign-channel-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.campaign-channel-choice{position:relative;display:grid;grid-template-columns:24px 1fr 28px;align-items:center;gap:8px;min-height:58px;padding:9px 11px;border:1px solid #d9e5e3;border-radius:9px;color:#345650;background:#fff;font:inherit;text-align:right;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,opacity .18s ease}
.campaign-channel-choice:hover:not(:disabled){border-color:#6c9e97;background:#f8fbfa}.campaign-channel-choice.is-selected{border-color:#0b3f3b;color:#0b3f3b;background:#f0f8f6;box-shadow:0 0 0 1px rgba(11,63,59,.08)}
.campaign-channel-choice.is-disabled{opacity:.5;cursor:not-allowed}.campaign-channel-choice:disabled{pointer-events:auto}
.campaign-channel-check{display:grid;width:20px;height:20px;place-items:center;border:1px solid #cddbd8;border-radius:4px;color:#fff;background:#fff;font-size:12px;font-weight:800}.campaign-channel-choice.is-selected .campaign-channel-check{border-color:#0b3f3b;background:#0b3f3b}
.campaign-channel-choice>strong{font-size:11px}.campaign-channel-brand-icon{display:grid!important;width:28px!important;height:28px!important;place-items:center;border-radius:7px!important;color:#0b3f3b!important;background:#edf7f5!important}.campaign-channel-brand-icon svg{width:17px!important;height:17px!important}.campaign-channel-choice>small{grid-column:1/-1;color:#8b5e25;font-size:8px}
.campaign-creation-continue{justify-self:start;min-width:145px!important;margin-top:2px;background:#0b3f3b!important;background-image:none!important}.campaign-creation-continue:disabled{opacity:.42;cursor:not-allowed}
.campaign-selected-channel{display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #bad6d1;border-radius:9px;color:#0b3f3b;background:#f1f8f6;font-size:12px;font-weight:800}.campaign-selected-channel svg{width:20px;height:20px}
.campaign-wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 18px;padding:0;list-style:none;border:1px solid #dfe9e7;border-radius:11px;background:#fff;overflow:hidden}.campaign-wizard-steps li{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;color:#788b87;font-size:11px;font-weight:700}.campaign-wizard-steps li:not(:last-child){border-inline-end:1px solid #e3ecea}.campaign-wizard-steps li b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#0b3f3b;background:#edf7f5;font-size:10px}.campaign-wizard-steps li.active{color:#0b3f3b;background:#f7fbfa}.campaign-wizard-steps li.active b{color:#fff;background:#0b3f3b}
.ref-form-title>span{font-variant-numeric:tabular-nums}.ref-form-title>div{display:grid;gap:3px}.ref-form-title>div h2{margin:0}.ref-form-title>div small{color:#879693;font-size:9px}
.campaign-selected-product{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #dce8e5;border-radius:10px;background:#f8fbfa}.campaign-selected-product img,.campaign-selected-product>span{display:grid;width:64px;height:64px;flex:0 0 64px;place-items:center;border-radius:9px;object-fit:cover;color:#0b3f3b;background:#edf7f5}.campaign-selected-product>span svg{width:28px;height:28px}.campaign-selected-product>div{display:grid;gap:3px}.campaign-selected-product small,.campaign-selected-product em{color:#82928f;font-size:9px}.campaign-selected-product strong{color:#173d38;font-size:14px}.campaign-selected-product b{color:#0b3f3b;font-size:12px}
.campaign-preview-media{display:block;width:100%;max-height:180px;margin:0 auto 12px;border-radius:10px;object-fit:cover}.campaign-phone .campaign-preview-media{max-height:145px}.campaign-builder-guard .suite-mini-empty{max-width:620px;margin:36px auto;padding:36px;text-align:center}.campaign-builder-guard .suite-mini-empty>span{display:grid;width:62px;height:62px;margin:0 auto 10px;place-items:center;border-radius:50%;color:#0b3f3b;background:#edf7f5}.campaign-builder-guard .suite-mini-empty>span svg{width:30px;height:30px}

@media (max-width:900px){
  .campaign-creation-card{min-height:0!important}.campaign-wizard-steps li{min-height:48px;font-size:9px}.campaign-selected-channel{align-self:flex-start}
}
@media (max-width:640px){
  .campaign-creation-card{grid-template-columns:44px 1fr!important;padding:16px!important}.campaign-creation-card>.campaign-creation-icon{width:44px!important;height:44px!important;flex-basis:44px!important}.campaign-channel-options{grid-template-columns:1fr}.campaign-channel-choice{min-height:54px}.campaign-creation-continue{width:100%;justify-self:stretch}.campaign-wizard-steps{grid-template-columns:1fr 1fr}.campaign-wizard-steps li:nth-child(2){border-inline-end:0}.campaign-wizard-steps li:nth-child(-n+2){border-bottom:1px solid #e3ecea}.campaign-builder-heading .campaign-selected-channel{width:100%;justify-content:center}
}

/* Account newsletter, precise storage units, and polished anchored notifications. */
.settings-ref-avatar.fallback{
  color:#fff;
  background:#064b46;
  box-shadow:0 0 0 7px rgba(6,75,70,.08),0 12px 25px rgba(6,43,40,.14);
}
.newsletter-live-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;color:#087b5a;background:#e7f8f1;font-size:10px;font-weight:800;white-space:nowrap}.newsletter-live-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}.newsletter-link-note{display:flex;align-items:center;gap:7px;margin-top:10px;color:#647773;font-size:10px}.newsletter-link-note svg{width:15px;height:15px}.newsletter-honeypot{position:absolute!important;inset-inline-start:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.settings-storage-caption{display:block;margin-top:7px;color:#718096}.settings-ref-card.storage.is-limit-reached .settings-storage-caption{color:#a45e12;font-weight:700}.settings-ref-card.storage.is-limit-reached .storage-progress i{background:#0B3F3B}

.newsletter-public-shell{min-height:100dvh;background:radial-gradient(circle at 50% 15%,rgba(83,199,181,.17),transparent 32%),#f5f9f8}.newsletter-public-header{height:76px;padding:0 clamp(20px,5vw,70px);display:flex;align-items:center;border-bottom:1px solid rgba(207,225,221,.8);background:rgba(255,255,255,.78);backdrop-filter:blur(14px)}.newsletter-public-header .brand{padding:0;border:0;background:none;cursor:pointer}.newsletter-public-header .brand-logo-image{width:145px}.newsletter-public-main{width:min(100% - 32px,560px);margin:clamp(48px,9vh,96px) auto 32px;text-align:center}.newsletter-public-card{padding:clamp(26px,5vw,46px);border:1px solid #dce9e6;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(6,43,40,.11)}.newsletter-public-icon{width:66px;height:66px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#064b46;box-shadow:0 0 0 9px rgba(6,75,70,.08)}.newsletter-public-icon svg{width:28px;height:28px}.newsletter-public-eyebrow{color:#087267;font-size:11px;font-weight:800}.newsletter-public-card h1{margin:8px 0 10px;color:#062B28;font-size:clamp(24px,5vw,34px)}.newsletter-public-card>p{max-width:410px;margin:0 auto 24px;color:#637773;line-height:1.8}.newsletter-public-card form{display:grid;gap:13px;text-align:right}.newsletter-public-card form .btn{min-height:48px;justify-content:center}.newsletter-public-card form>small{display:flex;align-items:center;justify-content:center;gap:6px;color:#7a8d89;text-align:center}.newsletter-public-card form>small svg{width:14px;height:14px}.newsletter-public-powered{color:#7c8f8b;font-size:11px}.newsletter-public-loading{min-height:260px;display:grid;place-items:center;align-content:center;gap:15px;color:#627773}.newsletter-public-loading i{width:34px;height:34px;border:3px solid #dbeae7;border-top-color:#087267;border-radius:50%;animation:spin .8s linear infinite}.newsletter-public-invalid{min-height:260px;display:grid;place-items:center;align-content:center}.newsletter-public-invalid>svg{width:46px;height:46px;color:#b56b16}.newsletter-public-invalid h1{margin:12px 0 4px}.newsletter-public-invalid p{color:#718096}.newsletter-public-success{display:grid;place-items:center;gap:8px;padding:20px;text-align:center}.newsletter-public-success>svg{width:52px;height:52px;padding:12px;border-radius:50%;color:#087b5a;background:#e7f8f1}.newsletter-public-success strong{color:#062B28;font-size:17px}.newsletter-public-success span{color:#718096;font-size:12px}

:root[data-theme="dark"] .settings-ref-avatar.fallback{color:#062B28;background:#77d9ca;box-shadow:0 0 0 7px rgba(119,217,202,.1)}:root[data-theme="dark"] .newsletter-live-badge{color:#83e2c1;background:#143d34}:root[data-theme="dark"] .newsletter-link-note,:root[data-theme="dark"] .settings-storage-caption{color:var(--text-muted)}:root[data-theme="dark"] .integration-card--unavailable{background:var(--surface)!important}:root[data-theme="dark"] .integration-card--unavailable .integration-action:disabled{color:var(--text);border-color:var(--border);background:var(--surface-soft)}

@media(max-width:760px){.notification-dropdown{position:fixed;top:max(68px,calc(env(safe-area-inset-top) + 60px));left:50%;inset-inline-end:auto;transform:translateX(-50%)}.newsletter-link{grid-template-columns:1fr 1fr}.newsletter-link .input{grid-column:1/-1}.newsletter-preview{grid-template-columns:1fr}.newsletter-preview strong{grid-column:auto}.newsletter-public-header{height:64px}.newsletter-public-header .brand-logo-image{width:124px}.newsletter-public-main{margin-top:34px}.newsletter-public-card{border-radius:17px}}

/* Final auth flow correction: reference order, visible tabs and register-only scrolling. */
@media (min-width:744px){
  .auth-showcase-copy{
    padding-top:clamp(12px,1.35vw,20px)!important;
  }
  .auth-showcase-art>.auth-suite-scene{
    transform:translateY(clamp(10px,1.25vw,18px))!important;
  }
  .auth-suite-page .auth-suite-mode-tabs{
    min-height:54px!important;
    height:54px!important;
    flex:0 0 54px!important;
    align-self:stretch!important;
  }
  .auth-suite-page .auth-suite-mode-tabs button{
    height:54px!important;
    min-height:54px!important;
    flex:0 0 auto!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .auth-suite-page .auth-suite-mode-tabs button>span{
    display:inline!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  .auth-suite-page .auth-suite-otp>.email-otp-panel{
    grid-column:1!important;
    grid-row:1!important;
    direction:rtl!important;
  }
  .auth-suite-page .auth-suite-otp>.auth-suite-email-visual{
    grid-column:2!important;
    grid-row:1!important;
  }
  .auth-suite-page .email-otp-email .input{
    color:#183a36!important;
    -webkit-text-fill-color:#183a36!important;
    opacity:1!important;
    border-color:#dce7e5!important;
    background:#fff!important;
  }
  html:has(.auth-suite-shell.register),
  body:has(.auth-suite-shell.register){
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
  }
  .auth-suite-page:has(.auth-suite-shell.register){
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    min-height:100svh!important;
    overflow:visible!important;
    align-items:start!important;
  }
  .auth-suite-page:has(.auth-suite-shell.register) .auth-suite-stage{
    height:auto!important;
    min-height:100svh!important;
    max-height:none!important;
    grid-template-rows:64px auto!important;
    overflow:visible!important;
  }
  .auth-suite-page .auth-suite-shell.register{
    height:auto!important;
    min-height:690px!important;
    max-height:none!important;
    align-items:start!important;
    overflow:visible!important;
  }
  .auth-suite-page .auth-suite-shell.register>.auth-suite-panel{
    height:auto!important;
    min-height:690px!important;
    max-height:none!important;
    align-self:start!important;
    overflow:visible!important;
  }
  .auth-suite-page .auth-suite-shell.register>.auth-suite-visual{
    height:690px!important;
    min-height:690px!important;
    max-height:690px!important;
    align-self:start!important;
  }
  .auth-suite-page .auth-suite-shell.register .auth-suite-form{
    flex:0 0 auto!important;
  }
}

@media (min-width:744px) and (max-width:1100px){
  .auth-suite-page .auth-suite-mode-tabs,
  .auth-suite-page .auth-suite-mode-tabs button{
    height:48px!important;
    min-height:48px!important;
  }
  .auth-suite-page .auth-suite-mode-tabs{flex-basis:48px!important}
  .auth-suite-page .auth-suite-shell.register,
  .auth-suite-page .auth-suite-shell.register>.auth-suite-panel,
  .auth-suite-page .auth-suite-shell.register>.auth-suite-visual{
    min-height:640px!important;
  }
  .auth-suite-page .auth-suite-shell.register>.auth-suite-visual{
    height:640px!important;
    max-height:640px!important;
  }
}

/* Reference-derived artwork: keep mobile untouched and preserve approved panel sizes. */
.auth-showcase-reference-art{display:none}

@media (min-width:744px){
  .auth-showcase-art>.auth-showcase-reference-art{
    position:relative;
    z-index:5;
    width:min(calc(100% + 30px),590px)!important;
    height:100%!important;
    max-width:none!important;
    max-height:430px!important;
    margin:0 auto!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center center!important;
    filter:drop-shadow(0 18px 20px rgba(6,43,40,.11));
    transform:translateY(5px)!important;
  }
  .auth-showcase-art>.auth-platform-scene,
  .auth-showcase-art>.auth-suite-scene{
    display:none!important;
  }
  .auth-showcase--login .auth-showcase-reference-art,
  .auth-showcase--register .auth-showcase-reference-art{
    width:min(calc(100% + 54px),620px)!important;
    max-height:455px!important;
  }
  .auth-showcase--mfa .auth-showcase-reference-art{
    width:min(calc(100% + 18px),560px)!important;
  }
  .auth-showcase--reset .auth-showcase-reference-art,
  .auth-showcase--signupOtp .auth-showcase-reference-art,
  .auth-showcase--loginOtp .auth-showcase-reference-art{
    width:min(calc(100% + 12px),550px)!important;
    max-height:420px!important;
  }
}

@media (min-width:744px) and (max-width:1100px){
  .auth-showcase--login .auth-showcase-copy,
  .auth-showcase--register .auth-showcase-copy{max-width:360px!important}
  .auth-showcase-art>.auth-showcase-reference-art{
    width:min(calc(100% + 22px),520px)!important;
    max-height:380px!important;
    transform:translateY(3px)!important;
  }
  .auth-showcase--login .auth-showcase-reference-art,
  .auth-showcase--register .auth-showcase-reference-art{
    width:min(calc(100% + 38px),545px)!important;
    max-height:400px!important;
  }
}

/* Clean artwork balance: the reference asset owns its precisely attached connector paths. */
@media (min-width:744px){
  .auth-showcase{
    padding-bottom:20px!important;
  }
  .auth-showcase-art{
    margin-bottom:0!important;
    overflow:visible!important;
  }
}

@media (min-width:744px) and (max-width:1100px){
  .auth-showcase{padding-bottom:14px!important}
}

/* Keep every reference illustration fully visible inside the approved fixed panel. */
@media (min-width:744px){
  .auth-showcase-art>.auth-showcase-reference-art{
    transform:translateY(-10px)!important;
  }
  .auth-showcase--login .auth-showcase-reference-art,
  .auth-showcase--register .auth-showcase-reference-art{
    width:min(calc(100% + 18px),570px)!important;
    max-height:410px!important;
  }
}

@media (min-width:744px) and (max-width:1100px){
  .auth-showcase-art>.auth-showcase-reference-art{
    transform:translateY(-9px)!important;
  }
  .auth-showcase--login .auth-showcase-reference-art,
  .auth-showcase--register .auth-showcase-reference-art{
    width:min(calc(100% + 8px),500px)!important;
    max-height:355px!important;
  }
}

/* Stable access artwork: one panel size for sign-in/register, using embedded connectors. */
@media (min-width:744px){
  html:has(.auth-suite-shell.login),
  html:has(.auth-suite-shell.register),
  body:has(.auth-suite-shell.login),
  body:has(.auth-suite-shell.register){
    direction:ltr!important;
  }
  .auth-suite-page:has(.auth-suite-shell.login),
  .auth-suite-page:has(.auth-suite-shell.register){
    width:100vw!important;
    max-width:100vw!important;
    direction:rtl!important;
  }
  .auth-suite-page .auth-suite-shell.login,
  .auth-suite-page .auth-suite-shell.register{
    --auth-showcase-height:min(650px,calc(100dvh - 90px))!important;
  }
  .auth-suite-page .auth-suite-shell.login>.auth-suite-visual,
  .auth-suite-page .auth-suite-shell.register>.auth-suite-visual{
    height:var(--auth-showcase-height)!important;
    min-height:var(--auth-showcase-height)!important;
    max-height:var(--auth-showcase-height)!important;
    align-self:start!important;
  }
  .auth-showcase--login,
  .auth-showcase--register{
    height:100%!important;
    min-height:100%!important;
  }
  .auth-showcase--login .auth-showcase-reference-art,
  .auth-showcase--register .auth-showcase-reference-art{
    width:min(calc(100% - 4px),540px)!important;
    max-height:380px!important;
    transform:translateY(0)!important;
  }
}

@media (min-width:744px) and (max-width:1100px){
  .auth-suite-page:has(.auth-suite-shell.login) .auth-suite-stage,
  .auth-suite-page:has(.auth-suite-shell.register) .auth-suite-stage{
    width:calc(100vw - 44px)!important;
    max-width:calc(100vw - 44px)!important;
    justify-self:center!important;
  }
  .auth-showcase--login .auth-showcase-reference-art,
  .auth-showcase--register .auth-showcase-reference-art{
    width:min(calc(100% - 18px),470px)!important;
    max-height:330px!important;
    transform:translateY(0)!important;
  }
}

/* Preserve the original artwork quality; connectors are a separate layer behind it. */
.auth-showcase-feature-connectors,.auth-showcase-relocated-features,.auth-reference-feature-labels{display:none}
@media (min-width:744px){
  .auth-showcase--login .auth-showcase-reference-art,
  .auth-showcase--register .auth-showcase-reference-art{
    filter:drop-shadow(0 14px 20px rgba(6,43,40,.1))!important;
  }
  .auth-showcase--login .auth-showcase-feature-connectors,
  .auth-showcase--register .auth-showcase-feature-connectors{
    position:absolute;
    z-index:4;
    top:50%;
    left:50%;
    height:min(100%,380px);
    aspect-ratio:1127/1038;
    display:block;
    pointer-events:none;
    transform:translate(-50%,-50%);
  }
  .auth-feature-connector{
    position:absolute;
    height:1.5px;
    box-sizing:border-box;
    border:0;
    border-inline:1.5px solid rgba(8,111,101,.62);
    border-radius:999px;
    background:repeating-linear-gradient(90deg,rgba(8,111,101,.62) 0 4px,transparent 4px 8px);
    transform-origin:left center;
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.9));
  }
  .auth-feature-connector--alerts{top:8.86%;left:13.04%;width:7.66%;transform:rotate(25.4deg)}
  .auth-feature-connector--reports{top:9.83%;left:88.64%;width:12.1%;transform:rotate(166deg)}
  .auth-feature-connector--automation{top:37.1%;left:10.56%;width:10.2%;transform:rotate(-26.3deg)}
  .auth-feature-connector--campaigns{top:70.91%;left:10.38%;width:11.1%;transform:rotate(-32.5deg)}
  .auth-feature-connector--channels{top:88%;left:38.4%;width:7.5%;transform:rotate(-51deg);display:none}
  .auth-feature-connector--security{top:88.05%;left:73.4%;width:8.5%;transform:rotate(-143.5deg);display:none}
  .auth-showcase--login .auth-showcase-relocated-features,
  .auth-showcase--register .auth-showcase-relocated-features{
    position:absolute;
    z-index:6;
    top:50%;
    left:50%;
    height:min(100%,380px);
    aspect-ratio:1127/1038;
    display:block;
    overflow:visible;
    pointer-events:none;
    transform:translate(-50%,-50%);
  }
  .auth-showcase--login .auth-reference-feature-labels,
  .auth-showcase--register .auth-reference-feature-labels{
    position:absolute;
    z-index:7;
    top:50%;
    left:50%;
    height:min(100%,380px);
    aspect-ratio:1127/1038;
    display:block;
    overflow:visible;
    pointer-events:none;
    transform:translate(-50%,-50%);
  }
  .auth-reference-feature-label{
    position:absolute;
    display:grid;
    place-items:center;
    box-sizing:border-box;
    min-height:20px;
    padding:3px 6px 2px;
    color:#073f3a;
    text-align:center;
    direction:rtl;
    background:transparent;
  }
  .auth-reference-feature-label>b,
  .auth-relocated-feature>b{font-family:"Tajawal","IBM Plex Sans Arabic",system-ui,sans-serif;font-size:10px;font-weight:500;line-height:1.3;letter-spacing:0}
  .auth-reference-feature-label>b{white-space:normal}
  .auth-reference-feature-label--alerts{top:15.1%;left:9.8%;width:76px;transform:translate(-50%,-50%)}
  .auth-reference-feature-label--reports{top:16%;left:91.7%;width:88px;transform:translate(-50%,-50%)}
  .auth-reference-feature-label--automation{top:48%;left:7.4%;width:64px;transform:translate(-50%,-50%)}
  .auth-reference-feature-label--campaigns{top:83.1%;left:7.4%;width:62px;transform:translate(-50%,-50%)}
  .auth-relocated-feature{
    position:absolute;
    z-index:2;
    width:72px;
    display:grid;
    justify-items:center;
    gap:4px;
    color:#073f3a;
    text-align:center;
    direction:rtl;
  }
  .auth-relocated-feature>i{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    color:#08766c;
    border:1px solid rgba(8,111,101,.1);
    border-radius:50%;
    background:#fff;
    box-shadow:0 8px 18px rgba(6,43,40,.1);
  }
  .auth-relocated-feature svg{width:23px;height:23px}
  .auth-relocated-feature>b{white-space:nowrap}
  .auth-suite-page[data-auth-language="en"] :is(.auth-reference-feature-label,.auth-relocated-feature){direction:ltr}
  .auth-suite-page[data-auth-language="en"] :is(.auth-reference-feature-label>b,.auth-relocated-feature>b){font-family:"Sora","Tajawal",system-ui,sans-serif;font-weight:500}
  .auth-suite-page[data-auth-language="en"] .auth-reference-feature-label>b,
  .auth-suite-page[data-auth-language="en"] .auth-relocated-feature>b{
    max-width:100%;
    font-size:8px;
    line-height:1.2;
    white-space:normal;
    text-wrap:balance;
  }
  .auth-relocated-connectors{
    position:absolute;
    z-index:0;
    inset:0;
    width:100%;
    height:100%;
    overflow:visible;
    color:rgba(8,111,101,.62);
  }
  .auth-relocated-connectors line{
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
    stroke-dasharray:4 4;
    stroke-linecap:round;
    vector-effect:non-scaling-stroke;
  }
  .auth-relocated-connectors circle{fill:currentColor}
  .auth-relocated-feature::before{
    content:none;
  }
  .auth-relocated-feature--channels{top:41%;left:95%;transform:translate(-8%,-50%)}
  .auth-relocated-feature--security{top:76%;left:95%;transform:translate(-8%,-50%)}
  .auth-suite-page[data-auth-theme="dark"] .auth-feature-connector{
    border-color:rgba(119,211,197,.72);
    background:repeating-linear-gradient(90deg,rgba(119,211,197,.72) 0 4px,transparent 4px 8px);
    filter:none;
  }
  .auth-suite-page[data-auth-theme="dark"] .auth-relocated-feature{color:#edf8f5}
  .auth-suite-page[data-auth-theme="dark"] .auth-relocated-feature>i{color:#8bd9cd;border-color:#31514b;background:#0b2825}
  .auth-suite-page[data-auth-theme="dark"] .auth-relocated-connectors{color:rgba(119,211,197,.72)}
}
@media (min-width:744px) and (max-width:1100px){
  .auth-showcase--login .auth-showcase-feature-connectors,
  .auth-showcase--register .auth-showcase-feature-connectors{height:min(100%,330px)}
  .auth-showcase--login .auth-showcase-relocated-features,
  .auth-showcase--register .auth-showcase-relocated-features{height:min(100%,330px)}
  .auth-showcase--login .auth-reference-feature-labels,
  .auth-showcase--register .auth-reference-feature-labels{height:min(100%,330px)}
  .auth-feature-connector{height:1.5px}
  .auth-relocated-feature{width:66px}
  .auth-relocated-feature>i{width:38px;height:38px}
  .auth-relocated-feature svg{width:21px;height:21px}
  .auth-reference-feature-label>b,.auth-relocated-feature>b{font-size:9px}
  .auth-reference-feature-label--alerts{width:70px}
  .auth-reference-feature-label--reports{width:82px}
  .auth-reference-feature-label--automation{width:58px}
  .auth-reference-feature-label--campaigns{width:56px}
}

/* Shared Renvix operational icon system: one brand treatment across every dashboard family. */
.dashboard-main{
  --metric-icon-surface:#edf8f6;
  --metric-icon-ink:#087267;
  --metric-icon-border:#d8ebe7;
  --metric-icon-shadow:0 7px 18px rgba(7,79,71,.07);
  --metric-value-ink:#087267;
}
.dashboard-main .stat-card-icon,
.dashboard-main .suite-metric-icon,
.dashboard-main .template-summary-icon,
.dashboard-main .template-brand-icon,
.dashboard-main .apps-stat-icon,
.dashboard-main .billing-stat>span,
.dashboard-main .security-summary-icon,
.dashboard-main .security-main-icon,
.dashboard-main .capi-summary-card>span,
.dashboard-main .salla-template-card-icon,
.dashboard-main .message-activation-icon{
  border-radius:50%;
  color:var(--metric-icon-ink)!important;
  border-color:var(--metric-icon-border)!important;
  background:var(--metric-icon-surface)!important;
  box-shadow:var(--metric-icon-shadow);
}
.dashboard-main .salla-template-card-icon,
.dashboard-main .salla-template-lock-logo{
  border-radius:50%;
}
.dashboard-main .salla-template-card:nth-child(n) .salla-template-card-icon,
.dashboard-main .stat-card:is(.info,.success,.warning,.danger,.purple,.neutral) .stat-card-icon,
.dashboard-main .suite-metric:is(.info,.success,.warning,.danger,.purple,.teal) .suite-metric-icon,
.dashboard-main .apps-overview-stat:is(.info,.success,.warning,.danger,.purple) .apps-stat-icon,
.dashboard-main .template-summary-icon:is(.success,.warning),
.dashboard-main .template-brand-icon:is(.whatsapp,.email){
  color:var(--metric-icon-ink)!important;
  border-color:var(--metric-icon-border)!important;
  background:var(--metric-icon-surface)!important;
}
.dashboard-main :is(
  .stat-card-icon,
  .suite-metric-icon,
  .template-summary-icon,
  .template-brand-icon,
  .apps-stat-icon,
  .billing-stat>span,
  .security-summary-icon,
  .security-main-icon,
  .capi-summary-card>span,
  .salla-template-card-icon,
  .message-activation-icon
) .line-icon{
  color:inherit!important;
  opacity:1!important;
  stroke:currentColor!important;
}
.dashboard-main :is(
  .salla-template-enable>div>svg,
  .salla-template-form-card>.section-head>svg,
  .salla-template-preview-sticky>.section-head>svg
){
  color:var(--metric-icon-ink)!important;
  opacity:1!important;
  stroke:currentColor!important;
}
.dashboard-main .stat-card strong,
.dashboard-main .template-summary-grid strong,
.dashboard-main .apps-overview-stat b,
.dashboard-main .billing-stat strong,
.dashboard-main .channel-usage-summary strong,
.dashboard-main .email-credit-package strong,
.dashboard-main .email-credit-package span,
.dashboard-main .security-summary-value,
.dashboard-main .capi-summary-card strong,
.dashboard-main .dashboard-plan .plan-price{
  color:var(--metric-value-ink);
  font-family:var(--font-latin),var(--font-arabic),sans-serif;
  font-weight:750;
  font-variant-numeric:tabular-nums;
}
.pricing-public-grid .pricing-card .price strong{
  color:#087267;
  font-family:var(--font-latin),var(--font-arabic),sans-serif;
  font-weight:750;
  font-variant-numeric:tabular-nums;
}
:root[data-theme="dark"] .dashboard-main{
  --metric-icon-surface:#123f3b;
  --metric-icon-ink:#7fd7c7;
  --metric-icon-border:#285b55;
  --metric-icon-shadow:none;
  --metric-value-ink:#7fd7c7;
}

/* Cohesive dark marketing/auth surfaces and a genuinely sequential step rail. */
:root[data-theme="dark"]{color-scheme:dark}
:root[data-theme="dark"] body{color:#eaf5f2;background:#041a18!important}
:root[data-theme="dark"] .page-shell.public-site,
:root[data-theme="dark"] .page-shell.public-site>main,
:root[data-theme="dark"] .marketing-v3,
:root[data-theme="dark"] .marketing-v3-section,
:root[data-theme="dark"] .marketing-steps-section{
  color:#eaf5f2!important;
  background:#061f1c!important;
}
:root[data-theme="dark"] .public-site .public-nav{
  color:#edf8f5!important;
  border-color:#173d38!important;
  background:rgba(4,28,25,.97)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.2)!important;
}
:root[data-theme="dark"] .public-site .nav-link,
:root[data-theme="dark"] .public-site .nav-actions,
:root[data-theme="dark"] .public-site .public-theme,
:root[data-theme="dark"] .public-site .public-language-compact{color:#dcece8!important}
:root[data-theme="dark"] .marketing-home-v3 .marketing-v3-hero{
  background:
    radial-gradient(circle at 19% 34%,rgba(44,188,169,.15),transparent 32%),
    radial-gradient(circle at 82% 22%,rgba(91,211,194,.09),transparent 29%),
    linear-gradient(180deg,#06231f 0%,#061f1c 100%)!important;
}
:root[data-theme="dark"] .marketing-home-v3 .marketing-v3-copy h1,
:root[data-theme="dark"] .marketing-home-v3 .marketing-v3-copy h1 span{color:#f3fbf9!important}
:root[data-theme="dark"] .marketing-home-v3 .marketing-v3-copy h1 span{color:#73d6c8!important}
:root[data-theme="dark"] .marketing-home-v3 .marketing-v3-copy>p{color:#b3c9c4!important}
:root[data-theme="dark"] .marketing-home-v3 .marketing-v3-kicker{
  color:#9ee3d8!important;
  border:1px solid rgba(116,216,201,.2);
  background:#0d3732!important;
}
:root[data-theme="dark"] .marketing-home-v3 .marketing-v3-assurances{color:#bcd0cc!important}
:root[data-theme="dark"] .marketing-home-v3 .marketing-v3-assurances svg{color:#75d3c5!important}
:root[data-theme="dark"] .marketing-hero-metrics{
  color:#edf8f5!important;
  border-color:#24504a!important;
  background:#092a26!important;
  box-shadow:0 18px 42px rgba(0,0,0,.2)!important;
}
:root[data-theme="dark"] .marketing-hero-metrics article{border-color:#214a44!important}
:root[data-theme="dark"] .marketing-hero-metrics article>span{color:#82d9cc!important;background:#123d38!important}
:root[data-theme="dark"] .marketing-hero-metrics small,
:root[data-theme="dark"] .marketing-hero-metrics strong{color:#edf8f5!important}
:root[data-theme="dark"] .marketing-hero-metrics em{color:#9db6b1!important}
:root[data-theme="dark"] .home-ops-card,
:root[data-theme="dark"] .marketing-step{
  color:#edf8f5;
  border-color:#285750;
  background:#082d29;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
:root[data-theme="dark"] .home-ops-card h3,
:root[data-theme="dark"] .marketing-step h3{color:#f0f9f7!important}
:root[data-theme="dark"] .home-ops-card small,
:root[data-theme="dark"] .marketing-step p{color:#a9c0bb!important}
:root[data-theme="dark"] .home-ops-card>span,
:root[data-theme="dark"] .marketing-step>span{color:#83d9cd!important;background:#123e39!important}
:root[data-theme="dark"] .ops-live-feed>span{color:#c7dad6!important;background:#0d3833!important}
:root[data-theme="dark"] .marketing-step-line{background:rgba(119,190,180,.2)!important}

/* Keep the authentication page on one dark canvas instead of mixing white panels
   with dark inputs. These rules are last on purpose to win over legacy layouts. */
:root[data-theme="dark"] body:has(.auth-suite-page[data-auth-theme="dark"]),
:root[data-theme="dark"] body:has(.auth-suite-page[data-auth-theme="dark"]) #root,
.auth-suite-page[data-auth-theme="dark"]{
  color:#edf8f5!important;
  background:#041a18!important;
}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-stage,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-shell,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-reset,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-otp{background:transparent!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel,
.auth-suite-page[data-auth-theme="dark"] .email-otp-panel{
  color:#edf8f5!important;
  border-color:#234a44!important;
  background:#071f1c!important;
}
.auth-suite-page[data-auth-theme="dark"] .auth-showcase,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-visual,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-email-visual{
  color:#edf8f5!important;
  border-color:#28534c!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(74,199,181,.12),transparent 43%),
    linear-gradient(145deg,#0b302b,#082520)!important;
}
.auth-suite-page[data-auth-theme="dark"] .auth-showcase-copy h2,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-intro h1,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel h1,
.auth-suite-page[data-auth-theme="dark"] .field>span{color:#f2faf8!important}
.auth-suite-page[data-auth-theme="dark"] .auth-showcase-copy p,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-intro p,
.auth-suite-page[data-auth-theme="dark"] .remember,
.auth-suite-page[data-auth-theme="dark"] .auth-switch,
.auth-suite-page[data-auth-theme="dark"] .policy-check{color:#a9c0bb!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-form .input,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .input,
.auth-suite-page[data-auth-theme="dark"] .email-otp-panel .input,
.auth-suite-page[data-auth-theme="dark"] .email-otp-digit{
  color:#f2faf8!important;
  caret-color:#7dd7ca!important;
  border-color:#315d56!important;
  background:#0b322d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-form .input::placeholder,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel .input::placeholder,
.auth-suite-page[data-auth-theme="dark"] .email-otp-panel .input::placeholder{color:#819d97!important;opacity:1}
.auth-suite-page[data-auth-theme="dark"] input:-webkit-autofill,
.auth-suite-page[data-auth-theme="dark"] input:-webkit-autofill:hover,
.auth-suite-page[data-auth-theme="dark"] input:-webkit-autofill:focus{
  -webkit-text-fill-color:#f2faf8!important;
  box-shadow:0 0 0 1000px #0b322d inset!important;
  transition:background-color 9999s ease-out 0s;
}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs{
  border-color:#315d56!important;
  background:#0a2925!important;
}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs button{color:#b3cac5!important;background:transparent!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs button.active{
  color:#fff!important;
  background:linear-gradient(135deg,#0b8175,#087065)!important;
}
.auth-suite-page[data-auth-theme="dark"] a,
.auth-suite-page[data-auth-theme="dark"] .link-button,
.auth-suite-page[data-auth-theme="dark"] .auth-switch button,
.auth-suite-page[data-auth-theme="dark"] .auth-suite-panel button.link-button{
  color:#79d8ca!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(
  .auth-suite-intro-icon,
  .email-otp-secure-badge,
  .email-otp-resend-row,
  .email-otp-help,
  .email-otp-invalid>span,
  .auth-suite-panel .password-toggle
){color:#8eddd1!important}
.auth-suite-page[data-auth-theme="dark"] :is(
  .auth-suite-intro-icon,
  .email-otp-secure-badge,
  .email-otp-resend-row,
  .email-otp-help,
  .email-otp-invalid,
  .auth-suite-note
){border-color:#315d56!important}
.auth-suite-page[data-auth-theme="dark"] :is(
  .email-otp-form>label,
  .email-otp-remember,
  .email-otp-email>span,
  .auth-suite-note,
  .email-otp-invalid p
){color:#b9cec9!important}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-suite-panel,.email-otp-panel,.email-otp-invalid) :is(.line-icon,svg){
  color:inherit;
  stroke:currentColor;
  opacity:1!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.btn-primary,.email-otp-submit) :is(.line-icon,svg){color:#fff!important}
.auth-suite-page[data-auth-theme="dark"] .btn-secondary{
  color:#dcece8!important;
  border-color:#315d56!important;
  background:#0b322d!important;
}
.auth-suite-page[data-auth-theme="dark"] input[type="checkbox"]{accent-color:#18a28f}
.auth-suite-page[data-auth-theme="light"] .auth-suite-panel,
.auth-suite-page[data-auth-theme="light"] .email-otp-panel{color:#123f39!important;background:#fff!important}
.auth-suite-page[data-auth-theme="light"] .auth-suite-form .input,
.auth-suite-page[data-auth-theme="light"] .auth-suite-panel .input,
.auth-suite-page[data-auth-theme="light"] .email-otp-panel .input{
  color:#173f39!important;
  caret-color:#087267!important;
  border-color:#d8e7e4!important;
  background:#fff!important;
}
.auth-suite-page[data-auth-theme="light"] .auth-suite-form .input::placeholder,
.auth-suite-page[data-auth-theme="light"] .auth-suite-panel .input::placeholder{color:#81918e!important;opacity:1}

/* One progress segment advances over the four cards in order and then loops. */
.marketing-step-line{pointer-events:none}
.marketing-step-line i{
  position:absolute;
  inset-inline-start:0;
  width:22%;
  opacity:0;
  transform:translateX(0) scaleX(0);
  transform-origin:right center;
  will-change:transform,opacity;
}
.marketing-steps.is-running .marketing-step-line i{
  animation:marketingStepsSequenceRtl 12s linear infinite!important;
}
[dir="ltr"] .marketing-steps.is-running .marketing-step-line i{
  transform-origin:left center;
  animation-name:marketingStepsSequenceLtr!important;
}
.marketing-steps.is-running .marketing-step{
  --step-idle-border:#dcebe8;
  --step-idle-shadow:0 10px 25px rgba(5,74,67,.05);
  animation:marketingStepFocus 12s linear infinite!important;
  animation-delay:calc(var(--step,0) * 3s)!important;
}
@keyframes marketingStepsSequenceRtl{
  0%{opacity:1;transform:translateX(0) scaleX(0)}
  20%{opacity:1;transform:translateX(0) scaleX(1)}
  24.8%{opacity:0;transform:translateX(0) scaleX(1)}
  25%{opacity:1;transform:translateX(-118%) scaleX(0)}
  45%{opacity:1;transform:translateX(-118%) scaleX(1)}
  49.8%{opacity:0;transform:translateX(-118%) scaleX(1)}
  50%{opacity:1;transform:translateX(-236%) scaleX(0)}
  70%{opacity:1;transform:translateX(-236%) scaleX(1)}
  74.8%{opacity:0;transform:translateX(-236%) scaleX(1)}
  75%{opacity:1;transform:translateX(-354%) scaleX(0)}
  95%{opacity:1;transform:translateX(-354%) scaleX(1)}
  100%{opacity:0;transform:translateX(-354%) scaleX(1)}
}
@keyframes marketingStepsSequenceLtr{
  0%{opacity:1;transform:translateX(0) scaleX(0)}
  20%{opacity:1;transform:translateX(0) scaleX(1)}
  24.8%{opacity:0;transform:translateX(0) scaleX(1)}
  25%{opacity:1;transform:translateX(118%) scaleX(0)}
  45%{opacity:1;transform:translateX(118%) scaleX(1)}
  49.8%{opacity:0;transform:translateX(118%) scaleX(1)}
  50%{opacity:1;transform:translateX(236%) scaleX(0)}
  70%{opacity:1;transform:translateX(236%) scaleX(1)}
  74.8%{opacity:0;transform:translateX(236%) scaleX(1)}
  75%{opacity:1;transform:translateX(354%) scaleX(0)}
  95%{opacity:1;transform:translateX(354%) scaleX(1)}
  100%{opacity:0;transform:translateX(354%) scaleX(1)}
}
@keyframes marketingStepFocus{
  0%,20%{transform:translateY(-4px);border-color:#5fc5b6;box-shadow:0 17px 34px rgba(8,133,118,.16)}
  25%,100%{transform:translateY(0);border-color:var(--step-idle-border);box-shadow:var(--step-idle-shadow)}
}
:root[data-theme="dark"] .marketing-steps.is-running .marketing-step{
  --step-idle-border:#285750;
  --step-idle-shadow:0 14px 34px rgba(0,0,0,.18);
}
@media (prefers-reduced-motion:reduce){
  .marketing-steps.is-running .marketing-step-line i,
  .marketing-steps.is-running .marketing-step{animation:none!important}
  .marketing-step-line i{width:100%;opacity:1;transform:none!important}
}

/* Campaign Studio: four dedicated product/custom × WhatsApp/email editors. */
.campaign-studio{--studio-brand:#0b3f3b;--studio-soft:#edf7f5;--studio-line:#dce8e5;--studio-muted:#718783;padding-bottom:44px}
.campaign-studio-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:126px;margin-bottom:18px}
.campaign-studio-heading>div{display:grid;justify-items:start;gap:8px}.campaign-studio-heading .btn-ghost{position:absolute;top:0;left:0;min-height:36px;padding:5px 0;border:0;background:transparent;box-shadow:none;z-index:2}.campaign-studio-heading .btn-ghost svg{width:19px;height:19px}
.campaign-studio-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.campaign-studio-title-line h1{margin:0;color:#102f2b;font-size:clamp(25px,2.3vw,34px);letter-spacing:-.025em}
.campaign-studio-heading p{max-width:760px;margin:0;color:var(--studio-muted);font-size:13px;line-height:1.8}
.campaign-meta-badge,.campaign-email-badge,.campaign-mode-badge,.campaign-draft-state{display:inline-flex;align-items:center;gap:7px;border-radius:999px;color:var(--studio-brand);background:var(--studio-soft);font-size:11px;font-weight:800}
.campaign-meta-badge,.campaign-email-badge{padding:7px 12px}.campaign-mode-badge{padding:6px 10px}.campaign-mode-badge svg,.campaign-email-badge svg{width:16px;height:16px}
.campaign-draft-state{flex:0 0 auto;margin-top:42px;padding:9px 12px;border:1px solid #dce9e6;background:#fff}.campaign-draft-state svg{width:16px;height:16px}
.campaign-studio-layout{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(340px,.72fr);gap:20px;align-items:start}
.campaign-studio-workspace,.campaign-studio-preview{min-width:0}.campaign-studio-form{display:grid;gap:14px}
.campaign-studio-section,.campaign-studio-preview{border:1px solid var(--studio-line);border-radius:16px;background:#fff;box-shadow:0 9px 24px rgba(7,61,55,.035)}
.campaign-studio-section{padding:18px}.campaign-studio-section>header,.campaign-studio-section>summary{display:flex;align-items:center;gap:11px;list-style:none;cursor:default}
.campaign-studio-section>summary{cursor:pointer}.campaign-studio-section>summary::-webkit-details-marker{display:none}
.campaign-studio-section>header>span,.campaign-studio-section>summary>svg{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:50%;color:var(--studio-brand);background:var(--studio-soft)}
.campaign-studio-section>header>span svg{width:21px;height:21px}.campaign-studio-section>summary>svg{padding:10px}
.campaign-studio-section>header>div,.campaign-studio-section>summary>span{display:grid;gap:3px;min-width:0}.campaign-studio-section h2,.campaign-studio-section p,.campaign-studio-section summary strong,.campaign-studio-section summary small{margin:0}
.campaign-studio-section h2,.campaign-studio-section summary strong{color:#173d38;font-size:17px}.campaign-studio-section p,.campaign-studio-section summary small{color:#81938f;font-size:10px;line-height:1.7}
.campaign-studio-basics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px}.campaign-studio-basics>.field:nth-child(1),.campaign-studio-basics>.field:nth-last-child(2){grid-column:1/-1}
.campaign-studio .field{min-width:0}.campaign-studio .field>span{color:#294b46;font-size:11px;font-weight:800}.campaign-studio .field>small{color:#82928f;font-size:9px}
.campaign-studio .input,.campaign-studio .select,.campaign-studio .textarea{border-color:#dce7e5;border-radius:10px;color:#173d38;background:#fff}.campaign-studio .textarea{line-height:1.8;resize:vertical}
.campaign-send-schedule{grid-column:1/-1}.campaign-send-schedule>div:first-of-type{display:flex;gap:18px;min-height:44px;padding:10px 12px;border:1px solid #dce7e5;border-radius:10px}.campaign-send-schedule label{display:inline-flex;align-items:center;gap:7px;color:#385b55;font-size:11px;font-weight:700}.campaign-send-schedule input[type=radio]{accent-color:var(--studio-brand)}
.campaign-schedule-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.campaign-schedule-fields[hidden]{display:none}
.campaign-email-templates{display:grid;gap:15px}.campaign-studio-template-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.campaign-studio-template-choice{position:relative;cursor:pointer}.campaign-studio-template-choice>input{position:absolute;opacity:0;pointer-events:none}
.campaign-studio-template-choice>span{display:grid;justify-items:center;gap:7px;min-height:168px;padding:9px;border:1px solid #dce7e5;border-radius:12px;text-align:center;background:#fff}.campaign-studio-template-choice b{color:#244640;font-size:11px}.campaign-studio-template-choice small{max-width:100%;overflow:hidden;color:#849690;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.campaign-studio-template-choice>input:checked+span{border-color:var(--studio-brand);background:#f3faf8;box-shadow:0 0 0 2px rgba(11,63,59,.08)}
.campaign-template-thumb{position:relative;display:block;width:100%;height:105px;overflow:hidden;border:1px solid #dce7e5;border-radius:9px;color:var(--template-accent);background:#f7faf9}.campaign-template-thumb span,.campaign-template-thumb b{position:absolute;display:block;border-radius:3px;background:currentColor}.campaign-template-thumb .template-brand{top:8px;right:10px;width:26px;height:4px}.campaign-template-thumb .template-hero{top:20px;right:9px;left:9px;height:35px;opacity:.18}.campaign-template-thumb .template-copy{top:61px;right:12px;width:54%;height:5px;opacity:.4}.campaign-template-thumb .template-grid{position:absolute;top:72px;right:11px;left:11px;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:transparent}.campaign-template-thumb .template-grid b{position:static;height:20px;border:1px solid currentColor;background:#fff;opacity:.52}.campaign-template-thumb .template-button{bottom:8px;right:50%;width:33px;height:6px;transform:translateX(50%)}
.campaign-template-thumb.design-luxury{color:#c3a76d;background:#0b302d}.campaign-template-thumb.design-luxury .template-hero{background:#e9eee9;opacity:.14}.campaign-template-thumb.design-luxury .template-grid b{border-color:#c3a76d;background:#f6f4ee}.campaign-template-thumb.design-showcase .template-hero{height:28px;background:#d9ede8;opacity:1}.campaign-template-thumb.design-showcase .template-grid{top:62px}.campaign-template-thumb.design-showcase .template-grid b{height:29px}.campaign-template-thumb.design-editorial{background:#f7fafb}.campaign-template-thumb.design-editorial .template-hero{right:9px;left:auto;width:38%;height:70px}.campaign-template-thumb.design-editorial .template-copy{top:28px;right:auto;left:12px;width:42%;height:30px;opacity:.16}.campaign-template-thumb.design-editorial .template-grid{top:68px;right:auto;left:12px;width:43%;grid-template-columns:1fr}.campaign-template-thumb.design-editorial .template-grid b{height:7px;border:0;background:currentColor}.campaign-template-thumb.design-seasonal{background:#fff4ed}.campaign-template-thumb.design-seasonal .template-hero{border-radius:20px;background:#e9b9a8;opacity:.5}.campaign-template-thumb.design-seasonal .template-grid b{border-color:#edc5b8;background:#fffaf7}.campaign-template-thumb.design-minimal{background:#fff}.campaign-template-thumb.design-minimal .template-hero{top:27px;right:22px;left:22px;height:15px;background:#e8eeee;opacity:1}.campaign-template-thumb.design-minimal .template-copy{top:50px;right:24px;width:45%;opacity:.28}.campaign-template-thumb.design-minimal .template-grid{display:none}.campaign-template-thumb.design-spotlight{background:#e8f3f0}.campaign-template-thumb.design-spotlight .template-hero{top:17px;right:9px;left:9px;height:58px;border-radius:5px;background:#0b3f3b;opacity:1}.campaign-template-thumb.design-spotlight .template-copy{top:31px;right:21px;width:42%;background:#fff;opacity:.82}.campaign-template-thumb.design-spotlight .template-grid{display:none}.campaign-template-thumb.design-spotlight .template-button{bottom:36px;right:29px;transform:none;background:#fff}
.campaign-studio-template-empty{padding:22px;border:1px dashed #d6e4e1;border-radius:11px;color:#728783;text-align:center;background:#f9fbfb;font-size:11px}
.campaign-main-message{display:grid;gap:15px}.campaign-main-message>.field{margin-top:0}.campaign-main-message textarea{min-height:125px}
.campaign-card-builder{display:grid;gap:15px}.campaign-card-builder>header{align-items:flex-start}.campaign-card-counter{margin-inline-start:auto;padding:7px 10px;border-radius:999px;color:var(--studio-brand);background:var(--studio-soft);font-size:11px}
.campaign-studio-card-list{display:grid;gap:12px}.campaign-studio-card-editor{overflow:hidden;border:1px solid #dce7e5;border-radius:13px;background:#fbfdfc}.campaign-studio-card-editor>header{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #e3ecea;background:#fff}.campaign-studio-card-editor>header strong{color:#1f4943;font-size:12px}.campaign-card-source{justify-self:start;padding:4px 8px;border-radius:999px;color:#607c77;background:#f0f6f5;font-size:8px}
.campaign-card-drag,.campaign-card-remove{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;font:inherit;cursor:pointer}.campaign-card-drag{color:#8a9c98}.campaign-card-remove{color:#bd3d4c;font-size:10px}.campaign-card-drag svg,.campaign-card-remove svg{width:15px;height:15px}
.campaign-studio-card-fields{display:grid;grid-template-columns:150px minmax(220px,1.2fr) minmax(150px,.7fr);gap:12px;padding:13px}.campaign-studio-image-field{position:relative;grid-row:span 2;display:grid;align-content:center;justify-items:center;gap:8px;min-height:150px;padding:9px;overflow:hidden;border:1px dashed #bed3cf;border-radius:11px;color:var(--studio-brand);background:#f2f8f6}.campaign-studio-image-field>span{display:grid;justify-items:center;gap:7px;text-align:center}.campaign-studio-image-field>span svg{width:30px;height:30px}.campaign-studio-image-field>span small{font-size:9px}.campaign-studio-image-field img{width:100%;height:105px;border-radius:8px;object-fit:cover}.campaign-studio-image-field .btn{min-height:30px;padding:5px 8px;font-size:9px}.campaign-studio-image-field.is-uploading{opacity:.55;pointer-events:none}
.campaign-studio-card-copy{display:grid;grid-template-columns:1fr 1.35fr;grid-column:span 2;gap:10px}.campaign-studio-card-copy textarea{min-height:70px}.campaign-studio-card-editor .field small{display:flex;justify-content:flex-end;gap:2px}.campaign-studio-card-editor .field small b{color:var(--studio-brand)}
.campaign-studio-card-tools{grid-column:2/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.campaign-studio-card-tools .btn{min-height:31px;padding:5px 8px;font-size:9px}.campaign-studio-card-tools svg{width:14px;height:14px}.campaign-card-price{margin-inline-start:auto;color:var(--studio-brand);font-size:12px;font-weight:800}
.campaign-add-card{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border:1px dashed #9ebfba;border-radius:11px;color:var(--studio-brand);background:#f8fbfa;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.campaign-add-card svg{width:19px;height:19px}.campaign-add-card small{color:#82948f;font-size:8px;font-weight:500}.campaign-add-card:disabled{opacity:.45;cursor:not-allowed}
.campaign-social-grid,.campaign-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.campaign-social-grid .field>span{display:flex;align-items:center;gap:6px}.campaign-social-grid .field>span svg{width:15px;height:15px;color:var(--studio-brand)}.campaign-html-tools{display:grid;gap:10px;margin-top:15px}.campaign-html-tools>div{display:flex;gap:8px}.campaign-html-code{min-height:180px;font-family:Consolas,"Courier New",monospace;font-size:10px;text-align:left}
.campaign-option-grid>label:not(.field){display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 11px;border:1px solid #dce7e5;border-radius:9px;color:#355751;font-size:10px}.campaign-option-grid input[type=checkbox]{accent-color:var(--studio-brand)}
.campaign-studio-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr .72fr;gap:9px;padding-top:2px}.campaign-studio-actions .btn{min-width:0}.campaign-studio-actions .btn-primary{color:#fff;background:var(--studio-brand);background-image:none}
.campaign-studio-preview{position:sticky;top:82px;align-self:start;padding:15px;transition:border-color .2s ease,box-shadow .2s ease}.campaign-studio-preview.is-previewing{border-color:var(--studio-brand);box-shadow:0 0 0 4px rgba(11,63,59,.1)}.campaign-studio-preview>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.campaign-studio-preview>header h2{margin:0;color:#1a403b;font-size:16px}.campaign-studio-preview>header p{margin:3px 0 0;color:#80928f;font-size:9px}
.campaign-preview-modes{display:flex;gap:5px}.campaign-preview-modes button{display:grid;width:32px;height:32px;place-items:center;border:1px solid #dce7e5;border-radius:8px;color:#78908b;background:#fff;cursor:pointer}.campaign-preview-modes button.active{border-color:var(--studio-brand);color:var(--studio-brand);background:var(--studio-soft)}.campaign-preview-modes svg{width:16px;height:16px}
.campaign-studio-phone{max-width:390px;margin:0 auto;border-color:#182b2a;background:#f2e9df}.campaign-studio-phone .campaign-chat{min-height:520px}.campaign-studio-phone .campaign-chat-message p{margin:0;white-space:pre-wrap}.campaign-studio-preview-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(155px,1fr);gap:8px;overflow-x:auto;scrollbar-width:thin}.campaign-studio-preview-card{display:grid;align-content:start;gap:7px;min-width:0;padding:8px;border:1px solid #e0e9e7;border-radius:11px;background:#fff;text-align:right}.campaign-studio-preview-card>img,.campaign-studio-preview-card>span{display:grid;width:100%;height:100px;place-items:center;border-radius:8px;object-fit:cover;color:var(--studio-brand);background:var(--studio-soft)}.campaign-studio-preview-card>span svg{width:32px;height:32px}.campaign-studio-preview-card strong{color:#183f39;font-size:10px}.campaign-studio-preview-card p{display:-webkit-box;min-height:35px;margin:0;overflow:hidden;color:#667c78;font-size:8px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.campaign-studio-preview-card b{display:flex;align-items:center;justify-content:center;gap:5px;padding-top:7px;border-top:1px solid #edf2f1;color:var(--studio-brand);font-size:8px}.campaign-studio-preview-card b svg{width:12px;height:12px}.campaign-studio-preview-empty{padding:22px;color:#81928f;text-align:center;font-size:10px}
.campaign-studio-email-preview{width:100%;margin:0 auto;overflow:hidden;border:1px solid #dfe8e6;border-radius:12px;background:#fff;transition:none}.campaign-studio-email-preview.desktop{max-width:100%}.campaign-studio-email-preview.tablet{max-width:620px}.campaign-studio-email-preview.mobile{max-width:360px}.campaign-studio-email-preview .campaign-email-toolbar{display:flex;align-items:center;gap:7px;padding:11px 13px;border-bottom:1px solid #e6edec;color:#647b76;font-size:9px}.campaign-studio-email-preview .campaign-email-brand{display:flex;justify-content:center;gap:7px;padding:15px;color:var(--studio-brand)}.campaign-studio-email-preview .campaign-email-brand span{font-size:27px}.campaign-studio-email-preview>section{padding:24px 17px;text-align:center;background:#f5f9f8;transition:background .2s ease}.campaign-studio-email-preview>section h2{margin:7px 0;color:#123d37;font-size:21px}.campaign-studio-email-preview>section>p{margin:0 0 16px;color:#5d7671;font-size:10px;line-height:1.8;white-space:pre-wrap}.campaign-studio-email-preview>section>small{color:#82938f;font-size:8px}.campaign-studio-email-preview .campaign-studio-preview-cards{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.campaign-studio-email-preview.mobile .campaign-studio-preview-cards{grid-template-columns:1fr}.campaign-studio-email-preview>footer{padding:13px;color:#81938f;text-align:center;font-size:8px}.campaign-email-social{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding-top:17px;border-top:1px solid #dfe9e7}.campaign-email-social.is-empty{display:none}.campaign-email-social a{display:grid;width:32px;height:32px;place-items:center;border:1px solid #d7e5e2;border-radius:50%;color:#0b3f3b;background:#fff;transition:transform .18s ease,border-color .18s ease}.campaign-email-social a:hover{transform:translateY(-2px);border-color:#0b3f3b}.campaign-email-social svg{width:15px;height:15px}
.campaign-studio-email-preview.design-luxury .campaign-email-brand,.campaign-studio-email-preview.design-luxury>section{color:#fff;background:#0b302d}.campaign-studio-email-preview.design-luxury>section h2{color:#fff}.campaign-studio-email-preview.design-luxury>section>p,.campaign-studio-email-preview.design-luxury>section>small{color:#d6e3df}.campaign-studio-email-preview.design-luxury .campaign-studio-preview-card b{color:#8b713d}.campaign-studio-email-preview.design-luxury .campaign-email-social{border-color:rgba(255,255,255,.18)}
.campaign-studio-email-preview.design-editorial>section{text-align:right;background:#f5f8f9;border-inline-start:6px solid #315a70}.campaign-studio-email-preview.design-editorial .campaign-studio-preview-cards{grid-template-columns:1fr}.campaign-studio-email-preview.design-editorial .campaign-studio-preview-card{grid-template-columns:105px 1fr;align-items:center;text-align:right}.campaign-studio-email-preview.design-editorial .campaign-studio-preview-card>img,.campaign-studio-email-preview.design-editorial .campaign-studio-preview-card>span{grid-row:1/4;height:88px}
.campaign-studio-email-preview.design-seasonal .campaign-email-brand,.campaign-studio-email-preview.design-seasonal>section{background:#fff4ed}.campaign-studio-email-preview.design-seasonal>section h2{color:#7e4637}.campaign-studio-email-preview.design-seasonal .campaign-studio-preview-card b{color:#a65d49}.campaign-studio-email-preview.design-seasonal .campaign-email-social a{color:#a65d49;border-color:#ecd4cb}
.campaign-studio-email-preview.design-minimal .campaign-email-brand{padding-top:28px}.campaign-studio-email-preview.design-minimal>section{padding-block:36px;background:#fff}.campaign-studio-email-preview.design-minimal .campaign-studio-preview-cards{grid-template-columns:1fr}.campaign-studio-email-preview.design-minimal .campaign-studio-preview-card{border-inline:0;border-radius:0;box-shadow:none}
.campaign-studio-email-preview.design-spotlight .campaign-email-brand,.campaign-studio-email-preview.design-spotlight>section{background:#e7f3f0}.campaign-studio-email-preview.design-spotlight>section h2{max-width:330px;margin:10px auto;color:#0b3f3b;font-size:25px}.campaign-studio-email-preview.design-spotlight .campaign-studio-preview-card:first-child{grid-column:1/-1;padding:14px}.campaign-studio-email-preview.design-spotlight .campaign-studio-preview-card:first-child>img,.campaign-studio-email-preview.design-spotlight .campaign-studio-preview-card:first-child>span{height:160px}
.campaign-product-picker{display:grid;gap:16px;min-width:min(820px,82vw)}.campaign-product-picker-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.campaign-product-picker-head>div{display:grid;gap:3px}.campaign-product-picker-head strong{color:#173e39}.campaign-product-picker-head small{color:#7e928d}.campaign-product-picker-head>span{padding:7px 10px;border-radius:999px;color:var(--studio-brand,#0b3f3b);background:#edf7f5;font-weight:800}.campaign-product-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:54vh;overflow-y:auto}.campaign-product-picker-card{position:relative;cursor:pointer}.campaign-product-picker-card>input{position:absolute;inset:9px 9px auto auto;width:18px;height:18px;z-index:1;accent-color:#0b3f3b}.campaign-product-picker-card>span{display:grid;justify-items:center;gap:6px;min-height:170px;padding:12px;border:1px solid #dce7e5;border-radius:11px;text-align:center;background:#fff}.campaign-product-picker-card img,.campaign-product-picker-card>span>svg{width:100%;height:92px;border-radius:8px;object-fit:cover;color:#0b3f3b;background:#edf7f5}.campaign-product-picker-card>span>svg{padding:28px}.campaign-product-picker-card strong{color:#244640;font-size:10px}.campaign-product-picker-card b{color:#0b3f3b;font-size:10px}.campaign-product-picker-card small{color:#82938f;font-size:8px}.campaign-product-picker-card:has(input:checked)>span{border-color:#0b3f3b;background:#f3faf8;box-shadow:0 0 0 2px rgba(11,63,59,.08)}
:root[data-theme="dark"] .campaign-studio{--studio-soft:#103b36;--studio-line:#28514b;--studio-muted:#9eb8b2}:root[data-theme="dark"] .campaign-studio-title-line h1,:root[data-theme="dark"] .campaign-studio-section h2,:root[data-theme="dark"] .campaign-studio-section summary strong,:root[data-theme="dark"] .campaign-studio-preview>header h2,:root[data-theme="dark"] .campaign-studio-card-editor>header strong{color:#eef9f7}:root[data-theme="dark"] .campaign-studio-section,:root[data-theme="dark"] .campaign-studio-preview,:root[data-theme="dark"] .campaign-draft-state,:root[data-theme="dark"] .campaign-studio-card-editor>header,:root[data-theme="dark"] .campaign-studio-template-choice>span{background:#082b27}:root[data-theme="dark"] .campaign-studio-card-editor,:root[data-theme="dark"] .campaign-studio-image-field,:root[data-theme="dark"] .campaign-add-card,:root[data-theme="dark"] .campaign-studio-template-empty{background:#0b322e}:root[data-theme="dark"] .campaign-studio .input,:root[data-theme="dark"] .campaign-studio .select,:root[data-theme="dark"] .campaign-studio .textarea,:root[data-theme="dark"] .campaign-send-schedule>div:first-of-type,:root[data-theme="dark"] .campaign-option-grid>label:not(.field),:root[data-theme="dark"] .campaign-preview-modes button{color:#ecf8f5;border-color:#315d56;background:#0b322d}
@media (max-width:1180px){.campaign-studio-layout{grid-template-columns:minmax(0,1.18fr) minmax(315px,.82fr)}.campaign-studio-card-fields{grid-template-columns:125px 1fr 1fr}.campaign-studio-card-copy{grid-template-columns:1fr;}.campaign-studio-template-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-product-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:920px){.campaign-studio-layout{grid-template-columns:1fr}.campaign-studio-preview{position:static;order:2}.campaign-studio-workspace{order:1}.campaign-studio-preview>div{max-width:700px;margin-inline:auto}.campaign-studio-heading{align-items:center}.campaign-draft-state{margin-top:44px}.campaign-studio-card-fields{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr)}.campaign-studio-template-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.campaign-studio-heading{align-items:flex-start;flex-direction:column;padding-top:44px}.campaign-studio-heading p{font-size:11px}.campaign-studio-title-line h1{font-size:24px}.campaign-draft-state{margin-top:0}.campaign-studio-basics,.campaign-social-grid,.campaign-option-grid{grid-template-columns:1fr}.campaign-studio-basics>.field:nth-child(1),.campaign-studio-basics>.field:nth-last-child(2){grid-column:auto}.campaign-send-schedule{grid-column:auto}.campaign-studio-template-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-studio-card-fields{grid-template-columns:1fr}.campaign-studio-image-field,.campaign-studio-card-copy,.campaign-studio-card-tools{grid-column:auto;grid-row:auto}.campaign-studio-card-copy{grid-template-columns:1fr}.campaign-studio-actions{grid-template-columns:1fr 1fr}.campaign-product-picker{min-width:0}.campaign-product-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.campaign-studio{margin-inline:-4px}.campaign-studio-section,.campaign-studio-preview{padding:13px;border-radius:13px}.campaign-studio-section>header>span,.campaign-studio-section>summary>svg{width:36px;height:36px;flex-basis:36px}.campaign-studio-section h2,.campaign-studio-section summary strong{font-size:14px}.campaign-studio-card-editor>header{grid-template-columns:auto 1fr auto}.campaign-card-source{display:none}.campaign-studio-card-fields{padding:10px}.campaign-schedule-fields,.campaign-studio-actions{grid-template-columns:1fr}.campaign-studio-phone{border-width:5px;border-radius:30px}.campaign-studio-phone .campaign-chat{min-height:460px}.campaign-product-picker-grid{grid-template-columns:1fr 1fr}.campaign-product-picker-card>span{min-height:145px;padding:8px}.campaign-product-picker-card img,.campaign-product-picker-card>span>svg{height:75px}}


/* Settings: real storefront-customer synchronization control. */
.store-customer-sync{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:20px;padding:17px;border:1px solid #dce9e6;border-radius:14px;background:#f7fbfa}
.store-customer-sync>div{min-width:0}.store-customer-sync strong{display:block;color:#123f3a;font-size:14px;font-weight:850}.store-customer-sync p{margin:5px 0 0;color:#667b77;font-size:11px;line-height:1.75}.store-customer-sync small{display:block;margin-top:7px;color:#0b6f65;font-size:10px;font-weight:750}
.store-customer-sync>.suite-icon-tile{width:44px;height:44px;flex-basis:44px;border-radius:12px;background:#e8f4f1;color:#0b6259}.store-customer-sync>.suite-icon-tile .line-icon{width:23px;height:23px}
.store-customer-sync .switch-control{width:46px;height:26px;flex-basis:46px}.store-customer-sync .switch-control>span{width:46px;height:26px;background:#d8e3e1}.store-customer-sync .switch-control>span::after{width:20px;height:20px}.store-customer-sync .switch-control input:checked+span{background:#0B3F3B}.store-customer-sync .switch-control input:checked+span::after{transform:translateX(-20px)}[dir="ltr"] .store-customer-sync .switch-control input:checked+span::after{transform:translateX(20px)}
.store-customer-sync>.btn{grid-column:2/-1;justify-self:start;min-height:34px;padding:0 15px}:root[data-theme="dark"] .store-customer-sync{border-color:var(--border);background:var(--surface-soft)}:root[data-theme="dark"] .store-customer-sync strong{color:var(--text)}:root[data-theme="dark"] .store-customer-sync p{color:var(--text-muted)}:root[data-theme="dark"] .store-customer-sync small{color:#83d8cc}
@media(max-width:600px){.store-customer-sync{grid-template-columns:auto minmax(0,1fr);padding:14px}.store-customer-sync .switch-control{grid-column:2;justify-self:start;margin-top:3px}.store-customer-sync>.btn{grid-column:2}}

/* Reference pricing catalog for tablet and desktop; the compact mobile layout stays intact. */
.pricing-trial-footnote{display:flex;max-width:1160px;align-items:center;justify-content:center;gap:9px;margin:14px auto 0;color:#758681;font-size:11px;text-align:center}
.pricing-trial-footnote .line-icon{width:17px;height:17px;color:#0b7066}
.pricing-trial-footnote strong{color:#0b7066}
.pricing-trial-footnote span{display:flex;align-items:center;justify-content:center;gap:6px}
.pricing-trial-footnote small{color:inherit;font-size:inherit}
.plan-desktop-icon{display:none}
.pricing-card-loading{overflow:hidden;pointer-events:none;animation:none!important}
.pricing-card-loading:hover{transform:none!important;border-color:#dfe9e7!important;box-shadow:0 9px 26px rgba(8,61,55,.065)!important}
.pricing-skeleton-line{display:block;min-height:8px;border-radius:999px;background:linear-gradient(100deg,#e7efed 15%,#f7faf9 38%,#e7efed 62%);background-size:230% 100%;animation:pricingSkeletonSweep 1.35s ease-in-out infinite}
.skeleton-badge{width:38px;min-height:7px}
.skeleton-title{width:74%;min-height:16px}
.skeleton-copy{width:92%;margin-top:8px}
.skeleton-price{width:48%;min-height:24px}
.skeleton-caption{width:34%;margin-top:7px}
.skeleton-feature{width:calc(88% - var(--skeleton-item,0) * 4%);min-height:7px}
.skeleton-button{width:42%;min-height:8px;margin:auto}

@media (min-width:744px){
  .pricing-reference-page{background:linear-gradient(180deg,#fbfdfc 0,#f5f9f8 100%)}
  .pricing-reference-section{padding:28px 0 42px}
  .pricing-reference-heading{margin-bottom:18px}
  .pricing-reference-heading h1{font-size:34px;letter-spacing:-.025em}
  .pricing-reference-heading p{max-width:720px;margin:7px auto 0;font-size:12px}
  .pricing-public-grid{max-width:1240px}
  .pricing-public-grid>.grid{direction:rtl;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
  .pricing-public-grid .pricing-card{
    position:relative;
    display:flex;
    min-width:0;
    min-height:488px;
    flex-direction:column;
    gap:12px;
    overflow:hidden;
    padding:42px 17px 14px;
    border:1px solid #dfe9e7;
    border-radius:10px;
    background:#fff;
    text-align:right;
    box-shadow:0 9px 26px rgba(8,61,55,.065);
    animation:pricingCardEnter .58s cubic-bezier(.2,.75,.25,1) both;
    animation-delay:calc(var(--pricing-index,0) * 90ms);
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
  }
  .pricing-public-grid .pricing-card:hover{z-index:2;transform:translateY(-7px);border-color:#8fc8c0;box-shadow:0 20px 42px rgba(8,61,55,.14)}
  .pricing-public-grid .pricing-card.featured{border:2px solid #0b4e47;box-shadow:0 14px 34px rgba(8,71,64,.15)}
  .pricing-public-grid .pricing-card>.badge{
    position:absolute;
    top:13px;
    right:13px;
    display:inline-flex;
    width:auto;
    min-height:21px;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:4px 9px;
    border-radius:6px;
    color:#26635b;
    background:#eaf4f1;
    font-size:9px;
    font-weight:850;
  }
  .pricing-public-grid .pricing-card>.badge .line-icon{width:13px;height:13px}
  .pricing-public-grid .pricing-card.featured>.badge{
    top:0;
    right:0;
    left:0;
    min-height:28px;
    border-radius:0;
    color:#fff;
    background:linear-gradient(90deg,#0b403b,#0c655b,#0b403b);
    font-size:10px;
  }
  .pricing-public-grid .plan-mobile-icon{display:none}
  .pricing-public-grid .plan-card-identity{display:flex;min-height:66px;align-items:center;gap:12px}
  .pricing-public-grid .plan-card-identity>div{min-width:0}
  .pricing-public-grid .plan-desktop-icon{display:grid;width:50px;height:50px;flex:0 0 50px;place-items:center;border-radius:12px;color:#0b6259;background:#edf7f4}
  .pricing-public-grid .plan-desktop-icon .line-icon{width:27px;height:27px}
  .pricing-public-grid .pricing-card h3{font-size:20px;line-height:1.25}
  .pricing-public-grid .pricing-card .plan-card-identity p{min-height:0;margin:5px 0 0;font-size:9.5px;line-height:1.6}
  .pricing-public-grid .pricing-card .price{min-height:60px;padding-top:14px;border-top:1px solid #e8efed}
  .pricing-public-grid .pricing-card .price strong{font-size:23px;line-height:1.2}
  .pricing-public-grid .pricing-card .price small{font-size:9px}
  .pricing-public-grid .plan-feature-list{flex:1;gap:7px;margin:0}
  .pricing-public-grid .plan-feature-list li{align-items:flex-start;gap:7px;color:#294b46;font-size:10px;line-height:1.45}
  .pricing-public-grid .plan-feature-list .line-icon{width:14px;height:14px;flex-basis:14px;margin-top:1px;color:#08796e;background:transparent}
  .pricing-public-grid .pricing-card>.btn{min-height:38px;margin-top:8px;border-color:#0b4e47;border-radius:7px;color:#0b403b;background:#fff;font-size:11px;font-weight:850}
  .pricing-public-grid .pricing-card>.btn:hover{color:#fff;background:#0b4e47}
  .pricing-public-grid .pricing-card.featured>.btn{color:#fff;background:linear-gradient(100deg,#0b403b,#0c6158)}
  .pricing-reference-extras{max-width:1240px;grid-template-columns:1fr;grid-template-areas:"faq";margin-top:12px}
  .pricing-reference-extras .faq-card{padding:12px 20px}
  .pricing-reference-extras .faq-card h2{text-align:right}
}

@media (min-width:744px) and (max-width:1024px){
  .pricing-reference-section>.container{width:calc(100% - 28px)}
  .pricing-public-grid>.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .pricing-public-grid .pricing-card{min-height:455px;gap:9px;padding:38px 10px 11px}
  .pricing-public-grid .plan-card-identity{min-height:56px;gap:7px}
  .pricing-public-grid .plan-desktop-icon{width:39px;height:39px;flex-basis:39px;border-radius:10px}
  .pricing-public-grid .plan-desktop-icon .line-icon{width:21px;height:21px}
  .pricing-public-grid .pricing-card h3{font-size:15px}
  .pricing-public-grid .pricing-card .plan-card-identity p{font-size:7.5px;line-height:1.5}
  .pricing-public-grid .pricing-card .price{min-height:52px;padding-top:10px}
  .pricing-public-grid .pricing-card .price strong{font-size:17px}
  .pricing-public-grid .pricing-card .price small{font-size:7px}
  .pricing-public-grid .plan-feature-list{gap:5px}
  .pricing-public-grid .plan-feature-list li{gap:4px;font-size:7.7px;line-height:1.4}
  .pricing-public-grid .plan-feature-list .line-icon{width:11px;height:11px;flex-basis:11px}
  .pricing-public-grid .pricing-card>.btn{min-height:34px;padding:6px 4px;font-size:8.5px}
  .pricing-public-grid .pricing-card>.badge{top:10px;right:9px;padding:3px 7px;font-size:7.5px}
  .pricing-public-grid .pricing-card.featured>.badge{top:0;right:0;min-height:25px;font-size:8px}
}

@media (max-width:640px){
  .pricing-trial-footnote{align-items:flex-start;padding-inline:12px;text-align:right}
  .pricing-trial-footnote span{align-items:flex-start;flex-direction:column;gap:2px}
  .pricing-public-grid .badge.available{display:none}
  .pricing-public-grid .plan-desktop-icon{display:none}
  .pricing-public-grid .plan-card-identity{display:block}
}

@keyframes pricingCardEnter{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes pricingSkeletonSweep{
  from{background-position:100% 0}
  to{background-position:-130% 0}
}

@media (prefers-reduced-motion:reduce){
  .pricing-public-grid .pricing-card,.pricing-skeleton-line{animation:none!important;transition:none!important}
}

/* User dashboard desktop navigation: persistent icon-only mode with a stable toolbar toggle. */
.dashboard-shell,
.dashboard-shell .sidebar,
.dashboard-shell .dashboard-main {
  transition: grid-template-columns .22s ease, width .22s ease, padding .22s ease;
}
.dashboard-sidebar-toggle {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  color: #0B3F3B;
  border: 1px solid #DCE9E7;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 7px 18px rgba(6, 43, 40, .08);
  cursor: pointer;
  transition: color .16s ease, border-color .16s ease, background .16s ease, transform .16s ease;
}
.dashboard-sidebar-toggle:hover,
.dashboard-sidebar-toggle:focus-visible {
  color: #fff;
  border-color: #0B3F3B;
  background: #0B3F3B;
  outline: none;
  transform: translateY(-1px);
}
.dashboard-sidebar-toggle .line-icon { width: 21px; height: 21px; }
.topbar .dashboard-search { transform: translateX(-22px); transition: transform .22s ease, width .22s ease; }
.dashboard-shell.sidebar-collapsed { grid-template-columns: 82px minmax(0, 1fr) !important; }
.dashboard-shell.sidebar-collapsed .sidebar { padding-inline: 10px; }
.dashboard-shell.sidebar-collapsed .sidebar-brand { justify-content: center; padding-inline: 0; }
.dashboard-shell.sidebar-collapsed .sidebar .brand { width: 48px; min-width: 48px; justify-content: center; padding: 0; }
.dashboard-shell.sidebar-collapsed .sidebar .brand-logo-image--mark {
  width: 40px;
  height: 40px;
  max-height: 40px;
  object-fit: contain;
}
.dashboard-shell.sidebar-collapsed .side-links { gap: 8px; }
.dashboard-shell.sidebar-collapsed .side-group { gap: 5px; }
.dashboard-shell.sidebar-collapsed .side-group-title,
.dashboard-shell.sidebar-collapsed .side-link span,
.dashboard-shell.sidebar-collapsed .sidebar-support-link span { display: none; }
.dashboard-shell.sidebar-collapsed .side-group + .side-group { padding-top: 9px; }
.dashboard-shell.sidebar-collapsed .side-link,
.dashboard-shell.sidebar-collapsed .sidebar-support-link {
  width: 50px;
  min-width: 50px;
  min-height: 48px;
  margin-inline: auto;
  padding: 0;
  justify-content: center;
  border-radius: 12px;
}
.dashboard-shell.sidebar-collapsed .side-link .line-icon,
.dashboard-shell.sidebar-collapsed .sidebar-support-link .line-icon {
  width: 21px;
  height: 21px;
  flex-basis: 21px;
}
.dashboard-shell.sidebar-collapsed .side-link.active::after { display: none; }
:root[data-theme="dark"] .dashboard-sidebar-toggle {
  color: #D9EFEB;
  border-color: #205750;
  background: #0A3733;
}
:root[data-theme="dark"] .dashboard-sidebar-toggle:hover,
:root[data-theme="dark"] .dashboard-sidebar-toggle:focus-visible { color: #062B28; border-color: #CDECE6; background: #CDECE6; }

@media (max-width: 980px) {
  .dashboard-shell.sidebar-collapsed { grid-template-columns: 1fr !important; }
  .dashboard-shell.sidebar-collapsed .sidebar { width: 250px; padding: 20px 14px; }
  .dashboard-shell.sidebar-collapsed .sidebar-brand { justify-content: flex-start; padding: 0 8px; }
  .dashboard-shell.sidebar-collapsed .sidebar .brand { width: 100%; justify-content: flex-start; }
  .dashboard-shell.sidebar-collapsed .sidebar .brand-logo-image--mark {
    content: url('/assets/renvix-logo-exact.png');
    width: 142px;
    height: auto;
    max-height: 42px;
  }
  .dashboard-shell.sidebar-collapsed .side-group-title { display: block; }
  .dashboard-shell.sidebar-collapsed .side-link span,
  .dashboard-shell.sidebar-collapsed .sidebar-support-link span { display: inline; }
  .dashboard-shell.sidebar-collapsed .side-link,
  .dashboard-shell.sidebar-collapsed .sidebar-support-link {
    width: 100%;
    min-width: 0;
    padding-inline: 12px;
    justify-content: flex-start;
  }
  .dashboard-sidebar-toggle { display: none; }
  .topbar .dashboard-search { transform: none; }
}

/* Desktop-only, no-layout-shift interaction for user dashboard navigation. */
@media (min-width: 981px) and (hover: hover) and (pointer: fine) {
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link) {
    --sidebar-icon-shift: -2px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    cursor: pointer;
    transform: translateZ(0);
    transition: transform 180ms ease-out, color 180ms ease-out, background-color 180ms ease-out, border-color 180ms ease-out, box-shadow 180ms ease-out;
    will-change: transform;
  }
  [dir="ltr"] .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link) { --sidebar-icon-shift: 2px; }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link)::after {
    width: 3px;
    height: 0;
    position: absolute;
    inset-block: auto;
    inset-block-start: 50%;
    inset-inline-start: 0;
    inset-inline-end: auto;
    content: "";
    border-radius: 999px;
    background: #15957F;
    opacity: 0;
    transform: translateY(-50%);
    transition: height 180ms ease-out, opacity 160ms ease-out;
    pointer-events: none;
  }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link) .line-icon {
    transform-origin: center;
    transition: transform 180ms ease-out, color 180ms ease-out;
    will-change: transform;
  }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link) > span {
    transition: color 180ms ease-out, text-shadow 180ms ease-out;
  }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link):not(.active):is(:hover, :focus-visible) {
    color: #062B28;
    border-color: rgba(11, 63, 59, .07);
    background: #EEF8F6;
    box-shadow: 0 6px 16px rgba(6, 43, 40, .07);
    transform: translateY(-1px);
  }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link):is(:hover, :focus-visible)::after,
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link).active::after {
    height: calc(100% - 14px);
    opacity: 1;
  }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link):is(:hover, :focus-visible) > span {
    color: inherit;
    text-shadow: 0 0 .35px currentColor;
  }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link):is(:hover, :focus-visible) .line-icon {
    transform: translateX(var(--sidebar-icon-shift)) scale(1.06);
  }
  .dashboard-shell .sidebar [data-sidebar-icon="campaigns"] { --sidebar-icon-shift: -3px; }
  [dir="ltr"] .dashboard-shell .sidebar [data-sidebar-icon="campaigns"] { --sidebar-icon-shift: 3px; }
  .dashboard-shell .sidebar [data-sidebar-icon="settings"]:is(:hover, :focus-visible) .line-icon {
    transform: translateX(var(--sidebar-icon-shift)) scale(1.05) rotate(10deg);
  }
  .dashboard-shell .sidebar [data-sidebar-icon="reports"]:is(:hover, :focus-visible) .line-icon {
    transform: translate(var(--sidebar-icon-shift), -2px) scale(1.05);
  }
  .dashboard-shell .sidebar :is([data-sidebar-icon="customers"], [data-sidebar-icon="contacts"]):is(:hover, :focus-visible) .line-icon {
    transform: translateX(var(--sidebar-icon-shift)) scale(1.08);
  }
  .dashboard-shell .sidebar [data-sidebar-icon="notifications"]:is(:hover, :focus-visible) .line-icon {
    transform: translateX(var(--sidebar-icon-shift)) scale(1.05) rotate(-7deg);
  }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link).active {
    color: #FFFFFF !important;
    border-color: #0B3F3B !important;
    background: #0B3F3B !important;
    box-shadow: 0 5px 14px rgba(6, 43, 40, .13);
  }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link).active::after { background: #73B8AF; }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link).active :is(.line-icon, span) { color: #FFFFFF; }
  .dashboard-shell.sidebar-collapsed .side-link.active::after { display: block; }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link):active {
    background: #E4F1EF;
    transform: translateY(0) scale(.985);
    transition-duration: 90ms;
  }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link):active .line-icon {
    transform: scale(.98);
    transition-duration: 90ms;
  }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link).active:active { background: #062B28 !important; }
  :root[data-theme="dark"] .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link):not(.active):is(:hover, :focus-visible) {
    color: #FFFFFF;
    border-color: rgba(115, 184, 175, .18);
    background: rgba(115, 184, 175, .11);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
  }
  :root[data-theme="dark"] .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link):active { background: rgba(115, 184, 175, .17); }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link),
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link)::after,
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link) .line-icon,
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link) > span {
    transition: none !important;
  }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link):is(:hover, :focus-visible, :active) { transform: none; }
  .dashboard-shell .sidebar :is(.side-link, .sidebar-support-link):is(:hover, :focus-visible, :active) .line-icon { transform: none; }
}

/* Campaign Studio reference layout: product/custom × WhatsApp/email. */
.campaign-studio[data-campaign-channel][data-campaign-kind]{width:100%;max-width:none;margin-inline:auto;padding-bottom:54px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-heading{min-height:92px;margin-bottom:14px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-layout{direction:rtl;gap:18px}
.campaign-studio.is-email .campaign-studio-layout{grid-template-columns:minmax(0,1.55fr) minmax(390px,.95fr)}
.campaign-studio.is-whatsapp .campaign-studio-layout{grid-template-columns:minmax(0,1.88fr) minmax(360px,.76fr)}
.campaign-studio.is-email.is-product .campaign-studio-preview,
.campaign-studio.is-email.is-custom .campaign-studio-preview{min-height:820px}
.campaign-studio.is-whatsapp.is-product .campaign-studio-preview,
.campaign-studio.is-whatsapp.is-custom .campaign-studio-preview{min-height:790px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-form{gap:12px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-section{padding:16px;border-radius:14px;box-shadow:0 7px 20px rgba(7,61,55,.03)}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-section>header>span,
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-section>summary>svg{width:38px;height:38px;flex-basis:38px;border-radius:11px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-section>header>span svg{width:20px;height:20px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-section h2,
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-section summary strong{font-size:15px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-basics{gap:11px;margin-top:14px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .input,
.campaign-studio[data-campaign-channel][data-campaign-kind] .select{min-height:42px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-main-message textarea{min-height:116px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-preview{top:76px;padding:13px;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(7,61,55,.05)}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-preview>header{min-height:42px;margin-bottom:10px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-preview>header h2{font-size:15px}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-preview>header p{display:none}
.campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-actions{position:sticky;bottom:10px;z-index:5;padding:10px;border:1px solid #dce8e5;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(7,61,55,.08)}

/* Large, extended WhatsApp preview matching the campaign references. */
.campaign-studio.is-whatsapp .campaign-studio-preview>div{display:flex;justify-content:center}
.campaign-studio.is-whatsapp .campaign-studio-phone{display:flex;width:100%;max-width:420px;min-height:720px;margin:0 auto;overflow:hidden;flex-direction:column;border:7px solid #172b29;border-radius:39px;background:#f6eee6;box-shadow:0 13px 28px rgba(7,41,37,.13)}
.campaign-studio.is-whatsapp .campaign-phone-top{min-height:36px;padding:8px 20px 5px;color:#152c29;background:#fff;font-size:11px;direction:ltr}
.campaign-studio.is-whatsapp .campaign-phone-brand{display:grid;grid-template-columns:30px 38px minmax(0,1fr) 30px;align-items:center;gap:7px;min-height:70px;padding:10px 12px;border-bottom:1px solid #e4ebe9;background:#fff;direction:ltr}
.campaign-studio.is-whatsapp .campaign-phone-brand>button{display:grid;width:30px;height:30px;padding:0;place-items:center;border:0;color:#173e39;background:transparent}
.campaign-studio.is-whatsapp .campaign-phone-brand>button .line-icon{width:18px;height:18px}
.campaign-studio.is-whatsapp .campaign-phone-brand>img{width:36px;height:36px;object-fit:contain}
.campaign-studio.is-whatsapp .campaign-phone-brand>div{display:grid;gap:2px;direction:rtl;text-align:left}
.campaign-studio.is-whatsapp .campaign-phone-brand strong{display:flex;align-items:center;gap:4px;color:#173d38;font-size:14px}
.campaign-studio.is-whatsapp .campaign-phone-brand strong .line-icon{width:13px;height:13px;color:#129c80}
.campaign-studio.is-whatsapp .campaign-phone-brand small{color:#7b8e8a;font-size:9px}
.campaign-studio.is-whatsapp .campaign-chat{display:flex;flex:1;flex-direction:column;min-height:545px;padding:18px 10px 14px;background:#f7eee5}
.campaign-studio.is-whatsapp .campaign-chat-day{align-self:center;margin-bottom:10px;padding:4px 10px;border-radius:5px;color:#6d817d;background:rgba(255,255,255,.78);font-size:8px}
.campaign-studio.is-whatsapp .campaign-chat-message{align-self:stretch;margin-bottom:8px;padding:13px 12px 7px;border-radius:12px 12px 3px 12px;color:#264943;background:#fff;box-shadow:0 2px 7px rgba(20,54,49,.06)}
.campaign-studio.is-whatsapp .campaign-chat-message p{font-size:10px;line-height:1.8;text-align:right}
.campaign-studio.is-whatsapp .campaign-chat-message time{display:block;margin-top:5px;color:#8b9b98;text-align:left;font-size:7px}
.campaign-studio.is-whatsapp .campaign-studio-preview-cards{grid-auto-columns:minmax(165px,1fr);gap:7px;padding:1px}
.campaign-studio.is-whatsapp .campaign-studio-preview-card{min-height:246px;padding:7px;border-radius:10px;box-shadow:0 2px 7px rgba(20,54,49,.05)}
.campaign-studio.is-whatsapp .campaign-studio-preview-card>img,
.campaign-studio.is-whatsapp .campaign-studio-preview-card>span{height:132px}
.campaign-studio.is-whatsapp .campaign-studio-preview-card strong{font-size:10px}
.campaign-studio.is-whatsapp .campaign-studio-preview-card p{min-height:32px;font-size:8px}
.campaign-studio.is-whatsapp .campaign-studio-preview-card b{font-size:9px}
.campaign-preview-pagination{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px}.campaign-preview-pagination>*{display:block;width:5px;height:5px;border-radius:50%;background:#cad6d3}.campaign-preview-pagination>b{width:16px;border-radius:999px;background:#159b83}
.campaign-preview-swipe-hint{display:block;margin-top:5px;color:#92a19e;text-align:center;font-size:7px}
.campaign-studio.is-whatsapp .campaign-phone-input{display:grid;grid-template-columns:30px minmax(0,1fr) 22px 22px 37px;align-items:center;gap:5px;min-height:64px;padding:9px 10px;border-top:1px solid #e4ebe9;background:#fff;direction:ltr}
.campaign-studio.is-whatsapp .campaign-phone-input>button{width:28px;height:28px;padding:0;border:0;color:#617a75;background:transparent;font-size:17px}
.campaign-studio.is-whatsapp .campaign-phone-input>span{color:#9aa8a5;font-size:9px;direction:rtl;text-align:right}
.campaign-studio.is-whatsapp .campaign-phone-input>.line-icon{width:18px;height:18px;color:#617a75}
.campaign-studio.is-whatsapp .campaign-phone-input>b{display:grid;width:37px;height:37px;place-items:center;border-radius:50%;color:#fff;background:#0b816e}
.campaign-studio.is-whatsapp .campaign-phone-input>b .line-icon{width:18px;height:18px}

/* Large browser/email preview matching both product and custom email editors. */
.campaign-studio.is-email .campaign-studio-email-preview{display:flex;min-height:720px;flex-direction:column;border-color:#d9e5e2;border-radius:10px;box-shadow:0 7px 20px rgba(7,61,55,.04)}
.campaign-email-windowbar{position:relative;display:flex;min-height:40px;align-items:center;justify-content:center;padding:8px 13px;border-bottom:1px solid #e4ecea;color:#6d817d;background:#f8fbfa;font-size:8px}
.campaign-email-windowbar>span{position:absolute;left:13px;display:flex;gap:5px}.campaign-email-windowbar>span i{display:block;width:8px;height:8px;border-radius:50%;background:#0b8b78}.campaign-email-windowbar>span i:nth-child(2){background:#e8a536}.campaign-email-windowbar>span i:nth-child(3){background:#d85e61}
.campaign-email-windowbar>b{font-size:9px}.campaign-email-windowbar>small{position:absolute;right:13px;padding:3px 7px;border-radius:5px;color:#778b87;background:#edf3f2;font-size:7px}
.campaign-email-message-meta{display:grid;grid-template-columns:32px minmax(0,1fr) auto 18px 18px 18px;align-items:center;gap:6px;min-height:58px;padding:9px 12px;border-bottom:1px solid #e5ecea;background:#fff;text-align:right}
.campaign-email-message-meta>span{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#0b3f3b;background:#e9f4f2}.campaign-email-message-meta>span .line-icon{width:17px;height:17px}
.campaign-email-message-meta>div{display:grid;gap:1px}.campaign-email-message-meta strong{color:#173e39;font-size:9px}.campaign-email-message-meta small,.campaign-email-message-meta time{color:#8a9b97;font-size:7px}.campaign-email-message-meta>.line-icon{width:13px;height:13px;color:#738985}
.campaign-studio-email-preview .campaign-email-brand{min-height:64px;align-items:center;padding:12px;background:#fff}.campaign-studio-email-preview .campaign-email-brand img{width:112px;max-height:36px;object-fit:contain}
.campaign-studio.is-email .campaign-studio-email-preview>section{display:flex;flex:1;flex-direction:column;padding:0 17px 21px;background:#f5f9f8;text-align:right}
.campaign-email-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(135px,.85fr);align-items:center;gap:16px;min-height:245px;margin:0 -17px 22px;padding:24px 20px;color:#123d37;background:#e7f3f0;overflow:hidden}
.campaign-email-hero>div:first-child{display:grid;align-content:center;gap:8px}.campaign-email-hero>div:first-child>small{color:#598079;font-size:8px}.campaign-studio-email-preview .campaign-email-hero h2{margin:0;color:#0b3f3b;font-size:clamp(22px,2vw,29px);line-height:1.35}.campaign-studio-email-preview .campaign-email-hero p{margin:0;color:#52716b;font-size:10px;line-height:1.9;white-space:pre-wrap}
.campaign-email-hero-media{display:grid;min-height:190px;place-items:center;overflow:hidden;border-radius:14px;color:#0b3f3b;background:#f5faf9}.campaign-email-hero-media.has-image{background:#fff}.campaign-email-hero-media>img{width:100%;height:190px;object-fit:cover}.campaign-email-hero-media>span{display:grid;justify-items:center;gap:8px;color:#71908a}.campaign-email-hero-media>span .line-icon{width:42px;height:42px}.campaign-email-hero-media>span small{font-size:8px}
.campaign-email-cards-title{margin:0 0 12px;color:#173e39;text-align:center;font-size:14px}
.campaign-studio.is-email .campaign-studio-preview-card{gap:8px;padding:9px;border-radius:10px;text-align:right}
.campaign-studio.is-email .campaign-studio-preview-card>img,
.campaign-studio.is-email .campaign-studio-preview-card>span{height:132px}
.campaign-studio.is-email .campaign-studio-preview-card strong{font-size:10px}.campaign-studio.is-email .campaign-studio-preview-card p{min-height:36px;font-size:8px}.campaign-studio.is-email .campaign-studio-preview-card b{min-height:28px;font-size:8px}
.campaign-studio.is-email .campaign-email-social{margin-top:auto;padding-top:17px}
.campaign-studio.is-email .campaign-studio-email-preview>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:12px 16px;border-top:1px solid #e5ecea;background:#fff;text-align:right}.campaign-studio.is-email .campaign-studio-email-preview>footer span{max-width:80%}.campaign-studio.is-email .campaign-studio-email-preview>footer small{color:#0b3f3b;font-weight:800}
.campaign-studio.is-email.is-product .campaign-email-hero{background:#eef7f4}
.campaign-studio.is-email.is-custom .campaign-email-hero{background:#e8f1ef}
.campaign-studio-email-preview.design-luxury .campaign-email-hero{color:#fff;background:#0b302d}.campaign-studio-email-preview.design-luxury .campaign-email-hero h2{color:#fff}.campaign-studio-email-preview.design-luxury .campaign-email-hero p,.campaign-studio-email-preview.design-luxury .campaign-email-hero>div:first-child>small{color:#d6e3df}
.campaign-studio-email-preview.design-editorial .campaign-email-hero{border-inline-start:6px solid #315a70;background:#f5f8f9}.campaign-studio-email-preview.design-seasonal .campaign-email-hero{background:#fff4ed}.campaign-studio-email-preview.design-minimal .campaign-email-hero{background:#fff}.campaign-studio-email-preview.design-spotlight .campaign-email-hero{background:#e7f3f0}

:root[data-theme="dark"] .campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-actions{border-color:#28514b;background:rgba(8,43,39,.96)}
:root[data-theme="dark"] .campaign-email-windowbar,
:root[data-theme="dark"] .campaign-email-message-meta,
:root[data-theme="dark"] .campaign-studio-email-preview .campaign-email-brand,
:root[data-theme="dark"] .campaign-studio.is-email .campaign-studio-email-preview>footer{border-color:#28514b;background:#0b322e}

@media (max-width:1280px) and (min-width:921px){
  .campaign-studio.is-email .campaign-studio-layout{grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr)}
  .campaign-studio.is-whatsapp .campaign-studio-layout{grid-template-columns:minmax(0,1.42fr) minmax(310px,.66fr)}
  .campaign-studio.is-whatsapp .campaign-studio-phone{max-width:360px;min-height:680px}
  .campaign-studio.is-whatsapp .campaign-chat{min-height:505px}
  .campaign-email-hero{grid-template-columns:1fr;min-height:230px}.campaign-email-hero-media{min-height:150px}.campaign-email-hero-media>img{height:150px}
}
@media (max-width:920px){
  .campaign-studio.is-email .campaign-studio-layout,.campaign-studio.is-whatsapp .campaign-studio-layout{grid-template-columns:1fr}
  .campaign-studio.is-email.is-product .campaign-studio-preview,.campaign-studio.is-email.is-custom .campaign-studio-preview,.campaign-studio.is-whatsapp.is-product .campaign-studio-preview,.campaign-studio.is-whatsapp.is-custom .campaign-studio-preview{min-height:auto}
  .campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-preview{position:static;order:2}
  .campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-workspace{order:1}
  .campaign-studio.is-email .campaign-studio-preview>div{max-width:700px;margin-inline:auto}
  .campaign-studio.is-whatsapp .campaign-studio-phone{max-width:420px}
}
@media (max-width:700px){
  .campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-heading{min-height:0}
  .campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-section{padding:13px}
  .campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-actions{position:static;grid-template-columns:1fr}
  .campaign-studio.is-email .campaign-studio-email-preview{min-height:650px}
  .campaign-email-hero{grid-template-columns:1fr;gap:12px;min-height:0;padding:19px 15px}.campaign-email-hero-media{min-height:170px}.campaign-email-hero-media>img{height:170px}
  .campaign-studio.is-email .campaign-studio-email-preview .campaign-studio-preview-cards{grid-template-columns:1fr}
  .campaign-studio.is-whatsapp .campaign-studio-phone{max-width:370px;min-height:680px;border-width:5px;border-radius:31px}
  .campaign-studio.is-whatsapp .campaign-chat{min-height:505px}
}
@media (max-width:420px){
  .campaign-studio[data-campaign-channel][data-campaign-kind] .campaign-studio-preview{padding:9px}
  .campaign-studio.is-whatsapp .campaign-studio-phone{min-height:640px}
  .campaign-studio.is-whatsapp .campaign-chat{min-height:465px;padding-inline:7px}
  .campaign-studio.is-whatsapp .campaign-studio-preview-cards{grid-auto-columns:minmax(148px,1fr)}
  .campaign-studio.is-whatsapp .campaign-studio-preview-card>img,.campaign-studio.is-whatsapp .campaign-studio-preview-card>span{height:116px}
  .campaign-email-message-meta{grid-template-columns:30px minmax(0,1fr) auto 16px 16px 16px;padding-inline:8px}
  .campaign-studio-email-preview .campaign-email-brand img{width:100px}
}

/* Canonical accounts.renvix.app dark theme. This replaces every legacy auth-dark
   treatment without changing the approved illustration geometry or connector paths. */
.auth-suite-page[data-auth-theme="dark"]{
  --auth-night-page:#0a0f15;
  --auth-night-panel:#0a1016;
  --auth-night-visual:#071c20;
  --auth-night-surface:#0d131a;
  --auth-night-line:#2a353e;
  --auth-night-text:#f5f7f8;
  --auth-night-muted:#9ca5ab;
  --auth-night-teal:#19ad99;
  min-height:100dvh!important;
  color:var(--auth-night-text)!important;
  background:var(--auth-night-page)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-suite-stage,.auth-suite-brandbar,.auth-suite-shell,.auth-suite-reset,.auth-suite-otp){
  background:transparent!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-suite-panel,.email-otp-panel,.email-otp-invalid){
  color:var(--auth-night-text)!important;
  border-color:transparent!important;
  background:var(--auth-night-page)!important;
  box-shadow:none!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-suite-visual,.auth-suite-email-visual,.auth-showcase){
  color:var(--auth-night-text)!important;
  border:1px solid #263740!important;
  background:var(--auth-night-visual)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.auth-suite-page[data-auth-theme="dark"] .auth-showcase-art{
  isolation:isolate;
  background:radial-gradient(circle at 52% 52%,rgba(29,169,151,.075),transparent 56%)!important;
}
.auth-suite-page[data-auth-theme="dark"] .auth-showcase-reference-art{
  image-rendering:auto;
  backface-visibility:hidden;
  transform-origin:center;
  filter:invert(.78) hue-rotate(177deg) saturate(1.12) brightness(.74) contrast(1.1) drop-shadow(0 18px 25px rgba(0,0,0,.34))!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-showcase-copy h2,.auth-suite-intro h1,.auth-suite-panel h1,.field>span,.email-otp-form>label){
  color:var(--auth-night-text)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-showcase-copy p,.auth-suite-intro p,.remember,.auth-switch,.policy-check,.email-otp-remember,.auth-suite-note,.email-otp-help){
  color:var(--auth-night-muted)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-suite-form .input,.auth-suite-panel .input,.email-otp-panel .input,.email-otp-digit){
  color:var(--auth-night-text)!important;
  caret-color:#5fd7c6!important;
  border-color:var(--auth-night-line)!important;
  background:var(--auth-night-surface)!important;
  box-shadow:none!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-suite-form .input,.auth-suite-panel .input,.email-otp-panel .input)::placeholder{
  color:#929da5!important;
  opacity:1!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-suite-form .input,.auth-suite-panel .input,.email-otp-digit):focus{
  border-color:#1ab09c!important;
  box-shadow:0 0 0 3px rgba(26,176,156,.1)!important;
}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs{
  border-color:var(--auth-night-line)!important;
  background:var(--auth-night-surface)!important;
}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs button{color:#a4adb4!important;background:transparent!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-mode-tabs button.active{
  color:#fff!important;
  background:#087b6e!important;
  box-shadow:0 8px 24px rgba(0,0,0,.25)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-submit,.email-otp-submit,.btn-primary){
  color:#fff!important;
  border-color:#0a8d7e!important;
  background:#087b6e!important;
  box-shadow:0 10px 25px rgba(0,0,0,.22)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-submit,.email-otp-submit,.btn-primary):is(:hover,:focus-visible){background:#0a8e7f!important}
.auth-suite-page[data-auth-theme="dark"] .btn-secondary{
  color:#dfe7e7!important;
  border-color:var(--auth-night-line)!important;
  background:transparent!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.email-otp-resend-row,.auth-suite-note,.email-otp-help){
  border-color:var(--auth-night-line)!important;
  background:var(--auth-night-surface)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(a,.link-button,.auth-switch button){color:#22b7a2!important}
.auth-suite-page[data-auth-theme="dark"] .policy-check button{
  padding:0!important;
  color:#22b7a2!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.auth-suite-page[data-auth-theme="dark"] .policy-check button:is(:hover,:focus-visible){
  color:#55cfbd!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-controls>button{color:#8e989f!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-controls>button.active{color:#24b8a3!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-controls>span{background:#2a363e!important}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-controls .auth-suite-theme-button{
  color:#d9e1e2!important;
  border-color:#28343c!important;
  background:#0b1219!important;
  box-shadow:0 8px 20px rgba(0,0,0,.24)!important;
}
.auth-suite-page[data-auth-theme="dark"] .auth-suite-brandbar-logo .brand-logo-image{
  content:url("/assets/renvix-logo-exact.png")!important;
  filter:brightness(0) invert(1)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-suite-intro h1,.auth-suite-panel h1,.email-otp-panel h1){
  color:#f8fbfb!important;
  text-shadow:0 1px 0 rgba(255,255,255,.025)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-suite-intro p,.email-otp-panel>p,.auth-suite-note,.email-otp-help){
  color:var(--auth-night-muted)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-reference-feature-label,.auth-relocated-feature){
  color:#d8e1e2!important;
  text-shadow:0 1px 7px rgba(0,0,0,.6)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-reference-feature-label>b,.auth-relocated-feature>b){
  color:inherit!important;
  font-weight:500!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.password-toggle,.email-otp-email svg,.email-otp-resend-row svg){
  color:#aeb9bf!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-suite-panel,.email-otp-panel) :is(button,span,label,p,small,strong){
  text-rendering:optimizeLegibility;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-benefits,.auth-suite-feature-strip){
  color:var(--auth-night-muted)!important;
  border-color:var(--auth-night-line)!important;
  background:rgba(7,13,20,.34)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-benefits>div,.auth-suite-feature-strip>div){
  color:var(--auth-night-muted)!important;
  border-color:var(--auth-night-line)!important;
}
.auth-suite-page[data-auth-theme="dark"] :is(.auth-benefits,.auth-suite-feature-strip) :is(.line-icon,svg){
  color:#42c9b7!important;
  background:#0b2021!important;
}
.auth-suite-page[data-auth-theme="dark"] input[type="checkbox"]{accent-color:#18a893}
.auth-suite-page[data-auth-theme="dark"] input:-webkit-autofill,
.auth-suite-page[data-auth-theme="dark"] input:-webkit-autofill:hover,
.auth-suite-page[data-auth-theme="dark"] input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--auth-night-text)!important;
  box-shadow:0 0 0 1000px var(--auth-night-surface) inset!important;
}
.auth-suite-page[data-auth-language="en"] :is(.auth-switch,.inline-actions,.auth-suite-note,.email-otp-help,.auth-showcase-copy){
  direction:ltr!important;
  unicode-bidi:plaintext;
}
@media (max-width:820px){
  .auth-suite-page[data-auth-theme="dark"],
  .auth-suite-page[data-auth-theme="dark"] .auth-suite-stage{background:var(--auth-night-page)!important}
  .auth-suite-page[data-auth-theme="dark"] :is(.auth-suite-panel,.email-otp-panel){background:transparent!important}
}