@import "./styles/dashboard.css";
@import "./styles/pm2.css";
@import "./styles/support.css";

:root,
html[data-theme="midnight"],
html[data-theme="dark"] {
  color-scheme: dark;
  --bg-0:#101925; --bg-1:#172233; --bg-2:#203047; --bg-3:#293d57;
  --surface:rgba(24,35,51,.8); --surface-strong:rgba(20,29,42,.92); --surface-soft:rgba(40,55,77,.72);
  --card:linear-gradient(180deg,rgba(34,49,71,.9),rgba(22,33,49,.84));
  --card-soft:linear-gradient(180deg,rgba(42,60,85,.76),rgba(28,40,59,.62));
  --panel-shell:linear-gradient(180deg,rgba(9,16,26,.84),rgba(14,23,36,.76));
  --panel-shell-strong:linear-gradient(180deg,rgba(9,16,26,.92),rgba(14,23,36,.88));
  --input-bg:linear-gradient(180deg,rgba(8,13,22,.94),rgba(13,20,32,.92));
  --input-bg-soft:linear-gradient(180deg,rgba(19,31,47,.72),rgba(12,20,32,.72));
  --nav-bg:linear-gradient(180deg,rgba(16,26,40,.7),rgba(11,18,29,.64));
  --nav-active-bg:linear-gradient(180deg,rgba(99,212,255,.16),rgba(99,212,255,.08)),linear-gradient(180deg,rgba(16,26,40,.78),rgba(11,18,29,.72));
  --overlay-bg:rgba(5,9,15,.62);
  --table-bg:linear-gradient(180deg,rgba(10,17,27,.86),rgba(14,24,38,.82));
  --table-head-bg:rgba(18,29,46,.96);
  --line:rgba(159,214,255,.18); --line-strong:rgba(159,214,255,.34);
  --text:#f4f8ff; --text-soft:#dce7f6; --text-muted:#a1b5cf; --text-dim:#8197b4;
  --accent:#7ed8ff; --accent-strong:#b8ecff; --accent-warm:#ffbf7a;
  --success:#48d7a2; --warning:#ffb04d; --danger:#ff6c7a;
  --success-soft:rgba(72,215,162,.16); --warning-soft:rgba(255,176,77,.16); --danger-soft:rgba(255,108,122,.16);
  --shadow-sm:0 14px 32px rgba(0,0,0,.18); --shadow-md:0 24px 60px rgba(0,0,0,.28); --shadow-lg:0 40px 100px rgba(0,0,0,.36);
  --shadow-glow:0 0 0 1px rgba(126,216,255,.1),0 16px 44px rgba(0,0,0,.2);
  --radius-sm:14px; --radius-md:18px; --radius-lg:24px; --radius-xl:32px; --radius-pill:999px;
  --font-sans:"IBM Plex Sans","Aptos","Segoe UI",sans-serif;
  --font-display:"Space Grotesk","Bahnschrift","Aptos Display","Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono","Cascadia Code","Consolas",monospace;
  --transition-fast:160ms cubic-bezier(.2,.8,.2,1); --transition-base:240ms cubic-bezier(.2,.8,.2,1); --transition-slow:420ms cubic-bezier(.2,.8,.2,1);
  --glow-a:rgba(126,216,255,.74); --glow-b:rgba(255,191,122,.68); --glow-c:rgba(72,215,162,.48);
  --ambient-a:rgba(126,216,255,.18); --ambient-b:rgba(255,191,122,.14); --ambient-c:rgba(72,215,162,.1);
  --grid-tint:rgba(255,255,255,.06); --noise-opacity:.06;
}

html[data-theme="aurora"] {
  color-scheme: light;
  --bg-0:#dde8f8; --bg-1:#edf4ff; --bg-2:#f7fbff; --bg-3:#d7e5ff;
  --surface:rgba(252,248,255,.82); --surface-strong:rgba(255,252,255,.92); --surface-soft:rgba(236,244,255,.88);
  --card:linear-gradient(180deg,rgba(255,255,255,.94),rgba(234,242,255,.92));
  --card-soft:linear-gradient(180deg,rgba(245,250,255,.92),rgba(229,238,252,.9));
  --panel-shell:linear-gradient(180deg,rgba(255,252,255,.8),rgba(230,239,252,.78));
  --panel-shell-strong:linear-gradient(180deg,rgba(255,255,255,.92),rgba(233,241,252,.9));
  --input-bg:linear-gradient(180deg,rgba(248,251,255,.98),rgba(231,239,250,.96));
  --input-bg-soft:linear-gradient(180deg,rgba(241,247,255,.98),rgba(227,236,249,.94));
  --nav-bg:linear-gradient(180deg,rgba(245,249,255,.9),rgba(227,236,250,.86));
  --nav-active-bg:linear-gradient(180deg,rgba(72,174,229,.18),rgba(72,174,229,.09)),linear-gradient(180deg,rgba(245,250,255,.96),rgba(228,238,252,.92));
  --overlay-bg:rgba(18,28,44,.3);
  --table-bg:linear-gradient(180deg,rgba(247,250,255,.94),rgba(231,239,250,.92));
  --table-head-bg:rgba(227,236,250,.96);
  --line:rgba(76,106,152,.16); --line-strong:rgba(58,133,193,.34);
  --text:#16233c; --text-soft:#41516f; --text-muted:#617797; --text-dim:#5f7391;
  --accent:#1794cf; --accent-strong:#245bcf; --accent-warm:#e28b39;
  --success:#1d956d; --warning:#cf8122; --danger:#c8576c;
  --success-soft:rgba(29,149,109,.12); --warning-soft:rgba(207,129,34,.12); --danger-soft:rgba(200,87,108,.12);
  --shadow-sm:0 18px 36px rgba(36,59,95,.08); --shadow-md:0 28px 70px rgba(36,59,95,.12); --shadow-lg:0 48px 110px rgba(36,59,95,.14);
  --shadow-glow:0 0 0 1px rgba(36,91,207,.06),0 20px 54px rgba(36,59,95,.12);
  --glow-a:rgba(96,196,255,.42); --glow-b:rgba(255,184,104,.24); --glow-c:rgba(112,141,255,.18);
  --ambient-a:rgba(96,196,255,.16); --ambient-b:rgba(255,184,104,.1); --ambient-c:rgba(112,141,255,.08);
  --grid-tint:rgba(35,65,104,.06); --noise-opacity:.03;
}

html[data-theme="dawn"],
html[data-theme="light"] {
  color-scheme: light;
  --bg-0:#dfeaf5; --bg-1:#eef5fb; --bg-2:#f8fbfe; --bg-3:#d4e2f0;
  --surface:rgba(255,255,255,.84); --surface-strong:rgba(255,255,255,.94); --surface-soft:rgba(237,244,251,.92);
  --card:linear-gradient(180deg,rgba(255,255,255,.97),rgba(234,242,250,.95));
  --card-soft:linear-gradient(180deg,rgba(250,252,255,.95),rgba(231,240,249,.92));
  --panel-shell:linear-gradient(180deg,rgba(255,255,255,.82),rgba(232,240,249,.78));
  --panel-shell-strong:linear-gradient(180deg,rgba(255,255,255,.94),rgba(236,244,251,.92));
  --input-bg:linear-gradient(180deg,rgba(250,252,255,.98),rgba(232,240,248,.96));
  --input-bg-soft:linear-gradient(180deg,rgba(243,248,253,.98),rgba(228,236,246,.95));
  --nav-bg:linear-gradient(180deg,rgba(246,250,254,.92),rgba(229,238,247,.88));
  --nav-active-bg:linear-gradient(180deg,rgba(23,148,207,.18),rgba(23,148,207,.08)),linear-gradient(180deg,rgba(247,252,255,.96),rgba(232,241,249,.92));
  --overlay-bg:rgba(17,26,39,.26);
  --table-bg:linear-gradient(180deg,rgba(250,252,255,.96),rgba(233,240,248,.94));
  --table-head-bg:rgba(231,239,247,.97);
  --line:rgba(49,86,126,.14); --line-strong:rgba(23,110,167,.26);
  --text:#13253d; --text-soft:#34506f; --text-muted:#5d7898; --text-dim:#5e7694;
  --accent:#1794cf; --accent-strong:#146ea7; --accent-warm:#df8b35;
  --success:#189167; --warning:#cc7d12; --danger:#c34d5f;
  --success-soft:rgba(24,145,103,.12); --warning-soft:rgba(204,125,18,.12); --danger-soft:rgba(195,77,95,.12);
  --shadow-sm:0 14px 30px rgba(22,49,82,.07); --shadow-md:0 22px 56px rgba(22,49,82,.1); --shadow-lg:0 34px 84px rgba(22,49,82,.14);
  --shadow-glow:0 0 0 1px rgba(23,148,207,.05),0 16px 44px rgba(22,49,82,.1);
  --glow-a:rgba(82,190,235,.48); --glow-b:rgba(255,182,98,.3); --glow-c:rgba(76,196,142,.24);
  --ambient-a:rgba(82,190,235,.15); --ambient-b:rgba(255,182,98,.1); --ambient-c:rgba(76,196,142,.08);
  --grid-tint:rgba(28,56,92,.06); --noise-opacity:.03;
}

*,*::before,*::after { box-sizing:border-box; }
html,body { min-height:100%; }
body {
  position:relative;
  margin:0; color:var(--text); font-family:var(--font-sans); overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 12%,var(--ambient-a),transparent 32%),
    radial-gradient(circle at 88% 14%,var(--ambient-b),transparent 28%),
    radial-gradient(circle at 24% 88%,var(--ambient-c),transparent 24%),
    linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 46%,var(--bg-0) 100%);
  background-attachment:fixed;
  transition:background var(--transition-slow),color var(--transition-slow);
}
body::before {
  content:""; position:fixed; inset:-14%; pointer-events:none; z-index:0;
  background:
    radial-gradient(circle at 18% 18%,var(--ambient-a),transparent 24%),
    radial-gradient(circle at 82% 14%,var(--ambient-b),transparent 26%),
    radial-gradient(circle at 52% 94%,var(--ambient-c),transparent 28%);
  filter:blur(70px); opacity:.88; animation:ambience-breathe 26s ease-in-out infinite alternate;
}
button,input,textarea,select { font:inherit; }
button { border:0; }
.hidden { display:none !important; }

.background { position:fixed; inset:0; pointer-events:none; overflow:hidden; z-index:0; }
.background-glow { position:absolute; width:36rem; height:36rem; border-radius:50%; filter:blur(90px); opacity:.2; animation:drift 18s ease-in-out infinite alternate; }
.glow-a { top:-12rem; left:-10rem; background:var(--glow-a); }
.glow-b { right:-12rem; top:12rem; background:var(--glow-b); animation-duration:24s; }
.glow-c { left:34%; bottom:-16rem; background:var(--glow-c); animation-duration:28s; }
.background-grid { position:absolute; inset:0; background-image:linear-gradient(var(--grid-tint) 1px,transparent 1px),linear-gradient(90deg,var(--grid-tint) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 86%); opacity:.18; }
.background-noise { position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.05) .8px,transparent .8px); background-size:18px 18px; opacity:var(--noise-opacity); }

.auth-shell,.shell { position:relative; z-index:1; }
.auth-shell { display:grid; min-height:100vh; place-items:center; padding:clamp(20px,4vw,36px); }
.auth-card {
  position:relative; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(340px,420px); gap:22px;
  width:min(1220px,100%); padding:clamp(20px,3vw,30px); border:1px solid var(--line); border-radius:var(--radius-xl);
  background:linear-gradient(180deg,var(--surface-strong),var(--surface)); box-shadow:var(--shadow-lg); backdrop-filter:blur(26px); isolation:isolate;
}
.auth-card::before {
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(125deg,rgba(99,212,255,.12),transparent 34%),linear-gradient(320deg,rgba(255,184,104,.1),transparent 32%);
}
.auth-copy,.auth-form { position:relative; }
.auth-copy { display:grid; align-content:start; gap:20px; padding:8px; }
.eyebrow,.section-kicker,.metric-label,.summary-label,.ops-label,.focus-tile-label,.sidebar-mini-label,.browser-path-label,.auth-metric-label,.process-kpi-label {
  margin:0; color:var(--accent-strong); font-size:.74rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase;
}
.auth-title,.section-title,.section-subtitle,.hero-title,.radar-title,.process-name,.focus-name {
  margin:0; font-family:var(--font-display); letter-spacing:-.03em;
}
.auth-title { font-size:clamp(2.4rem,4vw,4.9rem); line-height:.95; max-width:10ch; }
.auth-text,.hero-copy,.module-card p,.module-placeholder-copy,.topbar-subtitle,.focus-meta,.process-meta,.auth-metric-copy,.tiny,.logs-meta,.field-hint,.sidebar-subtitle,.sidebar-context,.user-card-meta,.entry-copy small {
  margin:0; color:var(--text-soft); line-height:1.7;
}
.auth-features,.sidebar-stack,.sidebar-badge-stack,.topbar-pills,.module-card-stats,.focus-chip-row,.process-chip-row { display:flex; flex-wrap:wrap; gap:8px; }
.auth-insights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }

.auth-metric,.metric-card,.summary-card,.module-card,.module-placeholder,.ops-card,.focus-tile,.focus-resource,.focus-path-block,.sidebar-mini-card,.catalog-card,.browser-path,.scope-card,.browser-sidebar,.editor-main,.deploy-feedback-panel,.auth-form,.user-card,.deploy-feedback,.terminal-panel .scope-card {
  border:1px solid var(--line); border-radius:var(--radius-md); background:var(--card); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--shadow-sm);
}
.auth-metric { display:grid; gap:10px; padding:18px; }
.auth-metric-value,.metric-value,.summary-value,.ops-value,.process-kpi-value,.focus-tile-value,.sidebar-mini-value,.editor-target { font-family:var(--font-display); font-weight:700; letter-spacing:-.04em; }
.auth-form { display:grid; gap:16px; padding:clamp(20px,2vw,26px); align-content:start; background:var(--panel-shell-strong); }
.auth-form-copy { display:grid; gap:8px; margin-bottom:4px; }
.auth-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.auth-store-subswitch { grid-template-columns:repeat(3,minmax(0,1fr)); }
.auth-panel { display:grid; gap:16px; }
.auth-store-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.auth-store-payment { display:flex; flex-wrap:wrap; gap:8px; }
.auth-store-textarea { min-height:120px; resize:vertical; }
.storefront-payment-picker { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; }
.storefront-payment-option {
  position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:58px; width:100%;
  padding:0 18px; border:1px solid var(--line); border-radius:16px; background:var(--input-bg-soft);
  color:var(--text-soft); font-family:var(--font-display); font-size:.96rem; font-weight:700; text-align:left; cursor:pointer;
  transition:transform var(--transition-fast),border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),color var(--transition-base);
}
.storefront-payment-option::before {
  content:""; flex:0 0 14px; width:14px; height:14px; border:2px solid rgba(145,166,194,.54); border-radius:50%;
  background:transparent; box-shadow:inset 0 0 0 3px transparent; transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast);
}
.storefront-payment-option:hover { transform:translateY(-1px); border-color:var(--line-strong); box-shadow:0 12px 28px rgba(0,0,0,.18); }
.storefront-payment-option:focus-visible {
  outline:none; border-color:rgba(99,212,255,.42); box-shadow:0 0 0 3px rgba(99,212,255,.16),0 12px 28px rgba(0,0,0,.18);
}
.storefront-payment-option-title { flex:1 1 auto; min-width:0; }
.storefront-payment-option-state {
  display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:0 10px; border:1px solid rgba(145,166,194,.24); border-radius:999px;
  background:rgba(255,255,255,.05); color:var(--text-dim); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
}
.storefront-payment-option.selected {
  border-color:rgba(99,212,255,.58); background:linear-gradient(135deg,rgba(66,189,235,.96),rgba(137,235,255,.86)); color:#042032;
  box-shadow:0 0 0 2px rgba(99,212,255,.18),0 18px 36px rgba(99,212,255,.18);
  transform:translateY(-1px);
}
.storefront-payment-option.selected::before {
  border-color:#042032; background:#042032; box-shadow:inset 0 0 0 3px rgba(137,235,255,.96); transform:scale(1.04);
}
.storefront-payment-option.selected .storefront-payment-option-state {
  border-color:rgba(4,32,50,.18); background:rgba(4,32,50,.12); color:#042032;
}
.auth-storefront { display:grid; gap:14px; padding:18px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--card-soft); box-shadow:var(--shadow-sm); }
.auth-storefront-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.auth-submit { width:100%; }
.auth-error { margin:0; padding:12px 14px; border-radius:var(--radius-sm); border:1px solid rgba(255,108,122,.28); background:rgba(255,108,122,.12); color:var(--text); display:grid; gap:10px; }
.login-expired-card { display:grid; gap:10px; }
.login-expired-card strong { color:var(--text); font-family:var(--font-display); }
.login-expired-copy {
  display:grid; gap:8px; padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:16px;
  background:var(--input-bg-soft);
}
.login-expired-copy strong { word-break:break-word; }

.shell { width:min(1860px,calc(100vw - 36px)); margin:0 auto; padding:24px 0 40px; }
.shell-overlay {
  position:fixed; inset:0; background:var(--overlay-bg); backdrop-filter:blur(8px);
  opacity:0; pointer-events:none; transition:opacity var(--transition-base); z-index:14;
}
.enterprise-shell { display:grid; grid-template-columns:minmax(264px,300px) minmax(0,1fr); gap:24px; align-items:start; }
.sidebar {
  position:sticky; top:20px; display:grid; gap:18px; padding:18px; border:1px solid var(--line); border-radius:var(--radius-lg);
  background:var(--panel-shell); box-shadow:var(--shadow-lg); backdrop-filter:blur(20px);
  max-height:calc(100vh - 40px); overflow-y:auto;
}
.menu-toggle-button { display:inline-flex; }
.sidebar-close-button { display:none; }
.sidebar-brand,.sidebar-session,.sidebar-foot,.topbar-brand,.topbar-copy,.workspace,.layout,.workspace-layout,.view-section { display:grid; gap:12px; min-width:0; }
.sidebar-brand { grid-template-columns:auto 1fr; align-items:start; }
.brand-mark {
  display:grid; place-items:center; width:58px; height:58px; border-radius:18px;
  background:linear-gradient(135deg,rgba(99,212,255,.96),rgba(255,184,104,.82)); color:#03101a; font-family:var(--font-display); font-size:1rem; font-weight:800; letter-spacing:.2em;
  box-shadow:0 16px 36px rgba(99,212,255,.18);
}
.sidebar-brand-copy { display:grid; gap:6px; }
#brand-title { font-size:clamp(1.4rem,1.2vw + 1rem,1.9rem); }
.sidebar-context-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sidebar-mini-card { padding:14px; background:var(--card-soft); }
.sidebar-mini-card-wide { grid-column:1/-1; }

.nav-menu { display:grid; gap:14px; }
.nav-section { display:grid; gap:10px; min-width:0; }
.nav-section-title {
  padding:0 4px; color:var(--text-dim); font-size:.73rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
}
.nav-section-items { display:grid; gap:10px; min-width:0; }
.nav-item {
  position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; width:100%; padding:14px;
  border:1px solid var(--line); border-radius:var(--radius-md); background:var(--nav-bg);
  color:var(--text); text-align:left; cursor:pointer; overflow:hidden;
  transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base);
}
.nav-item::before,.button::before,.module-card::before,.process-card::before,.catalog-card::before,.summary-card::before,.ops-card::before {
  content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 70%); opacity:0; transition:opacity var(--transition-base); pointer-events:none;
}
.nav-item-glyph {
  display:grid; place-items:center; width:44px; height:44px; border-radius:14px; border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(99,212,255,.16),rgba(99,212,255,.08)); color:var(--accent-strong); font-family:var(--font-display); font-size:.84rem; font-weight:700; letter-spacing:.16em;
}
.nav-item-copy { display:grid; gap:4px; min-width:0; }
.nav-item-copy strong { font-family:var(--font-display); font-size:1rem; font-weight:700; letter-spacing:-.02em; }
.nav-item-copy span { color:var(--text-muted); font-size:.78rem; line-height:1.45; }
.nav-item-meta {
  display:inline-flex; align-items:center; justify-content:center; min-width:54px; min-height:34px; padding:0 10px; border-radius:var(--radius-pill); border:1px solid var(--line);
  background:rgba(255,255,255,.04); color:var(--text-soft); font-size:.76rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
.nav-item:hover,.nav-item.active,.metric-card:hover,.summary-card:hover,.module-card:hover,.ops-card:hover,.process-card:hover,.catalog-card:hover,.user-card:hover,.entry-button:hover {
  transform:translateY(-2px); border-color:var(--line-strong); box-shadow:var(--shadow-glow);
}
.nav-item:hover::before,.nav-item.active::before,.button:hover::before,.module-card:hover::before,.process-card:hover::before,.catalog-card:hover::before,.summary-card:hover::before,.ops-card:hover::before { opacity:1; }
.nav-item.active { background:var(--nav-active-bg); }
.nav-item.active .nav-item-meta { border-color:rgba(99,212,255,.34); background:rgba(99,212,255,.14); color:var(--accent-strong); }

body.desktop-sidebar-collapsed .enterprise-shell { grid-template-columns:96px minmax(0,1fr); gap:18px; }
body.desktop-sidebar-collapsed .sidebar { justify-items:center; padding:16px 12px; }
body.desktop-sidebar-collapsed .sidebar-brand { grid-template-columns:1fr; justify-items:center; }
body.desktop-sidebar-collapsed .sidebar-brand-copy,
body.desktop-sidebar-collapsed .sidebar-session,
body.desktop-sidebar-collapsed .sidebar-foot { display:none; }
body.desktop-sidebar-collapsed .nav-menu { width:100%; }
body.desktop-sidebar-collapsed .nav-section { width:100%; justify-items:center; }
body.desktop-sidebar-collapsed .nav-section-title { display:none; }
body.desktop-sidebar-collapsed .nav-item { grid-template-columns:1fr; justify-items:center; padding:12px 10px; }
body.desktop-sidebar-collapsed .nav-item-copy,
body.desktop-sidebar-collapsed .nav-item-meta { display:none; }
body.desktop-sidebar-collapsed .nav-item-glyph { width:48px; height:48px; }

.topbar {
  position:relative; z-index:12; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:18px; padding:20px 22px;
  border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--panel-shell);
  box-shadow:var(--shadow-md); backdrop-filter:blur(22px);
}
.topbar-brand { min-width:0; }
.topbar-tools { display:flex; align-items:flex-start; justify-content:flex-end; gap:10px; flex-wrap:wrap; min-width:0; }
.topbar-tools .search { flex:1 1 320px; max-width:420px; }
.topbar-pills { flex-wrap:nowrap; max-width:100%; overflow-x:auto; padding-bottom:2px; scrollbar-width:none; }
.topbar-pills::-webkit-scrollbar { display:none; }

.panel,.hero-panel {
  position:relative; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-lg);
  background:var(--panel-shell); box-shadow:var(--shadow-md); backdrop-filter:blur(18px); isolation:isolate;
}
.panel::after,.hero-panel::after {
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:linear-gradient(130deg,rgba(99,212,255,.08),transparent 38%),linear-gradient(320deg,rgba(255,184,104,.06),transparent 26%);
}
.hero-metrics,.summary-grid,.module-hub,.ops-overview,.focus-metrics,.process-grid,.browser-layout,.files-workspace,.deploy-grid,.deploy-feedback-grid,.users-layout,.terminal-layout,.user-form-grid,.users-scopes,.layout,.workspace-layout,.view-section { min-width:0; }
.controls-panel,.process-panel,.focus-panel,.logs-panel,.deploy-panel,.files-panel,.users-panel,.terminal-panel { padding:22px; }
.panel-head,.module-card-head,.catalog-card-head,.user-card-head,.scope-card-head,.editor-head,.focus-top,.logs-head,.radar-head,.user-editor-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.controls-head { margin-bottom:0; }
.panel-head,.logs-head { margin-bottom:14px; }

.button-row,.process-actions,.logs-actions,.terminal-quick-grid,.focus-actions,.deploy-options,.file-actions,.topbar-pills { display:flex; align-items:center; gap:10px; }
.button-row.wrap,.process-actions,.logs-actions,.terminal-quick-grid,.focus-actions,.deploy-options,.file-actions,.topbar-pills { flex-wrap:wrap; }
.button {
  position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 16px;
  border:1px solid var(--line); border-radius:14px; background:var(--input-bg-soft); color:var(--text);
  font-family:var(--font-display); font-size:.92rem; font-weight:700; letter-spacing:.01em; white-space:nowrap; cursor:pointer;
  transition:transform var(--transition-fast),border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),color var(--transition-base);
}
.button:hover:not(:disabled) { transform:translateY(-1px); border-color:var(--line-strong); box-shadow:0 12px 28px rgba(0,0,0,.18); }
.button:disabled { opacity:.5; cursor:not-allowed; box-shadow:none; }
.button-primary { border-color:rgba(99,212,255,.28); background:linear-gradient(135deg,rgba(66,189,235,.96),rgba(137,235,255,.86)); color:#042032; }
.button-success { border-color:rgba(72,215,162,.28); background:linear-gradient(135deg,rgba(72,215,162,.96),rgba(129,235,189,.88)); color:#04271d; }
.button-warning { border-color:rgba(255,176,77,.28); background:linear-gradient(135deg,rgba(255,176,77,.96),rgba(255,206,134,.9)); color:#2d1a03; }
.button-danger { border-color:rgba(255,108,122,.3); background:linear-gradient(135deg,rgba(255,108,122,.96),rgba(255,152,164,.9)); color:#31060f; }
.button-ghost { background:var(--input-bg-soft); }
.button-ghost.active { border-color:rgba(99,212,255,.28); background:linear-gradient(180deg,rgba(99,212,255,.14),rgba(99,212,255,.06)); color:var(--accent-strong); box-shadow:0 0 0 1px rgba(99,212,255,.14); }
.topbar-icon-button { min-width:92px; width:auto; padding:0 14px; font-size:.76rem; letter-spacing:.1em; text-transform:uppercase; }
.menu-toggle-button { min-width:112px; }
.sidebar-close-button { justify-self:end; min-height:40px; padding:0 12px; }

.pill {
  display:inline-flex; align-items:center; gap:6px; min-height:30px; padding:0 12px; border:1px solid var(--line); border-radius:var(--radius-pill);
  background:rgba(255,255,255,.05); color:var(--text-soft); font-size:.76rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
}
.pill.primary { border-color:rgba(99,212,255,.24); background:rgba(99,212,255,.12); color:var(--accent-strong); }
.pill.success { border-color:rgba(72,215,162,.24); background:var(--success-soft); color:var(--success); }
.pill.warning { border-color:rgba(255,176,77,.24); background:var(--warning-soft); color:var(--warning); }
.pill.danger { border-color:rgba(255,108,122,.24); background:var(--danger-soft); color:var(--danger); }

.tone-primary { border-color:rgba(99,212,255,.24); }
.tone-success { border-color:rgba(72,215,162,.22); }
.tone-warning { border-color:rgba(255,176,77,.22); }
.tone-danger { border-color:rgba(255,108,122,.22); }
.tone-success .bar span { background:linear-gradient(90deg,rgba(72,215,162,.86),rgba(129,235,189,.92)); }
.tone-warning .bar span { background:linear-gradient(90deg,rgba(255,176,77,.86),rgba(255,212,143,.92)); }
.tone-danger .bar span { background:linear-gradient(90deg,rgba(255,108,122,.88),rgba(255,152,164,.94)); }

.search,.field { display:grid; gap:8px; color:var(--text-muted); font-size:.84rem; }
.search { min-width:min(340px,100%); }
.search input,.field-control,.code-editor,.logs-console,.terminal-screen {
  width:100%; border:1px solid var(--line); border-radius:14px; background:var(--input-bg); color:var(--text);
  transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);
}
.search input,.field-control { min-height:46px; padding:0 14px; outline:none; }
.field-control:is(textarea,select) { padding:12px 14px; }
.search input::placeholder,.field-control::placeholder,.code-editor::placeholder { color:var(--text-dim); opacity:1; }
.search input,.field-control { box-shadow:inset 0 1px 0 rgba(255,255,255,.22); }
.search input:hover,.field-control:hover,.code-editor:hover { border-color:var(--line-strong); }
.search input:focus,.field-control:focus,.code-editor:focus { border-color:rgba(99,212,255,.4); box-shadow:0 0 0 3px rgba(99,212,255,.12); }
.search input:disabled,.field-control:disabled,.code-editor:disabled { opacity:.56; cursor:not-allowed; }
.autofill-trap { position:absolute; width:0; height:0; overflow:hidden; opacity:0; pointer-events:none; }
.autofill-trap input { width:0; height:0; padding:0; border:0; }

.logs-console,.terminal-screen,.code-editor { padding:16px; font-family:var(--font-mono); font-size:.82rem; line-height:1.65; }
.logs-console,.terminal-screen { min-height:240px; max-height:560px; overflow:auto; white-space:pre-wrap; word-break:break-word; }
.code-editor { min-height:420px; resize:vertical; white-space:pre; }
.logs-console.dimmed,.terminal-screen.dimmed { color:var(--text-muted); }
.browser-empty,.process-empty,.logs-empty,.editor-empty,.focus-empty {
  padding:20px; border:1px dashed var(--line); border-radius:var(--radius-md); background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)); color:var(--text-muted); line-height:1.6;
}

.browser-layout,.files-workspace,.deploy-import-browser { display:grid; grid-template-columns:minmax(280px,340px) minmax(0,1fr); gap:16px; align-items:start; }
.browser-sidebar { display:grid; gap:14px; padding:18px; }
.browser-path strong { font-family:var(--font-display); }
.browser-list,.users-list,.scope-list,.deploy-activity-list { display:grid; gap:10px; max-height:540px; overflow:auto; padding-right:4px; }
.files-shell { display:grid; gap:16px; }
.files-layout { grid-template-columns:minmax(320px,380px) minmax(0,1fr); gap:18px; }
.files-browser,.files-editor { min-width:0; }
.files-shell-head { align-items:flex-start; }
.files-browser-head { display:grid; gap:12px; }
.files-selection-actions { padding-top:2px; }
.files-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; }
.files-crumb {
  display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 14px; border:1px solid var(--line); border-radius:999px;
  background:var(--input-bg-soft); color:var(--text-soft); cursor:pointer; transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base),transform var(--transition-fast);
}
.files-crumb:hover { border-color:var(--line-strong); transform:translateY(-1px); }
.files-crumb.active { border-color:rgba(99,212,255,.42); background:rgba(99,212,255,.12); color:var(--text); }
.entry-button,.browser-entry,.user-card {
  position:relative; display:grid; grid-template-columns:auto 1fr; gap:12px; width:100%; padding:13px; border:1px solid var(--line); border-radius:16px;
  background:var(--input-bg-soft); color:var(--text); text-align:left; cursor:pointer;
  transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);
}
.entry-button.active,.browser-entry.active,.user-card.active { border-color:rgba(99,212,255,.28); box-shadow:var(--shadow-glow); }
.entry-icon {
  display:grid; place-items:center; width:46px; height:46px; border-radius:14px; border:1px solid rgba(255,255,255,.08);
  font-family:var(--font-display); font-size:.72rem; font-weight:700; letter-spacing:.1em;
}
.entry-icon.directory { background:linear-gradient(180deg,rgba(255,184,104,.18),rgba(255,184,104,.08)); color:var(--warning); }
.entry-icon.file { background:linear-gradient(180deg,rgba(99,212,255,.16),rgba(99,212,255,.06)); color:var(--accent-strong); }
.entry-copy { display:grid; gap:5px; min-width:0; }
.entry-copy strong,.catalog-card strong,.user-card strong { font-family:var(--font-display); }
.editor-main { display:grid; gap:14px; padding:20px; min-width:0; }
.editor-target { word-break:break-word; }
.file-toolbar,.session-stack { display:grid; gap:10px; }

.admin-catalog,.deploy-panel,.files-panel,.users-panel,.terminal-panel,.deploy-feedback,.deploy-import-preview,.deploy-wizard,.deploy-sidebar,.user-editor { display:grid; gap:16px; }
.catalog-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.catalog-card {
  position:relative; overflow:hidden; display:grid; gap:10px; padding:16px; text-align:left; cursor:pointer;
  transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);
}
.catalog-card.disabled,.catalog-card:disabled { opacity:.5; cursor:not-allowed; transform:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--shadow-sm); }

.deploy-feedback { padding:18px; background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)); }
.deploy-feedback-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.deploy-feedback-panel { display:grid; gap:12px; padding:16px; }
.deploy-activity-item {
  display:grid; grid-template-columns:10px 1fr; gap:10px; align-items:start; padding:12px 14px; border:1px solid var(--line); border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)); color:var(--text-soft);
}
.deploy-activity-dot { width:10px; height:10px; margin-top:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px rgba(99,212,255,.12); }
.deploy-activity-item.tone-success .deploy-activity-dot { background:var(--success); box-shadow:0 0 0 4px rgba(72,215,162,.12); }
.deploy-activity-item.tone-warning .deploy-activity-dot { background:var(--warning); box-shadow:0 0 0 4px rgba(255,176,77,.12); }
.deploy-activity-item.tone-danger .deploy-activity-dot { background:var(--danger); box-shadow:0 0 0 4px rgba(255,108,122,.12); }
.deploy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.deploy-grid.single { grid-template-columns:1fr; }
.deploy-grid-span { grid-column:1/-1; }
.scope-card { padding:18px; }
.scope-editor { min-height:180px; }
.scope-list { max-height:300px; }
.check-row {
  display:inline-flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--line); border-radius:14px;
  background:linear-gradient(180deg,rgba(19,31,47,.54),rgba(12,20,32,.44)); color:var(--text-soft); font-size:.88rem; line-height:1.4;
}
.check-row input { accent-color:var(--accent); }

.users-layout { display:grid; grid-template-columns:minmax(290px,340px) minmax(0,1fr); gap:16px; align-items:start; }
.users-list { max-height:960px; }
.user-card { grid-template-columns:1fr; gap:8px; }
.user-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.profile-layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); gap:16px; align-items:start; }
.permissions-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.terminal-layout { display:grid; grid-template-columns:minmax(360px,420px) minmax(0,1fr); gap:16px; }
.terminal-form { display:grid; gap:12px; }
.terminal-command { min-height:220px; }
.terminal-quick-grid .button { min-width:110px; }

.billing-panel { display:grid; gap:18px; padding:22px; }
.billing-layout { grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); }
.billing-dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,380px); gap:16px; align-items:start; }
.billing-dashboard-main,.billing-dashboard-side { display:grid; gap:16px; min-width:0; }
.billing-dashboard-side { position:sticky; top:112px; }
.billing-dashboard-main > .scope-card,.billing-dashboard-side > .scope-card { min-width:0; overflow:hidden; }
.billing-admin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.billing-order-copy { display:grid; gap:8px; min-width:0; color:var(--text-soft); line-height:1.6; }
.billing-order-copy strong { color:var(--text); font-family:var(--font-display); }
.billing-status-stack { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.storefront-payment-note { margin-top:4px; }
.storefront-invoice-shell { width:100%; }
.storefront-invoice-headline { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.storefront-invoice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.storefront-invoice-card,.storefront-invoice-panel,.storefront-invoice-credentials,.storefront-invoice-meta {
  display:grid; gap:10px; padding:14px; border:1px solid var(--line); border-radius:16px;
  background:linear-gradient(180deg,rgba(19,31,47,.5),rgba(12,20,32,.44));
}
.storefront-invoice-copyline { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.storefront-invoice-copyline strong { word-break:break-word; }
.storefront-wallet-link { width:100%; }
.billing-method-list { display:grid; gap:14px; }
.billing-method-card { display:grid; gap:14px; }
.billing-method-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.billing-method-grid-span { grid-column:1/-1; }
.billing-wallet-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.billing-payout-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }
.billing-payout-history { margin-top:14px; }
.billing-trend-card { display:grid; gap:14px; }
.billing-chart { width:100%; height:300px; border-radius:16px; background:linear-gradient(180deg,rgba(11,18,29,.9),rgba(14,24,38,.84)); border:1px solid var(--line); }
.billing-chart-grid { stroke:rgba(123,195,255,.12); stroke-width:1; }
.billing-chart-area { fill:rgba(99,212,255,.12); }
.billing-chart-line { fill:none; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.billing-chart-line.revenue { stroke:var(--accent-strong); }
.billing-chart-line.orders { stroke:var(--accent-warm); }
.billing-chart-point.revenue { fill:var(--accent-strong); stroke:#041725; stroke-width:2; }
.billing-chart-point.orders { fill:var(--accent-warm); stroke:#2d1a03; stroke-width:2; }
.billing-chart-legend { display:flex; flex-wrap:wrap; gap:14px; color:var(--text-soft); font-size:.86rem; }
.billing-chart-legend span { display:inline-flex; align-items:center; gap:8px; }
.billing-legend-dot { display:inline-block; width:12px; height:12px; border-radius:50%; }
.billing-legend-dot.revenue { background:var(--accent-strong); }
.billing-legend-dot.orders { background:var(--accent-warm); }
.billing-chart-axis { display:grid; grid-template-columns:repeat(auto-fit,minmax(34px,1fr)); gap:8px; color:var(--text-muted); font-size:.76rem; }
.billing-chart-axis span { text-align:center; }
.billing-invoice-toolbar { display:flex; justify-content:space-between; align-items:end; gap:14px; flex-wrap:wrap; }
.billing-invoice-search { min-width:min(340px,100%); }
.billing-invoices-table-wrap { width:100%; max-width:100%; min-width:0; overflow:auto; border:1px solid var(--line); border-radius:16px; background:var(--table-bg); }
.billing-invoices-table { width:100%; min-width:1280px; border-collapse:collapse; }
.billing-invoices-table th,.billing-invoices-table td { padding:16px 18px; border-bottom:1px solid rgba(123,195,255,.08); vertical-align:top; text-align:left; }
.billing-invoices-table th { position:sticky; top:0; z-index:1; background:var(--table-head-bg); color:var(--text); font-family:var(--font-display); font-size:.9rem; }
.billing-invoices-table tbody tr:hover { background:rgba(255,255,255,.02); }
.billing-table-primary { color:var(--text); font-weight:700; line-height:1.5; }
.billing-table-sub { margin-top:4px; color:var(--text-muted); font-size:.82rem; line-height:1.45; }
.billing-paid-value { color:var(--text-soft); font-weight:700; white-space:nowrap; }
.billing-paid-value.positive { color:var(--success); }

.toast {
  position:fixed; right:20px; bottom:20px; z-index:40; min-width:260px; max-width:min(440px,calc(100vw - 32px)); padding:15px 16px;
  border:1px solid var(--line); border-radius:18px; background:var(--panel-shell-strong); color:var(--text); box-shadow:var(--shadow-lg); backdrop-filter:blur(20px);
}

.auth-card,.sidebar,.topbar,.hero-panel,.panel,.metric-card,.summary-card,.module-card,.dashboard-intel-card,.process-card,.catalog-card,.scope-card {
  animation:none;
}

.fade-in { animation:none; }
@keyframes rise-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes drift { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(24px,-18px,0) scale(1.08); } }
@keyframes ambience-breathe {
  from { transform:translate3d(-1.5%,0,0) scale(1); opacity:.74; }
  to { transform:translate3d(2.5%,-1.5%,0) scale(1.08); opacity:.96; }
}
@keyframes panel-reveal {
  from { opacity:0; transform:translateY(12px) scale(.988); }
  to { opacity:1; transform:translateY(0) scale(1); }
}

::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-thumb { border-radius:var(--radius-pill); background:rgba(255,255,255,.16); }
::-webkit-scrollbar-track { background:rgba(255,255,255,.04); }

@media (max-width:1400px) {
  .hero-metrics,.hero-metrics-compact,.summary-grid,.ops-overview,.process-foot-grid,.permissions-grid,.billing-admin-grid,.storefront-invoice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1680px) {
  .billing-dashboard-grid { grid-template-columns:minmax(0,1fr); }
  .billing-dashboard-side { position:static; }
}
@media (max-width:1180px) {
  .enterprise-shell,.main-grid,.browser-layout,.files-workspace,.deploy-feedback-grid,.users-layout,.profile-layout,.terminal-layout,.deploy-import-browser,.dashboard-intelligence-grid,.billing-layout,.billing-dashboard-grid { grid-template-columns:minmax(0,1fr); }
  .enterprise-shell { display:block; }
  body.mobile-sidebar-open { overflow:hidden; }
  body.mobile-sidebar-open .shell-overlay { opacity:1; pointer-events:auto; }
  body.desktop-sidebar-collapsed { overflow-x:hidden; }
  .sidebar {
    position:fixed; top:12px; right:12px; bottom:12px; left:auto; width:min(340px,calc(100vw - 24px)); max-height:none; overflow:auto; z-index:20;
    transform:translateX(calc(100% + 18px)); transition:transform var(--transition-base),box-shadow var(--transition-base);
  }
  body.mobile-sidebar-open .sidebar { transform:translateX(0); }
  .sidebar-close-button { display:inline-flex; align-self:flex-end; position:sticky; top:0; z-index:1; }
  .menu-toggle-button { display:inline-flex; }
  .secondary-column,.billing-dashboard-side { position:static; max-height:none; overflow:visible; }
  .topbar { position:static; }
  .hero-grid { grid-template-columns:1fr; }
  .files-layout { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:980px) {
  .auth-card,.billing-method-grid,.billing-wallet-grid,.billing-payout-grid { grid-template-columns:1fr; }
  .auth-form { order:-1; }
  .auth-insights,.deploy-grid,.user-form-grid,.auth-store-grid,.auth-switch,.auth-store-subswitch,.storefront-invoice-grid { grid-template-columns:1fr; }
  .topbar { grid-template-columns:1fr; }
  .topbar-tools { justify-content:flex-start; }
  .search { width:100%; }
  .process-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .topbar-pills { margin-top:2px; }
  .billing-dashboard-grid { display:flex; flex-direction:column; gap:14px; }
  .billing-dashboard-side { order:-1; gap:14px; }
  .billing-dashboard-main { gap:14px; }
  .billing-layout { display:flex; flex-direction:column; gap:14px; }
  .billing-layout > .user-editor { order:-1; }
}
@media (max-width:720px) {
  .shell { width:min(100%,calc(100vw - 16px)); padding:14px 0 28px; }
  .background-glow,.background-grid,.background-noise,body::before { display:none; }
  .auth-shell { padding:14px; }
  .auth-card,.sidebar,.topbar,.panel,.hero-panel { border-radius:22px; }
  .summary-grid,.ops-overview,.hero-metrics,.hero-metrics-compact,.focus-metrics,.dashboard-intel-stats,.billing-admin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .process-kpis,.process-foot-grid,.permissions-grid,.process-grid,.module-hub,.catalog-grid,.auth-insights { grid-template-columns:1fr; }
  .button-row,.process-actions,.logs-actions,.terminal-quick-grid,.focus-actions,.deploy-options { width:100%; }
  .button-row .button,.process-actions .button,.terminal-quick-grid .button,.focus-actions .button { flex:1 1 calc(50% - 10px); min-width:0; }
  .topbar-tools .search { flex:1 1 100%; max-width:none; }
  .menu-toggle-button,#refresh-button,#logout-button { flex:1 1 calc(50% - 10px); min-width:0; }
  .sidebar-context-grid { grid-template-columns:1fr; }
  .hero-heading,.topbar-tools,.panel-head,.logs-head,.scope-card-head,.editor-head,.focus-top,.user-editor-head { flex-direction:column; align-items:stretch; }
  .process-title-row { flex-direction:column; align-items:flex-start; }
  .process-actions { grid-template-columns:1fr; }
  .files-breadcrumbs { gap:6px; }
  .files-crumb { width:100%; justify-content:flex-start; }
  .nav-item { grid-template-columns:auto 1fr; }
  .nav-item-meta { grid-column:1/-1; justify-self:start; }
  .topbar { padding:12px; gap:10px; }
  .topbar-pills { gap:8px; }
  .topbar-pills .pill:nth-child(n+5) { display:none; }
  .pill { min-height:28px; padding:0 10px; font-size:.68rem; }
  .search input,.field-control { min-height:40px; }
  .sidebar { gap:12px; padding:14px; backdrop-filter:none; }
  .sidebar-brand { gap:10px; }
  .sidebar-brand-copy { gap:4px; }
  .nav-item { padding:12px; }
  .nav-item-glyph { width:40px; height:40px; border-radius:12px; font-size:.74rem; }
  .nav-item-copy strong { font-size:.92rem; }
  .nav-item-copy span { font-size:.74rem; line-height:1.35; }
  .nav-item-meta { min-width:46px; min-height:30px; font-size:.68rem; }
  .panel,.hero-panel,.auth-form,.scope-card,.browser-sidebar,.editor-main,.deploy-feedback-panel,.user-card,.metric-card,.summary-card,.module-card,.ops-card,.dashboard-intel-card,.radar-card,.process-card { box-shadow:var(--shadow-sm); backdrop-filter:none; }
  .controls-panel,.process-panel,.focus-panel,.logs-panel,.deploy-panel,.files-panel,.users-panel,.terminal-panel,.billing-panel { padding:14px; }
  .section-title,.section-subtitle { font-size:1.12rem; }
  .eyebrow,.section-kicker,.metric-label,.summary-label,.ops-label,.focus-tile-label,.sidebar-mini-label,.browser-path-label,.auth-metric-label,.process-kpi-label { font-size:.65rem; letter-spacing:.14em; }
  .topbar-subtitle,.auth-text,.hero-copy,.dashboard-intel-copy,.module-card p,.module-placeholder-copy,.focus-meta,.process-meta,.auth-metric-copy,.tiny,.logs-meta,.field-hint,.sidebar-subtitle,.sidebar-context,.user-card-meta,.entry-copy small { font-size:.78rem; line-height:1.45; }
  .metric-value,.summary-value,.ops-value,.process-kpi-value,.focus-tile-value,.sidebar-mini-value,.editor-target { font-size:1.08rem; }
  .billing-panel { gap:14px; }
  .billing-invoice-toolbar { gap:10px; }
  .billing-order-copy { gap:6px; line-height:1.45; }
  .billing-chart { height:200px; }
  .billing-invoices-table { min-width:0; }
  .billing-invoices-table thead { display:none; }
  .billing-invoices-table,.billing-invoices-table tbody,.billing-invoices-table tr,.billing-invoices-table td { display:block; width:100%; }
  .billing-invoices-table tbody tr { padding:12px; border-bottom:1px solid rgba(123,195,255,.08); }
  .billing-invoices-table td { padding:6px 0; border-bottom:0; }
  .billing-invoices-table td::before {
    content:attr(data-label); display:block; margin-bottom:5px; color:var(--text-muted);
    font-size:.66rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  }
  .billing-invoices-table tbody tr:hover { background:transparent; }
  .billing-dashboard-grid,.billing-layout { gap:12px; }
}
@media (max-width:560px) {
  .summary-grid,.ops-overview,.hero-metrics,.hero-metrics-compact,.focus-metrics,.dashboard-intel-stats,.billing-admin-grid { grid-template-columns:1fr; }
  .menu-toggle-button,#refresh-button,#logout-button,.topbar-icon-button { flex:1 1 calc(50% - 10px); min-width:0; }
  .topbar-tools { gap:8px; }
  .button { min-height:40px; padding:0 14px; font-size:.84rem; }
  .topbar-icon-button { font-size:.72rem; letter-spacing:.08em; }
  .shell { width:min(100%,calc(100vw - 10px)); padding:10px 0 24px; }
  .auth-shell { padding:10px; }
  .auth-card,.sidebar,.topbar,.panel,.hero-panel { border-radius:18px; }
  .topbar-tools .search { order:2; }
  .topbar-tools .button { order:1; }
  .menu-toggle-button { min-width:0; }
  .button-row,.process-actions,.logs-actions,.terminal-quick-grid,.focus-actions,.deploy-options,.file-actions,.topbar-pills { gap:8px; }
  .files-browser-head .button-row,.files-selection-actions { width:100%; }
  .files-browser-head .button,.files-selection-actions .button { flex:1 1 100%; }
  .sidebar { width:min(310px,calc(100vw - 16px)); top:8px; right:8px; bottom:8px; }
  .brand-mark { width:48px; height:48px; border-radius:14px; font-size:.84rem; }
  .nav-item { padding:10px; }
  .nav-item-glyph { width:34px; height:34px; border-radius:10px; font-size:.68rem; }
  .nav-item-copy strong { font-size:.84rem; }
  .nav-item-copy span { font-size:.7rem; }
  .nav-item-meta { min-height:26px; font-size:.62rem; }
  .search,.field { gap:6px; font-size:.76rem; }
  .search input,.field-control { min-height:38px; padding:0 12px; }
  .field-control:is(textarea,select) { padding:10px 12px; }
  .code-editor,.logs-console,.terminal-screen { padding:12px; font-size:.74rem; }
  .controls-panel,.process-panel,.focus-panel,.logs-panel,.deploy-panel,.files-panel,.users-panel,.terminal-panel,.billing-panel,.browser-sidebar,.editor-main { padding:12px; }
  .hero-panel { padding:14px; }
  .hero-title { font-size:clamp(1.2rem,6vw,1.6rem); line-height:1; }
  .metric-card,.summary-card,.module-card,.ops-card,.dashboard-intel-card,.radar-card,.process-card,.scope-card,.user-card { padding:12px; }
  .metric-sub,.summary-sub,.ops-sub,.dashboard-intel-stat span:last-child,.dashboard-intel-item span:last-child { font-size:.72rem; line-height:1.35; }
  .process-kpi,.process-foot-stat,.focus-resource,.focus-tile,.dashboard-intel-stat { padding:10px; gap:6px; }
  .process-name { font-size:.96rem; }
  .process-meta-pill,.pill { font-size:.62rem; }
  .billing-chart { height:160px; }
}

/* Refonte globale 2026 */
:root,
html[data-theme="midnight"],
html[data-theme="dark"] {
  --line:rgba(157,214,255,.12);
  --line-strong:rgba(157,214,255,.26);
  --shadow-sm:0 14px 28px rgba(2,8,18,.16);
  --shadow-md:0 24px 54px rgba(2,8,18,.22);
  --shadow-lg:0 32px 78px rgba(2,8,18,.28);
  --shadow-glow:0 0 0 1px rgba(126,216,255,.08),0 18px 38px rgba(2,8,18,.2);
  --surface:rgba(16,24,36,.82);
  --surface-strong:rgba(11,18,28,.92);
  --surface-soft:rgba(24,35,50,.74);
  --card:linear-gradient(180deg,rgba(18,27,39,.92),rgba(12,18,27,.9));
  --card-soft:linear-gradient(180deg,rgba(23,34,49,.82),rgba(14,22,33,.78));
  --panel-shell:linear-gradient(180deg,rgba(10,16,25,.88),rgba(12,19,30,.8));
  --panel-shell-strong:linear-gradient(180deg,rgba(9,15,24,.94),rgba(12,19,30,.88));
  --input-bg:linear-gradient(180deg,rgba(9,14,23,.96),rgba(12,18,28,.94));
  --input-bg-soft:linear-gradient(180deg,rgba(18,28,41,.72),rgba(11,18,28,.66));
  --nav-bg:linear-gradient(180deg,rgba(16,25,38,.72),rgba(10,16,24,.7));
  --nav-active-bg:linear-gradient(180deg,rgba(99,212,255,.14),rgba(99,212,255,.05)),linear-gradient(180deg,rgba(15,24,36,.88),rgba(10,16,24,.82));
  --radius-md:20px;
  --radius-lg:28px;
  --radius-xl:36px;
}

html[data-theme="aurora"] {
  --line:rgba(76,106,152,.12);
  --line-strong:rgba(58,133,193,.24);
  --shadow-sm:0 14px 30px rgba(36,59,95,.06);
  --shadow-md:0 24px 56px rgba(36,59,95,.08);
  --shadow-lg:0 36px 84px rgba(36,59,95,.1);
  --shadow-glow:0 0 0 1px rgba(36,91,207,.05),0 18px 42px rgba(36,59,95,.08);
}

html[data-theme="dawn"],
html[data-theme="light"] {
  --line:rgba(49,86,126,.12);
  --line-strong:rgba(23,110,167,.22);
  --shadow-sm:0 12px 26px rgba(22,49,82,.06);
  --shadow-md:0 22px 48px rgba(22,49,82,.08);
  --shadow-lg:0 32px 72px rgba(22,49,82,.1);
  --shadow-glow:0 0 0 1px rgba(23,148,207,.05),0 18px 38px rgba(22,49,82,.08);
}

body {
  letter-spacing:-.01em;
  background:
    radial-gradient(circle at 8% 10%,var(--ambient-a),transparent 28%),
    radial-gradient(circle at 92% 14%,var(--ambient-b),transparent 24%),
    radial-gradient(circle at 24% 86%,var(--ambient-c),transparent 24%),
    linear-gradient(135deg,color-mix(in srgb,var(--bg-1) 92%, black 8%),var(--bg-2) 42%,var(--bg-0) 100%);
}

body::after {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.04),transparent 16%,transparent 84%,rgba(255,255,255,.04)),
    linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 94%);
  opacity:.08;
}

body[data-view="dashboard"] { --ambient-a:rgba(126,216,255,.18); --ambient-b:rgba(255,191,122,.12); }
body[data-view="pm2"] { --ambient-a:rgba(126,216,255,.22); --ambient-c:rgba(72,215,162,.1); }
body[data-view="files"] { --ambient-a:rgba(126,216,255,.24); --ambient-b:rgba(126,216,255,.08); }
body[data-view="support"] { --ambient-a:rgba(72,215,162,.18); --ambient-c:rgba(126,216,255,.1); }
body[data-view="billing"] { --ambient-b:rgba(255,191,122,.18); --ambient-a:rgba(126,216,255,.12); }
body[data-view="deploy"] { --ambient-a:rgba(126,216,255,.2); --ambient-b:rgba(255,191,122,.14); }

.background { opacity:.94; }
.background-glow { width:30rem; height:30rem; filter:blur(110px); opacity:.14; }
.background-grid { background-size:72px 72px; opacity:.1; }
.background-noise { opacity:calc(var(--noise-opacity) * .7); }

.auth-shell { padding:clamp(18px,3vw,32px); }
.auth-card {
  gap:18px;
  padding:clamp(18px,2.4vw,28px);
  border-radius:40px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 94%, transparent),color-mix(in srgb,var(--surface) 98%, transparent));
}
.auth-copy { gap:18px; }
.auth-title { max-width:11ch; }
.auth-insights { gap:12px; }
.auth-metric,.auth-storefront { border-radius:20px; }
.auth-form { gap:14px; padding:clamp(18px,2vw,24px); border-radius:30px; }

.shell {
  width:min(1760px,calc(100vw - 28px));
  padding:16px 0 30px;
}

.enterprise-shell {
  grid-template-columns:minmax(236px,272px) minmax(0,1fr);
  gap:18px;
}

.workspace,
.workspace-layout,
.view-section {
  gap:16px;
  align-content:start;
}

.sidebar {
  position:sticky;
  top:14px;
  gap:14px;
  padding:16px;
  border-radius:30px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%, transparent),color-mix(in srgb,var(--surface) 96%, transparent));
  max-height:calc(100vh - 28px);
  overflow-y:auto;
  isolation:isolate;
}

.sidebar::before,
.topbar::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 85%);
  opacity:.32;
  pointer-events:none;
}

.sidebar-brand {
  gap:12px;
  align-items:center;
}

.brand-mark {
  width:50px;
  height:50px;
  border-radius:16px;
  font-size:.9rem;
  box-shadow:0 18px 32px rgba(99,212,255,.14);
}

#brand-title { font-size:clamp(1.28rem,1vw + .98rem,1.68rem); }

.sidebar-session,
.sidebar-brand-copy,
.sidebar-foot { gap:10px; }

.sidebar-context-grid { gap:8px; }
.sidebar-mini-card {
  padding:12px;
  border-radius:18px;
}

.sidebar-capability-row {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.nav-menu { gap:12px; }
.nav-section { gap:8px; }
.nav-section-title { padding:0 2px; font-size:.68rem; letter-spacing:.18em; }

.nav-item {
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:10px;
  padding:11px 12px;
  border-radius:18px;
}

.nav-item::after {
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 12%, transparent));
  opacity:0;
  transform:scaleY(.35);
  transition:opacity var(--transition-fast),transform var(--transition-base);
}

.nav-item:hover::after,
.nav-item.active::after {
  opacity:1;
  transform:scaleY(1);
}

.nav-item-glyph {
  width:38px;
  height:38px;
  border-radius:12px;
  font-size:.68rem;
}

.nav-item-copy strong { font-size:.92rem; }
.nav-item-copy span { font-size:.74rem; line-height:1.35; }
.nav-item-meta {
  min-width:48px;
  min-height:30px;
  padding:0 9px;
  font-size:.66rem;
}

body.desktop-sidebar-collapsed .enterprise-shell { grid-template-columns:88px minmax(0,1fr); }
body.desktop-sidebar-collapsed .sidebar { padding:14px 10px; border-radius:24px; }
body.desktop-sidebar-collapsed .nav-item { padding:10px 8px; }

.topbar {
  position:sticky;
  top:14px;
  gap:14px;
  padding:16px 18px;
  border-radius:28px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 96%, transparent),color-mix(in srgb,var(--surface) 96%, transparent));
  isolation:isolate;
}

.topbar-brand,
.topbar-copy { gap:8px; }
.topbar-subtitle { max-width:70ch; line-height:1.55; }
.topbar-tools { gap:10px; align-items:end; }
.topbar-tools .search { flex:1 1 280px; max-width:360px; }
.topbar-pills { gap:8px; }

.panel,
.hero-panel,
.auth-form,
.browser-sidebar,
.editor-main,
.scope-card,
.deploy-feedback-panel,
.auth-metric,
.auth-storefront,
.checkout-product-card,
.checkout-side-card,
.checkout-payment-card,
.checkout-instructions,
.checkout-status-banner,
.checkout-credentials-card {
  border-radius:24px;
}

.panel::after,
.hero-panel::after {
  background:
    linear-gradient(145deg,rgba(99,212,255,.08),transparent 36%),
    linear-gradient(320deg,rgba(255,184,104,.05),transparent 22%);
}

.controls-panel,
.process-panel,
.focus-panel,
.logs-panel,
.deploy-panel,
.files-panel,
.users-panel,
.terminal-panel,
.billing-panel {
  padding:18px;
}

.panel-head,
.logs-head,
.scope-card-head,
.editor-head,
.focus-top,
.user-editor-head {
  gap:10px;
}

.button {
  min-height:40px;
  padding:0 14px;
  border-radius:14px;
  font-size:.86rem;
}

.button-ghost { background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)); }
.button-primary { box-shadow:0 12px 24px rgba(99,212,255,.16); }
.button-success { box-shadow:0 12px 24px rgba(72,215,162,.14); }
.button-warning { box-shadow:0 12px 24px rgba(255,176,77,.16); }
.button-danger { box-shadow:0 12px 24px rgba(255,108,122,.16); }
.topbar-icon-button {
  min-width:82px;
  padding:0 12px;
  font-size:.72rem;
  letter-spacing:.12em;
}

.pill {
  min-height:28px;
  padding:0 10px;
  font-size:.68rem;
  letter-spacing:.08em;
}

.search,.field { gap:6px; font-size:.78rem; }
.search input,.field-control { min-height:42px; padding:0 13px; border-radius:14px; }
.field-control:is(textarea,select) { padding:11px 13px; }
.code-editor,.logs-console,.terminal-screen { border-radius:18px; }
.code-editor { min-height:360px; }

.browser-layout,
.files-workspace,
.deploy-import-browser,
.users-layout,
.profile-layout,
.terminal-layout,
.billing-layout,
.deploy-feedback-grid {
  gap:18px;
}

.browser-sidebar,
.editor-main,
.scope-card,
.deploy-feedback-panel {
  padding:16px;
}

.browser-list,
.users-list,
.scope-list,
.deploy-activity-list {
  gap:8px;
  scrollbar-gutter:stable;
}

.entry-button,
.browser-entry,
.user-card,
.catalog-card {
  border-radius:18px;
}

.entry-button,
.browser-entry,
.user-card {
  padding:12px;
}

.entry-icon {
  width:40px;
  height:40px;
  border-radius:12px;
}

.stats-list {
  display:grid;
  gap:10px;
}

.stat-line {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
}

.stat-line span {
  color:var(--text-muted);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.stat-line strong {
  text-align:right;
  line-height:1.45;
}

.command-deck,
.filter-deck {
  padding:10px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
}

.metric-card-wide { grid-column:span 2; }

.hero-metrics-compact { grid-template-columns:repeat(2,minmax(0,1fr)); }

.files-shell { gap:14px; }
.files-layout { grid-template-columns:minmax(300px,340px) minmax(0,1fr); gap:16px; }
.files-browser-head,
.file-toolbar,
.session-stack { gap:8px; }
.files-breadcrumbs { gap:6px; }
.files-crumb {
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  font-size:.8rem;
}

.browser-path,
.focus-path-block,
.deploy-feedback,
.toast {
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
}

.toast {
  right:16px;
  bottom:16px;
  padding:14px 15px;
  border-radius:18px;
}

.view-transitioning .view-section.is-active > * {
  animation:panel-reveal .36s cubic-bezier(.2,.8,.2,1) both;
}

.view-transitioning .view-section.is-active > *:nth-child(2) { animation-delay:.03s; }
.view-transitioning .view-section.is-active > *:nth-child(3) { animation-delay:.06s; }
.view-transitioning .view-section.is-active > *:nth-child(4) { animation-delay:.09s; }
.view-transitioning .view-section.is-active > *:nth-child(5) { animation-delay:.12s; }

@media (max-width:1180px) {
  .shell {
    width:min(100%,calc(100vw - 18px));
    padding:12px 0 24px;
  }

  .enterprise-shell { display:block; }

  .sidebar {
    display:none;
    opacity:0;
    pointer-events:none;
    top:10px;
    left:10px;
    right:auto;
    bottom:10px;
    width:min(330px,calc(100vw - 20px));
    border-radius:28px;
    transform:translateX(calc(-100% - 18px));
  }

  body.mobile-sidebar-open .sidebar {
    display:grid;
    opacity:1;
    pointer-events:auto;
    transform:translateX(0);
  }

  .topbar {
    position:static;
    border-radius:26px;
  }

  .workspace,
  .workspace-layout,
  .view-section { gap:14px; }
}

@media (max-width:980px) {
  .topbar-tools {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
  }

  .topbar-tools .search {
    grid-column:1 / -1;
    max-width:none;
  }

  .button-row.wrap .button,
  .process-actions .button,
  .focus-actions .button,
  .terminal-quick-grid .button {
    flex:1 1 calc(50% - 8px);
    min-width:0;
  }

  .metric-card-wide { grid-column:span 1; }
}

@media (max-width:720px) {
  body::after,
  .background-grid,
  .background-noise,
  body::before { display:none; }

  .shell { width:min(100%,calc(100vw - 12px)); padding:10px 0 20px; }
  .auth-shell { padding:12px; }
  .auth-card,
  .sidebar,
  .topbar,
  .panel,
  .hero-panel,
  .auth-form { border-radius:22px; }
  .enterprise-shell,
  .workspace,
  .workspace-layout,
  .view-section { gap:12px; }
  .topbar { padding:14px; }
  .topbar-brand,
  .topbar-copy { gap:6px; }
  .topbar-tools { gap:8px; }
  .topbar-pills { gap:6px; }
  .sidebar { padding:14px; width:min(308px,calc(100vw - 16px)); top:8px; left:8px; bottom:8px; }
  .brand-mark { width:44px; height:44px; border-radius:14px; }
  .nav-item { padding:10px; grid-template-columns:34px minmax(0,1fr); }
  .nav-item-glyph { width:34px; height:34px; border-radius:10px; }
  .nav-item-meta { grid-column:1 / -1; justify-self:start; }
  .controls-panel,
  .process-panel,
  .focus-panel,
  .logs-panel,
  .deploy-panel,
  .files-panel,
  .users-panel,
  .terminal-panel,
  .billing-panel,
  .browser-sidebar,
  .editor-main,
  .scope-card,
  .deploy-feedback-panel { padding:14px; }
  .search input,
  .field-control { min-height:40px; }
  .button { min-height:38px; }
  .files-layout { grid-template-columns:1fr; }
  #view-subtitle,
  #topbar-pills { display:none; }
  .topbar {
    position:static;
    z-index:12;
    padding:10px 12px;
    gap:8px;
  }
  .topbar-brand { gap:2px; }
  .topbar-copy { gap:2px; }
  #view-kicker { font-size:.6rem; letter-spacing:.12em; }
  #view-title { font-size:1rem; line-height:1; }
  .topbar-tools {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    justify-content:stretch;
    gap:6px;
  }
  .topbar-tools .button {
    flex:1 1 calc(33.333% - 6px);
    width:auto;
  }
  .topbar-tools .search {
    flex:1 1 100%;
    order:10;
  }
  .menu-toggle-button,
  #theme-toggle-button,
  #refresh-button,
  #logout-button {
    min-width:0;
  }
  .workspace-layout { gap:10px; }
  .view-section { gap:10px; }
}

@media (max-width:560px) {
  .topbar-tools {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
  }
  .topbar-tools .button,
  .topbar-tools .search,
  .button-row.wrap .button,
  .process-actions .button,
  .focus-actions .button,
  .terminal-quick-grid .button,
  .files-browser-head .button,
  .files-selection-actions .button { flex:1 1 calc(50% - 6px); width:auto; }
  .topbar-tools .button { flex:1 1 calc(50% - 6px); }
  .topbar-tools .search { flex:1 1 100%; }
  .topbar-icon-button { min-width:0; }
  .auth-card,
  .sidebar,
  .topbar,
  .panel,
  .hero-panel,
  .auth-form { border-radius:18px; }
  .sidebar { width:min(300px,calc(100vw - 12px)); }
  .hero-metrics-compact { grid-template-columns:1fr; }
  .files-crumb { width:100%; justify-content:flex-start; }
  .topbar {
    padding:9px 10px;
  }
  #view-kicker { display:none; }
  #view-title { font-size:.96rem; }
  .workspace-layout,
  .view-section { gap:8px; }
  .button-row.wrap .button,
  .process-actions .button,
  .focus-actions .button,
  .terminal-quick-grid .button,
  .files-browser-head .button,
  .files-selection-actions .button { flex:1 1 100%; width:100%; }
}

@media (prefers-reduced-motion: reduce) {
  .view-transitioning .view-section.is-active > * { animation:none; }
}