/* KARA / ATA Design System v26
   Shared visual language for public pages, workspaces and administration. */
:root{
  --v26-bg:#07111d;
  --v26-bg-soft:#0a1725;
  --v26-surface:#0d1c2c;
  --v26-surface-2:#112438;
  --v26-surface-3:#162b40;
  --v26-border:rgba(151,181,211,.14);
  --v26-border-strong:rgba(151,181,211,.25);
  --v26-text:#eef5fb;
  --v26-muted:#9bb0c5;
  --v26-faint:#70869b;
  --v26-accent:#35bce8;
  --v26-accent-strong:#2999ea;
  --v26-success:#4bd39a;
  --v26-warning:#f2bd5c;
  --v26-danger:#f06d82;
  --v26-radius-sm:9px;
  --v26-radius:13px;
  --v26-radius-lg:18px;
  --v26-shadow:0 18px 50px rgba(0,0,0,.2);
  --v26-content:1320px;
}

html[data-theme="light"]{
  --v26-bg:#f4f7fa;
  --v26-bg-soft:#eef3f7;
  --v26-surface:#fff;
  --v26-surface-2:#f7fafc;
  --v26-surface-3:#edf3f8;
  --v26-border:rgba(23,54,82,.12);
  --v26-border-strong:rgba(23,54,82,.22);
  --v26-text:#102236;
  --v26-muted:#536b82;
  --v26-faint:#72869a;
  --v26-shadow:0 18px 50px rgba(24,51,78,.09);
}

html{color-scheme:dark;scroll-padding-top:86px}
html[data-theme="light"]{color-scheme:light}
body{background:var(--v26-bg);color:var(--v26-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body :where(button,input,select,textarea){font:inherit}
body :where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--v26-accent);outline-offset:2px}
body :where(button,a){-webkit-tap-highlight-color:transparent}

/* Common controls */
body :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  min-height:44px;border:1px solid var(--v26-border);border-radius:var(--v26-radius-sm);
  background:var(--v26-bg-soft);color:var(--v26-text);box-shadow:none;transition:border-color .16s ease,background .16s ease
}
body :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):hover{border-color:var(--v26-border-strong)}
body :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{border-color:var(--v26-accent);background:var(--v26-surface)}
body :where(textarea){line-height:1.55;resize:vertical}
body :where(.button,.v14-btn,.kara-primary-button,.kara-secondary-button){min-height:42px;border-radius:var(--v26-radius-sm);box-shadow:none;transition:transform .16s ease,filter .16s ease,border-color .16s ease}
body :where(.button,.v14-btn,.kara-primary-button,.kara-secondary-button):hover{transform:translateY(-1px)}
body :where(.button.primary,.v14-btn.primary,.kara-primary-button){background:linear-gradient(135deg,var(--v26-accent-strong),var(--v26-accent));border-color:transparent;color:#fff}

/* Calm, consistent application chrome */
body.ata19-ui :where(.topbar,.v14-header,.founder-topbar){
  min-height:68px!important;height:68px!important;padding:0 clamp(14px,2vw,28px)!important;
  border-bottom:1px solid var(--v26-border)!important;background:color-mix(in srgb,var(--v26-bg) 94%,transparent)!important;
  box-shadow:none!important;backdrop-filter:blur(18px)!important
}
body.ata19-ui :where(.brand-logo,.v14-brand img,.kara-panel-brand img,.founder-brand img){filter:none!important;box-shadow:none!important}
body.ata19-ui :where(.status-dot,.premium-chip,.admin-chip,.ata-quick-link,.v14-icon-btn){border-color:var(--v26-border)!important;background:var(--v26-surface)!important;box-shadow:none!important}
body.ata19-ui :where(.v14-aurora,.founder-backdrop){opacity:.22!important;filter:saturate(.65)!important}

/* Server workspace: one-column persistent accordion */
body.ata19-ui.app-body{--ui-header:68px!important;--ata-clean-sidebar:264px!important;--ui-sidebar:264px!important;background:var(--v26-bg)!important}
body.ata19-ui.app-body .app-shell{grid-template-columns:264px minmax(0,1fr)!important}
body.ata19-ui.app-body .ata-workspace-dock{
  top:68px!important;width:264px!important;height:calc(100vh - 68px)!important;
  border-right:1px solid var(--v26-border)!important;background:var(--v26-bg-soft)!important;box-shadow:none!important
}
body.ata19-ui .ata-dock-panel{padding:16px 13px 12px!important}
body.ata19-ui .ata-dock-panel-head{padding:0 4px 12px!important}
body.ata19-ui .ata-dock-panel-head b{font-size:13px!important;font-weight:740!important;color:var(--v26-text)!important}
body.ata19-ui .ata-dock-server .current-server{
  min-height:58px!important;padding:8px!important;border:1px solid var(--v26-border)!important;border-radius:12px!important;
  background:var(--v26-surface)!important;box-shadow:none!important
}
body.ata19-ui .ata-dock-server .current-server:hover{border-color:var(--v26-border-strong)!important;background:var(--v26-surface-2)!important}
body.ata19-ui .ata-dock-server .current-server b{font-size:12px!important;color:var(--v26-text)!important}
body.ata19-ui .ata-dock-server .current-server small{font-size:9px!important;color:var(--v26-muted)!important}
body.ata19-ui .ata-dock-search-wrap{margin:10px 0 8px!important}
body.ata19-ui .ata-dock-search-wrap .nav-search{min-height:42px!important;border:1px solid var(--v26-border)!important;border-radius:11px!important;background:var(--v26-surface)!important}
body.ata19-ui .nav-search-status{margin:6px 2px 2px!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;background:var(--v26-surface-2)!important;color:var(--v26-muted)!important;font-size:9px!important}
body.ata19-ui .ata-dock-nav{padding-right:3px!important;scrollbar-color:var(--v26-border-strong) transparent!important}
body.ata19-ui .ata-dock-section{padding:2px 0!important;border-bottom:1px solid var(--v26-border)!important}
body.ata19-ui .ata-dock-section>header{min-height:42px!important;padding:8px 30px 8px 8px!important;border-radius:9px!important}
body.ata19-ui .ata-dock-section>header h3{font-size:11px!important;font-weight:720!important;color:var(--v26-muted)!important}
body.ata19-ui .ata-dock-section>header:hover{background:var(--v26-surface)!important}
body.ata19-ui .ata-dock-items{margin-left:10px!important;padding:1px 0 6px 8px!important;border-left:1px solid var(--v26-border)!important}
body.ata19-ui .ata-dock-item{min-height:42px!important;padding:5px 7px!important;border-radius:9px!important;color:var(--v26-muted)!important}
body.ata19-ui .ata-dock-item:hover{background:var(--v26-surface)!important;color:var(--v26-text)!important;transform:none!important}
body.ata19-ui .ata-dock-item.active{background:color-mix(in srgb,var(--v26-accent) 10%,var(--v26-surface))!important;color:var(--v26-text)!important;box-shadow:inset 2px 0 var(--v26-accent)!important}
body.ata19-ui .ata-dock-item .nav-copy b{font-size:11px!important;font-weight:670!important}
body.ata19-ui .ata-dock-item .nav-icon{color:var(--v26-accent)!important}
body.ata19-ui .ata-dock-footer{border-top:1px solid var(--v26-border)!important;background:var(--v26-bg-soft)!important}
body.ata19-ui .ata-dock-plan,body.ata19-ui .ata-dock-footer-actions>button{border:1px solid var(--v26-border)!important;background:var(--v26-surface)!important;box-shadow:none!important}
body.ata19-ui .ata-dock-server .switcher-menu{
  left:276px!important;top:80px!important;width:min(390px,calc(100vw - 300px))!important;
  border:1px solid var(--v26-border-strong)!important;border-radius:14px!important;background:var(--v26-surface)!important;box-shadow:var(--v26-shadow)!important
}
body.ata19-ui .ata-dock-server .switcher-item{min-height:50px!important;border-radius:10px!important}
body.ata19-ui .ata-dock-server .switcher-item:hover{background:var(--v26-surface-2)!important}

/* Workspace content and shared panels */
body.ata19-ui.app-body .content{padding:24px clamp(18px,2.4vw,38px) 96px!important;background:var(--v26-bg)!important}
body.ata19-ui :where(.page-head,.command-head,.v14-workspace-hero,.profile-command-hero,.v16-pricing-hero){
  border:1px solid var(--v26-border)!important;border-radius:var(--v26-radius-lg)!important;
  background:var(--v26-surface)!important;box-shadow:none!important
}
body.ata19-ui .page-head{min-height:132px!important;padding:24px!important}
body.ata19-ui .page-head h1{font-size:clamp(25px,3vw,38px)!important;letter-spacing:-.035em!important;color:var(--v26-text)!important}
body.ata19-ui .page-head p{max-width:760px!important;color:var(--v26-muted)!important;font-size:13px!important;line-height:1.6!important}
body.ata19-ui .page-head-art,body.ata19-ui .page-brand-watermark{opacity:.05!important}
body.ata19-ui :where(.card,.founder-panel,.profile-command-panel,.v16-plan-card,.ata18-dashboard-kpi,.ata18-analytics-card,.v14-guild-card,.billing-manual-instructions,.billing-customer-portal){
  border:1px solid var(--v26-border)!important;border-radius:var(--v26-radius)!important;
  background:var(--v26-surface)!important;box-shadow:none!important
}
body.ata19-ui :where(.card,.founder-panel,.profile-command-panel):hover{border-color:var(--v26-border-strong)!important}
body.ata19-ui :where(.card h2,.founder-panel h2,.profile-command-panel h2,.v16-plan-card h2){color:var(--v26-text)!important;letter-spacing:-.02em!important}
body.ata19-ui :where(.card p,.founder-panel p,.profile-command-panel p,.v16-plan-card p){color:var(--v26-muted)!important;line-height:1.6!important}
body.ata19-ui :where(.form-grid,.toggle-grid,.overview-grid,.metric-grid,.dashboard-grid){gap:14px!important}
body.ata19-ui :where(.toggle-card,.setting-row,.overview-stat,.metric-card){border-color:var(--v26-border)!important;background:var(--v26-surface-2)!important;box-shadow:none!important}
body.ata19-ui :where(table){border-collapse:separate!important;border-spacing:0!important}
body.ata19-ui :where(th){color:var(--v26-faint)!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.ata19-ui :where(td,th){border-color:var(--v26-border)!important}
body.ata19-ui :where(.toast,.v14-alert,.billing-public-alert){border-radius:11px!important;box-shadow:var(--v26-shadow)!important}

/* Dashboard, profile, plans and Founder Console */
body.ata19-ui .v14-workspace-layout{max-width:1500px!important;margin:0 auto!important;gap:22px!important;padding:24px!important}
body.ata19-ui .v14-account-rail{border:1px solid var(--v26-border)!important;border-radius:var(--v26-radius)!important;background:var(--v26-surface)!important;box-shadow:none!important}
body.ata19-ui .v14-account-rail nav a{min-height:43px!important;border-radius:9px!important;color:var(--v26-muted)!important}
body.ata19-ui .v14-account-rail nav a:hover,body.ata19-ui .v14-account-rail nav a.active{background:var(--v26-surface-2)!important;color:var(--v26-text)!important}
body.ata19-ui .ata18-dashboard-kpis{gap:12px!important}
body.ata19-ui .ata18-dashboard-kpi{min-height:138px!important;padding:20px!important}
body.ata19-ui .ata18-dashboard-kpi b{font-size:30px!important}
body.ata19-ui .v14-guild-card{min-height:92px!important;transition:border-color .16s ease,background .16s ease!important}
body.ata19-ui .v14-guild-card:hover{border-color:var(--v26-border-strong)!important;background:var(--v26-surface-2)!important;transform:none!important}
body.ata19-ui .profile-command-main,body.ata19-ui .v16-pricing-main{max-width:var(--v26-content)!important;margin:0 auto!important;padding-left:24px!important;padding-right:24px!important}
body.ata19-ui .profile-command-tabs{border:1px solid var(--v26-border)!important;border-radius:12px!important;background:color-mix(in srgb,var(--v26-bg) 92%,transparent)!important;box-shadow:none!important}
body.ata19-ui .v16-plan-card.featured{border-color:color-mix(in srgb,var(--v26-accent) 55%,var(--v26-border))!important;transform:none!important}
body.ata19-ui .v16-feature-row{border-color:var(--v26-border)!important}
body.founder-console-page .founder-layout{grid-template-columns:246px minmax(0,1fr)!important}
body.founder-console-page .founder-sidebar{width:246px!important;background:var(--v26-bg-soft)!important;border-right:1px solid var(--v26-border)!important;box-shadow:none!important}
body.founder-console-page .founder-sidebar-head{border:1px solid var(--v26-border)!important;background:var(--v26-surface)!important;box-shadow:none!important}
body.founder-console-page .founder-nav button{min-height:44px!important;border-radius:9px!important;color:var(--v26-muted)!important}
body.founder-console-page .founder-nav button:hover,body.founder-console-page .founder-nav button.active{background:var(--v26-surface)!important;color:var(--v26-text)!important;box-shadow:inset 2px 0 var(--v26-accent)!important}
body.founder-console-page .founder-main{margin-left:0!important;padding:24px clamp(18px,2.4vw,38px) 90px!important}

/* Public ATA and KARA surfaces: less glow, clearer hierarchy */
body.v14-site :where(.ata20-hero,.ata20-section,.v14-footer),body.kara-page :where(.kara-hero,.kara-section,.kara-product-hero,.kara-page-hero,.kara-hub-main){max-width:var(--v26-content)}
body.v14-site :where(.ata20-live-card,.ata20-feature-grid article,.ata20-product-grid article,.ata20-security-grid article,.ata20-roadmap article){
  border-color:var(--v26-border)!important;background:var(--v26-surface)!important;box-shadow:none!important
}
body.v14-site :where(.ata20-feature-grid article,.ata20-product-grid article):hover{transform:translateY(-2px)!important;border-color:var(--v26-border-strong)!important}
body.v14-site .ata20-hero{min-height:auto!important;padding-top:88px!important;padding-bottom:74px!important}
body.v14-site .ata20-hero h1{letter-spacing:-.05em!important;line-height:1.02!important}
body.v14-site .ata20-capability-strip{border-color:var(--v26-border)!important;background:var(--v26-surface)!important}
body.kara-page{--kara-bg:var(--v26-bg);--kara-surface:var(--v26-surface);--kara-line:var(--v26-border);--kara-text:var(--v26-text);--kara-muted:var(--v26-muted);--kara-accent:var(--v26-accent);--kara-shadow:var(--v26-shadow)}
body.kara-page .kara-background{opacity:.45;filter:saturate(.55)}
body.kara-page .kara-header{min-height:68px;border-color:var(--v26-border);background:color-mix(in srgb,var(--v26-bg) 94%,transparent);box-shadow:none}
body.kara-page :where(.kara-hero-system,.kara-project-card,.kara-hub-project,.kara-hub-sidebar article,.kara-product-visual,.kara-info-card){border-color:var(--v26-border);background:var(--v26-surface);box-shadow:none}
body.kara-page :where(.kara-project-card,.kara-hub-project):hover{transform:translateY(-2px);border-color:var(--v26-border-strong)}

/* Responsive behavior */
@media(max-width:1100px){
  body.ata19-ui.app-body{--ata-clean-sidebar:244px!important;--ui-sidebar:244px!important}
  body.ata19-ui.app-body .app-shell{grid-template-columns:244px minmax(0,1fr)!important}
  body.ata19-ui.app-body .ata-workspace-dock{width:244px!important}
  body.ata19-ui .ata-dock-server .switcher-menu{left:256px!important;width:min(370px,calc(100vw - 280px))!important}
  body.founder-console-page .founder-layout{grid-template-columns:220px minmax(0,1fr)!important}
  body.founder-console-page .founder-sidebar{width:220px!important}
}

@media(max-width:900px){
  body.ata19-ui.app-body .app-shell{display:block!important}
  body.ata19-ui.app-body .ata-workspace-dock{position:fixed!important;left:0!important;top:68px!important;width:min(86vw,294px)!important;height:calc(100vh - 68px)!important;transform:translateX(-105%)!important;z-index:1600!important;border-radius:0 16px 16px 0!important;transition:transform .2s ease!important}
  body.ata19-ui.app-body .ata-workspace-dock.open{transform:none!important}
  body.ata19-ui .ata-dock-server .switcher-menu{left:12px!important;top:80px!important;width:calc(100vw - 24px)!important;max-width:390px!important}
  body.ata19-ui.app-body .content{padding:18px 14px 88px!important}
  body.ata19-ui .v14-workspace-layout{display:block!important;padding:16px!important}
  body.ata19-ui .v14-account-rail{margin-bottom:16px!important}
  body.founder-console-page .founder-layout{display:block!important}
  body.founder-console-page .founder-sidebar{position:fixed!important;width:min(86vw,280px)!important;z-index:1600!important}
  body.founder-console-page .founder-main{padding:18px 14px 88px!important}
}

@media(max-width:640px){
  body.ata19-ui :where(.topbar,.v14-header,.founder-topbar){padding:0 11px!important}
  body.ata19-ui :where(.brand span,.kara-panel-brand-copy,.founder-brand span){display:none!important}
  body.ata19-ui .page-head{min-height:auto!important;padding:19px!important}
  body.ata19-ui .page-head h1{font-size:25px!important}
  body.ata19-ui .profile-command-main,body.ata19-ui .v16-pricing-main{padding-left:12px!important;padding-right:12px!important}
  body.v14-site .ata20-hero{padding-top:52px!important}
  body.v14-site :where(.ata20-section){padding-top:64px!important;padding-bottom:64px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}