/* ===== VelocityDial SaaS enterprise UI refresh — 2026-07-04 =====
   Rebuilt after authenticated panel stylesheet truncation. */

:root{
  --vd-purple:#5b4bff;
  --vd-purple-dark:#3f2cf0;
  --vd-blue:#1787ff;
  --vd-cyan:#0bb3ff;
  --vd-teal:#0f7b8a;
  --vd-navy:#071d35;
  --vd-navy-2:#0b2544;
  --vd-ink:#0b1220;
  --vd-muted:#667085;
  --vd-soft:#f4f7fb;
  --vd-bg:#f7faff;
  --vd-white:#ffffff;
  --vd-line:#e4ebf5;
  --vd-line-strong:#d7e1ef;
  --vd-green:#18c964;
  --vd-red:#ef4444;
  --vd-amber:#f59e0b;
  --vd-gradient:linear-gradient(135deg,var(--vd-blue),var(--vd-purple));
  --vd-gradient-dark:linear-gradient(145deg,#061a33 0%,#0b2350 46%,#2b25aa 100%);
  --shadow-xs:0 2px 8px rgba(15,23,42,.04);
  --shadow-sm:0 10px 28px rgba(15,23,42,.06);
  --shadow-md:0 18px 48px rgba(15,23,42,.09);
  --shadow-lg:0 32px 86px rgba(27,38,78,.16);
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:24px;
  --radius-xl:32px;
  --max-w:1240px;
  --font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'Source Code Pro',ui-monospace,SFMono-Regular,Menlo,monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);background:var(--vd-bg);color:var(--vd-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--vd-purple);text-decoration:none}
a:hover{color:var(--vd-purple-dark)}
h1,h2,h3,h4,p{margin:0}
p{line-height:1.58;color:var(--vd-muted)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
code{background:#edf2f7;padding:.15rem .35rem;border-radius:.35rem;font-family:var(--mono);font-size:.88rem}
.full{width:100%}
.center{text-align:center}.light{color:#fff}.hide-mobile{display:inline-flex}.block{display:block}.compact{max-width:760px}.large{font-size:1.08rem}.small{font-size:.86rem}

/* ───────────────────────── Public navigation / marketing baseline ───────────────────────── */
.site-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:calc(var(--max-w) + 48px);margin:0 auto;padding:1rem clamp(1rem,3vw,1.5rem);background:rgba(247,250,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,235,245,.78)}
.logo,.agent-logo{display:inline-flex;align-items:center;gap:.65rem;font-weight:900;color:var(--vd-ink)}
.logo strong,.agent-logo strong{letter-spacing:-.025em}
.brand-mark,.brand-mark-pill,.brand-mark-mini,.agent-logo-mark{display:grid;place-items:center;flex:none;overflow:hidden;background:var(--vd-gradient);box-shadow:0 12px 26px rgba(23,135,255,.22)}
.brand-mark{width:42px;height:42px;border-radius:14px}.brand-mark-mini{width:28px;height:28px;border-radius:9px}.brand-mark-pill{width:42px;height:42px;border-radius:999px}.agent-logo-mark{width:44px;height:44px;border-radius:15px}
.brand-mark img,.brand-mark-mini img,.brand-mark-pill img,.agent-logo-mark img{width:100%;height:100%;object-fit:cover}
.site-nav nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.site-nav nav a,.link-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;padding:.5rem .85rem;color:#475467;font-weight:800;font-size:.92rem;transition:background .14s ease,color .14s ease,transform .14s ease}
.site-nav nav a:hover,.site-nav nav a.active,.link-button:hover{background:#eef4ff;color:var(--vd-purple)}
.nav-actions{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.primary,.secondary,.dark-secondary,.dark-cta,.white{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;border-radius:999px;padding:.72rem 1.1rem;font-weight:950;border:0;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease}
.primary{background:var(--vd-gradient);color:#fff!important;box-shadow:0 16px 34px rgba(83,75,255,.24)}
.primary:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(83,75,255,.32);color:#fff!important}
.secondary{background:#fff;color:var(--vd-ink)!important;border:2px solid var(--vd-line);box-shadow:var(--shadow-xs)}
.secondary:hover{border-color:#cfd8ea;background:#f9fbff;color:var(--vd-purple)!important;transform:translateY(-2px)}
.primary.small{min-height:38px;padding:.55rem .9rem;font-size:.88rem}.primary.white{background:#fff;color:var(--vd-purple)!important;box-shadow:0 18px 42px rgba(255,255,255,.16)}
.section{max-width:var(--max-w);margin:0 auto;padding:clamp(3rem,6vw,5.5rem) clamp(1rem,3vw,1.5rem)}.section-tight{padding-top:3rem;padding-bottom:3rem}.section-head{max-width:760px;margin:0 auto 1.6rem}.section-head h2,.final-cta h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.055em;line-height:1.02}.eyebrow,.agent-eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--vd-purple);font-weight:950;text-transform:uppercase;letter-spacing:.11em;font-size:.74rem;margin-bottom:.55rem}.badge,.clean-badge,.dark-badge,.gold-chip,.flag-badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.42rem .72rem;font-weight:900;font-size:.78rem;background:#eef4ff;color:var(--vd-purple);border:1px solid #dbe6ff}.hero{max-width:var(--max-w);margin:0 auto;padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,1.5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:clamp(2rem,5vw,4rem)}.hero-wide{max-width:1360px}.hero-copy h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:.94;letter-spacing:-.075em;margin:.75rem 0 1rem}.hero-copy h1 span{background:var(--vd-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{font-size:clamp(1.02rem,1.6vw,1.22rem);max-width:720px}.hero-copy-centered{text-align:center;justify-self:center}.hero-copy-centered p{margin:0 auto}.hero-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1.4rem}.center-actions{justify-content:center}.trust-strip,.trust-strip-centered{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}.trust-strip span,.trust-strip-centered span{background:#fff;border:1px solid var(--vd-line);border-radius:999px;padding:.45rem .7rem;color:#536072;font-weight:800;font-size:.82rem;box-shadow:var(--shadow-xs)}.trust-strip-centered{justify-content:center}.feature-grid,.compact-cards,.premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card,.feature-grid article,.link-card,.compact-card,.compact-related-card,.blog-card,.help-card,.clean-country-card,.compact-country-card{display:block;background:#fff;border:2px solid var(--vd-line);border-radius:24px;padding:1.2rem;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.feature-card:hover,.link-card:hover,.compact-card:hover,.blog-card:hover,.help-card:hover{transform:translateY(-3px);border-color:#cfd8ff;box-shadow:var(--shadow-md)}.feature-card span,.feature-grid article span{display:inline-flex;margin-bottom:.8rem;color:var(--vd-purple);font-weight:950;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.feature-card h3,.feature-grid article h3{margin-bottom:.45rem;font-size:1.12rem;letter-spacing:-.03em}.check-list{display:grid;gap:.55rem;margin-top:1rem}.check-list p{background:#fff;border:1px solid var(--vd-line);border-radius:14px;padding:.7rem .8rem;color:#344054;font-weight:750}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem}.reverse{direction:rtl}.reverse>*{direction:ltr}.dark-band,.clean-dark-band{background:var(--vd-gradient-dark);color:#fff;margin-top:2rem}.dark-band h2,.dark-band p,.clean-dark-band h2,.clean-dark-band p{color:#fff}.final-cta,.clean-final-cta{text-align:center;background:#fff;border:2px solid var(--vd-line);border-radius:34px;box-shadow:var(--shadow-md);margin-top:2rem}.final-cta p{max-width:720px;margin:.7rem auto 0}.site-footer,.dark-footer{text-align:center;padding:2rem 1rem;color:#667085;font-weight:700}.download-strip{max-width:var(--max-w);margin:1rem auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;padding:0 clamp(1rem,3vw,1.5rem)}.download-strip a{display:flex;align-items:center;gap:.7rem;background:#fff;border:2px solid var(--vd-line);border-radius:20px;padding:1rem;color:var(--vd-ink);box-shadow:var(--shadow-sm)}.download-strip a span:first-child{font-size:1.35rem}.download-strip strong{display:block}.download-strip small{display:block;color:var(--vd-muted);font-weight:750}.softphone-hero-board,.webphone-showcase,.softphone-shell,.mini-phone-card{background:#0b1429;border:1px solid rgba(255,255,255,.12);border-radius:30px;box-shadow:var(--shadow-lg);color:#fff}.softphone-hero-board{position:relative;padding:1rem}.board-top,.softphone-top,.mini-phone-status{display:flex;align-items:center;gap:.6rem;justify-content:space-between;color:#fff}.board-top em,.softphone-top em{font-style:normal;color:#91f1ba;font-weight:800;font-size:.8rem}.board-body{display:grid;grid-template-columns:140px minmax(0,1fr) 210px;gap:.8rem;margin-top:1rem}.board-menu,.board-calls{display:grid;gap:.55rem}.board-menu span,.board-search,.call-row,.mini-phone-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:.75rem}.call-row{display:flex;align-items:center;gap:.65rem}.call-row span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.12);font-weight:900}.call-row strong,.call-row small{display:block;color:#fff}.call-row small{opacity:.72}.call-row em{margin-left:auto;font-style:normal;font-size:.75rem;font-weight:850;color:#91f1ba}.mini-phone-card{padding:1rem;text-align:center}.mini-keypad,.softphone-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.8rem 0}.mini-keypad button,.softphone-pad button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.1);color:#fff;border-radius:12px;min-height:34px;font-weight:900}.mini-call-button,.softphone-call{width:100%;border:0;border-radius:14px;min-height:40px;background:linear-gradient(135deg,#18c964,#0aa345);color:#fff;font-weight:950}.side-floating-rail{position:absolute;left:-18px;top:28px;display:grid;gap:.6rem}.side-floating-rail span{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#fff;box-shadow:var(--shadow-md)}

/* ───────────────────────── Auth forms ───────────────────────── */
.auth-body{background:radial-gradient(circle at 12% 0%,rgba(23,135,255,.14),transparent 24rem),linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%)}
.auth-shell{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:clamp(2rem,5vw,4rem) 1rem}.login-shell{max-width:760px;margin:0 auto}.auth-card,.login-card,.auth-side,.clean-signup-card{width:min(100%,520px);background:#fff;border:2px solid var(--vd-line);border-radius:30px;padding:clamp(1.35rem,3vw,2rem);box-shadow:var(--shadow-lg)}.login-card-top{display:flex;align-items:center;gap:.9rem;margin-bottom:.85rem}.login-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--vd-gradient);color:#fff;font-size:1.35rem;box-shadow:0 16px 36px rgba(83,75,255,.22)}.auth-card h1,.login-card h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1;letter-spacing:-.055em}.login-copy{font-weight:650;margin-bottom:1.2rem}.auth-form,.login-form,.signup-form,.support-request-form,.agent-form,.credit-topup-form,.auto-topup-form,.custom-topup-form{display:grid;gap:.8rem}.auth-form label,.agent-form label,.credit-topup-form label,.auto-topup-form label,.custom-topup-form label{display:grid;gap:.32rem}.auth-form label span,.agent-form label span,.credit-topup-form label span,.auto-topup-form label span,.custom-topup-form label span{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em;color:var(--vd-muted)}.auth-form input,.agent-form input,.agent-form select,.agent-form textarea,.credit-topup-form input,.auto-topup-form input,.custom-topup-form input,.signup-form input,.signup-form select,.support-request-form input,.support-request-form select,.support-request-form textarea{width:100%;min-height:46px;border:2px solid #dce5f0;border-radius:14px;background:#fff;color:var(--vd-ink);padding:.7rem .9rem;font:inherit;font-weight:700;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.auth-form input:focus,.agent-form input:focus,.agent-form select:focus,.agent-form textarea:focus,.credit-topup-form input:focus,.auto-topup-form input:focus,.custom-topup-form input:focus,.signup-form input:focus,.signup-form select:focus,.support-request-form input:focus,.support-request-form select:focus,.support-request-form textarea:focus{border-color:#7a6cff;box-shadow:0 0 0 4px rgba(91,75,255,.12)}.auth-alt{margin-top:1rem;text-align:center;font-weight:800}.alert,.login-alert,.agent-alert{border-radius:16px;padding:.85rem 1rem;margin:.9rem 0;font-weight:850}.error,.agent-alert-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.agent-alert-success,.alert.success{background:#ecfdf3;color:#067647;border:1px solid #bbf7d0}

/* ───────────────────────── Company/app broad baseline ───────────────────────── */
.app-body:not(.agent-mode){background:#f4f7fb}.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.app-sidebar{background:#081a31;color:#fff;padding:1.15rem;display:flex;flex-direction:column;gap:1rem}.app-sidebar a{color:rgba(255,255,255,.82);font-weight:850;border-radius:14px;padding:.7rem .85rem}.app-sidebar a.active,.app-sidebar a:hover{background:rgba(255,255,255,.10);color:#fff}.app-main,.company-control-main{padding:clamp(1.5rem,3vw,2.5rem);min-width:0}.app-header,.app-command-bar,.panel,.agent-card,.compact-card,.billing-wallet-custom-panel,.credit-wallet-panel,.billing-proration-note,.call-filter-panel,.empty-state-card,.detail-card-panel,.soft-note-panel,.create-agent-page-panel{background:#fff;border:2px solid var(--vd-line);border-radius:24px;padding:1.15rem;box-shadow:var(--shadow-sm)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.header-actions,.billing-actions,.call-filter-actions,.compact-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.command-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.command-tabs a{display:inline-flex;border-radius:999px;padding:.55rem .82rem;background:#f4f7fb;color:#536072;font-weight:900}.command-tabs a.active,.command-tabs a:hover{background:#edeaff;color:var(--vd-purple)}.metric-grid,.compact-kpi-grid,.billing-metrics,.agent-metrics,.agent-profile-metrics,.help-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.metric-card,.billing-metrics article,.agent-metric{background:#fff;border:2px solid var(--vd-line);border-radius:20px;padding:1rem;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.metric-card:hover,.agent-metric:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:var(--shadow-md)}.metric-card span,.agent-metric span{display:block;color:var(--vd-muted);font-weight:950;text-transform:uppercase;letter-spacing:.075em;font-size:.72rem}.metric-card strong,.agent-metric strong{display:block;font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:-.045em;margin:.3rem 0;color:var(--vd-ink)}.metric-card p,.agent-metric p{font-size:.85rem}.table-wrap,.call-table-wrap,.agent-table-wrap{width:100%;overflow:auto;border:1px solid var(--vd-line);border-radius:18px;background:#fff}.call-table,.agent-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.call-table th,.call-table td,.agent-table th,.agent-table td{padding:.72rem .78rem;text-align:left;border-bottom:1px solid #eef2f7;vertical-align:middle;font-size:.88rem}.call-table th,.agent-table th{background:#f8fbff;color:#536072;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:950}.call-table td strong,.agent-table td strong{display:block;color:var(--vd-ink)}.call-table td small,.agent-table td small{display:block;color:var(--vd-muted);font-size:.76rem;margin-top:.18rem}.pill,.agent-pill,.direction-pill,.call-result,.agent-result-pill,.hangup-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.28rem .58rem;font-size:.76rem;font-weight:950;background:#eef4ff;color:var(--vd-purple);white-space:nowrap}.pill-answered,.answered,.hangup-pill.client{background:#ecfdf3;color:#047857}.pill-failed,.hangup-pill.agent{background:#fff1f2;color:#be123c}.pill-missed,.hangup-pill.system,.hangup-pill.unknown{background:#fffbeb;color:#b45309}.export-link,.tiny-link,.blog-read{font-weight:950;color:var(--vd-purple)}.empty,.agent-empty,.agent-empty-state{padding:1.6rem;text-align:center;color:var(--vd-muted);font-weight:850}.empty-state-card{text-align:center}

/* ───────────────────────── Agent enterprise workspace ───────────────────────── */
body.app-body.agent-mode{min-height:100vh;background:radial-gradient(circle at 78% -10%,rgba(91,75,255,.13),transparent 30rem),linear-gradient(180deg,#f6f9fd 0%,#eef4fb 100%);display:grid;grid-template-columns:286px minmax(0,1fr);overflow-x:hidden}
.agent-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;background:linear-gradient(180deg,#061a31 0%,#081d39 52%,#0a1227 100%);color:#fff;border-right:1px solid rgba(255,255,255,.10);box-shadow:18px 0 44px rgba(7,29,53,.10);z-index:30}
.agent-logo{color:#fff!important;padding:.25rem .1rem .75rem;border-bottom:1px solid rgba(255,255,255,.1)}.agent-logo strong{font-size:1.08rem}.agent-nav{display:grid;gap:.42rem}.agent-nav a,.agent-logout{display:flex;align-items:center;gap:.72rem;min-height:48px;border-radius:16px;padding:.72rem .85rem;color:rgba(255,255,255,.74);font-weight:900;transition:background .14s ease,color .14s ease,transform .14s ease}.agent-nav a svg,.agent-logout svg{flex:none;opacity:.9}.agent-nav a:hover,.agent-nav a.active,.agent-logout:hover{background:rgba(255,255,255,.11);color:#fff;transform:translateX(2px)}.agent-nav a.active{box-shadow:inset 3px 0 0 var(--vd-cyan);background:linear-gradient(90deg,rgba(23,135,255,.22),rgba(91,75,255,.14))}.agent-sidebar-bottom{margin-top:auto;display:grid;gap:.75rem}.agent-sidebar-profile{display:flex;align-items:center;gap:.72rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:.8rem}.agent-sidebar-profile strong,.agent-sidebar-profile span{display:block}.agent-sidebar-profile span:last-child{color:rgba(255,255,255,.62);font-size:.82rem;font-weight:800}.agent-logout{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);justify-content:center}
.agent-initial{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#1aa8ff,#6f5cff);color:#fff;font-weight:950;font-size:1.05rem;box-shadow:0 14px 30px rgba(23,135,255,.25)}.agent-initial-lg{width:58px;height:58px;border-radius:20px;font-size:1.45rem}
.agent-main{min-width:0;width:100%;max-width:1540px;padding:clamp(1.4rem,3.2vw,2.7rem);align-self:start}.agent-page-header,.agent-phone-hero{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;background:linear-gradient(135deg,#ffffff 0%,#f9fbff 62%,#eef4ff 100%);border:2px solid var(--vd-line);border-radius:30px;padding:clamp(1.25rem,2.4vw,2rem);box-shadow:var(--shadow-md);margin-bottom:1.15rem;position:relative;overflow:hidden}.agent-page-header:before,.agent-phone-hero:before{content:"";position:absolute;inset:auto -8% -70% auto;width:420px;height:420px;background:radial-gradient(circle,rgba(91,75,255,.14),transparent 67%);pointer-events:none}.agent-page-header>*,.agent-phone-hero>*{position:relative}.agent-phone-hero h1,.agent-page-header h1{font-size:clamp(1.8rem,3.4vw,3.45rem);line-height:1.02;letter-spacing:-.065em;margin:.1rem 0 .55rem;color:var(--vd-ink)}.agent-phone-hero p,.agent-page-header p{max-width:760px;font-weight:650}.agent-phone-hero-status,.agent-status-line{display:flex;align-items:center;gap:.78rem;min-width:max-content;background:#fff;border:2px solid var(--vd-line);border-radius:20px;padding:.85rem 1rem;box-shadow:var(--shadow-sm)}.agent-phone-hero-status strong,.agent-status-line strong,.agent-phone-hero-status small,.agent-status-line small{display:block}.agent-phone-hero-status small,.agent-status-line small{color:var(--vd-muted);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.agent-phone-layout{display:grid;grid-template-columns:minmax(286px,370px) minmax(440px,1fr);gap:1.15rem;align-items:start}.agent-phone-side{display:grid;gap:.9rem;min-width:0}.agent-dialer-col{min-width:0;display:grid;justify-items:center;gap:.8rem}.agent-engine-card,.agent-info-card,.agent-dialer-card,.agent-profile-card,.agent-permissions-card,.agent-settings-card,.agent-security-card,.agent-card{background:rgba(255,255,255,.96);border:2px solid var(--vd-line);border-radius:26px;box-shadow:var(--shadow-sm)}.agent-engine-card{display:flex;align-items:center;gap:.78rem;padding:1rem}.agent-engine-card strong,.agent-engine-card small{display:block}.agent-engine-card strong{font-size:1rem}.agent-engine-card small{color:var(--vd-muted);font-weight:750}.agent-quick-stats,.agent-info-rows,.agent-info-details,.agent-insight-grid,.agent-details-grid,.agent-settings-grid,.agent-call-grid,.agent-dtmf-grid{display:grid;gap:.65rem}.agent-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-stat-box,.agent-info-rows>div,.agent-info-details>div,.agent-insight{background:#f8fbff;border:1px solid var(--vd-line);border-radius:17px;padding:.78rem}.agent-stat-box span,.agent-info-rows span,.agent-info-details span,.agent-insight span{display:block;color:var(--vd-muted);font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em}.agent-stat-box strong,.agent-info-rows strong,.agent-info-details strong,.agent-insight strong{display:block;color:var(--vd-ink);font-weight:950;letter-spacing:-.035em;margin-top:.18rem;word-break:break-word}.agent-info-card,.agent-profile-card,.agent-permissions-card{padding:1rem}.agent-info-header,.agent-profile-card-header,.agent-card-head,.agent-card-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.85rem}.agent-info-header{justify-content:flex-start}.agent-info-header strong,.agent-profile-card h2,.agent-card-header h2,.agent-settings-card h2,.agent-security-card h2{font-size:1.18rem;letter-spacing:-.035em}.agent-info-header small,.agent-profile-card small{display:block;color:var(--vd-muted);font-weight:800}.agent-info-rows{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:.65rem}.agent-info-details{grid-template-columns:1fr}.agent-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.agent-link-btn,.agent-btn-secondary,.agent-btn-primary,.agent-btn-call,.agent-play-btn,.agent-dtmf-close{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:15px;min-height:44px;padding:.65rem .85rem;font-weight:950;border:0;transition:transform .13s ease,box-shadow .13s ease,background .13s ease,border-color .13s ease}.agent-link-btn,.agent-btn-secondary,.agent-dtmf-close{background:#fff;border:2px solid var(--vd-line);color:#344054!important;box-shadow:var(--shadow-xs)}.agent-link-btn:hover,.agent-btn-secondary:hover,.agent-dtmf-close:hover{background:#f8fbff;border-color:#cfd8ea;transform:translateY(-2px)}.agent-btn-primary{background:var(--vd-gradient);color:#fff!important;box-shadow:0 16px 34px rgba(91,75,255,.24)}.agent-btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 42px rgba(91,75,255,.32)}
.agent-dialer-card{width:min(100%,520px);padding:1.15rem;border-radius:34px;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);box-shadow:0 28px 78px rgba(36,52,102,.16);position:relative;overflow:hidden}.agent-dialer-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -18%,rgba(23,135,255,.12),transparent 42%);pointer-events:none}.agent-dialer-card>*{position:relative}.agent-dialer-header{display:flex;justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:.95rem}.agent-dialer-status,.agent-dialer-country,.agent-trial-badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.42rem .62rem;background:#f1f5ff;color:#344054;font-weight:950;font-size:.78rem;white-space:nowrap}.agent-dialer-country{background:#ecfdf3;color:#067647}.agent-trial-badge{background:#fffbeb;color:#b45309}.agent-dialer-display{margin-bottom:.8rem}.agent-dial-input{width:100%;min-height:62px;padding:.65rem .9rem;font-size:clamp(1.45rem,3.6vw,2.15rem);text-align:center;letter-spacing:.035em;background:#fff!important;border:2px solid #dce5f0!important;border-radius:20px!important;color:var(--vd-ink)!important;font-weight:850;outline:none;font-family:var(--font);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 12px 26px rgba(15,23,42,.045)}.agent-dial-input::placeholder{color:#98a2b3;opacity:1}.agent-dial-input:focus{border-color:#7a6cff!important;box-shadow:0 0 0 4px rgba(91,75,255,.12)!important}.agent-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.8rem}.agent-key{min-height:76px;padding:.65rem;border:2px solid var(--vd-line);border-radius:22px;background:#fff;color:var(--vd-ink);box-shadow:0 10px 22px rgba(15,23,42,.045);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.agent-key strong{display:block;font-size:1.55rem;line-height:1;font-weight:950}.agent-key span{display:block;margin-top:.2rem;color:#98a2b3;font-size:.68rem;font-weight:950;letter-spacing:.12em}.agent-key:hover{background:#f5f8ff;border-color:#c9d7ff;transform:translateY(-2px);box-shadow:0 16px 30px rgba(15,23,42,.08)}.agent-key:active{transform:translateY(0) scale(.98)}.agent-dial-actions{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:.65rem;margin-top:.85rem}.agent-btn-call{min-height:50px;background:linear-gradient(135deg,#18c964,#0aa345);color:#fff;border:0;border-radius:17px;box-shadow:0 16px 32px rgba(24,201,100,.28);font-size:1rem}.agent-btn-call:hover{transform:translateY(-2px);box-shadow:0 22px 42px rgba(24,201,100,.36)}.agent-call-controls{margin-top:.85rem}.agent-call-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.agent-ctrl-btn{display:grid;place-items:center;gap:.3rem;min-height:64px;border:2px solid var(--vd-line);border-radius:18px;background:#fff;color:#344054;font-weight:950;box-shadow:var(--shadow-xs);transition:all .13s ease}.agent-ctrl-btn:hover,.agent-ctrl-btn.ctrl-active{background:#eef4ff;border-color:#c9d7ff;color:var(--vd-purple);transform:translateY(-2px)}.agent-ctrl-hangup{background:#fff1f2;color:#be123c;border-color:#fecdd3}.agent-ctrl-hangup:hover{background:#ffe4e6;color:#9f1239;border-color:#fda4af}.agent-dtmf-pad{margin-top:.8rem;padding:.8rem;border:1px solid var(--vd-line);border-radius:20px;background:#f8fbff}.agent-dtmf-grid{grid-template-columns:repeat(3,1fr)}.agent-dtmf-key{min-height:42px;border:1px solid #dce5f0;border-radius:12px;background:#fff;font-weight:950}.agent-dialer-footer{min-height:1.2rem;margin-top:.75rem;text-align:center;color:var(--vd-muted);font-weight:800;font-size:.8rem}.agent-phone-engine-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;opacity:0!important;pointer-events:none!important}
.agent-pulse{display:inline-block;flex:none;width:12px;height:12px;border-radius:999px;background:#98a2b3}.agent-pulse.waiting{background:var(--vd-amber);box-shadow:0 0 0 5px rgba(245,158,11,.18);animation:vd-pulse-wait 1.4s ease-in-out infinite}.agent-pulse.ready{background:var(--vd-green);box-shadow:0 0 0 5px rgba(24,201,100,.18)}.agent-pulse.active{background:var(--vd-purple);box-shadow:0 0 0 5px rgba(91,75,255,.22);animation:vd-pulse-active 1s ease-in-out infinite}.agent-pulse.error{background:var(--vd-red);box-shadow:0 0 0 5px rgba(239,68,68,.18)}@keyframes vd-pulse-wait{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.72}}@keyframes vd-pulse-active{0%,100%{box-shadow:0 0 0 5px rgba(91,75,255,.22)}50%{box-shadow:0 0 0 10px rgba(91,75,255,.06)}}
.agent-metrics,.agent-profile-metrics{margin:1rem 0;grid-template-columns:repeat(4,minmax(0,1fr))}.agent-details-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.agent-permissions-card,.agent-settings-card,.agent-security-card{padding:1.1rem}.agent-card-badge{display:inline-flex;width:max-content;border-radius:999px;background:#eef4ff;color:var(--vd-purple);font-weight:950;font-size:.72rem;text-transform:uppercase;letter-spacing:.075em;padding:.34rem .58rem;margin-bottom:.55rem}.agent-check-list{display:grid;gap:.55rem}.agent-check-item{display:flex;align-items:center;gap:.55rem;background:#f8fbff;border:1px solid var(--vd-line);border-radius:15px;padding:.7rem .8rem;color:#344054;font-weight:850}.agent-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.8rem}.agent-trial-note,.agent-security-note,.agent-note-card{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:17px;padding:.85rem;font-weight:800;margin-top:.85rem}.agent-note-card{background:#fff;border:2px solid var(--vd-line);color:var(--vd-ink);padding:1rem}.agent-card{padding:1.1rem;margin-top:1rem}.agent-table-wrap{margin-top:.75rem}.agent-play-btn{min-height:34px;padding:.34rem .65rem;border-radius:999px;background:#eef4ff;color:var(--vd-purple)!important;font-size:.82rem;box-shadow:none}.agent-play-btn:hover{background:#dbeafe}.agent-muted,.agent-note{color:var(--vd-muted);font-weight:750}.agent-note{display:block;margin-top:.25rem;font-size:.76rem}.agent-settings-grid{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:start}.agent-form button{margin-top:.25rem}.agent-form textarea{min-height:110px;resize:vertical}.agent-security-card p{margin:.4rem 0 1rem}.agent-profile-metrics .agent-metric strong{font-size:clamp(1rem,1.5vw,1.28rem);overflow-wrap:anywhere}

/* ───────────────────────── Utility page styles / fallbacks for secondary templates ───────────────────────── */
.blog-page,.help-page-wrap,.clean-pricing-page,.compact-pricing-page,.blog-article-page,.detail-page-main{background:var(--vd-bg)}.blog-hero,.help-hero,.article-hero,.detail-hero,.compact-price-hero{max-width:var(--max-w);margin:0 auto;padding:clamp(2.5rem,5vw,4rem) 1rem;text-align:center}.blog-hero h1,.help-hero h1,.article-hero h1,.compact-price-hero h1{font-size:clamp(2.25rem,5vw,4rem);letter-spacing:-.065em;line-height:1}.blog-card-grid,.blog-grid-section,.help-grid,.compact-tier-grid,.compact-country-grid,.clean-country-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:var(--max-w);margin:0 auto;padding:1rem}.article-shell,.article-body{max-width:860px;margin:0 auto;padding:1rem}.article-body{font-size:1.05rem;line-height:1.75}.article-body h2,.article-section h2{margin:1.8rem 0 .75rem;letter-spacing:-.04em}.article-summary-card,.article-cta-panel{background:#fff;border:2px solid var(--vd-line);border-radius:24px;padding:1.2rem;box-shadow:var(--shadow-sm);margin:1rem 0}.article-back{display:inline-flex;margin:1rem 0;font-weight:950}.blog-meta,.article-meta,.blog-tags{display:flex;gap:.5rem;flex-wrap:wrap;color:var(--vd-muted);font-weight:800}.faq-section,.insight-grid,.call-analytics-grid,.billing-wallet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.billing-wallet-grid{align-items:start}.billing-checkout-grid{align-items:start}.form-grid,.profile-grid{display:grid;grid-template-columns:1fr;gap:.8rem}.call-filter-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.call-pagination{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1rem}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--vd-gradient);color:#fff;font-weight:950}.live-dot,.call-dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--vd-green);box-shadow:0 0 0 4px rgba(24,201,100,.18)}.bar{height:8px;background:#e8edf5;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:var(--vd-gradient)}

@media(max-width:1180px){
  body.app-body.agent-mode{grid-template-columns:250px minmax(0,1fr)}
  .agent-sidebar{padding:1rem}.agent-phone-layout{grid-template-columns:1fr}.agent-phone-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.agent-engine-card,.agent-quick-stats,.agent-info-card,.agent-quick-links{min-width:0}.agent-dialer-col{justify-items:stretch}.agent-dialer-card{justify-self:center}.agent-details-grid,.agent-settings-grid{grid-template-columns:1fr}.agent-metrics,.agent-profile-metrics,.metric-grid,.compact-kpi-grid,.billing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.board-body{grid-template-columns:1fr}.download-strip{grid-template-columns:repeat(2,1fr)}.feature-grid.four,.feature-grid,.blog-card-grid,.blog-grid-section,.help-grid,.compact-tier-grid,.compact-country-grid,.clean-country-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .hide-mobile{display:none!important}.site-nav{position:relative;align-items:flex-start;flex-wrap:wrap}.site-nav nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem}.nav-actions{margin-left:auto}.split{grid-template-columns:1fr}.feature-grid.two,.feature-grid.four,.feature-grid,.blog-card-grid,.blog-grid-section,.help-grid,.compact-tier-grid,.compact-country-grid,.clean-country-grid,.pricing-grid,.faq-section,.insight-grid,.call-analytics-grid,.billing-wallet-grid{grid-template-columns:1fr}.download-strip{grid-template-columns:1fr}.auth-shell{min-height:auto}.app-shell{grid-template-columns:1fr}.app-sidebar{position:relative;min-height:auto}.call-filter-form{grid-template-columns:1fr}
  body.app-body.agent-mode{display:block}.agent-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.agent-nav{display:flex;overflow-x:auto;gap:.45rem;padding-bottom:.2rem}.agent-nav a{min-width:max-content}.agent-sidebar-bottom{display:none}.agent-main{padding:1rem}.agent-phone-hero,.agent-page-header{display:grid;border-radius:24px}.agent-phone-hero-status,.agent-status-line{width:100%;justify-content:flex-start}.agent-phone-side{grid-template-columns:1fr}.agent-quick-stats,.agent-info-rows,.agent-info-details,.agent-insight-grid,.agent-metrics,.agent-profile-metrics{grid-template-columns:1fr}.agent-dialer-card{border-radius:26px;padding:1rem}.agent-key{min-height:68px}.agent-call-grid{grid-template-columns:repeat(2,1fr)}.agent-table{min-width:700px}.agent-dial-actions{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:520px){
  .agent-main{padding:.75rem}.agent-phone-hero h1,.agent-page-header h1{font-size:2rem}.agent-dialer-header{display:grid}.agent-dial-actions{grid-template-columns:1fr}.agent-btn-call{order:-1}.agent-key{min-height:60px;border-radius:18px}.agent-key strong{font-size:1.35rem}.agent-call-grid{grid-template-columns:1fr}.primary,.secondary{width:100%}.hero-actions{width:100%}.site-nav{padding:.75rem}.auth-card,.login-card{border-radius:24px;padding:1rem}.hero{padding-top:2rem}.hero-copy h1{font-size:2.6rem}
}

/* ───────────────────────── Public-site QA polish pass v2 ─────────────────────────
   Fixes homepage mock-console cramped columns, pricing card/text overflow,
   blog card grid nesting, signup form defaults, and help split-panel spacing. */
.page-hero{max-width:var(--max-w);margin:0 auto;padding:clamp(2.35rem,5vw,4.15rem) clamp(1rem,3vw,1.5rem);text-align:center}
.page-hero h1{font-size:clamp(2.35rem,5vw,4.15rem);line-height:1;letter-spacing:-.07em;max-width:980px;margin:.35rem auto .7rem;text-wrap:balance}
.page-hero p{max-width:820px;margin:0 auto;color:var(--vd-muted);font-weight:650;text-wrap:pretty}
.page-hero .hero-actions{justify-content:center}

/* Homepage first fold: keep the mock console enterprise-sized without forcing a 750px hero. */
.tragofone-hero{grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);align-items:center;gap:clamp(1.5rem,3vw,2.6rem);padding-top:clamp(2rem,4vw,3.2rem);padding-bottom:clamp(2rem,4vw,3.2rem)}
.tragofone-hero .hero-copy-centered{text-align:left;justify-self:start;max-width:660px}
.tragofone-hero .hero-copy h1{font-size:clamp(2.65rem,5.1vw,4.85rem);line-height:.96;margin:.65rem 0 .85rem;text-wrap:balance}
.tragofone-hero .hero-copy p{margin:0;max-width:620px;text-wrap:pretty}
.tragofone-hero .center-actions,.tragofone-hero .trust-strip-centered{justify-content:flex-start}
.softphone-hero-board{width:100%;max-width:590px;justify-self:end;padding:.85rem;border-radius:28px;overflow:visible}
.softphone-hero-board .brand-mark{width:34px;height:34px;border-radius:12px}
.board-top{min-height:40px;gap:.5rem}.board-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-top em{white-space:nowrap}
.board-body{grid-template-columns:106px minmax(225px,1fr) 162px!important;gap:.55rem;margin-top:.75rem;align-items:start}
.board-menu{gap:.45rem}.board-menu span{padding:.58rem .62rem;font-size:.78rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-search{padding:.58rem .65rem;font-size:.82rem}.board-search b{display:block;margin-top:.15rem}
.board-calls{min-width:0;gap:.45rem}.call-row{min-width:0;padding:.52rem;gap:.5rem;border-radius:14px}.call-row span{width:30px;height:30px;border-radius:10px;font-size:.76rem;flex:none}.call-row div{min-width:0;flex:1}.call-row strong,.call-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-row em{max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.68rem;line-height:1.15;text-align:right}
.mini-phone-card{padding:.72rem;border-radius:18px}.mini-phone-card h3{font-size:1rem;margin:.35rem 0;letter-spacing:-.03em}.mini-keypad{gap:.25rem;margin:.55rem 0}.mini-keypad button{min-height:28px;border-radius:10px}.mini-call-button{min-height:36px;border-radius:12px}.side-floating-rail{left:-14px;top:26px}.side-floating-rail span{width:36px;height:36px;border-radius:13px}
.showroom-phone{max-width:430px!important;margin:0 auto;padding:1rem}.softphone-display{display:grid;gap:.3rem;text-align:center;padding:.9rem;border-radius:18px;background:rgba(255,255,255,.08);margin:.8rem 0}.softphone-display strong{font-size:1.35rem}.softphone-display small,.softphone-display span{color:rgba(255,255,255,.75);font-weight:800}.softphone-pad{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* SEO landing heroes are single-column; do not inherit the two-column homepage hero. */
.seo-market-hero{display:block!important;text-align:center;max-width:var(--max-w);padding-top:clamp(2.35rem,5vw,4.1rem);padding-bottom:clamp(2.35rem,5vw,4.1rem)}
.seo-market-hero .hero-copy{max-width:940px;margin:0 auto;text-align:center}.seo-market-hero .hero-actions,.seo-market-hero .trust-strip{justify-content:center}

/* Blog index: prevent .section.blog-grid-section from becoming a nested 3-column grid. */
.blog-grid-section{display:block!important;max-width:var(--max-w);margin:0 auto;padding:clamp(2.5rem,5vw,4rem) clamp(1rem,3vw,1.5rem)!important}
.blog-grid-section .section-head{margin-bottom:1.2rem}.blog-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem;width:100%;max-width:var(--max-w);margin:0 auto;padding:0!important}
.blog-card{display:flex!important;flex-direction:column;min-width:0;padding:1.15rem!important}.blog-card h3{font-size:1.16rem;line-height:1.18;letter-spacing:-.035em;margin:.65rem 0}.blog-card h3 a{color:var(--vd-ink)}.blog-card p{text-wrap:pretty}.blog-meta{font-size:.78rem}.blog-tags{margin:.85rem 0;gap:.4rem}.blog-tags span{display:inline-flex;max-width:100%;border-radius:999px;background:#eef4ff;color:var(--vd-purple);font-size:.72rem;font-weight:900;padding:.28rem .5rem;overflow-wrap:anywhere}.blog-read{margin-top:auto;width:max-content}.final-cta.blog-cta{display:block!important;color:var(--vd-ink)!important;font-size:inherit!important;font-weight:400!important;line-height:normal!important}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Pricing: make cards equal-height, readable, and real-form styled. */
.south-pricing-wrap{max-width:var(--max-w);margin:0 auto;padding:clamp(2.6rem,5vw,4rem) clamp(1rem,3vw,1.5rem)}
.clean-country-grid.compact-country-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.1rem;max-width:980px;margin:0 auto;padding:0!important}.compact-country-card{display:flex!important;flex-direction:column;min-width:0;overflow:hidden;padding:1.15rem!important}.country-card-head{display:flex;align-items:center;gap:.75rem}.country-card-head h2{letter-spacing:-.04em}.country-card-head p{font-size:.72rem;font-weight:950;letter-spacing:.07em;color:var(--vd-muted)}.compact-price-box{padding:.9rem;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid var(--vd-line);margin:.8rem 0}.tier-pill{display:inline-flex;border-radius:999px;background:#eef4ff;color:var(--vd-purple);font-size:.72rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase;padding:.28rem .52rem}.tier-price{display:flex;align-items:flex-end;gap:.25rem;margin:.45rem 0}.tier-price strong{font-size:clamp(2rem,4vw,3.05rem);line-height:.92;letter-spacing:-.07em}.tier-price em{font-style:normal;color:var(--vd-muted);font-weight:900;margin-bottom:.18rem}.pricing-tier-name{display:block;font-size:.9rem;color:#344054}.pricing-tagline{margin-top:.45rem;font-size:.9rem}.compact-tier-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important;max-width:none!important;padding:0!important}.compact-tier-grid>div{min-width:0;border:1px solid var(--vd-line);border-radius:14px;background:#f8fbff;padding:.62rem}.compact-tier-grid span{display:block;color:var(--vd-muted);font-size:.68rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.compact-tier-grid strong{display:block;margin-top:.2rem;font-size:.84rem;line-height:1.22;color:var(--vd-ink);overflow-wrap:anywhere}.compact-includes{display:flex;flex-wrap:wrap;gap:.38rem;margin:.75rem 0}.compact-includes span{display:inline-flex;border-radius:999px;background:#ecfdf3;color:#067647;font-size:.72rem;font-weight:900;padding:.28rem .48rem}.pricing-user-form{display:grid!important;gap:.55rem;margin-top:auto!important;padding-top:.9rem;border-top:1px solid var(--vd-line)}.seat-selector-label{display:grid;gap:.3rem}.seat-selector-label>span{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em;color:var(--vd-muted)}.pricing-breakdown{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0;flex-wrap:wrap}.pricing-unit-price{font-weight:950;color:var(--vd-ink)}.pricing-seat-copy{margin-left:auto;color:var(--vd-muted);font-weight:850;text-align:right}.pricing-submit{appearance:none;-webkit-appearance:none;display:inline-flex!important;align-items:center;justify-content:center;width:100%;min-height:48px;padding:.78rem 1rem!important;border:0!important;border-radius:15px!important;background:var(--vd-gradient)!important;color:#fff!important;font:inherit!important;font-weight:950!important;line-height:1.1;cursor:pointer}.compact-pricing-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:var(--max-w);margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem) clamp(2.5rem,5vw,4rem)}.compact-pricing-bottom article{background:#fff;border:2px solid var(--vd-line);border-radius:22px;padding:1rem;box-shadow:var(--shadow-sm)}.compact-pricing-bottom span{display:block;color:var(--vd-purple);font-weight:950;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.compact-foot-note{max-width:var(--max-w);margin:1rem auto 0;text-align:center;color:var(--vd-muted);font-weight:800}

/* Form controls: remove native-looking selects and tiny signup inputs. */
.pricing-user-form select,.signup-plan-form select,.support-request-form select,.agent-form select,.call-filter-form select{width:100%;min-height:46px;border:2px solid #dce5f0;border-radius:14px;background-color:#fff;color:var(--vd-ink);padding:.68rem 2.45rem .68rem .85rem;font:inherit;font-weight:800;outline:none;transition:border-color .14s ease,box-shadow .14s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .82rem center;background-size:14px}.pricing-user-form select:hover,.signup-plan-form select:hover,.support-request-form select:hover{border-color:#c5d4ea}.pricing-user-form select:focus,.signup-plan-form select:focus,.support-request-form select:focus{border-color:#7a6cff;box-shadow:0 0 0 4px rgba(91,75,255,.12)}

.signup-shell{min-height:calc(100vh - 78px);display:grid!important;grid-template-columns:minmax(430px,560px) minmax(320px,440px);place-items:start!important;align-items:start;justify-content:center;gap:1.15rem;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,1.5rem)}.signup-shell .clean-signup-card,.signup-shell .auth-side{width:100%;max-width:none}.signup-plan-form{display:grid;gap:.78rem;margin-top:1rem}.signup-plan-form label{display:grid;gap:.32rem}.signup-plan-form label span{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em;color:var(--vd-muted)}.signup-plan-form input{width:100%;min-height:46px;border:2px solid #dce5f0!important;border-radius:14px!important;background:#fff;color:var(--vd-ink);padding:.7rem .9rem;font:inherit;font-weight:750;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.signup-plan-form input:focus{border-color:#7a6cff!important;box-shadow:0 0 0 4px rgba(91,75,255,.12)}.signup-plan-summary{display:grid;gap:.25rem;background:#f8fbff;border:1px solid var(--vd-line);border-radius:16px;padding:.85rem}.signup-plan-summary strong{font-size:.98rem}.signup-plan-summary span,.signup-plan-summary small{color:var(--vd-muted);font-weight:750;line-height:1.35}.signup-plan-form button.primary.full{appearance:none;-webkit-appearance:none;min-height:48px;border-radius:15px!important}.small-note{margin-top:1rem;text-align:center;font-weight:800}.auth-side .step{display:flex;gap:.75rem;align-items:flex-start;background:#f8fbff;border:1px solid var(--vd-line);border-radius:16px;padding:.78rem;margin-top:.65rem}.auth-side .step span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--vd-gradient);color:#fff;font-weight:950;flex:none}.auth-side .step p{font-weight:750}

/* Help/support panel: restore the intended two-column enterprise split. */
.help-grid{max-width:var(--max-w);margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem) 1rem!important}.support-request-panel{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(420px,.78fr);gap:1.25rem;align-items:start;max-width:var(--max-w);margin:1.2rem auto 0!important;padding:1.25rem!important}.support-request-panel>div{min-width:0}.support-request-form{width:100%!important;max-width:none!important;box-shadow:var(--shadow-sm)!important}.support-request-panel .check-list{padding:0;margin:1rem 0 0;list-style:none}.support-request-panel .check-list li{position:relative;background:#f8fbff;border:1px solid var(--vd-line);border-radius:14px;padding:.68rem .78rem .68rem 2rem;margin:.45rem 0;color:#344054;font-weight:850}.support-request-panel .check-list li:before{content:'✓';position:absolute;left:.72rem;top:.68rem;color:var(--vd-green);font-weight:950}.support-request-form textarea{min-height:140px;resize:vertical}.support-request-panel button.primary.full{appearance:none;-webkit-appearance:none;min-height:48px;border-radius:15px!important}

@media(max-width:1180px){.tragofone-hero{grid-template-columns:1fr;text-align:center}.tragofone-hero .hero-copy-centered{text-align:center;justify-self:center}.tragofone-hero .center-actions,.tragofone-hero .trust-strip-centered{justify-content:center}.softphone-hero-board{justify-self:center}.board-body{grid-template-columns:112px minmax(260px,1fr) 180px!important}.clean-country-grid.compact-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.signup-shell{grid-template-columns:minmax(0,620px)}.support-request-panel{grid-template-columns:1fr}.blog-card-grid,.related-grid{grid-template-columns:1fr!important}}
@media(max-width:860px){.softphone-hero-board{max-width:100%;overflow:hidden}.board-body{grid-template-columns:1fr!important}.board-menu{grid-template-columns:repeat(5,minmax(0,1fr))}.board-menu span{text-align:center}.call-row em{max-width:none}.clean-country-grid.compact-country-grid,.compact-pricing-bottom{grid-template-columns:1fr!important}.compact-tier-grid{grid-template-columns:1fr!important}.signup-shell{display:block!important}.signup-shell .auth-side{margin-top:1rem}.page-hero h1{font-size:clamp(2rem,10vw,3rem)}.blog-grid-section{padding-left:1rem!important;padding-right:1rem!important}.support-request-panel{border-radius:22px;margin-left:1rem!important;margin-right:1rem!important}.help-grid{grid-template-columns:1fr!important}}
@media(max-width:520px){.tragofone-hero .hero-copy h1{font-size:2.45rem}.country-chip-row,.trust-strip{justify-content:center}.pricing-breakdown{display:grid}.pricing-seat-copy{text-align:left;margin-left:0}.support-request-panel{padding:1rem!important}.board-menu{grid-template-columns:1fr 1fr}.hero-brand-pill{display:grid;justify-items:center;text-align:center}.compact-pricing-bottom{padding-left:1rem;padding-right:1rem}}

/* ───────────────────────── Homepage console/dialer precision pass v3 ─────────────────────────
   Fixes the two homepage mockups called out by the user: the hero agent console and the lower dialer showcase. */
.tragofone-hero{grid-template-columns:minmax(0,.92fr) minmax(620px,1.08fr);gap:clamp(1.4rem,2.4vw,2.4rem);max-width:1320px;overflow:hidden}
.tragofone-hero .hero-copy-centered{max-width:610px}.tragofone-hero .hero-copy h1{font-size:clamp(2.5rem,4.7vw,4.55rem)}
.softphone-hero-board{max-width:650px!important;padding:1rem!important;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#07142b 0%,#0c1b37 55%,#101a33 100%);box-shadow:0 34px 88px rgba(5,17,38,.28);overflow:hidden!important}
.side-floating-rail{position:absolute!important;left:10px!important;top:72px!important;z-index:2;gap:.42rem!important}.side-floating-rail span{width:30px!important;height:30px!important;border-radius:11px!important;font-size:.8rem;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12);box-shadow:none!important}.side-floating-rail .brand-mark{background:var(--vd-gradient)!important}
.board-top{padding-left:42px;min-height:44px}.board-top strong{font-size:.98rem;letter-spacing:-.025em}.board-top em{display:inline-flex;align-items:center;gap:.34rem;border-radius:999px;background:rgba(33,214,123,.12);border:1px solid rgba(33,214,123,.22);padding:.26rem .48rem}.board-top em:before{content:'';width:7px;height:7px;border-radius:999px;background:#21d67b;box-shadow:0 0 0 4px rgba(33,214,123,.14)}
.board-body{grid-template-columns:128px minmax(270px,1fr) 182px!important;gap:.72rem!important;margin-top:.9rem!important;padding-left:42px}.board-menu{align-content:start}.board-menu span{display:flex;align-items:center;gap:.44rem;min-height:40px;padding:.54rem .6rem!important;border-radius:14px!important;font-size:.74rem!important}.board-menu span:before{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.10);font-size:.73rem}.board-menu span:nth-child(1):before{content:'⌂'}.board-menu span:nth-child(2):before{content:'☎'}.board-menu span:nth-child(3):before{content:'☷'}.board-menu span:nth-child(4):before{content:'◉'}.board-menu span:nth-child(5):before{content:'⚙'}
.board-search{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:42px;border-radius:14px!important;padding:.56rem .7rem!important}.board-search b{margin:0!important;color:#91f1ba;white-space:nowrap}
.call-row{display:grid!important;grid-template-columns:32px minmax(0,1fr) max-content;align-items:center;min-height:55px;padding:.52rem .58rem!important;border-radius:15px!important}.call-row span{width:32px!important;height:32px!important}.call-row em{margin:0!important;max-width:none!important;min-width:72px;padding:.24rem .44rem;border-radius:999px;background:rgba(33,214,123,.10);border:1px solid rgba(33,214,123,.18);font-size:.66rem!important;text-align:center!important}.call-row.info em{background:rgba(23,135,255,.12);border-color:rgba(23,135,255,.22);color:#93c5fd}.call-row.danger em{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.24);color:#fca5a5}
.mini-phone-card{padding:.82rem!important;border-radius:20px!important}.mini-phone-status{justify-content:center!important}.mini-phone-card h3{font-size:1.08rem!important}.mini-keypad{gap:.32rem!important}.mini-keypad button{min-height:31px!important;border-radius:11px!important}.mini-call-button{min-height:38px!important;border-radius:13px!important}
.dialer-showcase-band{margin-top:2.4rem;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(33,214,123,.18),transparent 23rem),var(--vd-gradient-dark)}
.dialer-showcase-grid{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(340px,420px);align-items:center;gap:clamp(2rem,5vw,4rem);max-width:1180px!important;padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,1.5rem)!important}.dialer-showcase-copy{max-width:610px}.dialer-showcase-copy h2{font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1;letter-spacing:-.06em}.dialer-showcase-copy p{max-width:560px;margin:.75rem 0 1.15rem;text-wrap:pretty}.webphone-showcase.small-showcase{display:grid;place-items:center;justify-self:end;width:100%;max-width:420px;background:linear-gradient(145deg,#07142b,#0f203f)!important;border:1px solid rgba(255,255,255,.12);border-radius:34px;padding:.7rem;box-shadow:0 28px 70px rgba(0,0,0,.34);overflow:hidden}.showroom-phone{width:100%;max-width:380px!important;margin:0!important;padding:1.05rem!important;border-radius:28px!important;box-shadow:none!important}.softphone-top{gap:.5rem}.softphone-top strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.softphone-top em{flex:none;border-radius:999px;background:rgba(33,214,123,.12);border:1px solid rgba(33,214,123,.2);padding:.25rem .5rem}.softphone-display{padding:1rem!important;margin:.85rem 0!important}.softphone-display strong{font-size:1.42rem!important;letter-spacing:-.045em;white-space:nowrap}.softphone-pad{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.48rem!important;margin:.95rem 0!important}.softphone-pad button{min-height:46px!important;border-radius:15px!important;font-size:1.05rem;font-weight:950}.softphone-call{min-height:48px!important;border-radius:16px!important;font-size:1rem;box-shadow:0 18px 34px rgba(21,190,83,.22)}
@media(max-width:1180px){.tragofone-hero{grid-template-columns:1fr;max-width:var(--max-w)}.softphone-hero-board{justify-self:center}.dialer-showcase-grid{grid-template-columns:1fr}.webphone-showcase.small-showcase{justify-self:center}.dialer-showcase-copy{text-align:center;margin:0 auto}.dialer-showcase-copy p{margin-left:auto;margin-right:auto}}
@media(max-width:760px){.softphone-hero-board{max-width:100%!important}.side-floating-rail{display:none!important}.board-top{padding-left:0}.board-body{padding-left:0;grid-template-columns:1fr!important}.board-menu{grid-template-columns:repeat(5,minmax(0,1fr))}.board-menu span{justify-content:center;min-height:46px}.board-menu span:before{display:none}.call-row{grid-template-columns:32px minmax(0,1fr)}.call-row em{grid-column:2;justify-self:start;margin-top:.25rem!important}.webphone-showcase.small-showcase{max-width:390px}.showroom-phone{max-width:360px!important}.softphone-display strong{font-size:1.25rem!important}}
@media(max-width:520px){.board-menu{grid-template-columns:1fr 1fr}.dialer-showcase-grid{padding-left:1rem!important;padding-right:1rem!important}.webphone-showcase.small-showcase{padding:.55rem;border-radius:26px}.showroom-phone{padding:.9rem!important}.softphone-pad button{min-height:42px!important}.softphone-display strong{font-size:1.12rem!important}}

/* Homepage v3b: remove decorative rail from layout math and eliminate board-body internal overflow. */
.softphone-hero-board .side-floating-rail{display:none!important}.softphone-hero-board .board-top{padding-left:0!important}.softphone-hero-board .board-body{padding-left:0!important;grid-template-columns:132px minmax(272px,1fr) 182px!important}.softphone-hero-board{overflow:hidden!important}
@media(max-width:760px){.softphone-hero-board .board-body{grid-template-columns:1fr!important}}

/* ───────────────────────── Platform page enterprise polish v1 ─────────────────────────
   Restores the /platform page from flat text rows into structured enterprise cards. */
.platform-page{background:radial-gradient(circle at 12% 4%,rgba(23,135,255,.11),transparent 26rem),linear-gradient(180deg,#f7faff 0%,#eef4fb 100%)}
.platform-page .platform-hero{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.78fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);max-width:1240px;margin:1rem auto 0!important;padding:clamp(2.35rem,5vw,4.2rem) clamp(1rem,3vw,2rem)!important;text-align:left!important;background:linear-gradient(135deg,#ffffff 0%,#f9fbff 58%,#edf5ff 100%);border:2px solid var(--vd-line);border-radius:34px;box-shadow:0 28px 70px rgba(36,52,102,.12);overflow:hidden;position:relative}
.platform-page .platform-hero:after{content:"";position:absolute;right:-9rem;top:-10rem;width:26rem;height:26rem;border-radius:999px;background:radial-gradient(circle,rgba(91,75,255,.16),transparent 68%);pointer-events:none}.platform-page .platform-hero>*{position:relative;z-index:1}.platform-page .platform-hero h1{max-width:760px;margin:.55rem 0 .85rem!important;font-size:clamp(2.3rem,4.7vw,4.35rem);line-height:.98;letter-spacing:-.072em;text-wrap:balance}.platform-page .platform-hero p{max-width:680px;margin:0!important;font-size:clamp(1rem,1.55vw,1.17rem);font-weight:700;text-wrap:pretty}.platform-page .platform-hero .hero-actions{justify-content:flex-start!important;margin-top:1.35rem}.platform-page .platform-hero .badge{box-shadow:var(--shadow-xs)}
.platform-card-stack{display:grid!important;gap:.78rem;min-width:0}.platform-card-stack article{display:grid!important;grid-template-columns:52px minmax(0,1fr);column-gap:.85rem;align-items:start;min-height:104px;background:rgba(255,255,255,.88)!important;border:2px solid rgba(213,225,243,.9)!important;border-radius:22px!important;padding:1rem!important;box-shadow:0 16px 42px rgba(36,52,102,.10)!important;backdrop-filter:blur(10px)}.platform-card-stack article span{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:var(--vd-gradient);color:#fff;font-weight:950;box-shadow:0 14px 28px rgba(83,75,255,.20)}.platform-card-stack article strong{display:block;color:var(--vd-ink);font-weight:950;font-size:1.02rem;letter-spacing:-.025em}.platform-card-stack article p{margin:.18rem 0 0!important;color:#536072!important;font-weight:700;line-height:1.4}.platform-card-stack article:hover{transform:translateY(-2px);border-color:#d8ddff!important;box-shadow:0 22px 54px rgba(36,52,102,.14)!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.platform-core-section{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(480px,1.05fr)!important;align-items:start;gap:clamp(1.5rem,4vw,3rem);max-width:1240px!important;padding-top:clamp(3rem,6vw,5rem)!important;padding-bottom:clamp(3rem,6vw,5rem)!important}.platform-core-section>div:first-child{background:#fff;border:2px solid var(--vd-line);border-radius:28px;padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.platform-core-section>div:first-child:after{content:"";position:absolute;inset:auto -5rem -7rem auto;width:16rem;height:16rem;border-radius:999px;background:radial-gradient(circle,rgba(23,135,255,.11),transparent 68%)}.platform-core-section>div:first-child>*{position:relative}.platform-core-section h2{font-size:clamp(2rem,3.6vw,3.05rem);line-height:1.02;letter-spacing:-.058em;text-wrap:balance}.platform-core-section p{margin-top:.75rem;font-weight:700;text-wrap:pretty}.platform-timeline{display:grid!important;gap:.75rem}.platform-timeline article{display:grid!important;grid-template-columns:54px minmax(0,1fr);gap:.85rem;align-items:start;background:#fff!important;border:2px solid var(--vd-line)!important;border-radius:22px!important;padding:1rem!important;box-shadow:var(--shadow-sm)!important;min-height:0!important}.platform-timeline article span{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#eef4ff;color:var(--vd-purple);font-weight:950;border:1px solid #dce6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.platform-timeline article strong{display:block;font-size:1.02rem;color:var(--vd-ink);font-weight:950;letter-spacing:-.025em}.platform-timeline article p{margin:.18rem 0 0!important;color:#536072!important;line-height:1.45;font-weight:700}.platform-timeline article:hover{transform:translateY(-2px);border-color:#d8ddff!important;box-shadow:var(--shadow-md)!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.platform-capabilities-section{max-width:1240px!important;padding-top:clamp(2.6rem,5vw,4.5rem)!important}.platform-capabilities-section .section-head{max-width:820px}.platform-capabilities-section .feature-grid.three{gap:1rem!important;align-items:stretch}.platform-capabilities-section .feature-card{min-height:210px;display:flex!important;flex-direction:column;padding:1.15rem!important;border-radius:24px!important}.platform-capabilities-section .feature-card span{width:max-content;display:inline-flex;border-radius:999px;background:#eef4ff;color:var(--vd-purple);font-size:.72rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase;padding:.34rem .58rem;margin-bottom:.75rem}.platform-capabilities-section .feature-card h3{font-size:1.2rem;line-height:1.14;letter-spacing:-.035em}.platform-capabilities-section .feature-card p{margin-top:.55rem;font-weight:700;text-wrap:pretty}.platform-capabilities-section .feature-card:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:var(--shadow-md);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.platform-boundaries-band{margin-top:1rem!important;background:radial-gradient(circle at 14% 18%,rgba(23,135,255,.2),transparent 24rem),var(--vd-gradient-dark)!important;overflow:hidden}.platform-boundaries-band .section{max-width:1180px!important;align-items:start!important;padding-top:clamp(3rem,6vw,4.6rem)!important;padding-bottom:clamp(3rem,6vw,4.6rem)!important}.platform-boundaries-band h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.02;letter-spacing:-.06em}.platform-boundaries-band p{font-weight:700;max-width:560px}.infra-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.infra-map div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:1rem;box-shadow:0 18px 44px rgba(0,0,0,.18)}.infra-map strong,.infra-map span{display:block}.infra-map strong{color:#fff;font-weight:950;letter-spacing:-.025em}.infra-map span{margin-top:.24rem;color:rgba(255,255,255,.72);font-weight:750;line-height:1.35}
@media(max-width:980px){.platform-page .platform-hero,.platform-core-section{grid-template-columns:1fr!important;text-align:center!important}.platform-page .platform-hero .hero-actions{justify-content:center!important}.platform-page .platform-hero p{margin-left:auto!important;margin-right:auto!important}.platform-card-stack{max-width:720px;margin:0 auto}.platform-core-section>div:first-child{max-width:760px;margin:0 auto}.platform-timeline{max-width:760px;margin:0 auto}.platform-boundaries-band .section{grid-template-columns:1fr!important;text-align:center}.platform-boundaries-band p{margin-left:auto;margin-right:auto}.infra-map{max-width:760px;margin:0 auto}}
@media(max-width:640px){.platform-page .platform-hero{border-radius:26px;margin-top:.5rem!important}.platform-card-stack article,.platform-timeline article{grid-template-columns:1fr;text-align:left}.platform-card-stack article span,.platform-timeline article span{grid-row:auto}.infra-map{grid-template-columns:1fr}.platform-capabilities-section .feature-grid.three{grid-template-columns:1fr!important}.platform-core-section{padding-left:1rem!important;padding-right:1rem!important}}

/* ───────────────────────── Solutions page enterprise polish v1 ─────────────────────────
   Fixes /solutions hero/orbit flat rows, spacing, growth cards, and CTA hierarchy. */
.solutions-page{background:radial-gradient(circle at 82% 0%,rgba(91,75,255,.10),transparent 25rem),linear-gradient(180deg,#f7faff 0%,#eef4fb 100%)}
.solutions-page .solutions-hero{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(360px,.82fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);max-width:1240px;margin:1rem auto 0!important;padding:clamp(2.45rem,5vw,4.35rem) clamp(1rem,3vw,2rem)!important;text-align:left!important;background:linear-gradient(135deg,#ffffff 0%,#f9fbff 56%,#eef4ff 100%);border:2px solid var(--vd-line);border-radius:34px;box-shadow:0 28px 70px rgba(36,52,102,.12);position:relative;overflow:hidden}.solutions-page .solutions-hero:after{content:"";position:absolute;right:-9rem;top:-9rem;width:25rem;height:25rem;border-radius:999px;background:radial-gradient(circle,rgba(23,135,255,.15),transparent 68%);pointer-events:none}.solutions-page .solutions-hero>*{position:relative;z-index:1}.solutions-page .solutions-hero h1{max-width:760px;margin:.55rem 0 .85rem!important;font-size:clamp(2.35rem,4.8vw,4.35rem);line-height:.98;letter-spacing:-.074em;text-wrap:balance}.solutions-page .solutions-hero p{max-width:700px;margin:0!important;font-size:clamp(1rem,1.55vw,1.17rem);font-weight:700;text-wrap:pretty}.solutions-page .solutions-hero .hero-actions{justify-content:flex-start!important;margin-top:1.35rem}.solutions-page .solutions-hero .badge{box-shadow:var(--shadow-xs)}
.solution-orbit{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;min-width:0}.solution-orbit div{display:grid;gap:.24rem;min-height:116px;background:rgba(255,255,255,.90);border:2px solid rgba(213,225,243,.95);border-radius:24px;padding:1.1rem;box-shadow:0 16px 42px rgba(36,52,102,.10);position:relative;overflow:hidden}.solution-orbit div:before{content:"";width:42px;height:42px;border-radius:15px;background:var(--vd-gradient);box-shadow:0 14px 28px rgba(83,75,255,.20);margin-bottom:.25rem}.solution-orbit div:nth-child(1):before{content:"↗"}.solution-orbit div:nth-child(2):before{content:"▦"}.solution-orbit div:nth-child(3):before{content:"☏"}.solution-orbit div:nth-child(4):before{content:"◎"}.solution-orbit div:before{display:grid;place-items:center;color:#fff;font-weight:950}.solution-orbit strong{color:var(--vd-ink);font-weight:950;font-size:1.02rem;letter-spacing:-.025em}.solution-orbit span{color:#536072;font-weight:800}.solution-orbit div:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:0 22px 54px rgba(36,52,102,.14);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.solutions-usecases-section{max-width:1240px!important;padding-top:clamp(3rem,6vw,5rem)!important;padding-bottom:clamp(2.8rem,5vw,4.5rem)!important}.solutions-usecases-section .section-head{max-width:840px;margin-bottom:1.45rem}.solutions-usecases-section .section-head h2{font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.02;letter-spacing:-.06em;text-wrap:balance}.solutions-usecase-grid{gap:1rem!important;align-items:stretch}.solutions-usecase-grid .feature-card{display:flex!important;flex-direction:column;min-height:214px;padding:1.18rem!important;border-radius:24px!important}.solutions-usecase-grid .feature-card span{width:max-content;display:inline-flex;border-radius:999px;background:#eef4ff;color:var(--vd-purple);font-size:.72rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase;padding:.34rem .58rem;margin-bottom:.75rem}.solutions-usecase-grid .feature-card h3{font-size:1.2rem;line-height:1.14;letter-spacing:-.035em}.solutions-usecase-grid .feature-card p{margin-top:.55rem;font-weight:700;text-wrap:pretty}.solutions-usecase-grid .feature-card:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:var(--shadow-md);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.solutions-growth-section{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(460px,1.02fr)!important;align-items:start;gap:clamp(1.5rem,4vw,3rem);max-width:1240px!important;padding-top:clamp(2.8rem,5vw,4.7rem)!important;padding-bottom:clamp(3rem,6vw,5rem)!important}.growth-copy{background:#fff;border:2px solid var(--vd-line);border-radius:28px;padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.growth-copy:after{content:"";position:absolute;inset:auto -5rem -7rem auto;width:16rem;height:16rem;border-radius:999px;background:radial-gradient(circle,rgba(91,75,255,.11),transparent 68%)}.growth-copy>*{position:relative}.growth-copy h2{font-size:clamp(2rem,3.7vw,3.05rem);line-height:1.02;letter-spacing:-.058em;text-wrap:balance}.growth-copy p{margin-top:.75rem;font-weight:700;text-wrap:pretty}.growth-proof-strip{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}.growth-proof-strip span{display:inline-flex;border-radius:999px;background:#eef4ff;color:var(--vd-purple);border:1px solid #dce6ff;padding:.38rem .62rem;font-size:.78rem;font-weight:950}.solutions-growth-list{display:grid!important;gap:.75rem}.solutions-growth-list article{display:grid!important;grid-template-columns:54px minmax(0,1fr);gap:.85rem;align-items:start;background:#fff!important;border:2px solid var(--vd-line)!important;border-radius:22px!important;padding:1rem!important;box-shadow:var(--shadow-sm)!important;min-height:0!important}.growth-feature-index{display:grid!important;place-items:center;width:46px;height:46px;border-radius:16px;background:#eef4ff;color:var(--vd-purple);font-weight:950;border:1px solid #dce6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.solutions-growth-list article strong{display:block;font-size:1.02rem;color:var(--vd-ink);font-weight:950;letter-spacing:-.025em}.solutions-growth-list article p{margin:.18rem 0 0!important;color:#536072!important;line-height:1.45;font-weight:700}.solutions-growth-list article:hover{transform:translateY(-2px);border-color:#d8ddff!important;box-shadow:var(--shadow-md)!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.solutions-cta-band{margin-top:1rem!important;background:radial-gradient(circle at 80% 18%,rgba(33,214,123,.18),transparent 24rem),var(--vd-gradient-dark)!important;overflow:hidden}.solutions-final-cta{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left!important;gap:2rem;max-width:1180px!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0 auto!important;padding:clamp(3rem,6vw,4.6rem) clamp(1rem,3vw,1.5rem)!important;color:#fff!important}.solutions-final-cta h2{color:#fff!important;font-size:clamp(2rem,4vw,3.35rem);line-height:1.02;letter-spacing:-.06em}.solutions-final-cta p{color:rgba(255,255,255,.78)!important;max-width:720px;margin:.65rem 0 0;font-weight:700}.solutions-cta-proof{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}.solutions-cta-proof span{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);padding:.38rem .62rem;color:#fff;font-weight:900;font-size:.78rem}.solutions-cta-actions{justify-content:flex-end!important;margin:0!important;min-width:max-content}.solutions-cta-actions .dark-secondary{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.20)!important}.solutions-cta-actions .dark-secondary:hover{background:rgba(255,255,255,.16)!important}
@media(max-width:980px){.solutions-page .solutions-hero,.solutions-growth-section{grid-template-columns:1fr!important;text-align:center!important}.solutions-page .solutions-hero .hero-actions{justify-content:center!important}.solutions-page .solutions-hero p{margin-left:auto!important;margin-right:auto!important}.solution-orbit{max-width:720px;margin:0 auto}.growth-copy,.solutions-growth-list{max-width:760px;margin:0 auto}.solutions-final-cta{grid-template-columns:1fr!important;text-align:center!important}.solutions-final-cta p{margin-left:auto;margin-right:auto}.solutions-cta-proof,.solutions-cta-actions{justify-content:center!important}.solutions-cta-actions{min-width:0}}
@media(max-width:640px){.solutions-page .solutions-hero{border-radius:26px;margin-top:.5rem!important}.solution-orbit{grid-template-columns:1fr}.solutions-usecase-grid{grid-template-columns:1fr!important}.solutions-growth-list article{grid-template-columns:1fr;text-align:left}.solutions-growth-section,.solutions-usecases-section{padding-left:1rem!important;padding-right:1rem!important}.solutions-cta-actions .primary,.solutions-cta-actions .secondary{width:100%}}

/* ───────────────────────── Company app enterprise recovery v1 ─────────────────────────
   Scoped fixes for /app authenticated dashboard: real sidebar shell, balanced cards,
   split panels, forms, tables, recording cards, and overflow-safe content. */
body.company-control-body{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr);background:radial-gradient(circle at 82% -12%,rgba(91,75,255,.13),transparent 31rem),linear-gradient(180deg,#f6f9fd 0%,#eef4fb 100%);overflow-x:hidden;color:var(--vd-ink)}
body.company-control-body *,body.company-control-body *:before,body.company-control-body *:after{box-sizing:border-box}.company-control-body .company-control-main,.company-control-body .panel,.company-control-body .metric-grid>*,.company-control-body .agent-detail-card,.company-control-body .recording-card,.company-control-body .app-command-bar>*{min-width:0;max-width:100%}.company-control-body p,.company-control-body strong,.company-control-body small,.company-control-body span,.company-control-body td,.company-control-body th,.company-control-body a{overflow-wrap:anywhere}.company-control-body .muted{color:var(--vd-muted);font-weight:800}.company-control-body .empty{padding:1.4rem;text-align:center;color:var(--vd-muted);font-weight:850}
.company-control-body .vd-shell-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1rem;padding:1.15rem;background:linear-gradient(180deg,#061a31 0%,#081d39 52%,#0a1227 100%);color:#fff;border-right:1px solid rgba(255,255,255,.10);box-shadow:18px 0 44px rgba(7,29,53,.11);z-index:30}.company-control-body .vd-shell-sidebar .logo.in-app{display:flex;align-items:center;gap:.65rem;color:#fff!important;padding:.15rem .1rem .85rem;border-bottom:1px solid rgba(255,255,255,.10)}.company-control-body .vd-shell-sidebar .brand-mark{width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.09);display:grid;place-items:center;overflow:hidden;flex:none}.company-control-body .vd-shell-sidebar .brand-mark img{width:72%;height:72%;object-fit:contain}.company-control-body .vd-shell-sidebar .logo strong{font-size:1.08rem;letter-spacing:-.02em}.company-control-body .vd-shell-sidebar nav{display:grid;gap:.38rem}.company-control-body .vd-shell-sidebar nav a,.company-control-body .vd-shell-sidebar .logout{display:flex;align-items:center;gap:.65rem;min-height:46px;border-radius:16px;padding:.68rem .76rem;color:rgba(255,255,255,.76);font-weight:900;transition:background .14s ease,color .14s ease,transform .14s ease}.company-control-body .vd-shell-sidebar nav a:hover,.company-control-body .vd-shell-sidebar nav a.active,.company-control-body .vd-shell-sidebar .logout:hover{background:rgba(255,255,255,.11);color:#fff;transform:translateX(2px)}.company-control-body .vd-shell-sidebar nav a.active{box-shadow:inset 3px 0 0 var(--vd-cyan);background:linear-gradient(90deg,rgba(23,135,255,.22),rgba(91,75,255,.14))}.company-control-body .sidebar-nav-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.08);font-size:.9rem;line-height:1}.company-control-body .sidebar-profile-card,.company-control-body .sidebar-upgrade-card{display:grid;gap:.36rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);border-radius:20px;padding:.85rem}.company-control-body .sidebar-profile-card strong,.company-control-body .sidebar-upgrade-card strong{color:#fff;font-weight:950;line-height:1.15}.company-control-body .sidebar-profile-card small,.company-control-body .sidebar-upgrade-card p,.company-control-body .sidebar-upgrade-card span{color:rgba(255,255,255,.68);font-weight:750;line-height:1.35}.company-control-body .sidebar-upgrade-card{margin-top:auto}.company-control-body .sidebar-upgrade-card a{display:inline-flex;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);color:#fff!important;font-weight:950}.company-control-body .vd-shell-sidebar .logout{justify-content:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#fff!important}
.company-control-body .company-control-main{width:100%;max-width:1540px;padding:clamp(1.2rem,2.5vw,2.25rem);align-self:start}.company-control-body .detail-hero{max-width:none!important;margin:0 0 1rem!important;text-align:left!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.1rem;background:linear-gradient(135deg,#fff 0%,#f9fbff 62%,#eef4ff 100%);border:2px solid var(--vd-line);border-radius:30px;padding:clamp(1.2rem,2.4vw,2rem)!important;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.company-control-body .detail-hero:after{content:"";position:absolute;right:-7rem;bottom:-10rem;width:25rem;height:25rem;border-radius:999px;background:radial-gradient(circle,rgba(91,75,255,.13),transparent 68%);pointer-events:none}.company-control-body .detail-hero>*{position:relative;z-index:1}.company-control-body .detail-hero h1{font-size:clamp(1.85rem,3.45vw,3.35rem);line-height:1.02;letter-spacing:-.065em;margin:.1rem 0 .5rem!important;text-wrap:balance}.company-control-body .detail-hero p{max-width:780px;margin:0!important;color:#536072;font-weight:700;text-wrap:pretty}.company-control-body .header-actions{justify-content:flex-end}.company-control-body .app-command-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem}.company-control-body .command-left{display:grid;gap:.2rem}.company-control-body .command-left strong{font-weight:950}.company-control-body .command-left small{color:var(--vd-muted);font-weight:800}.company-control-body .command-tabs{display:flex;gap:.38rem;flex-wrap:wrap;justify-content:flex-end}.company-control-body .command-tabs a{white-space:nowrap}.company-control-body .panel{margin:1rem 0}.company-control-body .panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.95rem}.company-control-body .panel-head h2{margin:.05rem 0 0;font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:-.04em}.company-control-body .panel-head>span{color:var(--vd-muted);font-weight:900}.company-control-body .status-chip{display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:999px;background:#eef4ff;color:var(--vd-purple);border:1px solid #dce6ff;padding:.34rem .58rem;font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em}.company-control-body .status-chip.active{background:#ecfdf3;color:#067647;border-color:#bbf7d0}
.company-control-body .metric-grid{margin:1rem 0}.company-control-body .compact-kpi-grid,.company-control-body .call-analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.company-control-body .billing-metrics,.company-control-body .profile-metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important}.company-control-body .help-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.company-control-body .metric-grid>article{background:#fff;border:2px solid var(--vd-line);border-radius:22px;padding:1rem;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.company-control-body .metric-grid>article:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:var(--shadow-md)}.company-control-body .metric-top{display:flex;align-items:center;gap:.52rem;margin-bottom:.55rem}.company-control-body .metric-icon{display:grid!important;place-items:center!important;flex:none;width:31px;height:31px;border-radius:11px;background:#eef4ff;color:var(--vd-purple);font-size:.92rem}.company-control-body .metric-grid>article>span:first-child,.company-control-body .metric-top span:last-child{display:block;color:var(--vd-muted);font-weight:950;text-transform:uppercase;letter-spacing:.075em;font-size:.72rem}.company-control-body .metric-grid>article strong{display:block;color:var(--vd-ink);font-size:clamp(1.15rem,1.9vw,1.62rem);line-height:1.05;letter-spacing:-.045em;font-weight:950;margin:.25rem 0}.company-control-body .metric-grid>article p{margin:0;color:#667085;font-weight:750;line-height:1.36}.company-control-body .metric-sparkline{height:6px;border-radius:99px;background:#edf2fb;margin-top:.75rem;overflow:hidden}.company-control-body .metric-sparkline i,.company-control-body .bar i{display:block;height:100%;border-radius:inherit;background:var(--vd-gradient)}
.company-control-body .quick-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.company-control-body .quick-actions-grid a,.company-control-body .workflow-row-list article,.company-control-body .insight-grid article{background:#f8fbff;border:1px solid var(--vd-line);border-radius:18px;padding:.9rem;color:var(--vd-ink);box-shadow:0 8px 20px rgba(15,23,42,.035)}.company-control-body .quick-actions-grid a{display:grid;gap:.28rem;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.company-control-body .quick-actions-grid a:hover{transform:translateY(-2px);border-color:#d8ddff;box-shadow:var(--shadow-md)}.company-control-body .quick-actions-grid span{font-weight:950;color:var(--vd-purple)}.company-control-body .quick-actions-grid strong{font-size:1.05rem;font-weight:950}.company-control-body .quick-actions-grid p{margin:0;color:#667085;font-weight:750;line-height:1.4}.company-control-body .workflow-row-list{display:grid;gap:.62rem}.company-control-body .workflow-row-list article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:.75rem}.company-control-body .workflow-dot{display:inline-block;width:14px;height:14px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 5px rgba(148,163,184,.16)}.company-control-body .workflow-dot.live{background:var(--vd-green);box-shadow:0 0 0 5px rgba(24,201,100,.18)}.company-control-body .workflow-dot.soft{background:var(--vd-purple);box-shadow:0 0 0 5px rgba(91,75,255,.16)}.company-control-body .workflow-row-list p{margin:.14rem 0 0;color:#667085;font-weight:750}.company-control-body .workflow-row-list em{justify-self:end;border-radius:999px;background:#eef4ff;color:var(--vd-purple);padding:.32rem .55rem;font-style:normal;font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.company-control-body .split-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);align-items:start;gap:1.1rem}.company-control-body .create-agent-page-panel{grid-template-columns:minmax(0,.92fr) minmax(380px,.82fr)}.company-control-body .help-split{grid-template-columns:minmax(0,.9fr) minmax(360px,.78fr)}.company-control-body .billing-checkout-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)}.company-control-body .check-list{display:grid;gap:.55rem;margin-top:.9rem}.company-control-body .check-list p{margin:0;background:#f8fbff;border:1px solid var(--vd-line);border-radius:14px;padding:.65rem .72rem;color:#344054;font-weight:850}
.company-control-body label{display:grid;gap:.32rem}.company-control-body label>span,.company-control-body .wide-country-form>label{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em;color:var(--vd-muted)}.company-control-body input:not([type="checkbox"]):not([type="hidden"]),.company-control-body textarea,.company-control-body select{width:100%;min-height:46px;border:2px solid #dce5f0;border-radius:14px;background-color:#fff;color:var(--vd-ink);padding:.68rem .85rem;font:inherit;font-weight:750;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.company-control-body textarea{min-height:126px;resize:vertical;line-height:1.5;font-weight:650}.company-control-body select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:2.45rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23697386' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .82rem center;background-size:14px}.company-control-body input:not([type="checkbox"]):not([type="hidden"]):hover,.company-control-body textarea:hover,.company-control-body select:hover{border-color:#c5d4ea}.company-control-body input:not([type="checkbox"]):not([type="hidden"]):focus,.company-control-body textarea:focus,.company-control-body select:focus{border-color:#7a6cff;box-shadow:0 0 0 4px rgba(91,75,255,.12)}.company-control-body .agent-form,.company-control-body .support-ticket-form,.company-control-body .profile-form,.company-control-body .credit-topup-form,.company-control-body .auto-topup-form{display:grid;gap:.72rem}.company-control-body .agent-form button,.company-control-body .support-ticket-form button{margin-top:.15rem}.company-control-body .call-filter-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.company-control-body .call-filter-actions{grid-column:1/-1;justify-content:flex-end}.company-control-body .call-filter-actions .primary,.company-control-body .call-filter-actions .secondary{min-height:42px}.company-control-body .wide-country-form{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end;margin-top:.85rem}.company-control-body .wide-country-form>label{grid-column:1/-1}.company-control-body .wide-country-form button{min-height:46px;border-radius:14px;font-weight:950;padding:.65rem .9rem}.company-control-body .toggle-row{display:flex;align-items:center;gap:.55rem;background:#f8fbff;border:1px solid var(--vd-line);border-radius:14px;padding:.65rem .75rem}.company-control-body .toggle-row input{width:18px;height:18px;flex:none}.company-control-body .toggle-row span{font-weight:850;color:#344054}
.company-control-body .agent-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.9rem}.company-control-body .agent-detail-card{background:#fff;border:2px solid var(--vd-line);border-radius:24px;padding:1rem;box-shadow:var(--shadow-sm)}.company-control-body .agent-card-head,.company-control-body .recording-card-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.85rem}.company-control-body .agent-card-head>div:nth-child(2),.company-control-body .recording-card-top>div{min-width:0;flex:1}.company-control-body .agent-card-head h3{margin:0;font-weight:950;letter-spacing:-.03em}.company-control-body .agent-card-head p{margin:.12rem 0 0;color:var(--vd-muted);font-weight:750}.company-control-body .avatar.small-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--vd-gradient);color:#fff;font-weight:950;flex:none}.company-control-body .agent-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.company-control-body .agent-info-grid>div,.company-control-body .agent-stat-row>div,.company-control-body .detail-list p{background:#f8fbff;border:1px solid var(--vd-line);border-radius:14px;padding:.7rem}.company-control-body .agent-info-grid span,.company-control-body .agent-stat-row span{display:block;color:var(--vd-muted);font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em}.company-control-body .agent-info-grid strong,.company-control-body .agent-stat-row strong{display:block;font-weight:950;letter-spacing:-.035em;color:var(--vd-ink)}.company-control-body .agent-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.75rem}.company-control-body .agent-security-note{margin-top:.75rem;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:16px;padding:.75rem;font-weight:800}.company-control-body .agent-more,.company-control-body .billing-checkout-grid details{background:#f8fbff;border:2px solid var(--vd-line);border-radius:16px;padding:.75rem;margin-top:.85rem}.company-control-body .agent-more summary,.company-control-body .billing-checkout-grid details summary{cursor:pointer;font-weight:950;color:var(--vd-purple);text-transform:uppercase;letter-spacing:.065em;font-size:.78rem}.company-control-body .detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.7rem}.company-control-body .mini-call-list{display:grid;gap:.45rem;margin-top:.7rem}.company-control-body .mini-call-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center;background:#fff;border:1px solid var(--vd-line);border-radius:13px;padding:.55rem}.company-control-body .mini-call-list em{font-style:normal;color:var(--vd-muted);font-weight:850}
.company-control-body .status,.company-control-body .call-result,.company-control-body .direction-pill,.company-control-body .hangup-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:999px;padding:.3rem .54rem;font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.055em;white-space:normal;line-height:1.2}.company-control-body .status,.company-control-body .direction-pill{background:#eef4ff;color:var(--vd-purple);border:1px solid #dce6ff}.company-control-body .status.provisioned,.company-control-body .status.active,.company-control-body .call-result.answered,.company-control-body .hangup-pill.client{background:#ecfdf3;color:#067647;border:1px solid #bbf7d0}.company-control-body .call-result.failed,.company-control-body .status.failed,.company-control-body .hangup-pill.agent{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.company-control-body .call-result.missed,.company-control-body .call-result.neutral,.company-control-body .hangup-pill.system,.company-control-body .hangup-pill.unknown{background:#fffbeb;color:#b45309;border:1px solid #fde68a}
.company-control-body .call-table-wrap{border-radius:18px;overflow:auto;border:1px solid var(--vd-line);background:#fff}.company-control-body .call-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0}.company-control-body .overview-call-table{min-width:0!important;table-layout:fixed}.company-control-body .call-table th,.company-control-body .call-table td{padding:.62rem .66rem;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top;font-size:.86rem}.company-control-body .call-table th{position:sticky;top:0;background:#f8fbff;color:#667085;font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em;z-index:1}.company-control-body .call-table td strong,.company-control-body .call-table td small{display:block}.company-control-body .call-table td small{margin-top:.18rem;color:var(--vd-muted);font-size:.75rem;font-weight:750}.company-control-body .overview-call-table th,.company-control-body .overview-call-table td{padding:.5rem .5rem;font-size:.8rem}.company-control-body .rec-play-btn{display:inline-flex;align-items:center;gap:.26rem;font-weight:950;font-size:.78rem;color:#2563eb!important;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:.26rem .56rem;white-space:nowrap}.company-control-body .rec-play-btn:hover{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8!important}.company-control-body .call-pagination{justify-content:space-between;background:#f8fbff;border:1px solid var(--vd-line);border-radius:16px;padding:.75rem;margin-top:.85rem}.company-control-body .pagination-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.company-control-body .recording-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.85rem}.company-control-body .call-table{min-width:0;table-layout:fixed}.company-control-body .recording-card{background:#fff;border:2px solid var(--vd-line);border-radius:22px;padding:.9rem;box-shadow:var(--shadow-sm);display:grid;gap:.65rem}.company-control-body .recording-card.answered{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#f8fffb)}.company-control-body .recording-card.failed{border-color:#fecdd3;background:linear-gradient(180deg,#fff,#fff8f9)}.company-control-body .recording-card-top{margin-bottom:0}.company-control-body .recording-card strong,.company-control-body .recording-card small{display:block}.company-control-body .recording-card small{color:var(--vd-muted);font-weight:750}.company-control-body .recording-card p{margin:0;color:#344054;font-weight:850}.company-control-body .recording-card audio{display:block;width:100%;max-width:100%;height:40px}.company-control-body .recording-meta{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap;color:var(--vd-muted);font-size:.82rem;font-weight:800}.company-control-body .recording-meta a{font-weight:950;color:var(--vd-purple)!important}
.company-control-body .billing-wallet-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.82fr) minmax(280px,.92fr);gap:.85rem;align-items:start}.company-control-body .wallet-balance-card,.company-control-body .credit-topup-form,.company-control-body .auto-topup-form{background:#f8fbff;border:2px solid var(--vd-line);border-radius:20px;padding:1rem;box-shadow:var(--shadow-sm)}.company-control-body .wallet-balance-card span,.company-control-body .credit-topup-form .eyebrow,.company-control-body .auto-topup-form .eyebrow{color:var(--vd-purple);font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.company-control-body .wallet-balance-card strong{display:block;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1;font-weight:950;letter-spacing:-.055em;margin:.4rem 0}.company-control-body .credit-topup-form h3,.company-control-body .auto-topup-form h3{margin:.1rem 0 .35rem;letter-spacing:-.035em}.company-control-body .credit-topup-form small,.company-control-body .auto-topup-form small{color:var(--vd-muted);font-weight:800}.company-control-body .billing-proration-note{margin-top:.85rem;background:#f8fbff!important}.company-control-body .billing-actions.stacked-actions{display:grid;gap:.55rem}.company-control-body .billing-checkout-grid h3{margin:.1rem 0 .75rem}.company-control-body .billing-checkout-grid details{margin-top:.85rem!important}.company-control-body .billing-checkout-grid details .mini-call-list p{margin:.5rem 0 0;color:var(--vd-muted);font-weight:800}.company-control-body .profile-settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:1rem;align-items:start}.company-control-body .profile-form-panel{background:#fff;border:2px solid var(--vd-line);border-radius:24px;padding:1.15rem;box-shadow:var(--shadow-sm)}.company-control-body .profile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem!important}.company-control-body .profile-form button{margin-top:.15rem}.company-control-body .profile-security-panel{min-height:100%;background:linear-gradient(180deg,#fff,#f8fbff)}.company-control-body .support-ticket-form{margin-top:.75rem}.company-control-body .support-ticket-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:start;background:#f8fbff;border:1px solid var(--vd-line);border-radius:16px;padding:.75rem;margin-top:.65rem}.company-control-body .support-ticket-row small{grid-column:1/-1;color:var(--vd-muted);font-weight:800}
@media(max-width:1320px){body.company-control-body{grid-template-columns:264px minmax(0,1fr)}.company-control-body .billing-metrics,.company-control-body .profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.company-control-body .billing-wallet-grid{grid-template-columns:1fr}.company-control-body .compact-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1100px){body.company-control-body{grid-template-columns:248px minmax(0,1fr)}.company-control-body .detail-hero{grid-template-columns:1fr}.company-control-body .header-actions{justify-content:flex-start}.company-control-body .app-command-bar{display:grid}.company-control-body .command-tabs{justify-content:flex-start}.company-control-body .compact-kpi-grid,.company-control-body .call-analytics-grid,.company-control-body .metric-grid,.company-control-body .billing-metrics,.company-control-body .profile-metrics,.company-control-body .help-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.company-control-body .split-panel,.company-control-body .create-agent-page-panel,.company-control-body .help-split,.company-control-body .billing-checkout-grid,.company-control-body .profile-settings-grid{grid-template-columns:1fr!important}.company-control-body .call-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body.company-control-body{display:block}.company-control-body .vd-shell-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.company-control-body .vd-shell-sidebar nav{display:flex;overflow-x:auto;gap:.45rem;padding-bottom:.2rem}.company-control-body .vd-shell-sidebar nav a{min-width:max-content}.company-control-body .sidebar-upgrade-card{margin-top:0}.company-control-body .company-control-main{padding:1rem}.company-control-body .quick-actions-grid,.company-control-body .agent-info-grid,.company-control-body .agent-stat-row,.company-control-body .detail-list,.company-control-body .profile-grid{grid-template-columns:1fr!important}.company-control-body .call-table{min-width:900px}.company-control-body .overview-call-table{min-width:760px!important}.company-control-body .wide-country-form{grid-template-columns:1fr}.company-control-body .call-filter-actions{justify-content:stretch}.company-control-body .call-filter-actions .primary,.company-control-body .call-filter-actions .secondary{flex:1}}
.company-control-body .detail-hero:after{display:none}
@media(max-width:640px){.company-control-body .company-control-main{padding:.75rem}.company-control-body .detail-hero,.company-control-body .panel,.company-control-body .app-command-bar{border-radius:22px}.company-control-body .detail-hero h1{font-size:2rem}.company-control-body .header-actions,.company-control-body .header-actions .primary,.company-control-body .header-actions .secondary{width:100%}.company-control-body .header-actions{display:grid}.company-control-body .metric-grid,.company-control-body .compact-kpi-grid,.company-control-body .call-analytics-grid,.company-control-body .billing-metrics,.company-control-body .profile-metrics,.company-control-body .help-metrics,.company-control-body .call-filter-form,.company-control-body .recording-grid,.company-control-body .agent-detail-grid{grid-template-columns:1fr!important}.company-control-body .command-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem}.company-control-body .call-pagination{display:grid;justify-content:stretch}.company-control-body .pagination-actions{justify-content:stretch}.company-control-body .pagination-actions>*{flex:1}.company-control-body .primary,.company-control-body .secondary{width:100%;justify-content:center}}