/* DostData V219 Premium layout  - scoped and loaded after legacy page styles */
:root{--v219-orange:#ff832d;--v219-orange-2:#f2671c;--v219-bg:#f4f6fa;--v219-ink:#17253b;--v219-surface:#fff;--v219-stroke:#dee6ef;--v219-radius:20px}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:-.008em}a,button,input,select{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffae69!important;outline-offset:2px}
/* Entire marketing website */
body.public-shell .v7-site-header{background:#0b1321!important;border-bottom:1px solid #24344c!important;box-shadow:0 8px 28px #050d1a55!important}
body.public-shell .v7-nav{max-width:1400px!important;min-height:80px!important;gap:clamp(16px,2vw,36px)!important}
body.public-shell .v7-nav-link{font-weight:650!important;font-size:14px!important;padding:12px 13px!important;border-radius:11px!important}
body.public-shell .v7-nav-link:hover{background:#23334c!important;color:#ffb27c!important}
body.public-shell .v7-nav-actions :is(a,button){border-radius:12px!important}
body.public-shell .v7-nav-actions :is(.btn-primary,[class*=client]){background:linear-gradient(110deg,#ff9846,#ed6717)!important;border-color:transparent!important;color:white!important}
body.public-shell :is(.v7-hero,.v75-hero,.v7-hero-section,.hero-section){min-height:unset!important;padding-block:clamp(52px,6vw,92px)!important;background:radial-gradient(circle at 85% 25%,#163c50 0%,transparent 36%),linear-gradient(120deg,#0b1627,#122a3b)!important;border-radius:0!important}
body.public-shell :is(.v7-hero,.v75-hero,.v7-hero-section,.hero-section) h1{font-size:clamp(36px,4.1vw,63px)!important;line-height:1.12!important;font-weight:850!important;letter-spacing:-.045em!important;max-width:900px}
body.public-shell :is(.v7-hero,.v75-hero,.v7-hero-section,.hero-section) p{font-size:clamp(15px,1.13vw,18px)!important;line-height:1.7!important;max-width:680px}
body.public-shell :is(.v7-hero,.v75-hero,.v7-hero-section,.hero-section) input{min-height:52px!important;font-size:16px!important;border-radius:12px!important}
body.public-shell :is(.v7-hero,.v75-hero,.v7-hero-section,.hero-section) button{min-height:48px!important;border-radius:11px!important}
body.public-shell :is(.v7-mega-menu,.v75-mega-menu,.mega-menu,.nav-dropdown,.dropdown-menu){background:#fff!important;color:#17253b!important;border:1px solid #e4ebf4!important;box-shadow:0 30px 85px #020a1670!important;border-radius:18px!important;padding:16px!important;max-height:min(78vh,700px);overflow-y:auto}
body.public-shell :is(.v7-mega-menu,.v75-mega-menu,.mega-menu,.nav-dropdown,.dropdown-menu) a{color:#15233a!important;border-radius:10px!important}
body.public-shell :is(.v7-mega-menu,.v75-mega-menu,.mega-menu,.nav-dropdown,.dropdown-menu) a:hover{background:#fff3e9!important;color:#e66a1a!important}
body.public-shell :is(.v7-pricing-card,.v200-product-card,.v199-vds-card,.plan-card,.product-card,.pricing-card){background:var(--v219-surface)!important;border:1px solid var(--v219-stroke)!important;border-radius:22px!important;box-shadow:0 14px 35px #0c234515!important;display:flex;flex-direction:column;min-height:300px;overflow:visible!important}
body.public-shell :is(.v7-pricing-card,.v200-product-card,.v199-vds-card,.plan-card,.product-card,.pricing-card):hover{transform:translateY(-5px);box-shadow:0 24px 55px #0c23452a!important;border-color:#ffb487!important}
body.public-shell :is(.v7-pricing-card,.v200-product-card,.v199-vds-card,.plan-card,.product-card,.pricing-card) :is(.price,.product-price,.v200-price){font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.public-shell :is(.v7-pricing-card,.v200-product-card,.v199-vds-card,.plan-card,.product-card,.pricing-card) :is(.btn-primary,button[type=submit]){background:linear-gradient(105deg,#ff963e,#ee6919)!important;color:#fff!important;border:0!important;border-radius:12px!important;min-height:46px}
/* Public theme respects existing dark toggle: hero stays dark in both modes */
html[data-theme=light] body.public-shell,body.public-shell[data-theme=light]{--v219-surface:#fff;--v219-stroke:#e0e7ef;background:#f4f6fa!important;color:#15263b!important}
html[data-theme=dark] body.public-shell,body.public-shell[data-theme=dark]{--v219-surface:#14263a;--v219-stroke:#294158;background:#0c1725!important;color:#edf4fe!important}
html[data-theme=dark] body.public-shell :is(.v7-pricing-card,.v200-product-card,.v199-vds-card,.plan-card,.product-card,.pricing-card),body.public-shell[data-theme=dark] :is(.v7-pricing-card,.v200-product-card,.v199-vds-card,.plan-card,.product-card,.pricing-card){color:#f1f6ff!important}
/* Dashboards: make the admin navigation full width rather than 78px hover-only */
@media(min-width:1101px){body.admin-mode .sidebar,body.admin-mode .sidebar:hover,body.admin-mode.sidebar-expanded .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:268px!important;max-width:268px!important;overflow:hidden!important;background:#101b2b!important}body.admin-mode .sidebar .brand-copy,body.admin-mode .sidebar-search input,body.admin-mode .side-link :is(span,strong),body.admin-mode .side-group-title{opacity:1!important;visibility:visible!important}body.admin-mode .sidebar .brand-copy{min-width:0!important}body.admin-mode .dashboard-main,body.admin-mode .main-panel,body.admin-mode .dashboard-content,body.admin-mode .dashboard>.content,body.admin-mode .main-content{margin-left:268px!important;width:calc(100% - 268px)!important;max-width:none!important}body.admin-mode .sidebar-nav{overflow-y:auto!important;max-height:calc(100vh - 160px)!important}}
body.dashboard-body{--v219-bg:#f4f6fa;--v219-card:#fff;--v219-ink:#17263c;--v219-stroke:#dfe7f0}
body.dashboard-body[data-theme=dark],html[data-theme=dark] body.dashboard-body{--v219-bg:#0a1421;--v219-card:#13243a;--v219-ink:#ecf3fc;--v219-stroke:#29415a}
body.dashboard-body{background:var(--v219-bg)!important;color:var(--v219-ink)!important}
body.dashboard-body :is(.sidebar,.dash-sidebar,.dashboard-sidebar){background:#101b2b!important;border-right:1px solid #2d3a50!important}
body.dashboard-body .side-link{font-size:13px!important;font-weight:570!important;min-height:43px!important;border-radius:11px!important}
body.dashboard-body .side-link.active{background:linear-gradient(100deg,#ff8c39,#df5e16)!important;color:#fff!important;border-color:transparent!important}
body.dashboard-body .side-link:hover:not(.active){background:#213349!important;color:#ffd4af!important}
body.dashboard-body :is(.card,.panel,.stat-card,.dashboard-card,.table-card){background:var(--v219-card)!important;color:var(--v219-ink)!important;border:1px solid var(--v219-stroke)!important;border-radius:18px!important;box-shadow:0 10px 30px #081c3512!important}
body.dashboard-body :is(.card,.panel,.stat-card,.dashboard-card,.table-card) :is(h1,h2,h3,strong){color:var(--v219-ink)!important}
body.dashboard-body :is(.btn-primary,button[type=submit].btn-primary){background:linear-gradient(110deg,#ff953b,#e9641b)!important;border-color:transparent!important;color:#fff!important;border-radius:12px!important}
body.dashboard-body :is(input,select,textarea){border-radius:10px!important;max-width:100%}
body.dashboard-body :is(.page-head,.dash-top){border-color:var(--v219-stroke)!important}
body.dashboard-body :is(table){width:100%;font-size:13px}body.dashboard-body :is(th){font-size:12px;letter-spacing:.02em}
body.dashboard-body .v219-release{background:#ff8c36!important;color:#1a1a1a!important;font-weight:800!important;border-radius:7px!important;padding:3px 7px!important}
/* Observable build marker for QA, with no metrics or mock data */
.v219-build-tag{position:fixed;right:12px;bottom:12px;z-index:99990;border:1px solid #ffb277;background:#141f2e;color:#ffd7b5;font:700 11px system-ui;padding:7px 10px;border-radius:9px;box-shadow:0 6px 18px #0005;pointer-events:none}
@media(max-width:1100px){body.dashboard-body :is(.card,.panel,.stat-card){border-radius:14px!important}}
@media(max-width:800px){body.public-shell .v7-nav{min-height:65px!important}body.public-shell :is(.v7-hero,.v75-hero,.hero-section){padding-block:44px!important}body.public-shell :is(.v7-hero,.v75-hero,.hero-section) h1{font-size:clamp(30px,9vw,44px)!important}body.public-shell :is(.v7-pricing-card,.v200-product-card,.product-card){min-height:unset}body.dashboard-body :is(.card,.panel,.stat-card){padding:16px!important}body.dashboard-body table{display:block;overflow-x:auto;max-width:100%}}
@media(prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}