/* ============================================================================
   Yebrax SMS Relay — UI/UX V10
   Unified visual system for public site, client portal and admin.
   Presentation only: no runtime, pricing, Central, payment or SMS behavior.
   ========================================================================== */

:root{
  --yx10-bg:#f6f8fb;
  --yx10-surface:#ffffff;
  --yx10-surface-soft:#f8fafc;
  --yx10-ink:#0f172a;
  --yx10-ink-2:#1e293b;
  --yx10-muted:#64748b;
  --yx10-muted-2:#94a3b8;
  --yx10-line:#e2e8f0;
  --yx10-line-strong:#cfd8e5;
  --yx10-navy:#10233f;
  --yx10-navy-2:#17375f;
  --yx10-blue:#2563eb;
  --yx10-blue-2:#1d4ed8;
  --yx10-blue-soft:#eff6ff;
  --yx10-cyan:#0ea5e9;
  --yx10-green:#0f9f6e;
  --yx10-red:#dc2626;
  --yx10-amber:#d97706;
  --yx10-radius-sm:10px;
  --yx10-radius:16px;
  --yx10-radius-lg:22px;
  --yx10-shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --yx10-shadow-sm:0 8px 28px rgba(15,23,42,.055);
  --yx10-shadow:0 18px 50px rgba(15,23,42,.075);
  --yx10-container:1200px;
  --yx10-panel-container:1440px;
}

html{scroll-behavior:smooth;background:var(--yx10-bg)}
body{
  color:var(--yx10-ink);
  background:var(--yx10-bg);
  font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
[dir="rtl"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button,input,select,textarea{font:inherit}

/* --------------------------------------------------------------------------
   PUBLIC SITE — global canvas / rhythm
   -------------------------------------------------------------------------- */
.sms-public-page{
  --sms-primary:var(--yx10-navy);
  --sms-accent:var(--yx10-blue);
  --sms-line:var(--yx10-line);
  --sms-muted:var(--yx10-muted);
  background:#fff!important;
  color:var(--yx10-ink)!important;
}
.sms-public-page>.sms-site,
.sms-public-page .sms-site:not(.sms-home-v7):not(.sms-home-v81){
  width:min(var(--yx10-container),calc(100% - 48px))!important;
  max-width:var(--yx10-container)!important;
  margin-inline:auto!important;
  padding-bottom:32px;
}
.sms-public-page .sms-site>section{scroll-margin-top:96px}
.sms-public-page .sms-center-head{
  max-width:820px;
  margin-inline:auto;
  padding-top:72px!important;
  margin-bottom:38px;
  text-align:center;
}
.sms-public-page .sms-center-head .sms-display,
.sms-public-page .sms-center-head .sms-display-compact{
  margin:12px 0 12px!important;
  color:var(--yx10-ink)!important;
  font-size:clamp(34px,4vw,52px)!important;
  line-height:1.16!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
[dir="rtl"] .sms-public-page .sms-center-head .sms-display,
[dir="rtl"] .sms-public-page .sms-center-head .sms-display-compact{letter-spacing:0!important;line-height:1.32!important}
.sms-public-page .sms-center-head h2,
.sms-public-page .sms-title-xl{
  color:var(--yx10-ink)!important;
  font-size:clamp(26px,3vw,38px)!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
}
[dir="rtl"] .sms-public-page .sms-center-head h2,
[dir="rtl"] .sms-public-page .sms-title-xl{letter-spacing:0!important;line-height:1.45!important}
.sms-public-page .sms-subtitle,
.sms-public-page .sms-lead{
  max-width:740px;
  margin-inline:auto;
  color:var(--yx10-muted)!important;
  font-size:15.5px!important;
  line-height:1.85!important;
}
.sms-public-page .sms-section-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--yx10-blue)!important;
  box-shadow:none!important;
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
}
[dir="rtl"] .sms-public-page .sms-section-kicker{letter-spacing:0!important}

/* Buttons: one predictable system, no pill clutter. */
.sms-public-page .sms-btn,
.sms-public-page .sms7-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:10px 17px!important;
  border:1px solid var(--yx10-line-strong)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--yx10-ink-2)!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.sms-public-page .sms-btn:hover,
.sms-public-page .sms7-btn:hover{border-color:#b7c4d4!important;background:#f8fafc!important;transform:translateY(-1px)}
.sms-public-page .sms-btn.primary,
.sms-public-page .sms7-btn-primary{
  border-color:var(--yx10-navy)!important;
  background:var(--yx10-navy)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(16,35,63,.13)!important;
}
.sms-public-page .sms-btn.primary:hover,
.sms-public-page .sms7-btn-primary:hover{background:#0b1b31!important;border-color:#0b1b31!important}
.sms-public-page .sms-btn.support{border-color:#b9e6d2!important;background:#f3fbf7!important;color:#16724f!important}

/* Header: full viewport width, calm inner container. */
.sms-public-page .sms-topbar{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  width:100%!important;
  max-width:none!important;
  min-height:74px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid rgba(15,23,42,.075)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
  backdrop-filter:blur(16px)!important;
}
.sms-public-page .sms-topbar-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  width:min(var(--yx10-container),calc(100% - 48px))!important;
  min-height:74px!important;
  margin:0 auto!important;
}
.sms-public-page .sms-topbar-brand{display:flex!important;align-items:center!important;flex:0 0 auto!important}
.sms-public-page .sms-topbar-brand .brand-logo{display:block!important;width:auto!important;height:40px!important;max-width:180px!important;object-fit:contain!important}
.sms-public-page .sms-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;flex:1!important;gap:24px!important;min-width:0!important}
.sms-public-page .sms-nav-links{display:flex!important;align-items:center!important;gap:4px!important}
.sms-public-page .sms-nav a.sms-nav-link{
  min-height:40px!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#526277!important;
  font-size:13px!important;
  font-weight:750!important;
}
.sms-public-page .sms-nav a.sms-nav-link:hover,
.sms-public-page .sms-nav a.sms-nav-link.active{background:#f4f7fb!important;color:var(--yx10-blue-2)!important}
.sms-public-page .sms-topbar-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important}
.sms-public-page .sms-topbar-actions .sms-btn,
.sms-public-page .lang-menu summary.btn{min-height:40px!important;padding:8px 13px!important;border-radius:9px!important;font-size:12.5px!important;white-space:nowrap!important}
.sms-public-page .sms-nav-toggle{display:none}

/* Quick subnav: compact underline-like tabs instead of floating pills. */
.sms-public-page .sms-page-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:max-content;
  max-width:100%;
  margin:22px auto 0!important;
  padding:4px!important;
  border:1px solid var(--yx10-line)!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
  overflow:auto hidden;
}
.sms-public-page .sms-page-chip{
  flex:0 0 auto;
  min-height:34px!important;
  padding:7px 11px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#64748b!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  font-weight:750!important;
}
.sms-public-page .sms-page-chip.active,
.sms-public-page .sms-page-chip:hover{background:#fff!important;color:var(--yx10-navy)!important;box-shadow:var(--yx10-shadow-xs)!important}

/* Base cards / panels. */
.sms-public-page .sms-panel,
.sms-public-page .sms-card,
.sms-public-page .sms-payment-card,
.sms-public-page .sms-feature-card,
.sms-public-page .sms-faq-card,
.sms-public-page .sms-auth-panel,
.sms-public-page .sms-auth-form-shell,
.sms-public-page .sms-pricing-card,
.sms-public-page .sms-sample-card,
.sms-public-page .sms-guide-item{
  border:1px solid var(--yx10-line)!important;
  border-radius:var(--yx10-radius)!important;
  background:#fff!important;
  color:var(--yx10-ink)!important;
  box-shadow:var(--yx10-shadow-xs)!important;
}
.sms-public-page .sms-panel{padding:28px!important}
.sms-public-page .sms-panel p,
.sms-public-page .sms-card p,
.sms-public-page .sms-payment-card span,
.sms-public-page .sms-payment-card a,
.sms-public-page .sms-feature-card p,
.sms-public-page .sms-guide-item p{color:var(--yx10-muted)!important;line-height:1.75!important}

/* Help/contact: kill the broken navy background/gaps and make a clean contact grid. */
.sms-public-page .sms-contact-strip{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.sms-public-page .sms-contact-strip>.sms-payment-card{
  grid-column:span 2;
  min-width:0!important;
  min-height:116px!important;
  padding:20px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
  text-align:start!important;
}
.sms-public-page .sms-contact-strip>.sms-payment-card:nth-child(4),
.sms-public-page .sms-contact-strip>.sms-payment-card:nth-child(5){grid-column:span 3}
.sms-public-page .sms-contact-strip>.sms-payment-card strong{
  margin:0!important;
  color:var(--yx10-blue-2)!important;
  font-size:12px!important;
  font-weight:850!important;
}
.sms-public-page .sms-contact-strip>.sms-payment-card a,
.sms-public-page .sms-contact-strip>.sms-payment-card span{
  display:block;
  min-width:0;
  color:#59697f!important;
  font-size:14px!important;
  overflow-wrap:anywhere;
  text-decoration:none;
}
.sms-public-page .sms-contact-strip>.sms-payment-card a:hover{color:var(--yx10-blue)!important}

/* Forms. */
.sms-public-page .sms-pricing-calculator{
  display:block!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sms-public-page .sms-pricing-calculator>.sms-panel{padding:30px!important}
.sms-public-page .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important}
.sms-public-page .sms-form-label{display:block;margin:0 0 8px;color:#334155!important;font-size:12.5px!important;font-weight:800!important}
.sms-public-page .sms-input,
.sms-public-page .sms-select,
.sms-public-page textarea.sms-input{
  width:100%!important;
  min-height:46px!important;
  padding:11px 13px!important;
  border:1px solid #d7e0ea!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--yx10-ink)!important;
  box-shadow:none!important;
  outline:none!important;
}
.sms-public-page textarea.sms-input{min-height:140px!important;resize:vertical}
.sms-public-page .sms-input:focus,
.sms-public-page .sms-select:focus{border-color:#77a2ff!important;box-shadow:0 0 0 3px rgba(37,99,235,.09)!important}
.sms-public-page .sms-help-form-note{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:2px!important}
.sms-public-page .sms-help-form-note span{padding:6px 9px!important;border:1px solid var(--yx10-line)!important;border-radius:8px!important;background:#f8fafc!important;color:#64748b!important;font-size:10.5px!important}

/* Developer page — fix dark-on-dark content and overbuilt blocks. */
.sms-public-page .sms-dev-band{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
  gap:34px!important;
  padding:34px!important;
  border:1px solid #173656!important;
  border-radius:var(--yx10-radius-lg)!important;
  background:linear-gradient(135deg,#10243f 0%,#12365d 58%,#174d78 100%)!important;
  color:#fff!important;
  box-shadow:0 20px 48px rgba(15,35,63,.12)!important;
}
.sms-public-page .sms-dev-band h1,
.sms-public-page .sms-dev-band h2,
.sms-public-page .sms-dev-band h3,
.sms-public-page .sms-dev-band .sms-title-on-dark{color:#fff!important}
.sms-public-page .sms-dev-band p,
.sms-public-page .sms-dev-band .sms-lead{color:#cbd8e8!important}
.sms-public-page .sms-dev-band .sms-section-kicker{color:#8dc5ff!important}
.sms-public-page .sms-dev-band .sms-btn:not(.primary){border-color:rgba(255,255,255,.25)!important;background:#fff!important;color:#143457!important}
.sms-public-page .sms-stack-grid{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.sms-public-page .sms-stack-chip{padding:7px 10px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:8px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:none!important}
.sms-public-page .sms-code-explorer,
.sms-public-page .sms-code-shell{border-radius:14px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.1)!important;background:#09182a!important;box-shadow:none!important}
.sms-public-page .sms-code-tabs{background:#111f32!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.sms-public-page .sms-code-tabs button{border-radius:7px!important}
.sms-public-page pre{max-width:100%;overflow:auto;direction:ltr;text-align:left}
.sms-public-page .sms-doc-grid-4,
.sms-public-page .sms-feature-grid,
.sms-public-page .sms-response-grid{gap:14px!important}
.sms-public-page .sms-endpoint-card{min-height:160px!important;padding:22px!important}
.sms-public-page .sms-icon-badge{border-radius:9px!important;background:var(--yx10-blue-soft)!important;color:var(--yx10-blue)!important}

/* Health / endpoint row should never inherit a dark parent background. */
.sms-public-page .sms-card>.sms-contact-strip{margin-top:22px!important}
.sms-public-page .sms-card>.sms-contact-strip>.sms-payment-card{grid-column:span 2!important;min-height:112px!important}

/* Next step CTA: explicit accessible contrast, no invisible heading. */
.sms-public-page .sms-next-step-strip{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:32px!important;
  margin-top:72px!important;
  padding:34px 36px!important;
  border:1px solid #17334f!important;
  border-radius:var(--yx10-radius-lg)!important;
  background:var(--yx10-navy)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.sms-public-page .sms-next-step-copy{min-width:0}
.sms-public-page .sms-next-step-strip .sms-section-kicker{color:#86b9ff!important}
.sms-public-page .sms-next-step-strip h2,
.sms-public-page .sms-next-step-strip .sms-next-step-copy h2{
  margin:10px 0 8px!important;
  color:#fff!important;
  font-size:clamp(24px,2.7vw,34px)!important;
  line-height:1.35!important;
  font-weight:850!important;
}
.sms-public-page .sms-next-step-strip p{margin:0!important;max-width:760px;color:#b8c7d9!important;font-size:14px!important;line-height:1.75!important}
.sms-public-page .sms-next-step-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.sms-public-page .sms-next-step-strip .sms-btn{border-color:rgba(255,255,255,.18)!important;background:#fff!important;color:#152a46!important}
.sms-public-page .sms-next-step-strip .sms-btn.primary{border-color:#fff!important;background:#fff!important;color:#122744!important}
.sms-public-page .sms-next-step-strip .sms-btn.support{border-color:#b8ebd5!important;background:#f4fff9!important;color:#14704d!important}

/* Accordion. */
.sms-public-page .sms-accordion{display:grid!important;gap:10px!important;margin-top:56px!important}
.sms-public-page .sms-accordion details{border:1px solid var(--yx10-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important}
.sms-public-page .sms-accordion summary{padding:17px 18px!important;color:#23324a!important;font-size:13.5px!important;font-weight:800!important;cursor:pointer!important}
.sms-public-page .sms-accordion details p{padding:0 18px 18px!important;margin:0!important;color:var(--yx10-muted)!important;font-size:13.5px!important;line-height:1.8!important}

/* Pricing. */
.sms-public-page .sms-pricing-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.sms-public-page .sms-pricing-card{position:relative;padding:24px!important;overflow:hidden!important}
.sms-public-page .sms-pricing-card.featured{border-color:#a9c4ff!important;background:#fbfdff!important;box-shadow:0 0 0 3px rgba(37,99,235,.055)!important}
.sms-public-page .sms-plan-badge{border-radius:7px!important;background:var(--yx10-blue-soft)!important;color:var(--yx10-blue-2)!important}
.sms-public-page .sms-price{color:var(--yx10-ink)!important;font-size:34px!important}
.sms-public-page .sms-device-presets{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.sms-public-page .sms-device-chip{border-radius:9px!important}
.sms-public-page .sms-device-chip.is-active{background:var(--yx10-navy)!important;border-color:var(--yx10-navy)!important;color:#fff!important}
.sms-public-page .sms-total-box{border-radius:14px!important;background:#f8fafc!important;border:1px solid var(--yx10-line)!important;color:var(--yx10-ink)!important;box-shadow:none!important}
.sms-public-page .sms-total-box *{color:inherit!important}
.sms-public-page .sms-payment-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.sms-public-page .sms-payment-card-v91{min-height:104px!important;border-radius:14px!important;overflow:hidden!important}

/* Legal pages. */
.sms-public-page .sms-legal-shell{max-width:980px!important;margin-inline:auto!important}
.sms-public-page .sms-legal-hero{padding-top:68px!important;text-align:center!important}
.sms-public-page .sms-legal-card{padding:32px!important;border:1px solid var(--yx10-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--yx10-shadow-xs)!important}
.sms-public-page .sms-legal-section+ .sms-legal-section{margin-top:26px!important;padding-top:26px!important;border-top:1px solid var(--yx10-line)!important}
.sms-public-page .sms-legal-section h2{color:var(--yx10-ink)!important}
.sms-public-page .sms-legal-section p,
.sms-public-page .sms-legal-section li{color:#58677d!important;line-height:1.9!important}

/* Landing — smooth, less "boxed", retain current content and product preview. */
.sms-home-v81{background:#fff!important;padding-bottom:96px!important}
.sms-home-v81>.sms7-hero,
.sms-home-v81>.sms7-strip,
.sms-home-v81>.sms7-section,
.sms-home-v81>.sms7-final{width:min(var(--yx10-container),calc(100% - 48px))!important}
.sms-home-v81 .sms7-hero{min-height:600px!important;gap:64px!important;padding:78px 0 64px!important}
.sms-home-v81 .sms7-product-preview{border-radius:18px!important;box-shadow:0 26px 60px rgba(15,31,54,.14),0 0 0 6px #f4f7fb!important}
.sms-home-v81 .sms7-strip{margin-bottom:86px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid var(--yx10-line)!important;box-shadow:none!important}
.sms-home-v81 .sms7-strip>div{min-height:88px!important;border-inline-end:1px solid var(--yx10-line)!important;background:transparent!important}
.sms-home-v81 .sms7-strip strong{color:#24354e!important}
.sms-home-v81 .sms7-strip span{color:#738197!important}
.sms-home-v81 .sms7-section{margin-top:88px!important}
.sms-home-v81 .sms7-feature-card,
.sms-home-v81 .sms7-process,
.sms-home-v81 .sms7-showcase,
.sms-home-v81 .sms7-faq details{border-radius:16px!important;box-shadow:none!important}
.sms-home-v81 .sms7-final{border-radius:20px!important}

/* Footer: refined dark footer with visible logo and better hierarchy. */
.sms-public-page .sms-footer{
  margin-top:88px!important;
  border:0!important;
  border-top:1px solid #152b47!important;
  background:#0c1c31!important;
  color:#dbe5f0!important;
}
.sms-public-page .sms-footer-inner{width:min(var(--yx10-container),calc(100% - 48px))!important;max-width:none!important;margin:0 auto!important;padding:50px 0 24px!important}
.sms-public-page .sms-footer-grid{display:grid!important;grid-template-columns:1.35fr .85fr 1.05fr .9fr!important;gap:42px!important;align-items:start!important}
.sms-public-page .sms-footer-brand{max-width:340px!important}
.sms-public-page .sms-footer-brand-link{display:inline-flex!important;padding:10px 13px!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.sms-public-page .sms-footer-brand .brand-logo{display:block!important;height:38px!important;max-width:165px!important;object-fit:contain!important}
.sms-public-page .sms-footer-brand p{margin:16px 0 0!important;color:#9fb0c5!important;font-size:13px!important;line-height:1.85!important}
.sms-public-page .sms-footer-col h4{margin:2px 0 15px!important;color:#fff!important;font-size:13px!important;font-weight:850!important}
.sms-public-page .sms-footer-links{gap:9px!important}
.sms-public-page .sms-footer-links a,
.sms-public-page .sms-footer-links span{color:#aebdce!important;font-size:13px!important;line-height:1.7!important}
.sms-public-page .sms-footer-links a:hover{color:#fff!important}
.sms-public-page .sms-footer-social-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.sms-public-page .sms-social-pill{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-height:42px!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:rgba(255,255,255,.045)!important;color:#e8f0f8!important;text-decoration:none!important}
.sms-public-page .sms-social-pill:hover{background:rgba(255,255,255,.085)!important;border-color:rgba(255,255,255,.22)!important}
.sms-public-page .sms-social-icon{display:grid!important;place-items:center!important;width:20px!important;height:20px!important}
.sms-public-page .sms-social-icon svg{width:18px!important;height:18px!important}
.sms-public-page .sms-footer-bottom{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:18px!important;margin-top:34px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.1)!important;color:#8293aa!important;font-size:11.5px!important}
.sms-public-page .sms-footer-bottom>span:last-child{text-align:end}
.sms-public-page .sms-footer-legal{gap:8px 14px!important}
.sms-public-page .sms-footer-legal a{color:#9fb0c5!important;font-size:11.5px!important;font-weight:700!important}
.sms-public-page .sms-footer-legal a:hover{color:#fff!important}
.sms-public-page .sms-wa-float{border-radius:12px!important;box-shadow:0 10px 28px rgba(15,23,42,.13)!important}

/* --------------------------------------------------------------------------
   CLIENT + ADMIN — one calm SaaS workspace system
   -------------------------------------------------------------------------- */
.sms-cp-body,
.sms-admin-body{background:var(--yx10-bg)!important;color:var(--yx10-ink)!important}
.sms-cp-body .sms-shell,
.sms-admin-body .sms-shell{background:var(--yx10-bg)!important}
.sms-cp-body .sms-sidebar,
.sms-admin-body .sms-sidebar{
  width:258px!important;
  border:0!important;
  border-inline-end:1px solid var(--yx10-line)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.sms-cp-body .sms-side-head,
.sms-admin-body .sms-side-head{padding:18px 16px 14px!important;border-bottom:1px solid #eef2f6!important}
.sms-cp-body .logo-badge,
.sms-admin-body .logo-badge{gap:10px!important;text-decoration:none!important}
.sms-cp-body .logo-badge img,
.sms-admin-body .logo-badge img{width:38px!important;height:38px!important;border-radius:10px!important;object-fit:contain!important}
.sms-cp-body .brand-title,
.sms-admin-body .brand-title{color:#17233a!important;font-size:13px!important;font-weight:850!important}
.sms-cp-body .brand-sub,
.sms-admin-body .brand-sub{color:#8a98a9!important;font-size:9.5px!important;line-height:1.45!important}
.sms-cp-body .sms-side-workspace,
.sms-admin-body .sms-side-workspace{margin-top:14px!important;padding:10px 11px!important;border:1px solid var(--yx10-line)!important;border-radius:10px!important;background:#f8fafc!important}
.sms-cp-body .sms-side-workspace small,
.sms-admin-body .sms-side-workspace small{color:#94a3b8!important;font-size:9px!important}
.sms-cp-body .sms-side-workspace strong,
.sms-admin-body .sms-side-workspace strong{display:block!important;margin-top:2px!important;color:#334155!important;font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sms-cp-body .nav,
.sms-admin-body .nav{padding:12px 10px 22px!important}
.sms-cp-body .nav-group-label,
.sms-admin-body .nav-group-label{display:block!important;margin:14px 10px 6px!important;color:#a0aabc!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
[dir="rtl"] .sms-cp-body .nav-group-label,
[dir="rtl"] .sms-admin-body .nav-group-label{letter-spacing:0!important}
.sms-cp-body .navlink,
.sms-admin-body .navlink{display:flex!important;align-items:center!important;gap:10px!important;min-height:40px!important;margin:2px 0!important;padding:9px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#526176!important;font-size:11.5px!important;font-weight:720!important;text-decoration:none!important;box-shadow:none!important}
.sms-cp-body .navlink:hover,
.sms-admin-body .navlink:hover{background:#f5f7fb!important;color:#22324a!important}
.sms-cp-body .navlink.active,
.sms-admin-body .navlink.active{background:#edf4ff!important;color:#1857c7!important}
.sms-cp-body .navlink svg,
.sms-admin-body .navlink svg{width:17px!important;height:17px!important}
.sms-cp-body .sms-content,
.sms-admin-body .sms-content{min-width:0!important;background:var(--yx10-bg)!important}
.sms-cp-body .sms-panel-topbar,
.sms-admin-body .sms-panel-topbar{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  min-height:66px!important;
  margin:0!important;
  padding:10px 24px!important;
  border:0!important;
  border-bottom:1px solid var(--yx10-line)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:none!important;
  backdrop-filter:blur(15px)!important;
}
.sms-cp-body .sms-panel-context span,
.sms-admin-body .sms-panel-context span{color:#8b99ab!important;font-size:9.5px!important}
.sms-cp-body .sms-panel-context strong,
.sms-admin-body .sms-panel-context strong{color:#1f2f45!important;font-size:12.5px!important}
.sms-cp-body .sms-panel-container,
.sms-admin-body .sms-panel-container{width:min(100%,var(--yx10-panel-container))!important;max-width:var(--yx10-panel-container)!important;margin:0 auto!important;padding:26px 26px 52px!important}
.sms-cp-body .sms-page-header,
.sms-admin-body .sms-page-header{margin:0 0 20px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.sms-cp-body .sms-page-header h1,
.sms-admin-body .sms-page-header h1{color:#162238!important;font-size:clamp(24px,2.5vw,34px)!important;font-weight:880!important;line-height:1.25!important}
.sms-cp-body .sms-page-header p,
.sms-admin-body .sms-page-header p{color:#718096!important;font-size:12.5px!important;line-height:1.65!important}

/* Panel cards and tables: flat hierarchy. */
.sms-cp-body .card,
.sms-admin-body .card,
.sms-cp-body .sms-card,
.sms-admin-body .sms-card,
.sms-cp-body .panel,
.sms-admin-body .panel,
.sms-cp-body .billing-summary-v9,
.sms-cp-body .billing-current-v9,
.sms-cp-body .billing-section-v9,
.sms-cp-body .workspace-action-v9,
.sms-cp-body .workspace-snapshot-v9{
  border:1px solid var(--yx10-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:var(--yx10-shadow-xs)!important;
}
.sms-cp-body .stat-card,
.sms-admin-body .stat-card{border:1px solid var(--yx10-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
.sms-cp-body .table-wrap,
.sms-admin-body .table-wrap{border:1px solid var(--yx10-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;overflow:auto!important}
.sms-cp-body table,
.sms-admin-body table{border-collapse:collapse!important;width:100%!important}
.sms-cp-body th,
.sms-admin-body th{background:#f8fafc!important;color:#66758a!important;font-size:9.5px!important;font-weight:850!important}
.sms-cp-body td,
.sms-admin-body td{color:#3f4e63!important;font-size:10.5px!important;border-color:#edf1f5!important}

/* Panel controls. */
.sms-cp-body .btn,
.sms-admin-body .btn,
.sms-cp-body .sms-topbar-action,
.sms-admin-body .sms-topbar-action{
  min-height:38px!important;
  border-radius:9px!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
.sms-cp-body input:not([type="checkbox"]):not([type="radio"]),
.sms-cp-body select,.sms-cp-body textarea,
.sms-admin-body input:not([type="checkbox"]):not([type="radio"]),
.sms-admin-body select,.sms-admin-body textarea{
  border-color:#d8e0ea!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.sms-cp-body input:focus,
.sms-cp-body select:focus,.sms-cp-body textarea:focus,
.sms-admin-body input:focus,
.sms-admin-body select:focus,.sms-admin-body textarea:focus{border-color:#7ea6ff!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important;outline:none!important}

/* Billing cards/icons: robust on every narrow width. */
.sms-panel-v9 .billing-method-grid-v9{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.sms-panel-v9 .billing-method-card-v91{min-width:0!important;min-height:102px!important;border-radius:13px!important;overflow:hidden!important}
.sms-panel-v9 .billing-brand-cluster-v91{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
.sms-panel-v9 .billing-method-copy-v91{min-width:0!important;overflow-wrap:anywhere!important}
.billing-brand-logo-v91{box-shadow:none!important}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media(max-width:1100px){
  .sms-public-page .sms-topbar-inner,
  .sms-public-page>.sms-site,
  .sms-public-page .sms-site:not(.sms-home-v7):not(.sms-home-v81),
  .sms-home-v81>.sms7-hero,
  .sms-home-v81>.sms7-strip,
  .sms-home-v81>.sms7-section,
  .sms-home-v81>.sms7-final,
  .sms-public-page .sms-footer-inner{width:min(100% - 36px,1040px)!important}
  .sms-public-page .sms-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sms-public-page .sms-dev-band{grid-template-columns:1fr!important}
  .sms-public-page .sms-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px!important}
  .sms-public-page .sms-footer-brand{max-width:none!important}
  .sms-cp-body .sms-panel-container,.sms-admin-body .sms-panel-container{padding-inline:20px!important}
}

@media(max-width:900px){
  .sms-public-page .sms-topbar{min-height:66px!important}
  .sms-public-page .sms-topbar-inner{min-height:66px!important;gap:12px!important}
  .sms-public-page .sms-topbar-brand .brand-logo{height:35px!important;max-width:155px!important}
  .sms-public-page .sms-nav-toggle{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;border:1px solid var(--yx10-line)!important;border-radius:9px!important;background:#fff!important}
  .sms-public-page .sms-nav{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 1px)!important;
    inset-inline:0!important;
    width:100%!important;
    padding:12px!important;
    border:1px solid var(--yx10-line)!important;
    border-top:0!important;
    border-radius:0 0 14px 14px!important;
    background:#fff!important;
    box-shadow:0 18px 36px rgba(15,23,42,.09)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  .sms-public-page .sms-topbar.nav-open .sms-nav{display:flex!important}
  .sms-public-page .sms-nav-links,.sms-public-page .sms-topbar-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:4px!important}
  .sms-public-page .sms-nav a.sms-nav-link,.sms-public-page .sms-topbar-actions .sms-btn,.sms-public-page .lang-menu summary.btn{width:100%!important;justify-content:center!important;text-align:center!important}
  .sms-public-page .sms-contact-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sms-public-page .sms-contact-strip>.sms-payment-card,
  .sms-public-page .sms-contact-strip>.sms-payment-card:nth-child(4),
  .sms-public-page .sms-contact-strip>.sms-payment-card:nth-child(5){grid-column:span 1!important}
  .sms-public-page .sms-card>.sms-contact-strip>.sms-payment-card{grid-column:span 1!important}
  .sms-public-page .sms-next-step-strip{grid-template-columns:1fr!important;padding:28px!important}
  .sms-public-page .sms-next-step-actions{justify-content:flex-start!important}
  .sms-public-page .sms-payment-grid{grid-template-columns:1fr!important}
  .sms-public-page .sms-footer-bottom{grid-template-columns:1fr!important;text-align:start!important}
  .sms-public-page .sms-footer-bottom>span:last-child{text-align:start!important}
  .sms-panel-v9 .billing-method-grid-v9{grid-template-columns:1fr!important}
}

@media(max-width:760px){
  .sms-public-page>.sms-site,
  .sms-public-page .sms-site:not(.sms-home-v7):not(.sms-home-v81),
  .sms-public-page .sms-topbar-inner,
  .sms-home-v81>.sms7-hero,
  .sms-home-v81>.sms7-strip,
  .sms-home-v81>.sms7-section,
  .sms-home-v81>.sms7-final,
  .sms-public-page .sms-footer-inner{width:calc(100% - 28px)!important}
  .sms-public-page .sms-center-head{padding-top:52px!important;margin-bottom:28px!important}
  .sms-public-page .sms-center-head .sms-display,.sms-public-page .sms-center-head .sms-display-compact{font-size:clamp(30px,8vw,40px)!important}
  .sms-public-page .sms-page-nav{justify-content:flex-start!important;width:100%!important}
  .sms-public-page .grid2{grid-template-columns:1fr!important}
  .sms-public-page .sms-pricing-calculator>.sms-panel,.sms-public-page .sms-panel{padding:22px!important}
  .sms-public-page .sms-pricing-grid{grid-template-columns:1fr!important}
  .sms-public-page .sms-dev-band{padding:24px 20px!important;border-radius:16px!important}
  .sms-public-page .sms-footer-grid{grid-template-columns:1fr!important;gap:30px!important}
  .sms-public-page .sms-footer-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sms-home-v81 .sms7-hero{padding-top:48px!important}
  .sms-cp-body .sms-panel-topbar,.sms-admin-body .sms-panel-topbar{padding-inline:14px!important}
  .sms-cp-body .sms-panel-container,.sms-admin-body .sms-panel-container{padding:20px 14px 42px!important}
}

@media(max-width:560px){
  .sms-public-page .sms-topbar-inner{width:calc(100% - 22px)!important}
  .sms-public-page .sms-topbar-brand .brand-logo{height:32px!important;max-width:142px!important}
  .sms-public-page .sms-contact-strip{grid-template-columns:1fr!important;gap:10px!important}
  .sms-public-page .sms-contact-strip>.sms-payment-card{min-height:96px!important;padding:17px!important}
  .sms-public-page .sms-next-step-strip{margin-top:56px!important;padding:24px 20px!important;border-radius:16px!important}
  .sms-public-page .sms-next-step-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .sms-public-page .sms-next-step-actions .sms-btn{width:100%!important}
  .sms-public-page .sms-footer-inner{width:calc(100% - 28px)!important;padding-top:38px!important}
  .sms-public-page .sms-footer-social-grid{grid-template-columns:1fr!important}
  .sms-public-page .sms-payment-card-v91{grid-template-columns:1fr!important;gap:10px!important}
  .sms-public-page .sms-payment-brand-row-v91{align-items:flex-start!important;flex-direction:column!important}
  .sms-public-page .sms-payment-brand-icons-v91{display:flex!important;flex-wrap:wrap!important;max-width:100%!important;gap:6px!important}
  .sms-panel-v9 .billing-method-card-v91{
    grid-template-columns:minmax(0,1fr) 22px!important;
    grid-template-areas:"brands selected" "copy copy"!important;
    row-gap:10px!important;
    padding:14px 13px!important;
    overflow:hidden!important;
  }
  .sms-panel-v9 .billing-method-card-v91 .billing-brand-cluster-v91{grid-area:brands!important;width:100%!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:wrap!important;overflow:hidden!important}
  .sms-panel-v9 .billing-method-card-v91 .billing-method-copy-v91{grid-area:copy!important}
  .sms-panel-v9 .billing-method-card-v91 .billing-method-selected-v91{grid-area:selected!important;justify-self:end!important}
}

@media(max-width:380px){
  .sms-public-page .sms-topbar-brand .brand-logo{height:30px!important;max-width:132px!important}
  .sms-public-page .sms-topbar-inner{width:calc(100% - 18px)!important}
  .sms-public-page .sms-btn,.sms-public-page .sms7-btn{font-size:12px!important;padding-inline:13px!important}
  .billing-brand-logo-v91.paypal{width:58px!important;height:38px!important}
  .billing-brand-logo-v91.visa{width:46px!important;height:34px!important}
  .billing-brand-logo-v91.mastercard{width:42px!important;height:34px!important}
  .billing-brand-logo-v91.usdt,.billing-brand-logo-v91.bitcoin,.billing-brand-logo-v91.usdc{width:32px!important;height:32px!important}
}

/* Accessibility / reduced motion. */
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:focus-visible{outline:3px solid rgba(37,99,235,.28)!important;outline-offset:2px!important}

/* --------------------------------------------------------------------------
   V11 Paddle re-review clarity — software / SaaS positioning
   Presentation only. Functional relay/device/SIM behavior is unchanged.
   -------------------------------------------------------------------------- */
.sms-saas-review-v11 .sms11-software-note,
.sms-saas-review-v11 .sms11-pricing-clarifier,
.sms-saas-review-v11 .sms11-dev-software-note{
  margin-top:18px;
  padding:16px 18px;
  border:1px solid #bfdbfe;
  border-radius:14px;
  background:#f8fbff;
  color:var(--yx10-ink-2);
  box-shadow:var(--yx10-shadow-xs);
}
.sms-saas-review-v11 .sms11-software-note strong,
.sms-saas-review-v11 .sms11-pricing-clarifier strong,
.sms-saas-review-v11 .sms11-dev-software-note strong{
  display:block;
  margin-bottom:6px;
  color:#17375f;
  font-size:13px;
  font-weight:900;
}
.sms-saas-review-v11 .sms11-software-note span,
.sms-saas-review-v11 .sms11-pricing-clarifier span,
.sms-saas-review-v11 .sms11-dev-software-note span{
  display:block;
  color:#52657d;
  font-size:13px;
  line-height:1.75;
}
.sms-saas-review-v11 .sms11-dev-software-note{
  border-color:rgba(255,255,255,.2);
  background:rgba(255,255,255,.09);
  box-shadow:none;
}
.sms-saas-review-v11 .sms11-dev-software-note strong{color:#fff}
.sms-saas-review-v11 .sms11-dev-software-note span{color:rgba(255,255,255,.82)}

.sms-saas-review-v11 .sms11-not-telecom{
  margin-top:64px;
  padding:34px;
  border:1px solid var(--yx10-line);
  border-radius:20px;
  background:#f8fafc;
}
.sms-saas-review-v11 .sms11-not-telecom-head{max-width:800px;margin-bottom:24px}
.sms-saas-review-v11 .sms11-not-telecom-head h2{margin:9px 0 9px;color:var(--yx10-ink);font-size:clamp(26px,3.5vw,38px);line-height:1.25}
.sms-saas-review-v11 .sms11-not-telecom-head p{margin:0;color:var(--yx10-muted);line-height:1.85}
.sms-saas-review-v11 .sms11-not-telecom-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.sms-saas-review-v11 .sms11-not-telecom-grid>*{
  min-width:0;
  padding:16px;
  border:1px solid var(--yx10-line);
  border-radius:13px;
  background:#fff;
  color:#3c4d63;
  line-height:1.65;
}

.sms-saas-review-v11 .sms11-process{margin-top:64px}
.sms-saas-review-v11 .sms11-process-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
.sms-saas-review-v11 .sms11-process-grid>*{
  min-width:0;
  padding:18px 16px;
  border:1px solid var(--yx10-line);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--yx10-shadow-xs);
}
.sms-saas-review-v11 .sms11-process-grid b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin-bottom:12px;
  border-radius:8px;
  background:var(--yx10-blue-soft);
  color:var(--yx10-blue);
  font-size:12px;
}
.sms-saas-review-v11 .sms11-process-grid strong{display:block;color:var(--yx10-ink);font-size:14px;line-height:1.5}
.sms-saas-review-v11 .sms11-process-grid p{margin:7px 0 0;color:var(--yx10-muted);font-size:12.5px;line-height:1.7}

.sms-saas-review-v11 .sms11-architecture{
  margin-top:18px;
  padding:17px 18px;
  border-inline-start:3px solid var(--yx10-blue);
  border-radius:10px;
  background:#f8fafc;
  color:#4b5e76;
  line-height:1.8;
}

.sms-saas-review-v11 .sms11-usecase-grid,
.sms-saas-review-v11 .sms11-includes-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.sms-saas-review-v11 .sms11-usecase-grid>* ,
.sms-saas-review-v11 .sms11-includes-grid>*{
  min-width:0;
  height:100%;
}

.sms-saas-review-v11 .sms11-pricing-hero{padding-top:66px}
.sms-saas-review-v11 .sms11-software-pricing-section{
  margin-top:38px;
  padding:28px;
  border:1px solid var(--yx10-line);
  border-radius:18px;
  background:#f8fafc;
}
.sms-saas-review-v11 .sms11-method-status{
  display:inline-flex;
  align-items:center;
  margin-top:10px;
  padding:5px 8px;
  border-radius:7px;
  background:#ecfdf5;
  color:#047857;
  font-size:11px;
  font-weight:850;
}
.sms-saas-review-v11 .is-unavailable .sms11-method-status{
  background:#fff7ed;
  color:#b45309;
}
.sms-saas-review-v11 .is-unavailable{opacity:.78}

@media(max-width:1100px){
  .sms-saas-review-v11 .sms11-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sms-saas-review-v11 .sms11-not-telecom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sms-saas-review-v11 .sms11-usecase-grid,
  .sms-saas-review-v11 .sms11-includes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .sms-saas-review-v11 .sms11-not-telecom,
  .sms-saas-review-v11 .sms11-software-pricing-section{padding:22px 18px;border-radius:16px}
  .sms-saas-review-v11 .sms11-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .sms-saas-review-v11 .sms11-process-grid,
  .sms-saas-review-v11 .sms11-not-telecom-grid,
  .sms-saas-review-v11 .sms11-usecase-grid,
  .sms-saas-review-v11 .sms11-includes-grid{grid-template-columns:1fr}
  .sms-saas-review-v11 .sms11-software-note,
  .sms-saas-review-v11 .sms11-pricing-clarifier,
  .sms-saas-review-v11 .sms11-dev-software-note{padding:14px}
}