/* Authenticated app landing */
.landing{min-height:100vh;color:var(--ee-ink);background:var(--ee-bg)}
.landing-nav{position:absolute;z-index:4;display:flex;width:100%;height:78px;align-items:center;justify-content:space-between;padding:0 4vw;color:var(--ee-ink)}
.landing-nav .brand small{color:var(--ee-muted)}
.landing-nav .mark i{border-color:var(--ee-bg)}
.hero{position:relative;display:grid;min-height:760px;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;gap:50px;overflow:hidden;padding:138px 5vw 70px;background:
  radial-gradient(circle at 76% 30%,rgba(141,112,239,.22),transparent 20rem),
  radial-gradient(circle at 87% 67%,rgba(31,187,174,.16),transparent 16rem),
  linear-gradient(135deg,var(--ee-surface) 0%,var(--ee-bg) 58%,color-mix(in srgb,var(--ee-bg) 82%,#dff8f4 18%) 100%)}
.hero::before{content:"";position:absolute;inset:auto -8% -35% auto;width:64%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(141,112,239,.12);box-shadow:0 0 0 44px rgba(141,112,239,.035),0 0 0 88px rgba(31,187,174,.025);transform:rotate(-10deg)}
.hero::after{content:"";position:absolute;right:4%;top:10%;width:43%;height:78%;pointer-events:none;opacity:.64;background:repeating-radial-gradient(ellipse at 55% 50%,transparent 0 11px,rgba(93,70,217,.09) 12px 13px,transparent 14px 27px);filter:blur(.2px);transform:rotate(-11deg)}
.hero>div{position:relative;z-index:2}
.hero h1{margin:16px 0 24px;color:var(--ee-ink);font-size:clamp(52px,6vw,86px);font-weight:830;letter-spacing:-.072em;line-height:.95}
.hero h1 span{color:transparent;background:linear-gradient(90deg,var(--ee-primary),var(--ee-violet),var(--ee-teal));-webkit-background-clip:text;background-clip:text}
.hero p{max-width:570px;color:var(--ee-ink-soft);font-size:14px;line-height:1.75}
.hero-actions{display:flex;gap:10px;margin-top:27px}
.visual{position:relative;display:grid;min-height:440px;place-items:center}
.orb{position:absolute;width:330px;height:330px;border-radius:50%;opacity:.28;background:conic-gradient(from 40deg,transparent,var(--ee-primary),var(--ee-violet),var(--ee-teal),transparent 73%);box-shadow:0 0 90px rgba(93,70,217,.20);filter:blur(3px)}
.orb::before{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--ee-bg)}
.flow-cards{position:relative;z-index:2;display:flex;align-items:center;gap:13px}
.flow-card{display:grid;width:128px;height:144px;place-items:center;padding:16px;color:var(--ee-ink);text-align:center;border:1px solid var(--ee-line-strong);border-radius:19px;background:var(--ee-surface-glass);box-shadow:var(--ee-shadow-md);backdrop-filter:blur(18px)}
.flow-card b{font-size:10px}.flow-card span{color:var(--ee-muted);font-size:8px;line-height:1.4}.connector{width:34px;border-top:1px dashed rgba(93,70,217,.42)}
.section-dark{padding:56px 5vw 72px;color:var(--ee-ink);border-top:1px solid var(--ee-line);background:var(--ee-surface)}
.section-dark h2{margin:0 0 30px;font-size:32px;letter-spacing:-.045em;line-height:1.08}
.steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.dark-step{min-height:155px;padding:17px;color:var(--ee-ink);border:1px solid var(--ee-line);border-radius:16px;background:var(--ee-surface-soft);box-shadow:var(--ee-shadow-xs)}
.dark-step b{font-size:9.5px}.dark-step p{color:var(--ee-muted);font-size:8.5px;line-height:1.5}.dark-icon{margin-bottom:24px;color:var(--ee-primary);font-size:20px}

/* Dark theme corrections for inline legacy states */
html[data-theme="dark"] .card[style*="background:#fff8f8"]{background:rgba(193,63,96,.10)!important}
html[data-theme="dark"] .card[style*="background:#f8fffd"]{background:rgba(31,187,174,.09)!important}
html[data-theme="dark"] .card[style*="background:#fff"]:not([style*="background:#fff8f8"]):not([style*="background:#f8fffd"]){background:var(--ee-surface)!important}
html[data-theme="dark"] .upload{background:linear-gradient(145deg,rgba(141,112,239,.10),rgba(31,187,174,.055))}
html[data-theme="dark"] .qr-thumb,html[data-theme="dark"] .featured-qr img{background:#fff}

/* Responsive */
@media(max-width:1240px){
  .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1050px){
  :root{--ee-sidebar-width:224px}
  .content{padding:24px 22px 48px}
  .dashboard-grid,.detail-grid{grid-template-columns:1fr}
  .wizard-layout{grid-template-columns:1fr}
  .summary-sticky{position:static}
  .topbar{padding:0 20px}
  .workspace-context{display:none}
}
@media(max-width:900px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:fixed;left:0;width:min(290px,88vw);transform:translateX(-105%);transition:transform .24s cubic-bezier(.2,.8,.2,1);box-shadow:20px 0 70px rgba(5,6,24,.25)}
  .sidebar.open{transform:translateX(0)}
  .sidebar-close{display:inline-grid;color:#d9dcf1;border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.05);box-shadow:none}
  .sidebar-scrim.visible{display:block}
  .mobile-toggle{display:inline-grid}
  .topbar{min-height:66px;padding:0 16px}
  .topbar-start{gap:9px}
  .search{max-width:none}
  .content{padding:22px 18px 44px}
  .hero{grid-template-columns:1fr;min-height:auto;padding:118px 24px 54px}
  .hero::after{right:-20%;width:80%;opacity:.34}
  .visual{min-height:340px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .topbar-primary span{display:none}
  .topbar-primary{width:40px;padding:0}
  .search kbd{display:none}
  .search input{padding-right:13px}
  .page-head{align-items:flex-start;flex-direction:column;gap:14px}
  .page-head-actions{width:100%}.page-head-actions>.primary,.page-head-actions>.secondary{flex:1}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric{min-height:124px}
  .form-grid,.summary-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .progress-row{grid-template-columns:1fr;text-align:center}.ring{margin:auto}.stats-inline{text-align:left}
  .path{overflow-x:auto;justify-content:flex-start;padding-bottom:10px;scroll-snap-type:x proximity}
  .path-node{min-width:118px;scroll-snap-align:start}.path-node:not(:last-child)::after{left:67%;right:-33%}
  .table-toolbar{align-items:flex-start;flex-direction:column}.table-toolbar>.secondary{width:100%}
  .wizard-actions{gap:8px}.wizard-actions button{flex:1}
  .handoff-summary{align-items:flex-start;flex-direction:column}.handoff-summary .ghost{padding-left:0}
  .hero h1{font-size:50px}.hero p{font-size:12.5px}.hero-actions{align-items:stretch;flex-direction:column}
  .flow-cards{width:100%;overflow-x:auto;justify-content:flex-start;padding:10px 4px}.flow-card{min-width:122px}.connector{min-width:24px}
  .section-dark{padding:44px 20px 58px}.section-dark h2{font-size:28px}
  .toast{right:16px;bottom:16px}
}
@media(max-width:430px){
  .content{padding:19px 14px 40px}
  .topbar{padding:0 12px}.topbar-actions{gap:7px}.theme-toggle{display:none}
  .metrics{grid-template-columns:1fr}
  .metric{min-height:118px}
  .page-head h1{font-size:28px}
  .stats-inline{grid-template-columns:1fr}.stats-inline>div{padding:7px 0;border-right:0;border-bottom:1px solid var(--ee-line)}.stats-inline>div:last-child{border-bottom:0}
  .steps{grid-template-columns:1fr}.dark-step{min-height:130px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* Component refinements introduced by the visual refresh */
.progress-caption{margin:10px 0 0;font-size:8.5px;line-height:1.5}
.row-chevron{display:grid;color:var(--ee-subtle);place-items:center}
.empty-inline.compact{min-height:132px;padding:18px}
.funnel-list{display:grid;gap:14px}
.funnel-row{display:grid;gap:7px}
.funnel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8.5px}
.funnel-head b{color:var(--ee-ink-soft)}.funnel-head span{color:var(--ee-muted)}
.route-empty,.loading-card{min-height:340px;display:grid;place-items:center;text-align:center}
.route-empty>div,.loading-card>div{display:grid;justify-items:center;gap:10px}.route-empty h2{margin:2px 0 0;font-size:22px;letter-spacing:-.035em}.route-empty p{margin:0 0 8px;font-size:10px}
.table-scroll{width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ee-line-strong) transparent}
.inner-table{padding:0;border-radius:14px;box-shadow:none}
.danger-action{color:var(--ee-danger);border-color:rgba(193,63,96,.2)}.danger-action:hover{color:#fff!important;border-color:var(--ee-danger)!important;background:var(--ee-danger)!important}
.compact-value{font-size:9px!important;line-height:1.4!important;word-break:break-all}
.security-copy{font-size:9px;line-height:1.65}
.summary-signal{display:grid;width:34px;height:34px;place-items:center;color:var(--ee-primary);border:1px solid rgba(93,70,217,.13);border-radius:11px;background:rgba(93,70,217,.08)}
.summary-assurance{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:11px;color:var(--ee-success);border:1px solid rgba(31,187,174,.16);border-radius:12px;background:rgba(31,187,174,.065)}
.summary-assurance p{margin:0;color:var(--ee-muted);font-size:8px;line-height:1.5}
.flow-icon{display:grid;width:44px;height:44px;place-items:center;color:var(--ee-primary);border-radius:14px;background:rgba(93,70,217,.08)}
.section-heading{margin-bottom:28px}.section-heading h2{margin-top:9px}
.wizard-card{overflow:hidden}
.tab:disabled{cursor:not-allowed;opacity:.42}
@media(max-width:680px){.funnel-head{align-items:flex-start;flex-direction:column;gap:3px}.compact-value{font-size:8.5px!important}}