/* VSA Flow 5.0 — pełny, niezależny shell wizualny nad oryginalnym DOM i API. */
html[data-vsa-ui-mode="flow"]{
  --vsa-bg:#050d17;--vsa-bg-2:#071321;--vsa-sidebar:#0a1726;--vsa-panel:#0e1b2d;--vsa-panel-2:#101f33;--vsa-panel-3:#091523;
  --vsa-line:#203751;--vsa-line-strong:#2a4967;--vsa-text:#edf7ff;--vsa-muted:#8fa4ba;--vsa-muted-2:#617b94;
  --vsa-cyan:#16dff2;--vsa-blue:#4c7dff;--vsa-green:#27dfa2;--vsa-amber:#ffbd59;--vsa-red:#ff6877;
  --vsa-radius-xl:24px;--vsa-radius-lg:17px;--vsa-radius-md:12px;--vsa-sidebar-w:274px;color-scheme:dark;background:var(--vsa-bg)
}
html[data-vsa-ui-mode="flow"] *,html[data-vsa-ui-mode="flow"] *::before,html[data-vsa-ui-mode="flow"] *::after{box-sizing:border-box}
html[data-vsa-ui-mode="flow"] body{min-height:100vh;margin:0;color:var(--vsa-text);background:radial-gradient(circle at 5% 2%,rgba(22,223,242,.10),transparent 28rem),radial-gradient(circle at 94% 94%,rgba(76,125,255,.07),transparent 34rem),linear-gradient(180deg,#050d17,#06111d 52%,#050d17);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.45;overflow-x:hidden}
html[data-vsa-ui-mode="flow"] button,html[data-vsa-ui-mode="flow"] input,html[data-vsa-ui-mode="flow"] textarea,html[data-vsa-ui-mode="flow"] select{font:inherit}
html[data-vsa-ui-mode="flow"] a{color:inherit}

/* Login */
html[data-vsa-ui-mode="flow"] body.vsa4-login{min-height:100vh;display:grid!important;place-items:center;padding:24px;overflow:hidden}
html[data-vsa-ui-mode="flow"] body.vsa4-login::before,html[data-vsa-ui-mode="flow"] body.vsa4-login::after{content:"";position:fixed;width:34rem;height:34rem;border-radius:50%;pointer-events:none;filter:blur(86px);opacity:.14}
html[data-vsa-ui-mode="flow"] body.vsa4-login::before{left:-19rem;top:-20rem;background:var(--vsa-cyan)}
html[data-vsa-ui-mode="flow"] body.vsa4-login::after{right:-20rem;bottom:-22rem;background:var(--vsa-blue)}
html[data-vsa-ui-mode="flow"] body.vsa4-login .box{position:relative;z-index:1;width:min(450px,94vw)!important;padding:39px 34px 30px!important;border:1px solid rgba(22,223,242,.36)!important;border-radius:23px!important;background:linear-gradient(145deg,rgba(16,31,51,.98),rgba(8,19,32,.99))!important;box-shadow:0 32px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.04)!important;overflow:hidden}
html[data-vsa-ui-mode="flow"] body.vsa4-login .box::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--vsa-cyan),var(--vsa-blue),transparent)}
html[data-vsa-ui-mode="flow"] body.vsa4-login .logo{width:58px;height:58px;display:grid!important;place-items:center;margin:0 auto 14px!important;border:1px solid rgba(22,223,242,.35);border-radius:17px;background:linear-gradient(145deg,rgba(22,223,242,.12),rgba(76,125,255,.11));font-size:0!important}
html[data-vsa-ui-mode="flow"] body.vsa4-login .logo svg{width:31px;height:31px}
html[data-vsa-ui-mode="flow"] body.vsa4-login h1{margin:0 0 5px!important;color:var(--vsa-text)!important;font-size:32px!important;font-weight:950!important;letter-spacing:-.045em}
html[data-vsa-ui-mode="flow"] body.vsa4-login .sub{margin:0 0 22px!important;color:#9bb3c9!important;font-size:14px!important}
html[data-vsa-ui-mode="flow"] body.vsa4-login label{margin:0 0 7px!important;color:#dff3ff;font-size:12px;font-weight:850!important}
html[data-vsa-ui-mode="flow"] body.vsa4-login input{width:100%;min-height:50px;margin:0!important;padding:0 14px!important;border:1px solid #29445f!important;border-radius:11px!important;color:var(--vsa-text)!important;background:#07111e!important;outline:0}
html[data-vsa-ui-mode="flow"] body.vsa4-login input:focus{border-color:var(--vsa-cyan)!important;box-shadow:0 0 0 3px rgba(22,223,242,.11)}
html[data-vsa-ui-mode="flow"] body.vsa4-login button[type="submit"]{width:100%;min-height:50px;margin-top:16px!important;border:0!important;border-radius:11px!important;color:#03131a!important;background:linear-gradient(110deg,var(--vsa-cyan),#35bcfa 60%,var(--vsa-blue))!important;box-shadow:0 14px 32px rgba(22,223,242,.18);font-weight:950!important;cursor:pointer}
html[data-vsa-ui-mode="flow"] body.vsa4-login .foot{margin-top:20px!important;color:var(--vsa-muted-2)!important}

/* Application shell */
html[data-vsa-ui-mode="flow"] body.vsa4-app{padding:16px;background:radial-gradient(circle at 0 0,rgba(22,223,242,.11),transparent 31rem),linear-gradient(180deg,#050d17,#06111d)}
html[data-vsa-ui-mode="flow"] .vsa4-shell{width:min(1580px,100%);min-height:calc(100vh - 32px);display:grid;grid-template-columns:var(--vsa-sidebar-w) minmax(0,1fr);margin:0 auto;border:1px solid rgba(32,55,81,.96);border-radius:26px;background:rgba(5,13,22,.92);box-shadow:0 28px 90px rgba(0,0,0,.38);overflow:hidden;backdrop-filter:blur(18px)}
html[data-vsa-ui-mode="flow"] .vsa4-sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--vsa-line);background:linear-gradient(180deg,rgba(14,25,41,.99),rgba(8,18,30,.99))}
html[data-vsa-ui-mode="flow"] .vsa4-stage{min-width:0;background:rgba(5,13,22,.56)}
html[data-vsa-ui-mode="flow"] .vsa4-brand{min-height:83px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--vsa-line)}
html[data-vsa-ui-mode="flow"] .vsa4-brand-mark{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(22,223,242,.35);border-radius:13px;background:rgba(22,223,242,.08)}
html[data-vsa-ui-mode="flow"] .vsa4-brand-mark svg{width:27px;height:27px}
html[data-vsa-ui-mode="flow"] .vsa4-brand-copy{min-width:0;display:block}
html[data-vsa-ui-mode="flow"] .vsa4-brand-copy b,html[data-vsa-ui-mode="flow"] .vsa4-brand-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-vsa-ui-mode="flow"] .vsa4-brand-copy b{font-size:18px;font-weight:950;letter-spacing:-.025em}
html[data-vsa-ui-mode="flow"] .vsa4-brand-copy small{margin-top:2px;color:var(--vsa-muted);font-size:11px}

/* Sidebar navigation */
html[data-vsa-ui-mode="flow"] .tabs{position:static!important;width:auto!important;height:auto!important;display:flex!important;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap!important;gap:3px!important;margin:0!important;padding:18px 14px 24px!important;overflow-y:auto;border:0!important;background:transparent!important;box-shadow:none!important;scrollbar-width:thin;scrollbar-color:#29445f transparent}
html[data-vsa-ui-mode="flow"] .tab{position:relative;width:100%;min-height:43px;display:flex!important;align-items:center;gap:11px;flex:0 0 auto;padding:0 11px!important;border:1px solid transparent!important;border-radius:11px!important;color:#9db1c4!important;background:transparent!important;text-align:left;font-size:13px!important;font-weight:780!important;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease}
html[data-vsa-ui-mode="flow"] .tab:hover{color:#dffbff!important;background:rgba(22,223,242,.05)!important;transform:translateX(1px)}
html[data-vsa-ui-mode="flow"] .tab.active{color:var(--vsa-cyan)!important;border-color:rgba(22,223,242,.27)!important;background:linear-gradient(90deg,rgba(22,223,242,.11),rgba(76,125,255,.06))!important;box-shadow:inset 3px 0 0 var(--vsa-cyan)}
html[data-vsa-ui-mode="flow"] .vsa4-nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;color:currentColor}
html[data-vsa-ui-mode="flow"] .vsa4-nav-icon svg{width:17px;height:17px}
html[data-vsa-ui-mode="flow"] .vsa4-nav-label{display:block;margin:15px 11px 6px;color:#5f7991;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
html[data-vsa-ui-mode="flow"] .vsa4-nav-label:first-child{margin-top:0}
html[data-vsa-ui-mode="flow"] .vsa4-sidebar-footer{padding:14px;border-top:1px solid var(--vsa-line)}
html[data-vsa-ui-mode="flow"] .vsa4-tenant{display:grid;grid-template-columns:36px minmax(0,1fr) 8px;gap:10px;align-items:center;padding:11px;border:1px solid var(--vsa-line);border-radius:13px;background:rgba(10,21,35,.82)}
html[data-vsa-ui-mode="flow"] .vsa4-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#03131a;background:linear-gradient(135deg,var(--vsa-cyan),var(--vsa-blue));font-size:12px;font-weight:1000}
html[data-vsa-ui-mode="flow"] .vsa4-tenant b,html[data-vsa-ui-mode="flow"] .vsa4-tenant small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-vsa-ui-mode="flow"] .vsa4-tenant b{font-size:12px}html[data-vsa-ui-mode="flow"] .vsa4-tenant small{margin-top:2px;color:var(--vsa-muted-2);font-size:10px}
html[data-vsa-ui-mode="flow"] .vsa4-tenant i,html[data-vsa-ui-mode="flow"] .vsa4-live-dot{width:8px;height:8px;border-radius:50%;background:var(--vsa-green);box-shadow:0 0 0 4px rgba(39,223,162,.08),0 0 12px var(--vsa-green)}

/* Main topbar */
html[data-vsa-ui-mode="flow"] .top{position:sticky!important;top:0;z-index:50;min-height:83px;display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:0 24px!important;border-bottom:1px solid var(--vsa-line)!important;background:rgba(8,18,30,.90)!important;box-shadow:none!important;backdrop-filter:blur(18px)}
html[data-vsa-ui-mode="flow"] .top>.brand,html[data-vsa-ui-mode="flow"] .top>.brand[hidden]{display:none!important}
html[data-vsa-ui-mode="flow"] .vsa4-top-identity{min-width:0;display:flex;align-items:center;gap:13px}
html[data-vsa-ui-mode="flow"] .vsa4-top-copy{min-width:0}
html[data-vsa-ui-mode="flow"] .vsa4-top-copy small{display:block;color:var(--vsa-cyan);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
html[data-vsa-ui-mode="flow"] .vsa4-top-copy h1{margin:3px 0 0;color:var(--vsa-text);font-size:26px;line-height:1.1;font-weight:950;letter-spacing:-.04em}
html[data-vsa-ui-mode="flow"] .user{display:flex!important;align-items:center;justify-content:flex-end;gap:8px!important;min-width:0}
html[data-vsa-ui-mode="flow"] .tag{min-height:35px;display:inline-flex;align-items:center;padding:0 11px!important;border:1px solid rgba(22,223,242,.32)!important;border-radius:999px!important;color:var(--vsa-cyan)!important;background:rgba(22,223,242,.05);font-size:11px!important;font-weight:850}
html[data-vsa-ui-mode="flow"] #health{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 7px;color:var(--vsa-green);font-size:10px;text-transform:uppercase}
html[data-vsa-ui-mode="flow"] #health::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
html[data-vsa-ui-mode="flow"] .logout,html[data-vsa-ui-mode="flow"] .vsa4-refresh{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--vsa-line);border-radius:10px;color:#cfe1ef!important;background:#0d1a2a;text-decoration:none!important;font-size:12px;font-weight:800;cursor:pointer}
html[data-vsa-ui-mode="flow"] .logout:hover,html[data-vsa-ui-mode="flow"] .vsa4-refresh:hover{color:var(--vsa-cyan)!important;border-color:rgba(22,223,242,.42)}
html[data-vsa-ui-mode="flow"] .vsa4-refresh svg{width:17px;height:17px}
html[data-vsa-ui-mode="flow"] .vsa4-menu{display:none;width:40px;height:40px;place-items:center;flex:0 0 auto;border:1px solid var(--vsa-line);border-radius:10px;color:var(--vsa-text);background:var(--vsa-panel);cursor:pointer}
html[data-vsa-ui-mode="flow"] .vsa4-menu svg{width:20px;height:20px}
html[data-vsa-ui-mode="flow"] .vsa4-qa{min-height:31px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(39,223,162,.24);border-radius:999px;color:var(--vsa-green);background:rgba(39,223,162,.05);font-size:9px;font-weight:900;white-space:nowrap}
html[data-vsa-ui-mode="flow"] .vsa4-qa::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
html[data-vsa-ui-mode="flow"] .vsa4-qa[data-state="fail"]{color:var(--vsa-red);border-color:rgba(255,104,119,.28)}

/* Page and original controls */
html[data-vsa-ui-mode="flow"] .wrap{width:100%;max-width:none!important;margin:0!important;padding:24px!important}
html[data-vsa-ui-mode="flow"] .section{display:none;animation:vsa4PageIn .2s ease both}
html[data-vsa-ui-mode="flow"] .section.active{display:block}
@keyframes vsa4PageIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
html[data-vsa-ui-mode="flow"] .vsa4-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px}
html[data-vsa-ui-mode="flow"] .vsa4-page-intro small,html[data-vsa-ui-mode="flow"] .vsa4-dashboard-head>div>small{display:block;color:var(--vsa-cyan);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
html[data-vsa-ui-mode="flow"] .vsa4-page-intro h2,html[data-vsa-ui-mode="flow"] .vsa4-dashboard-head h2{margin:4px 0 0;color:var(--vsa-text)!important;font-size:22px;letter-spacing:-.025em}
html[data-vsa-ui-mode="flow"] .vsa4-page-intro p,html[data-vsa-ui-mode="flow"] .vsa4-dashboard-head p{margin:5px 0 0;color:var(--vsa-muted);font-size:12px}
html[data-vsa-ui-mode="flow"] .toolbar{min-height:64px;display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px!important;padding:14px 16px;border:1px solid var(--vsa-line);border-radius:var(--vsa-radius-lg);background:linear-gradient(145deg,rgba(14,25,41,.97),rgba(9,19,32,.97));box-shadow:0 12px 32px rgba(0,0,0,.10)}
html[data-vsa-ui-mode="flow"] .toolbar h2{margin:0!important;color:var(--vsa-text)!important;font-size:17px!important;letter-spacing:-.02em}
html[data-vsa-ui-mode="flow"] .toolbar .muted{margin-top:4px;font-size:11px}
html[data-vsa-ui-mode="flow"] .toolbar-group{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}
html[data-vsa-ui-mode="flow"] .grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:13px!important}
html[data-vsa-ui-mode="flow"] .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-vsa-ui-mode="flow"] .card,html[data-vsa-ui-mode="flow"] .block{border:1px solid var(--vsa-line)!important;border-radius:var(--vsa-radius-lg)!important;background:linear-gradient(145deg,rgba(16,31,51,.97),rgba(9,21,35,.97))!important;box-shadow:0 12px 32px rgba(0,0,0,.11)!important}
html[data-vsa-ui-mode="flow"] .card{position:relative;min-height:126px;padding:16px!important;overflow:hidden}
html[data-vsa-ui-mode="flow"] .block{padding:18px!important}
html[data-vsa-ui-mode="flow"] .muted{color:var(--vsa-muted)!important}
html[data-vsa-ui-mode="flow"] h2,html[data-vsa-ui-mode="flow"] h3{color:var(--vsa-text)!important}
html[data-vsa-ui-mode="flow"] .metric{margin-top:10px!important;color:var(--vsa-cyan)!important;font-size:30px!important;line-height:1;font-weight:950!important;letter-spacing:-.04em}
html[data-vsa-ui-mode="flow"] .metric.smallmetric{font-size:22px!important}
html[data-vsa-ui-mode="flow"] .btn{min-height:36px;padding:0 11px!important;border:1px solid rgba(22,223,242,.30)!important;border-radius:9px!important;color:#03131a!important;background:var(--vsa-cyan)!important;font-size:11px!important;font-weight:900!important;cursor:pointer}
html[data-vsa-ui-mode="flow"] .btn.ghost{color:#dcecff!important;border-color:var(--vsa-line)!important;background:#102036!important}
html[data-vsa-ui-mode="flow"] .btn.amber{color:#271900!important;border-color:rgba(255,189,89,.35)!important;background:var(--vsa-amber)!important}
html[data-vsa-ui-mode="flow"] .btn.red{color:white!important;border-color:rgba(255,104,119,.34)!important;background:#8b3140!important}
html[data-vsa-ui-mode="flow"] input,html[data-vsa-ui-mode="flow"] textarea,html[data-vsa-ui-mode="flow"] select{width:100%;min-height:42px;padding:9px 11px!important;border:1px solid #2b425f!important;border-radius:9px!important;color:var(--vsa-text)!important;background:#091321!important;outline:0}
html[data-vsa-ui-mode="flow"] input:focus,html[data-vsa-ui-mode="flow"] textarea:focus,html[data-vsa-ui-mode="flow"] select:focus{border-color:var(--vsa-cyan)!important;box-shadow:0 0 0 3px rgba(22,223,242,.09)}
html[data-vsa-ui-mode="flow"] table{width:100%;border-collapse:separate!important;border-spacing:0;font-size:11px}
html[data-vsa-ui-mode="flow"] th{padding:10px 11px!important;border-bottom:1px solid var(--vsa-line)!important;color:#7f99b1!important;background:rgba(7,17,30,.45);font-size:9px!important;font-weight:900!important;letter-spacing:.07em;text-transform:uppercase}
html[data-vsa-ui-mode="flow"] td{padding:11px!important;border-bottom:1px solid rgba(32,55,81,.63)!important;color:#dbe9f4;vertical-align:top}
html[data-vsa-ui-mode="flow"] tbody tr:hover td{background:rgba(22,223,242,.025)}
html[data-vsa-ui-mode="flow"] .table{overflow:auto;border:1px solid rgba(32,55,81,.55);border-radius:11px}
html[data-vsa-ui-mode="flow"] .help{padding:12px 13px!important;border:0!important;border-left:3px solid var(--vsa-cyan)!important;border-radius:9px!important;color:#9ab3c8!important;background:rgba(22,223,242,.055)!important;font-size:11px;line-height:1.55}
html[data-vsa-ui-mode="flow"] .code{border:1px solid var(--vsa-line)!important;border-radius:10px!important;background:#050c14!important;font-size:11px}
html[data-vsa-ui-mode="flow"] .badge,html[data-vsa-ui-mode="flow"] .score,html[data-vsa-ui-mode="flow"] .status-chip{border-radius:999px!important;font-size:9px!important}
html[data-vsa-ui-mode="flow"] .modal{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(8px)}
html[data-vsa-ui-mode="flow"] .modalbox{border:1px solid rgba(22,223,242,.27)!important;border-radius:18px!important;background:linear-gradient(145deg,#0e1929,#091523)!important;box-shadow:0 28px 100px rgba(0,0,0,.55)!important}

/* Fully rebuilt dashboard */
html[data-vsa-ui-mode="flow"] .vsa4-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
html[data-vsa-ui-mode="flow"] .vsa4-dashboard-head>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
html[data-vsa-ui-mode="flow"] .vsa4-small{min-height:34px;padding:0 11px;border:1px solid var(--vsa-line);border-radius:9px;color:#cfe1ef;background:#0d1a2a;font-size:11px;font-weight:800;cursor:pointer}
html[data-vsa-ui-mode="flow"] .vsa4-small:hover{color:var(--vsa-cyan);border-color:rgba(22,223,242,.42)}
html[data-vsa-ui-mode="flow"] .vsa4-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
html[data-vsa-ui-mode="flow"] .vsa4-metric{position:relative;min-height:148px;padding:17px;border:1px solid var(--vsa-line);border-radius:var(--vsa-radius-lg);background:linear-gradient(145deg,rgba(18,31,50,.97),rgba(10,21,35,.97));box-shadow:0 12px 34px rgba(0,0,0,.13);overflow:hidden;transition:transform .15s ease,border-color .15s ease}
html[data-vsa-ui-mode="flow"] .vsa4-metric:hover{transform:translateY(-2px);border-color:rgba(22,223,242,.35)}
html[data-vsa-ui-mode="flow"] .vsa4-metric::after{content:"";position:absolute;width:112px;height:112px;right:-50px;bottom:-61px;border-radius:50%;background:rgba(22,223,242,.055)}
html[data-vsa-ui-mode="flow"] .vsa4-metric>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
html[data-vsa-ui-mode="flow"] .vsa4-metric>div>span{color:#a7bdd1;font-size:12px;font-weight:780}
html[data-vsa-ui-mode="flow"] .vsa4-metric>div>i{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(22,223,242,.20);border-radius:11px;color:var(--vsa-cyan);background:rgba(22,223,242,.065)}
html[data-vsa-ui-mode="flow"] .vsa4-metric>div>i svg{width:18px;height:18px}
html[data-vsa-ui-mode="flow"] .vsa4-metric>strong{position:relative;z-index:1;display:block;margin-top:14px;color:var(--vsa-cyan);font-size:31px;line-height:1;font-weight:950;letter-spacing:-.045em}
html[data-vsa-ui-mode="flow"] .vsa4-metric>small{position:relative;z-index:1;display:block;margin-top:11px;color:var(--vsa-green);font-size:10px}
html[data-vsa-ui-mode="flow"] .vsa4-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.72fr);gap:14px;margin-top:14px}
html[data-vsa-ui-mode="flow"] .vsa4-lower-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:14px;margin-top:14px}
html[data-vsa-ui-mode="flow"] .vsa4-panel{border:1px solid var(--vsa-line);border-radius:var(--vsa-radius-lg);background:linear-gradient(145deg,rgba(14,25,41,.97),rgba(9,19,32,.97));box-shadow:0 12px 34px rgba(0,0,0,.12);overflow:hidden}
html[data-vsa-ui-mode="flow"] .vsa4-panel>header{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;border-bottom:1px solid var(--vsa-line)}
html[data-vsa-ui-mode="flow"] .vsa4-panel>header b{display:block;font-size:13px;font-weight:900}
html[data-vsa-ui-mode="flow"] .vsa4-panel>header small{display:block;margin-top:3px;color:var(--vsa-muted-2);font-size:10px}
html[data-vsa-ui-mode="flow"] .vsa4-panel>header>span{color:var(--vsa-muted);font-size:10px}
html[data-vsa-ui-mode="flow"] .vsa4-chart{min-height:300px;display:grid;align-items:end;padding:17px;overflow:hidden}
html[data-vsa-ui-mode="flow"] .vsa4-chart svg{width:100%;height:auto;overflow:visible}
html[data-vsa-ui-mode="flow"] .vsa4-chart .grid line{stroke:#1a3047;stroke-width:1}.vsa4-chart text{fill:#70879c;font-size:9px}.vsa4-chart .area{fill:url(#vsa4Area)}.vsa4-chart .line{fill:none;stroke:url(#vsa4Line);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(22,223,242,.26))}.vsa4-chart circle{fill:var(--vsa-cyan);stroke:#07101b;stroke-width:4}
html[data-vsa-ui-mode="flow"] .vsa4-empty{min-height:230px;display:grid;place-items:center;padding:20px;color:var(--vsa-muted);font-size:11px;text-align:center}
html[data-vsa-ui-mode="flow"] .vsa4-status{display:grid;padding:17px}
html[data-vsa-ui-mode="flow"] .vsa4-status>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid rgba(32,55,81,.65)}
html[data-vsa-ui-mode="flow"] .vsa4-status>div:last-child{border-bottom:0}
html[data-vsa-ui-mode="flow"] .vsa4-status span{color:var(--vsa-muted);font-size:11px}.vsa4-status b{font-size:12px;text-align:right}.vsa4-status b.ok{color:var(--vsa-green)}
html[data-vsa-ui-mode="flow"] .vsa4-activity{display:grid;padding:17px}
html[data-vsa-ui-mode="flow"] .vsa4-activity-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(32,55,81,.65)}
html[data-vsa-ui-mode="flow"] .vsa4-activity-row:last-child{border-bottom:0}
html[data-vsa-ui-mode="flow"] .vsa4-activity-row>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--vsa-cyan);background:rgba(22,223,242,.07)}
html[data-vsa-ui-mode="flow"] .vsa4-activity-row>i svg{width:17px;height:17px}.vsa4-activity-row span b,.vsa4-activity-row span small{display:block}.vsa4-activity-row span b{font-size:12px}.vsa4-activity-row span small{margin-top:3px;color:var(--vsa-muted-2);font-size:10px}.vsa4-activity-row time{color:var(--vsa-muted);font-size:10px;white-space:nowrap}
html[data-vsa-ui-mode="flow"] .vsa4-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px}
html[data-vsa-ui-mode="flow"] .vsa4-quick button{min-height:106px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--vsa-line);border-radius:13px;color:#dbeaf5;background:#0a1523;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
html[data-vsa-ui-mode="flow"] .vsa4-quick button:hover{transform:translateY(-2px);border-color:rgba(22,223,242,.4);background:rgba(22,223,242,.055)}
html[data-vsa-ui-mode="flow"] .vsa4-quick svg{width:20px;height:20px;color:var(--vsa-cyan)}.vsa4-quick b{font-size:11px}

/* Complex sections */
html[data-vsa-ui-mode="flow"] .calendar-layout{grid-template-columns:minmax(430px,1fr) minmax(330px,.75fr)!important;gap:14px!important}
html[data-vsa-ui-mode="flow"] .month-grid{border-color:var(--vsa-line)!important;border-radius:12px!important}.month-weekday{background:#0a1422!important;color:var(--vsa-muted)!important}.month-day{border-color:var(--vsa-line)!important;background:#091321!important}.month-day.weekend{background:#0a111c!important}.month-day.selected{background:#12324a!important}.hour-slot{border-color:var(--vsa-line)!important;background:#091321!important}
html[data-vsa-ui-mode="flow"] .split{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
html[data-vsa-ui-mode="flow"] .matrix{min-width:900px}
html[data-vsa-ui-mode="flow"] #vsa-widget-installation-guide,html[data-vsa-ui-mode="flow"] #vsa-communication-settings .vsa-com-card{border-color:var(--vsa-line)!important;background:linear-gradient(145deg,var(--vsa-panel),var(--vsa-panel-3))!important}
html[data-vsa-ui-mode="flow"] #vsa-communication-settings input,html[data-vsa-ui-mode="flow"] #vsa-communication-settings select{border-color:#2b425f!important;background:#091321!important}
html[data-vsa-ui-mode="flow"] .toast{right:20px!important;bottom:20px!important;border:1px solid rgba(39,223,162,.28)!important;border-radius:11px!important;background:#103027!important;box-shadow:0 18px 50px rgba(0,0,0,.35)!important}
html[data-vsa-ui-mode="flow"] .vsa4-overlay{position:fixed;inset:0;z-index:89;display:none;background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}

/* Responsive; class vsa-compact also handles Android browser "desktop site" mode. */
@media(max-width:1260px){html[data-vsa-ui-mode="flow"] .vsa4-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-vsa-ui-mode="flow"] .grid.two{grid-template-columns:1fr!important}}
@media(max-width:1020px){html[data-vsa-ui-mode="flow"] body.vsa4-app{padding:0}html[data-vsa-ui-mode="flow"] .vsa4-shell{min-height:100vh;display:block;border:0;border-radius:0}html[data-vsa-ui-mode="flow"] .vsa4-sidebar{position:fixed;inset:0 auto 0 0;z-index:90;width:min(314px,86vw);transform:translateX(-102%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(0,0,0,.45)}html[data-vsa-ui-mode="flow"] .vsa4-sidebar.open{transform:translateX(0)}html[data-vsa-ui-mode="flow"] .vsa4-overlay.open{display:block}html[data-vsa-ui-mode="flow"] .vsa4-menu{display:grid}html[data-vsa-ui-mode="flow"] .vsa4-main-grid,html[data-vsa-ui-mode="flow"] .vsa4-lower-grid,html[data-vsa-ui-mode="flow"] .calendar-layout{grid-template-columns:1fr!important}}
html.vsa-compact[data-vsa-ui-mode="flow"] body.vsa4-app{padding:0}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-shell{width:100%;min-height:100vh;display:block;border:0;border-radius:0;box-shadow:none}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-sidebar{position:fixed;inset:0 auto 0 0;z-index:90;width:min(314px,86vw);transform:translateX(-102%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(0,0,0,.45)}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-sidebar.open{transform:translateX(0)}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-overlay.open{display:block}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-menu{display:grid}
html.vsa-compact[data-vsa-ui-mode="flow"] .top{min-height:70px;padding:0 13px!important}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-top-copy small{display:none}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-top-copy h1{font-size:20px}
html.vsa-compact[data-vsa-ui-mode="flow"] .tag,html.vsa-compact[data-vsa-ui-mode="flow"] #health,html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-qa{display:none!important}
html.vsa-compact[data-vsa-ui-mode="flow"] .wrap{padding:14px!important}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-dashboard-head,html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-page-intro{align-items:flex-start;flex-direction:column}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-metric{min-height:130px;padding:14px}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-metric>strong{font-size:27px}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-main-grid,html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-lower-grid,html.vsa-compact[data-vsa-ui-mode="flow"] .calendar-layout{grid-template-columns:1fr!important}
html.vsa-compact[data-vsa-ui-mode="flow"] .grid,html.vsa-compact[data-vsa-ui-mode="flow"] .grid.two,html.vsa-compact[data-vsa-ui-mode="flow"] .split{grid-template-columns:1fr!important}
html.vsa-compact[data-vsa-ui-mode="flow"] .toolbar{align-items:flex-start!important;flex-direction:column}
html.vsa-compact[data-vsa-ui-mode="flow"] .toolbar-group{width:100%}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-chart{min-height:240px;overflow-x:auto}
html.vsa-compact[data-vsa-ui-mode="flow"] .vsa4-chart svg{min-width:640px}
html.vsa-compact[data-vsa-ui-mode="flow"] .table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
html.vsa-compact[data-vsa-ui-mode="flow"] table{min-width:720px;font-size:12px}
html.vsa-compact[data-vsa-ui-mode="flow"] .month-grid{min-width:640px}
html.vsa-compact[data-vsa-ui-mode="flow"] .calendar-layout>.block:first-child{overflow-x:auto}

@media(max-width:520px){html[data-vsa-ui-mode="flow"] body.vsa4-login{padding:14px}html[data-vsa-ui-mode="flow"] .vsa4-metrics{grid-template-columns:1fr}html[data-vsa-ui-mode="flow"] .vsa4-quick{grid-template-columns:1fr}html[data-vsa-ui-mode="flow"] .logout{padding:0 8px!important}html[data-vsa-ui-mode="flow"] .vsa4-refresh span{display:none}}
@media(prefers-reduced-motion:reduce){html[data-vsa-ui-mode="flow"] *,html[data-vsa-ui-mode="flow"] *::before,html[data-vsa-ui-mode="flow"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}