/* Shubh Ventures v1.31 — ten admin-panel UIs (layout + look). Layout changes apply on wide screens (≥1024px);
   phones keep the normal menu so nothing gets cramped. */

/* ============================================================ looks (tokens) */
html[data-sv-ui="horizon"],html[data-sv-theme][data-sv-ui="horizon"]{--c-primary:#4f46e5 !important;--c-primary-hover:#4338ca !important;--accent:#4f46e5 !important;--accent-soft:rgba(79,70,229,.1) !important;--accent-text:#4338ca !important;--bg:#f6f7fb !important;--radius-card:14px !important;--svx-font:"Manrope",system-ui,sans-serif}
html[data-sv-ui="orbit"],html[data-sv-theme][data-sv-ui="orbit"]{--c-primary:#0ea5e9 !important;--c-primary-hover:#0284c7 !important;--accent:#0284c7 !important;--accent-soft:rgba(14,165,233,.12) !important;--accent-text:#0369a1 !important;--bg:#f3f6f9 !important;--radius-card:18px !important;--svx-font:"Outfit",system-ui,sans-serif}
html[data-sv-ui="dock"],html[data-sv-theme][data-sv-ui="dock"]{--c-primary:#7c3aed !important;--c-primary-hover:#6d28d9 !important;--accent:#7c3aed !important;--accent-soft:rgba(124,58,237,.1) !important;--accent-text:#6d28d9 !important;--bg:#f5f3fb !important;--radius-card:20px !important;--svx-font:"Sora",system-ui,sans-serif}
html[data-sv-ui="atlas"],html[data-sv-theme][data-sv-ui="atlas"]{--c-primary:#0f766e !important;--c-primary-hover:#115e59 !important;--accent:#0f766e !important;--accent-soft:rgba(15,118,110,.1) !important;--accent-text:#0f766e !important;--bg:#f4f7f6 !important;--radius-card:12px !important;--svx-font:"DM Sans",system-ui,sans-serif}
html[data-sv-ui="mirror"],html[data-sv-theme][data-sv-ui="mirror"]{--c-primary:#b45309 !important;--c-primary-hover:#92400e !important;--accent:#b45309 !important;--accent-soft:rgba(180,83,9,.1) !important;--accent-text:#92400e !important;--bg:#faf7f2 !important;--c-surface:#fffdf9 !important;--surface-2:#f3ede4 !important;--radius-card:16px !important;--svx-font:"Nunito Sans",system-ui,sans-serif}
html[data-sv-ui="focus"],html[data-sv-theme][data-sv-ui="focus"]{--c-primary:#1f2937 !important;--c-primary-hover:#111827 !important;--accent:#1f2937 !important;--accent-soft:rgba(31,41,55,.07) !important;--accent-text:#111827 !important;--bg:#fbfbf9 !important;--radius-card:10px !important;--svx-font:"Inter",system-ui,sans-serif;--svx-head:"Newsreader",Georgia,serif}
html[data-sv-ui="ledger"],html[data-sv-theme][data-sv-ui="ledger"]{--c-primary:#15803d !important;--c-primary-hover:#166534 !important;--accent:#15803d !important;--accent-soft:rgba(21,128,61,.1) !important;--accent-text:#166534 !important;--bg:#f5f6f4 !important;--radius-card:8px !important;--svx-font:"IBM Plex Sans",system-ui,sans-serif;--svx-mono:"IBM Plex Mono",ui-monospace,monospace}
html[data-sv-ui="midnight"],html[data-sv-theme][data-sv-ui="midnight"]{--c-primary:#a78bfa !important;--c-primary-hover:#c4b5fd !important;--accent:#8b5cf6 !important;--accent-hover:#a78bfa !important;--accent-soft:rgba(139,92,246,.16) !important;--accent-text:#c4b5fd !important;--bg:#080614 !important;--c-surface:#110e22 !important;--c-surface-elevated:#171331 !important;--radius-card:16px !important;--svx-font:"Space Grotesk",system-ui,sans-serif;--surface:rgba(23,19,49,.66) !important;--surface-solid:#110e22 !important;--surface-elevated:#171331 !important;--surface-2:rgba(167,139,250,.08) !important;--surface-3:rgba(167,139,250,.13) !important;--border:rgba(167,139,250,.14) !important;--c-border:rgba(167,139,250,.14) !important;--border-strong:rgba(167,139,250,.24) !important;--text:#f1edff !important;--c-text:#f1edff !important;--text-body:#d6cff5 !important;--muted:#9a90c4 !important;--c-muted:#9a90c4 !important;--faint:#6b6394 !important;--hover:rgba(167,139,250,.08) !important;--ring:rgba(167,139,250,.45) !important}
html[data-sv-ui="bento"],html[data-sv-theme][data-sv-ui="bento"]{--c-primary:#e11d48 !important;--c-primary-hover:#be123c !important;--accent:#e11d48 !important;--accent-soft:rgba(225,29,72,.09) !important;--accent-text:#be123c !important;--bg:#f7f4f1 !important;--radius-card:26px !important;--svx-font:"Nunito",system-ui,sans-serif}
html[data-sv-ui="terminal"],html[data-sv-theme][data-sv-ui="terminal"]{--c-primary:#22c55e !important;--c-primary-hover:#4ade80 !important;--accent:#16a34a !important;--accent-hover:#22c55e !important;--accent-soft:rgba(34,197,94,.13) !important;--accent-text:#4ade80 !important;--bg:#050806 !important;--c-surface:#0b110d !important;--c-surface-elevated:#0f1812 !important;--c-border:rgba(74,222,128,.13) !important;--radius-card:6px !important;--svx-font:"JetBrains Mono",ui-monospace,monospace;--surface:#0b110d !important;--surface-solid:#0b110d !important;--surface-elevated:#0f1812 !important;--surface-2:rgba(74,222,128,.06) !important;--surface-3:rgba(74,222,128,.1) !important;--border:rgba(74,222,128,.14) !important;--border-strong:rgba(74,222,128,.25) !important;--text:#d1fae5 !important;--c-text:#d1fae5 !important;--text-body:#a7f3d0 !important;--muted:#5f9c74 !important;--c-muted:#5f9c74 !important;--faint:#3f6b50 !important;--hover:rgba(74,222,128,.07) !important;--ring:rgba(74,222,128,.4) !important}

html.svx body{font-family:var(--svx-font)!important}
html.svx #svx-top,html.svx #svx-dock,html.svx #svx-split,html.svx #svx-launch{font-family:var(--svx-font)}
html.svx .card{border-radius:var(--radius-card)!important}

/* --- per-look details */
html[data-sv-ui="horizon"] main h1{letter-spacing:-.03em}
html[data-sv-ui="horizon"] .card{box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px -18px rgba(79,70,229,.22)!important;border-color:rgba(79,70,229,.08)!important}
html[data-sv-ui="orbit"] .card{box-shadow:0 18px 40px -26px rgba(2,132,199,.35)!important;border:0!important}
html[data-sv-ui="orbit"] .btn-primary{border-radius:12px!important;background:linear-gradient(135deg,#0ea5e9,#6366f1)!important;border:0!important}
html[data-sv-ui="dock"] body{background:radial-gradient(1200px 600px at 10% -10%,rgba(124,58,237,.12),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(236,72,153,.1),transparent 60%),var(--bg)!important}
html[data-sv-ui="dock"] .shell{background:transparent!important}
html[data-sv-ui="dock"] .card{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 20px 50px -30px rgba(76,29,149,.45)!important}
html[data-sv-ui="dock"] .btn-primary,html[data-sv-ui="dock"] .btn-secondary,html[data-sv-ui="dock"] .input{border-radius:999px!important}
html[data-sv-ui="atlas"] .card{box-shadow:none!important;border:1px solid rgba(15,118,110,.14)!important}
html[data-sv-ui="atlas"] main h1{font-weight:700;letter-spacing:-.02em}
html[data-sv-ui="atlas"] .eyebrow{color:#0f766e!important}
html[data-sv-ui="mirror"] .card{border:1px solid #eadfcd!important;box-shadow:0 8px 24px -18px rgba(120,53,15,.35)!important}
html[data-sv-ui="mirror"] main h1{font-family:"Lora",Georgia,serif;font-weight:600}
html[data-sv-ui="focus"] main h1,html[data-sv-ui="focus"] main h2{font-family:var(--svx-head)!important;font-weight:600!important;letter-spacing:-.01em}
html[data-sv-ui="focus"] main h1{font-size:2.3rem!important}
html[data-sv-ui="focus"] .card{box-shadow:none!important;border:1px solid #e7e5e0!important}
html[data-sv-ui="focus"] .btn-primary{border-radius:8px!important}
html[data-sv-ui="ledger"] table td,html[data-sv-ui="ledger"] table th{padding-top:6px!important;padding-bottom:6px!important}
html[data-sv-ui="ledger"] table tbody tr:nth-child(even){background:color-mix(in srgb,var(--accent) 3.5%,transparent)}
html[data-sv-ui="ledger"] table td,html[data-sv-ui="ledger"] .tabular-nums,html[data-sv-ui="ledger"] .font-mono{font-variant-numeric:tabular-nums}
html[data-sv-ui="ledger"] main h1{font-size:1.45rem!important}
html[data-sv-ui="ledger"] .card{box-shadow:none!important;border:1px solid rgba(20,40,20,.12)!important}
html[data-sv-ui="ledger"] main{padding-top:14px!important}
html[data-sv-ui="midnight"] body{background:radial-gradient(900px 500px at 80% -10%,rgba(139,92,246,.22),transparent 60%),radial-gradient(800px 500px at -10% 110%,rgba(56,189,248,.12),transparent 60%),#080614!important}
html[data-sv-ui="midnight"] .shell{background:transparent!important}
html[data-sv-ui="midnight"] .card{background:rgba(23,19,49,.66)!important;border:1px solid rgba(167,139,250,.14)!important;box-shadow:0 0 0 1px rgba(167,139,250,.04),0 24px 60px -30px rgba(139,92,246,.45)!important}
html[data-sv-ui="midnight"] .btn-primary{background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;border:0!important;box-shadow:0 10px 26px -12px rgba(236,72,153,.7)!important}
html[data-sv-ui="midnight"] main h1{background:linear-gradient(90deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html[data-sv-ui="bento"] .card{border:0!important;box-shadow:0 2px 0 rgba(0,0,0,.03),0 18px 40px -28px rgba(120,60,40,.35)!important}
html[data-sv-ui="bento"] main h1{font-weight:800!important;font-size:2.2rem!important;letter-spacing:-.03em}
html[data-sv-ui="bento"] .btn-primary,html[data-sv-ui="bento"] .btn-secondary{border-radius:16px!important}
html[data-sv-ui="bento"] main .grid>.card:nth-child(4n+1){background:#fff1f2!important}
html[data-sv-ui="bento"] main .grid>.card:nth-child(4n+2){background:#fef9c3!important}
html[data-sv-ui="bento"] main .grid>.card:nth-child(4n+3){background:#e0f2fe!important}
html[data-sv-ui="bento"] main .grid>.card:nth-child(4n+4){background:#dcfce7!important}
html[data-sv-ui="terminal"] body{background:#050806!important}
html[data-sv-ui="terminal"] .shell{background:repeating-linear-gradient(0deg,rgba(74,222,128,.025) 0 1px,transparent 1px 3px)!important}
html[data-sv-ui="terminal"] .card{background:#0b110d!important;border:1px solid rgba(74,222,128,.18)!important;box-shadow:none!important}
html[data-sv-ui="terminal"] main h1{color:#4ade80!important;font-weight:600!important}
html[data-sv-ui="terminal"] main h1:before{content:"> ";opacity:.6}
html[data-sv-ui="terminal"] .btn-primary{background:#16a34a!important;color:#03140a!important;border-radius:4px!important;border:0!important}
html[data-sv-ui="terminal"] .btn-secondary,html[data-sv-ui="terminal"] .input{border-radius:4px!important}

/* ============================================================ layouts (wide screens) */
@media (min-width:1024px){
  /* sidebar hidden — top menu, dock, split and launcher layouts */
  html.svm-top aside.fixed,html.svm-dock aside.fixed,html.svm-split aside.fixed,html.svm-launch aside.fixed{display:none!important}
  html.svm-top .lg\:pl-64,html.svm-dock .lg\:pl-64,html.svm-launch .lg\:pl-64{padding-left:0!important}
  html.svm-split .lg\:pl-64{padding-left:296px!important}

  /* ---------- top menu */
  .svx-top{position:sticky;top:var(--header-h,52px);z-index:19;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid,#fff) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .svx-top-in{display:flex;align-items:center;gap:2px;padding:6px 18px;max-width:1500px;margin:0 auto}
  .svx-tg{position:relative}
  .svx-tb{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:.84rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
  .svx-tb svg{opacity:.6;transition:transform .2s}
  .svx-tb:hover,.svx-tg.is-open .svx-tb{background:var(--surface-2);color:var(--text)}
  .svx-tg.is-open .svx-tb svg{transform:rotate(180deg)}
  .svx-tb.on{color:var(--accent-text,var(--accent));background:var(--accent-soft)}
  .svx-sp{flex:1}
  .svx-all{border:1px solid var(--border)}
  html[data-sv-ui="midnight"] .svx-top{background:rgba(12,9,28,.8);border-bottom-color:rgba(167,139,250,.14)}
}
/* popovers (top + dock) */
.svx-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:440px;max-width:600px;padding:12px;border-radius:16px;border:1px solid var(--border);background:var(--surface-solid,#fff);box-shadow:0 30px 60px -24px rgba(15,23,42,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
.svx-pop.open{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease,transform .16s ease}
.svx-pop.up{top:auto;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,6px)}
.svx-pop.up.open{transform:translate(-50%,0)}
.svx-pop-h{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:2px 8px 8px}
.svx-pop-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.svx-l{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--text-body,var(--text));font-size:.85rem;font-weight:500;text-decoration:none;transition:background .12s}
.svx-l svg{flex:none;width:16px;height:16px;color:var(--muted)}
.svx-l span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svx-l em{font-style:normal;font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:99px;background:var(--accent);color:#fff}
.svx-l:hover{background:var(--surface-2)}
.svx-l.on{background:var(--accent-soft);color:var(--accent-text,var(--accent))}
.svx-l.on svg{color:currentColor}

@media (min-width:1024px){
  /* ---------- dock */
  html.svm-dock main{padding-bottom:130px!important}
  .svx-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:44}
  .svx-dock-in{display:flex;align-items:center;gap:4px;padding:8px;border-radius:22px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 24px 50px -20px rgba(30,20,70,.4),inset 0 1px 0 rgba(255,255,255,.8)}
  html.theme-dark .svx-dock-in{background:rgba(20,22,34,.75);border-color:rgba(255,255,255,.08)}
  .svx-dg{position:relative}
  .svx-di{position:relative;width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:14px;background:transparent;color:var(--muted);cursor:pointer;transition:transform .18s cubic-bezier(.3,1.5,.6,1),background .15s,color .15s}
  .svx-di svg{width:20px;height:20px}
  .svx-di:hover{transform:translateY(-6px) scale(1.12);background:var(--surface-solid,#fff);color:var(--accent);box-shadow:0 10px 20px -10px rgba(0,0,0,.3)}
  .svx-di.on{color:var(--accent);background:var(--accent-soft)}
  .svx-di.on:after{content:"";position:absolute;bottom:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
  .svx-dt{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);padding:4px 9px;border-radius:8px;background:#111827;color:#fff;font-size:.72rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}
  .svx-di:hover .svx-dt{opacity:1}
  .svx-dg.is-open .svx-dt{opacity:0}
  .svx-dsep{width:1px;height:28px;margin:0 4px;background:var(--border)}
  html[data-sv-ui="bento"] .svx-dock-in{border-radius:28px;background:#1f1d1b;border-color:#1f1d1b}
  html[data-sv-ui="bento"] .svx-di{color:#a8a29e}
  html[data-sv-ui="bento"] .svx-di:hover{background:#fff;color:#e11d48}
  html[data-sv-ui="bento"] .svx-di.on{background:#e11d48;color:#fff}
  html[data-sv-ui="bento"] .svx-di.on:after{background:#fff}

  /* ---------- split (sections column + pages column) */
  .svx-split{position:fixed;top:0;bottom:0;left:0;z-index:30;display:flex;width:296px}
  .svx-s1{width:76px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:#0f2e2b;overflow-y:auto;scrollbar-width:none}
  .svx-s1 .svx-brand{margin-bottom:10px}
  .svx-s1 .svx-brand img{width:34px;height:34px;border-radius:10px;background:#fff;padding:4px}
  .svx-si{width:60px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border:0;border-radius:12px;background:transparent;color:#9fc7c1;cursor:pointer;font-size:.6rem;font-weight:600;letter-spacing:.02em;transition:background .15s,color .15s}
  .svx-si svg{width:19px;height:19px}
  .svx-si span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .svx-si:hover{background:rgba(255,255,255,.08);color:#fff}
  .svx-si.on{background:#14b8a6;color:#04201d}
  .svx-si.here:not(.on){box-shadow:inset 3px 0 0 #2dd4bf}
  .svx-s2{flex:1;padding:18px 10px;background:var(--surface-solid,#fff);border-right:1px solid var(--border);overflow-y:auto;animation:svx-in .22s ease both}
  .svx-s2-h{font-size:1.05rem;font-weight:700;color:var(--text);padding:4px 10px 14px}
  .svx-s2 .svx-l{margin-bottom:2px}

  /* ---------- icon rail */
  html.svm-rail aside.fixed{width:76px!important}
  html.svm-rail .lg\:pl-64{padding-left:76px!important}
  html.svm-rail aside .glass{align-items:center}
  html.svm-rail aside .glass>div:first-child{padding:16px 0 12px!important;justify-content:center}
  html.svm-rail aside .glass>div:first-child>*:not(:first-child){display:none!important}
  html.svm-rail aside nav{padding:0 10px 14px!important;width:100%;scrollbar-width:none}
  html.svm-rail aside nav .eyebrow{font-size:0!important;height:1px;padding:0!important;margin:10px 8px!important;background:var(--border);pointer-events:none}
  html.svm-rail aside nav .eyebrow *{display:none!important}
  html.svm-rail aside nav .v120-gl,html.svm-rail aside nav .space-y-0\.5{display:flex!important;flex-direction:column;gap:4px;height:auto!important;max-height:none!important;overflow:visible!important}
  html.svm-rail aside nav a.nav-link{position:relative;justify-content:center;width:52px;height:44px;padding:0!important;margin:0 auto;font-size:0!important;border-radius:14px!important;gap:0!important}
  html.svm-rail aside nav a.nav-link svg{width:19px!important;height:19px!important}
  html.svm-rail aside nav a.nav-link [class*="nb"],html.svm-rail aside nav a.nav-link .badge{position:absolute;top:4px;right:4px;font-size:.6rem!important;min-width:16px;height:16px;padding:0 4px;line-height:16px}
  html.svm-rail aside .divider{padding:10px 0!important;display:flex;justify-content:center}
  html.svm-rail aside .divider>*{display:none!important}
  html.svm-rail aside .divider>*:first-child{display:flex!important;justify-content:center}
  html.svm-rail aside .divider>*:first-child>*:not(:first-child){display:none!important}
  html:root[data-sv-ui="orbit"] body aside.fixed > .glass{background:#0b1220!important;border-right:0!important}
  html[data-sv-ui="orbit"] aside nav a.nav-link{color:#7c8aa5!important}
  html[data-sv-ui="orbit"] aside nav a.nav-link:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
  html[data-sv-ui="orbit"] aside nav a.nav-link-active{background:linear-gradient(135deg,#0ea5e9,#6366f1)!important;color:#fff!important;box-shadow:0 8px 20px -8px rgba(14,165,233,.8)!important}
  html[data-sv-ui="orbit"] aside nav .eyebrow{background:rgba(255,255,255,.08)!important}
  html:root[data-sv-ui="terminal"] body aside.fixed > .glass{background:#030604!important;border-right:1px solid rgba(74,222,128,.15)!important}
  html[data-sv-ui="terminal"] aside nav a.nav-link{color:#4b7a5a!important;border-radius:6px!important}
  html[data-sv-ui="terminal"] aside nav a.nav-link:hover{color:#4ade80!important;background:rgba(74,222,128,.08)!important}
  html[data-sv-ui="terminal"] aside nav a.nav-link-active{color:#03140a!important;background:#22c55e!important}

  /* ---------- sidebar on the right */
  html.svm-right aside.fixed{left:auto!important;right:0!important}
  html.svm-right aside .glass{border-right:0!important;border-left:1px solid var(--border)!important}
  html.svm-right .lg\:pl-64{padding-left:0!important;padding-right:16rem!important}
  html:root[data-sv-ui="mirror"] body aside.fixed > .glass{background:#fbf6ee!important}
  html[data-sv-ui="mirror"] aside nav a.nav-link-active{background:#b45309!important;color:#fff!important}
  html.svm-right .sv131-adv,html.svm-right #sv131-ss-back,html.svm-right #svrp-btn{right:calc(16rem + 22px)}

  /* ---------- launcher (no sidebar, centred reading width) */
  html.svm-launch main{max-width:1180px!important}
  .svx-lbtn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:9px;border:1px solid var(--border);background:var(--surface-solid,#fff);color:var(--text);font-size:.84rem;font-weight:600;cursor:pointer}
  .svx-lbtn:hover{border-color:var(--accent)}

  /* ---------- dense */
  html.svm-dense{font-size:14.5px}
  html.svm-dense aside.fixed{width:14rem!important}
  html.svm-dense .lg\:pl-64{padding-left:14rem!important}
  html.svm-dense aside nav a.nav-link{padding-top:5px!important;padding-bottom:5px!important;font-size:.82rem!important}
  html.svm-dense aside nav{gap:8px}
  html:root[data-sv-ui="ledger"] body aside.fixed > .glass{background:#f0f2ee!important}
  html[data-sv-ui="ledger"] aside nav a.nav-link-active{background:#15803d!important;color:#fff!important;border-radius:6px!important}
  html[data-sv-ui="ledger"] header.glass{background:#ecf7ef!important;border-bottom:2px solid #15803d!important}
}

/* launcher overlay (all layouts that hide the sidebar) */
.svx-launch{position:fixed;inset:0;z-index:80;display:none}
.svx-launch.open{display:block}
.svx-launch-bg{position:absolute;inset:0;background:rgba(15,23,42,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:svx-fade .18s ease both}
.svx-launch-in{position:absolute;left:50%;top:7vh;transform:translateX(-50%);width:min(1060px,calc(100vw - 32px));max-height:84vh;display:flex;flex-direction:column;border-radius:22px;background:var(--surface-solid,#fff);border:1px solid var(--border);box-shadow:0 40px 80px -30px rgba(0,0,0,.5);overflow:hidden;animation:svx-pop .22s cubic-bezier(.2,.9,.3,1.2) both}
.svx-launch-h{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border)}
.svx-launch-h b{font-size:1rem;color:var(--text);white-space:nowrap}
.svx-launch-h input{flex:1;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.92rem;outline:0}
.svx-launch-h input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.svx-launch-h button{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}
.svx-launch-g{padding:16px;overflow-y:auto;columns:3 240px;column-gap:16px}
.svx-launch-g section{break-inside:avoid;margin-bottom:16px;padding:10px;border-radius:14px;background:var(--surface-2)}
.svx-launch-g h4{margin:2px 8px 6px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.svx-launch-g .svx-l:hover{background:var(--surface-solid,#fff)}

#svx-tip{position:fixed;z-index:90;transform:translateY(-50%);padding:6px 10px;border-radius:8px;background:#0f172a;color:#fff;font-size:.76rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s}
#svx-tip.on{opacity:1}
html[data-sv-ui="terminal"] #svx-tip{background:#22c55e;color:#03140a;font-family:var(--svx-font)}

@keyframes svx-in{from{opacity:0;transform:translateX(-6px)}}
@keyframes svx-fade{from{opacity:0}}
@keyframes svx-pop{from{opacity:0;transform:translate(-50%,10px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.svx-pop,.svx-di,.svx-launch-in,.svx-s2{transition:none!important;animation:none!important}}

/* ============================================================ UI Manager — personal UI boxes with proper spacing */
.svup-ed{padding:18px!important;margin:10px 0 16px!important;display:grid;gap:16px}
.svup-ed-row{gap:10px!important;margin-bottom:0!important}
.svup-ed-row>.label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.svup-skins{gap:12px!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}
.svup-skin{padding:8px!important;gap:8px!important;border-radius:14px!important;transition:border-color .15s,transform .15s}
.svup-skin:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.svup-cols{gap:16px!important}
.svup-pick{border-radius:14px!important;overflow:hidden}
.svup-pick-h{padding:12px 14px!important}
.svup-opts{padding:8px!important;display:grid;gap:4px}
.svup-opt{padding:10px 12px!important;border:1px solid transparent}
.svup-opt.on{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
.svup-hint{margin:0!important}
.svup-ed-f{margin-top:0!important;padding-top:14px;border-top:1px solid var(--border)}
.svup-list{display:grid;gap:12px;margin-top:12px!important}
.svup-list li{padding:14px 16px!important;border:1px solid var(--border)!important;border-radius:14px;background:var(--surface-solid,#fff)}
.svup-list li:first-child{border-top:1px solid var(--border)!important}
.svup-l{gap:10px!important}
.svup-who{gap:8px!important}
.svup-chip{padding:4px 11px!important}
.svum-grid{gap:18px!important}


/* new-UI mock base */
.svum-mock-horizon{--mk:#4f46e5}.svum-mock-orbit{--mk:#0ea5e9}.svum-mock-dock{--mk:#7c3aed}.svum-mock-atlas{--mk:#0f766e}.svum-mock-mirror{--mk:#b45309}.svum-mock-focus{--mk:#1f2937}.svum-mock-ledger{--mk:#15803d}.svum-mock-midnight{--mk:#a78bfa}.svum-mock-bento{--mk:#e11d48}.svum-mock-terminal{--mk:#22c55e}
.svum-mock-horizon .m-side,.svum-mock-orbit .m-side,.svum-mock-dock .m-side,.svum-mock-atlas .m-side,.svum-mock-mirror .m-side,.svum-mock-focus .m-side,.svum-mock-ledger .m-side,.svum-mock-midnight .m-side,.svum-mock-bento .m-side,.svum-mock-terminal .m-side,.svum-mock-horizon .m-top,.svum-mock-orbit .m-top,.svum-mock-dock .m-top,.svum-mock-atlas .m-top,.svum-mock-mirror .m-top,.svum-mock-focus .m-top,.svum-mock-ledger .m-top,.svum-mock-midnight .m-top,.svum-mock-bento .m-top,.svum-mock-terminal .m-top,.svum-mock-horizon .m-card,.svum-mock-orbit .m-card,.svum-mock-dock .m-card,.svum-mock-atlas .m-card,.svum-mock-mirror .m-card,.svum-mock-focus .m-card,.svum-mock-ledger .m-card,.svum-mock-midnight .m-card,.svum-mock-bento .m-card,.svum-mock-terminal .m-card{background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.08)}
.svum-mock-horizon .m-side i,.svum-mock-orbit .m-side i,.svum-mock-dock .m-side i,.svum-mock-atlas .m-side i,.svum-mock-mirror .m-side i,.svum-mock-focus .m-side i,.svum-mock-ledger .m-side i,.svum-mock-midnight .m-side i,.svum-mock-bento .m-side i,.svum-mock-terminal .m-side i,.svum-mock-horizon .m-card em,.svum-mock-orbit .m-card em,.svum-mock-dock .m-card em,.svum-mock-atlas .m-card em,.svum-mock-mirror .m-card em,.svum-mock-focus .m-card em,.svum-mock-ledger .m-card em,.svum-mock-midnight .m-card em,.svum-mock-bento .m-card em,.svum-mock-terminal .m-card em,.svum-mock-horizon .m-top b,.svum-mock-orbit .m-top b,.svum-mock-dock .m-top b,.svum-mock-atlas .m-top b,.svum-mock-mirror .m-top b,.svum-mock-focus .m-top b,.svum-mock-ledger .m-top b,.svum-mock-midnight .m-top b,.svum-mock-bento .m-top b,.svum-mock-terminal .m-top b{background:#94a3b8}
.svum-mock-horizon .m-side i.on,.svum-mock-orbit .m-side i.on,.svum-mock-dock .m-side i.on,.svum-mock-atlas .m-side i.on,.svum-mock-mirror .m-side i.on,.svum-mock-focus .m-side i.on,.svum-mock-ledger .m-side i.on,.svum-mock-midnight .m-side i.on,.svum-mock-bento .m-side i.on,.svum-mock-terminal .m-side i.on,.svum-mock-horizon .m-top span,.svum-mock-orbit .m-top span,.svum-mock-dock .m-top span,.svum-mock-atlas .m-top span,.svum-mock-mirror .m-top span,.svum-mock-focus .m-top span,.svum-mock-ledger .m-top span,.svum-mock-midnight .m-top span,.svum-mock-bento .m-top span,.svum-mock-terminal .m-top span,.svum-mock-horizon .m-chart s,.svum-mock-orbit .m-chart s,.svum-mock-dock .m-chart s,.svum-mock-atlas .m-chart s,.svum-mock-mirror .m-chart s,.svum-mock-focus .m-chart s,.svum-mock-ledger .m-chart s,.svum-mock-midnight .m-chart s,.svum-mock-bento .m-chart s,.svum-mock-terminal .m-chart s{background:var(--mk)}
.svum-mock-horizon .m-card strong,.svum-mock-orbit .m-card strong,.svum-mock-dock .m-card strong,.svum-mock-atlas .m-card strong,.svum-mock-mirror .m-card strong,.svum-mock-focus .m-card strong,.svum-mock-ledger .m-card strong,.svum-mock-midnight .m-card strong,.svum-mock-bento .m-card strong,.svum-mock-terminal .m-card strong{background:#0f172a}
.svum-mock-midnight .m-card strong,.svum-mock-terminal .m-card strong{background:#e2e8f0}.svum-mock-midnight .m-top,.svum-mock-terminal .m-top{background:rgba(255,255,255,.06)!important;box-shadow:none}
/* UI Manager — mock previews for the new admin UIs (they show the layout, not only the colours) */
.svum-mock-horizon .m-side,.svum-mock-dock .m-side,.svum-mock-focus .m-side,.svum-mock-bento .m-side,.svum-mock-midnight .m-side{display:none!important}
.svum-mock-horizon .m-main:before,.svum-mock-midnight .m-main:before{content:"";display:block;height:9px;margin:-2px 0 6px;border-radius:4px;background:repeating-linear-gradient(90deg,currentColor 0 18px,transparent 18px 26px);opacity:.25}
.svum-mock-horizon{color:#4f46e5;background:#f6f7fb!important}
.svum-mock-midnight{color:#a78bfa;background:#0d0a1f!important}
.svum-mock-midnight .m-card{background:#1a1536!important;border-color:rgba(167,139,250,.25)!important}
.svum-mock-orbit .m-side,.svum-mock-terminal .m-side{width:14%!important;flex:none!important}
.svum-mock-orbit{background:#f3f6f9!important}.svum-mock-orbit .m-side{background:#0b1220!important}
.svum-mock-orbit .m-side i.on{background:linear-gradient(135deg,#0ea5e9,#6366f1)!important}
.svum-mock-terminal{background:#050806!important}.svum-mock-terminal .m-side{background:#030604!important;border-right:1px solid rgba(74,222,128,.3)}
.svum-mock-terminal .m-card{background:#0b110d!important;border:1px solid rgba(74,222,128,.35)!important}
.svum-mock-terminal .m-side i.on,.svum-mock-terminal .m-chart s{background:#22c55e!important}
.svum-mock-dock{position:relative;background:linear-gradient(135deg,#f3e8ff,#fce7f3)!important}
.svum-mock-dock:after,.svum-mock-bento:after{content:"";position:absolute;left:30%;right:30%;bottom:6%;height:12%;border-radius:8px;background:rgba(255,255,255,.85);box-shadow:0 4px 10px -4px rgba(76,29,149,.5)}
.svum-mock-bento{position:relative;background:#f7f4f1!important}.svum-mock-bento:after{background:#1f1d1b}
.svum-mock-bento .m-card:nth-child(1){background:#fff1f2!important}.svum-mock-bento .m-card:nth-child(2){background:#fef9c3!important}.svum-mock-bento .m-card:nth-child(3){background:#e0f2fe!important}
.svum-mock-atlas .m-side{width:30%!important;flex:none!important;background:linear-gradient(90deg,#0f2e2b 0 36%,#fff 36%)!important}
.svum-mock-atlas .m-side i{margin-left:42%!important}
.svum-mock-atlas{background:#f4f7f6!important}
.svum-mock-mirror{flex-direction:row-reverse!important;background:#faf7f2!important}
.svum-mock-mirror .m-side{background:#fbf6ee!important;border-left:1px solid #eadfcd}
.svum-mock-mirror .m-side i.on{background:#b45309!important}
.svum-mock-focus{background:#fbfbf9!important}.svum-mock-focus .m-main{padding-left:14%!important;padding-right:14%!important}
.svum-mock-ledger{background:#f5f6f4!important}.svum-mock-ledger .m-side{width:18%!important;flex:none!important}
.svum-mock-ledger .m-top{background:#14532d!important}
.svum-mock-ledger .m-side i.on,.svum-mock-ledger .m-chart s{background:#15803d!important}
.svum-only{cursor:default!important;opacity:.75}.svum-only:hover{background:none!important;color:var(--muted)!important}

/* ---------- v1.32 Personal UI editor */
#svup{margin-bottom:16px!important}
.svum-hist{margin-top:16px!important}
#svup .svup-ed{padding:18px!important;border-radius:18px!important;display:flex;flex-direction:column;gap:18px}
#svup .svup-ed-row{margin:0!important;gap:12px!important}
.svup-step{display:flex;gap:12px;align-items:center}
.svup-step>i{font-style:normal;width:30px;height:30px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;background:var(--accent);box-shadow:0 6px 14px -6px var(--accent)}
.svup-step b{display:block;font-size:.95rem;color:var(--text)}
.svup-step small{display:block;font-size:.78rem;color:var(--muted)}
#svup .svup-skins{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:10px!important}
#svup .svup-skin{position:relative;padding:8px!important;gap:8px!important;border-radius:14px!important;transition:transform .15s,border-color .15s,box-shadow .15s}
#svup .svup-skin:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}
#svup .svup-skin .svum-mock{height:64px!important;border-radius:9px;overflow:hidden}
#svup .svup-skin span{font-weight:600}
#svup .svup-skin.on:after{content:"✓";position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--surface-solid,#fff)}
#svup .svup-q{height:42px;border-radius:12px!important;padding-left:14px}
#svup .svup-cols{gap:14px!important}
#svup .svup-pick{border-radius:16px!important;overflow:hidden}
#svup .svup-pick-h{padding:12px 14px!important;background:var(--surface-2)}
#svup .svup-opts{padding:8px!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;max-height:300px}
#svup .svup-opt{padding:9px 10px!important;border:1px solid var(--border);border-radius:12px!important;background:var(--surface-solid,#fff);transition:border-color .12s,background .12s}
#svup .svup-opt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-solid,#fff))!important}
#svup .svup-opt input{order:3;margin-left:auto}
.svup-av{width:32px;height:32px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
#svup .svup-opt.on .svup-av{background:var(--accent);color:#fff}
#svup .svup-hint{margin:0!important;padding:10px 12px;border-radius:12px;background:var(--surface-2)}
#svup .svup-ed-f{position:sticky;bottom:12px;z-index:5;margin:0!important;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid,#fff) 92%,transparent);backdrop-filter:blur(8px);box-shadow:0 10px 30px -16px rgba(15,23,42,.35)}
.svup-sum{margin-right:auto;display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted);min-width:0}
.svup-sum-ui{font-weight:700;color:var(--accent);padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent)}
.svup-sum-ui.none{color:var(--muted);background:var(--surface-2)}
#svup .svup-list li{padding:14px!important;margin-top:8px;border:1px solid var(--border)!important;border-radius:14px;background:var(--surface-solid,#fff)}