.v6-auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0,rgba(37,99,235,.18),transparent 32%),#06101d;color:#f8fafc}.v6-auth-card,.v6-panel{background:linear-gradient(180deg,rgba(15,31,52,.97),rgba(8,19,34,.98));border:1px solid rgba(148,163,184,.15);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.v6-auth-card{width:min(460px,100%);padding:28px}.v6-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.v6-mark{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);font-size:24px;font-weight:900}.v6-kicker{font-size:11px;letter-spacing:.15em;color:#38bdf8;font-weight:850}.v6-form{display:grid;gap:12px;margin-top:20px}.v6-form label,.v6-user-grid label{display:grid;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8da2ba;font-weight:800}.v6-form input,.v6-form select,.v6-user-grid input,.v6-user-grid select{padding:12px 13px;border-radius:11px;border:1px solid rgba(148,163,184,.15);background:#0b1727;color:white;outline:none}.v6-form input:focus,.v6-user-grid input:focus{border-color:rgba(56,189,248,.6)}.v6-form button,.v6-btn,.v6-actions button,.v6-section-head button{border:1px solid rgba(59,130,246,.42);color:#fff;background:linear-gradient(135deg,#2563eb,#0284c7);padding:10px 14px;border-radius:11px;font-weight:800;cursor:pointer;text-decoration:none}.v6-btn.ghost,.ghost{background:rgba(255,255,255,.035)!important;border-color:rgba(148,163,184,.15)!important}.danger{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.35)!important;color:#fca5a5!important}.v6-links{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:12px}.v6-links a{color:#38bdf8}.v6-msg{min-height:20px;margin-top:12px;color:#fca5a5;font-size:12px}.v6-msg.ok{color:#86efac}.v6-secret{margin-top:14px;padding:14px;border:1px solid rgba(56,189,248,.25);background:rgba(56,189,248,.06);border-radius:12px}.v6-secret code{display:block;margin:10px 0;font-size:15px;color:#7dd3fc;word-break:break-all}.v6-secret small{color:#8da2ba}.v6-page{width:min(1450px,calc(100% - 40px));margin:auto;padding:34px 0;color:#f8fafc}.v6-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.v6-header h1{margin:5px 0}.v6-two,.v6-admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v6-admin-layout{grid-template-columns:380px 1fr}.v6-panel{padding:20px}.v6-section-head,.v6-user-top,.v6-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.v6-users{display:grid;gap:12px}.v6-user{border:1px solid rgba(148,163,184,.12);background:rgba(255,255,255,.025);border-radius:14px;padding:15px}.v6-user h3{margin:0}.v6-meta{font-size:11px;color:#8da2ba;margin-top:3px}.v6-pill{font-size:10px;padding:5px 8px;border-radius:999px;border:1px solid}.v6-pill.ok{color:#86efac;border-color:rgba(34,197,94,.3)}.v6-pill.bad{color:#fca5a5;border-color:rgba(239,68,68,.3)}.v6-user-grid{display:grid;grid-template-columns:1fr 180px;gap:10px;margin-top:12px}.v6-perms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.v6-check{display:flex!important;align-items:center;gap:8px!important;padding:8px 10px;background:rgba(255,255,255,.025);border-radius:10px;font-size:11px!important;text-transform:none!important;letter-spacing:0!important}.v6-actions{justify-content:flex-start;flex-wrap:wrap}.v6-floating-nav{position:fixed;right:18px;top:18px;display:flex;gap:8px;z-index:999}.inline-secret{margin-bottom:12px}@media(max-width:900px){.v6-two,.v6-admin-layout{grid-template-columns:1fr}.v6-perms{grid-template-columns:1fr 1fr}.v6-header{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.v6-user-grid,.v6-perms{grid-template-columns:1fr}.v6-page{width:min(100% - 24px,1450px)}}

/* v7 icons (Bootstrap Icons) + a11y polish */
.summary-label,.metric-label,.back-link{display:flex;align-items:center;gap:6px}
.summary-label i,.metric-label i,.back-link i{font-size:12px;color:var(--cyan);opacity:.9}
.node-title h3{display:flex;align-items:center;gap:9px}
.node-title h3 i{font-size:15px;color:var(--cyan);opacity:.85}
.top-actions .button i,.top-actions button i{margin-right:2px;font-size:13px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px}

/* v7b: incident severity colors + fix detail-grid stretching the history
   panel to match the capacity panel's height (grew once Pro/Extreme plans
   were added), leaving a large empty gap under the chart */
.incident-icon.healthy{background:rgba(34,197,94,.1);color:#86efac}
.incident-icon.warning{background:rgba(245,158,11,.1);color:#fcd34d}
.incident-icon.critical{background:rgba(239,68,68,.1);color:#fca5a5}
.incident-icon i{font-size:16px}
.detail-grid{align-items:start}
.capacity-list{max-height:620px;overflow-y:auto;padding-right:4px}
.capacity-list::-webkit-scrollbar{width:6px}
.capacity-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.25);border-radius:99px}

/* v7c: richer footer */
.footer{flex-wrap:wrap;row-gap:8px}
.footer-links{display:flex;gap:16px}
.footer-links a{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:700;transition:color .15s ease}
.footer-links a:hover{color:var(--cyan)}
.footer-links i{font-size:12px}
@media(max-width:700px){.footer{flex-direction:column;align-items:flex-start}}
/* StratoHost interface refinement — 2026-09-26 */
:root{--bg:#050b16;--panel:#0b1627;--panel2:#102039;--border:rgba(128,163,205,.17);--text:#edf4ff;--muted:#a0b2ca;--muted2:#8296b1;--blue:#4c8dff;--cyan:#76c8ff;--ok:#39d49b;--warn:#f6bd55;--danger:#ff6e7d;--shadow:0 18px 50px #0003}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 10% 0%,#132e5444,transparent 45%),#050b16;line-height:1.5;-webkit-font-smoothing:antialiased}.bg-grid{opacity:.06;background-size:56px 56px}.bg-glow{opacity:.055}
.shell{max-width:1400px;width:calc(100% - 64px);padding:30px 0 36px}.topbar{display:grid;grid-template-columns:1fr;gap:23px;background:linear-gradient(110deg,#10213a,#0a1526);border:1px solid #4c79b133;border-radius:20px;padding:28px 30px;margin-bottom:36px;box-shadow:none;position:relative;overflow:hidden}.topbar::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#6fb9ff,transparent 75%)}
.brand-wrap{gap:18px;min-width:0}.brand-mark,.v6-mark{flex-shrink:0;background:linear-gradient(140deg,#327bff,#2260bd);border:1px solid #8fcaff44;box-shadow:0 8px 24px #2771eb26;border-radius:14px;width:50px;height:50px;font-size:25px}.eyebrow,.section-kicker,.v6-kicker{font-size:10px;font-weight:750;letter-spacing:.17em;color:#79b8f3}h1{font-size:clamp(28px,3.1vw,40px);font-weight:750;line-height:1.15;margin:5px 0 8px;letter-spacing:-.045em}.hero-copy{font-size:13px;line-height:1.7;color:#a0b2ca}
.top-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--border);padding-top:18px;width:100%;min-width:0}.refresh-meta{margin-right:auto;font-size:11px;gap:9px;min-height:38px}.live-dot{width:6px;height:6px;box-shadow:0 0 0 4px #39d49b12}.user-chip{font-size:11px;padding:9px 12px;border:1px solid #5276a330;background:#15283f66;color:#b6cbe6;border-radius:8px}
button,.button,.v6-btn,.v6-form button,.v6-actions button,.v6-section-head button{font-family:inherit;font-size:12px;font-weight:650;border-radius:9px;min-height:38px;padding:9px 14px;background:#286fdf;border:1px solid #5997ee55;box-shadow:none;transition:background .18s,border-color .18s,transform .18s}.button.secondary,button.secondary{background:#112139;border-color:#526f9633;color:#c3d2e8}.button.secondary:hover,button.secondary:hover{background:#1a3050;border-color:#6a9bdd77}button:hover,.button:hover{box-shadow:none}#logoutBtn{color:#a0b2ca;background:transparent;border-color:transparent}
.section-title-row{margin-bottom:20px;align-items:center}.section-title-row h2{font-size:23px;letter-spacing:-.025em;font-weight:730;margin-top:5px}.section-title-row p{font-size:12px;margin-top:5px;color:#8296b1}.overview,.nodes-section,.incidents-section{margin-bottom:38px;scroll-margin-top:24px}.status-legend{border:1px solid var(--border);border-radius:99px;padding:8px 13px;background:#0b1627;font-size:11px;gap:16px}.dot{width:6px;height:6px}
.summary-grid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{min-height:128px;padding:20px 22px;background:#0c192c;border:1px solid var(--border);border-radius:14px;box-shadow:none;transition:border-color .2s}.summary-card:hover{transform:none;border-color:#5385c166}.summary-card:first-child{background:linear-gradient(120deg,#173559,#0c192c);border-color:#417cb766}.summary-label{font-size:10px;font-weight:700;letter-spacing:.09em;color:#a9bdd6;gap:9px}.summary-label i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #6198d32b;border-radius:7px;background:#2d6dbb16;font-size:12px}.summary-value{font-size:28px;font-weight:700;letter-spacing:-.04em;margin-top:10px;line-height:1.25;font-variant-numeric:tabular-nums}.summary-sub{font-size:11px;color:#93a8c3;margin-top:7px}
.nodes-grid{gap:20px}.node-card{padding:24px;border-radius:17px;background:linear-gradient(150deg,#101f34,#0a1424);box-shadow:0 6px 24px #0002;border-color:#6282aa33}.node-card::before{height:2px;left:24px;right:24px;opacity:.8}.node-card:hover{transform:translateY(-3px);border-color:#78adf080;box-shadow:0 16px 38px #0004}.node-title{align-items:flex-start;gap:14px;margin-bottom:23px}.node-title>div{min-width:0}.node-title h3{font-size:20px;letter-spacing:-.02em;font-weight:750;gap:10px}.node-title h3 i{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#2b72c31a;border:1px solid #538acc33;color:#82c7ff;font-size:15px}.host{font-size:11px;margin-top:7px;line-height:1.7;color:#8fa8c6;overflow-wrap:anywhere}.badge{font-size:9px;font-weight:750;padding:5px 9px;flex-shrink:0;letter-spacing:.06em;white-space:nowrap;margin-top:3px}.badge.healthy{background:#39d49b0b;color:#6ce5b8;border-color:#39d49b35}.badge.warning{background:#f6bd5512;color:#ffd07b;border-color:#f6bd5540}.badge.critical{background:#ff6e7d12;color:#ffadb6;border-color:#ff6e7d44}
.metrics{gap:10px}.metric{padding:15px;border-radius:10px;background:#18294166;border:1px solid #607fa31a;min-width:0}.metric:nth-child(n+4){background:transparent;border-color:transparent;border-top:1px solid #53709130;border-radius:0;padding:13px 9px 0}.metric-label{font-size:9px;font-weight:700;letter-spacing:.07em;color:#a4bad4;gap:7px}.metric-label i{font-size:11px;opacity:.8}.metric-value{font-size:21px;font-weight:700;margin-top:7px;line-height:1.35;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.metric-small{font-size:10px;line-height:1.6;color:#8fa5c0;margin-top:4px}.bar{height:4px;margin-top:13px;background:#6a87aa21}.bar>span{background:linear-gradient(90deg,#477ffa,#78d6ed);min-width:2px}.footer-line{font-size:10px;line-height:1.6;margin-top:20px;padding-top:14px;color:#8ca4c1;flex-wrap:wrap;gap:8px}.footer-line::after{content:'Voir le détail ↗';color:#8bcaff;margin-left:auto;font-size:10px;font-weight:600}.node-card.critical{background:linear-gradient(145deg,#281c2c,#101827);border-color:#ff6e7d44}.node-card.warning{box-shadow:none;border-color:#f6bd5544}.error-card{background:#ff6e7d09;border-color:#ff6e7d25;color:#ffabb5;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.incident-list{gap:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#0b1729}.incident{padding:16px 20px;border:0;border-bottom:1px solid #718baa1c;border-radius:0;background:transparent}.incident:last-child{border-bottom:0}.incident:hover{background:#14243a88}.incident-icon{flex-shrink:0;width:34px;height:34px;border-radius:9px}.incident-title{font-size:12px;font-weight:700}.incident-sub{font-size:11px;line-height:1.6;color:#9ab0cc;overflow-wrap:anywhere}.incident-time{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#8da4bf}.loading-card,.empty-state{border-radius:14px;background:#0b1729;font-size:13px;line-height:1.7}.footer{font-size:10px;padding-top:22px;gap:18px;color:#8da2bd}
.panel,.v6-panel{border-radius:15px;background:#0c192b;box-shadow:none;border:1px solid var(--border);padding:24px}.panel-title h3{font-size:15px;font-weight:700}.detail-head{padding-bottom:8px}.range-switch{flex-wrap:wrap}.range-switch button{min-height:34px;border-radius:7px}.chart-label{fill:#a0b2ca}.capacity-item{background:#17294266;border-color:#6282aa22;border-radius:9px;padding:13px 15px}.capacity-count{font-variant-numeric:tabular-nums;font-size:23px;color:#8acbff}.capacity-meta{font-size:11px;line-height:1.6}.v6-auth{background:radial-gradient(ellipse at 30% 5%,#20487d44,transparent 65%),#050b16}.v6-auth-card{background:linear-gradient(145deg,#10243c,#0b1627);border-radius:19px;padding:34px;border-color:#6585ae33;box-shadow:0 30px 90px #0005}.v6-auth-card h1{font-size:30px}.v6-auth-card p{font-size:13px}.v6-form{gap:16px}.v6-form label,.v6-user-grid label{font-size:10px;color:#a8bdd7;letter-spacing:.08em}.v6-form input,.v6-user-grid input,.v6-user-grid select{min-height:44px;background:#071322;border-color:#6685ab40;font-family:inherit}.v6-form button{min-height:44px}.v6-links{font-size:11px;flex-wrap:wrap}.v6-page{max-width:1400px}.v6-user{background:#132239;border-color:#6282aa25}.v6-meta{color:#9ab0cc}.v6-actions{gap:8px}.v6-panel h2{font-size:20px}.v6-header{flex-wrap:wrap}.v6-header .v6-actions{flex-wrap:wrap}
:focus-visible{outline:2px solid #90d8ff;outline-offset:4px}
@media(min-width:1500px){.summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.summary-card{padding:18px}.summary-value{font-size:25px}}
@media(max-width:1000px){.shell{width:calc(100% - 40px)}.node-card{padding:19px}.metric{padding:12px}.node-title{gap:9px}.status-legend{gap:10px}.top-actions .refresh-meta{flex-basis:100%;margin:0}.top-actions{gap:8px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-value{font-size:25px}}
@media(max-width:820px){.nodes-grid{grid-template-columns:1fr}.topbar{padding:24px}.section-title-row{align-items:flex-start;gap:12px}.status-legend{font-size:10px}.brand-wrap{align-items:center}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions{justify-content:flex-start}.detail-grid{gap:20px}}
@media(max-width:560px){.shell{width:calc(100% - 28px);padding-top:14px}.topbar{padding:20px;border-radius:15px;margin-bottom:26px;gap:17px}.brand-wrap{gap:12px;align-items:flex-start}.brand-mark{width:40px;height:40px;font-size:22px;border-radius:11px}.hero-copy{font-size:12px;line-height:1.65}.eyebrow{font-size:8px}.topbar h1{font-size:29px}.top-actions{gap:7px}.top-actions button,.top-actions .button{font-size:11px;padding:8px 10px;min-height:38px}.user-chip{font-size:10px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.refresh-meta{font-size:10px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.summary-card{padding:14px;min-height:134px;border-radius:11px}.summary-value{font-size:23px;overflow-wrap:anywhere}.summary-sub{font-size:10px;line-height:1.6}.summary-label{font-size:8px;gap:6px}.summary-label i{width:21px;height:21px}.node-card{padding:17px;border-radius:14px}.node-title{margin-bottom:18px}.node-title h3{font-size:18px}.badge{font-size:8px;padding:5px 7px}.host{font-size:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:12px}.metric:nth-child(n+4){background:#18294166;border:1px solid #607fa31a;border-radius:10px;padding:12px}.metric-value{font-size:20px}.metric-label{font-size:8px}.metric-small{font-size:10px}.footer-line{font-size:9px}.section-title-row h2{font-size:21px}.incident{gap:10px;padding:14px;align-items:stretch}.incident-time{padding-left:46px;font-size:10px}.incident-main{align-items:flex-start}.panel,.v6-panel{padding:18px}.panel-title{align-items:flex-start;flex-wrap:wrap}.chart-wrap{height:240px}.footer{padding-bottom:55px}.v6-auth-card{padding:25px}.v6-auth{padding:18px}.v6-page{padding-top:20px}.detail-head{gap:14px}.status-legend{border-radius:9px;gap:12px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.node-card:hover,button:hover,.button:hover{transform:none}}

.brand-image{object-fit:contain;background:none!important;box-shadow:none!important;border-radius:0!important}.official-wordmark{background:#fff;border-radius:12px;padding:8px 15px;margin-bottom:26px;display:flex;justify-content:center}.official-wordmark img{width:230px;max-width:100%;height:auto}