:root{
    --bg:#0b1220;
    --panel:#121c2f;
    --panel-soft:#17233a;
    --line:#23324d;
    --line-soft:#1c2941;
    --text:#e8eef9;
    --muted:#91a0be;
    --primary:#4f7cff;
    --primary-soft:rgba(79,124,255,.14);
    --cyan:#35c7c8;
    --green:#27c281;
    --amber:#f6b73c;
    --red:#f05a78;
    --violet:#8b7dff;
    --radius:4px;
    --shadow:0 18px 44px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#17253f 0,#0b1220 45%,#08101c 100%);color:var(--text)}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.bo-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.bo-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(15,24,41,.95),rgba(8,14,25,.98));display:flex;flex-direction:column;gap:20px}
.bo-brand{display:flex;align-items:center;gap:14px;padding:6px 8px}
.bo-brand__mark{width:46px;height:46px;border-radius:4px;background:linear-gradient(135deg,var(--primary),var(--cyan));display:grid;place-items:center;font-weight:800;letter-spacing:.04em;box-shadow:0 16px 34px rgba(79,124,255,.32)}
.bo-brand__copy{display:flex;flex-direction:column;gap:2px}
.bo-brand__copy strong{font-size:16px}
.bo-brand__copy small{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.bo-nav{display:flex;flex-direction:column;gap:8px}
.bo-nav__item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:4px;color:#bfd0f3;background:transparent;border:1px solid transparent;transition:.18s ease}
.bo-nav__item:hover{background:rgba(255,255,255,.03);border-color:var(--line)}
.bo-nav__item.is-active{background:linear-gradient(180deg,rgba(79,124,255,.16),rgba(53,199,200,.08));border-color:rgba(79,124,255,.26);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.bo-sidebar__foot{margin-top:auto;display:grid;gap:12px}
.bo-user{display:grid;gap:4px;padding:14px;border-radius:4px;background:var(--panel);border:1px solid var(--line)}
.bo-user__mail{font-size:14px;font-weight:600}
.bo-user__role{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.bo-main{min-width:0;display:flex;flex-direction:column}
.bo-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 28px;background:rgba(8,14,25,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.04)}
.bo-toggle{display:none;border:1px solid var(--line);background:var(--panel);color:var(--text);width:42px;height:42px;border-radius:4px;font-size:26px;line-height:1.1}
.bo-topbar__title p{margin:4px 0 0;color:var(--muted);font-size:14px}
.bo-content{padding:28px;display:grid;gap:22px}
.hero-card,.panel,.metric-card,.bo-auth__panel{background:linear-gradient(180deg,rgba(18,28,47,.98),rgba(13,21,37,.98));border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow)}
.hero-card{padding:24px 26px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end;background:radial-gradient(circle at top right,rgba(79,124,255,.22),transparent 28%),linear-gradient(180deg,#15233c,#10192c)}
.hero-card h2{margin:8px 0 8px;font-size:28px}
.hero-card p{margin:0;color:#c5d2ec;max-width:720px}
.hero-card__meta{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:12px;min-width:320px}
.hero-card__meta div{padding:14px;border-radius:4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.hero-card__meta span{display:block;color:#a8bbdf;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.hero-card__meta strong{display:block;margin-top:6px;font-size:22px}
.eyebrow{display:inline-flex;padding:6px 10px;border-radius:4px;background:var(--primary-soft);color:#cfe0ff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.metric-grid--tight{grid-template-columns:repeat(5,minmax(0,1fr))}
.metric-card{padding:18px 18px 16px}
.metric-card__label{display:block;color:var(--muted);font-size:13px}
.metric-card strong{display:block;margin-top:8px;font-size:28px;line-height:1.05}
.metric-card small{display:block;margin-top:10px;color:#b8c7e4}
.panel-grid{display:grid;gap:16px}
.panel-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.panel-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.panel--span-2{grid-column:span 2}
.panel{padding:18px 18px 16px;min-width:0}
.panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.panel__head h3{margin:0;font-size:18px}
.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kv{padding:12px 14px;border-radius:4px;background:var(--panel-soft);border:1px solid var(--line-soft)}
.kv span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.kv strong{display:block;margin-top:6px;font-size:15px}
.feed{display:grid;gap:10px}
.feed__item{display:grid;gap:4px;padding:12px 14px;border-radius:4px;background:var(--panel-soft);border:1px solid var(--line-soft)}
.feed__item span,.feed__item small{color:var(--muted)}
.table-wrap{overflow:auto;border:1px solid var(--line-soft);border-radius:4px;border-collapse:collapse;min-width:820px}
.table th,.table td{padding:14px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top;text-align:left}
.table thead th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.02)}
.table tbody tr:hover{background:rgba(255,255,255,.02)}
.td-meta{color:var(--muted);font-size:12px;margin-top:4px}
.toolbar-form,.table-toolbar,.inline-form,.form-grid,.action-form{display:grid;gap:12px}
.toolbar-form{grid-template-columns:minmax(260px,1fr) 220px auto;align-items:end;margin-bottom:14px}
.inline-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid--single{grid-template-columns:1fr}
.field{display:grid;gap:8px}
.field--full{grid-column:1/-1}
.input,.select,.textarea{width:100%;padding:13px 14px;border-radius:4px;border:1px solid var(--line);background:#0d1525;color:var(--text);outline:none}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(79,124,255,.6);box-shadow:0 0 0 4px rgba(79,124,255,.12)}
.input--search{padding-left:14px}
.textarea{min-height:120px;resize:vertical}
.textarea--compact{min-height:72px}
.checkbox{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:4px;border:1px solid transparent;background:var(--panel-soft);color:var(--text);cursor:pointer;transition:.18s ease;font-weight:600}
.btn:hover{transform:translateY(-1px)}
.btn-sm{padding:10px 13px;font-size:13px;border-radius:4px;color:#fff;box-shadow:0 16px 26px rgba(79,124,255,.22)}
.btn-ghost{background:rgba(255,255,255,.03);border-color:var(--line)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent}
.pill-success{background:rgba(39,194,129,.12);color:#86efb5;border-color:rgba(39,194,129,.22)}
.pill-info{background:rgba(53,199,200,.12);color:#8be9ea;border-color:rgba(53,199,200,.22)}
.pill-warning{background:rgba(246,183,60,.12);color:#ffd788;border-color:rgba(246,183,60,.22)}
.pill-danger{background:rgba(240,90,120,.12);color:#ff9ab0;border-color:rgba(240,90,120,.22)}
.pill-muted{background:rgba(145,160,190,.12);color:#c7d3ea;border-color:rgba(145,160,190,.18)}
.alert{padding:14px 16px;border-radius:4px;border:1px solid var(--line)}
.alert-success{background:rgba(39,194,129,.12);border-color:rgba(39,194,129,.2);color:#99f6c8}
.alert-danger{background:rgba(240,90,120,.12);border-color:rgba(240,90,120,.2);color:#ffc2cf}
.flash-stack{display:grid;gap:12px}
.stack-list{display:grid;gap:12px}
.stack-list>div,.stack-list>span{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:4px;background:var(--panel-soft);border:1px solid var(--line-soft)}
.stack-list--compact span{display:flex;justify-content:flex-start}
.empty-state{padding:20px;border-radius:4px;background:var(--panel-soft);color:var(--muted);text-align:center}
.chart{min-height:240px;border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid var(--line-soft);padding:10px}
.chart svg{width:100%;height:100%;display:block}
.chart .axis text{fill:#7384a7;font-size:11px}
.chart .grid line{stroke:rgba(255,255,255,.06)}
.chart .series-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.chart .legend{display:flex;gap:10px;flex-wrap:wrap;padding:0 6px 10px}
.chart .legend span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.chart .legend i{width:10px;height:10px;border-radius:4px;display:inline-block}
.mt-16{margin-top:16px}
.bo-auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#17253f 0,#0b1220 45%,#08101c 100%)}
.bo-auth{width:min(100%,860px);padding:24px}
.bo-auth__panel{padding:28px;border-radius:4px;font-size:32px}
.bo-auth__panel p{margin:0 0 18px;color:#b7c6e3}
@media (max-width:1280px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.panel--span-2{grid-column:span 1}.hero-card{flex-direction:column;align-items:flex-start}.hero-card__meta{width:100%;min-width:0}}
@media (max-width:980px){.bo-shell{grid-template-columns:1fr}.bo-sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);width:280px;z-index:30;transition:.18s ease}.bo-sidebar.is-open{transform:translateX(0)}.bo-toggle{display:inline-flex;align-items:center;justify-content:center}.metric-grid,.panel-grid--2,.panel-grid--3,.toolbar-form,.form-grid,.inline-form{grid-template-columns:1fr}.bo-topbar{padding:18px}.bo-content{padding:18px}.table{min-width:680px}}
.stack-list--editor{grid-template-columns:1fr}
.editor-card{display:grid;gap:14px;padding:16px;border-radius:4px;background:var(--panel-soft);border:1px solid var(--line-soft)}
.editor-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.editor-card__actions{display:flex;justify-content:flex-end}
.form-grid--route{grid-template-columns:minmax(0,1fr) 140px 140px}
.input--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:13px}
.stack-list--routes{max-height:840px;overflow:auto}
@media (max-width:980px){.form-grid--route{grid-template-columns:1fr}}
.table--compact th,.table--compact td{padding:12px 12px}
.table--wide{min-width:1200px}
.status-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.status-kpi{padding:14px;border-radius:4px;border:1px solid var(--line-soft);background:var(--panel-soft)}
.status-kpi span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.status-kpi strong{display:block;margin-top:8px;font-size:24px}
.status-kpi--critical{background:rgba(240,90,120,.10);border-color:rgba(240,90,120,.18)}
.status-kpi--hot{background:rgba(246,183,60,.10);border-color:rgba(246,183,60,.18)}
.status-kpi--warm{background:rgba(79,124,255,.10);border-color:rgba(79,124,255,.18)}
.status-kpi--cool{background:rgba(53,199,200,.10);border-color:rgba(53,199,200,.18)}
.status-kpi--sleep{background:rgba(145,160,190,.10);border-color:rgba(145,160,190,.18)}
.status-kpi--frozen{background:rgba(118,135,162,.08);border-color:rgba(118,135,162,.16)}
.wg-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wg-card,.wg-route-item{display:grid;gap:14px;padding:16px;border-radius:4px;background:var(--panel-soft);border:1px solid var(--line-soft)}
.wg-card__head,.wg-route-item__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.wg-card__body{display:grid;gap:14px}
.wg-meta-list,.wg-route-item__meta,.wg-route-item__stats,.wg-card__times{display:flex;flex-wrap:wrap;gap:10px 16px}
.wg-meta-list span,.wg-route-item__meta span,.wg-route-item__stats span,.wg-card__times span{display:inline-flex;align-items:center;gap:8px;color:#c7d3ea;font-size:13px}
.wg-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wg-card__stats div{padding:12px;border-radius:4px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.wg-card__stats span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.wg-card__stats strong{display:block;margin-top:6px;font-size:18px}
.wg-card__actions,.wg-route-item__foot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wg-route-list{display:grid;gap:12px;max-height:980px;overflow:auto;padding-right:4px}
.bo-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;z-index:120}
.bo-modal.is-open{display:flex}
.bo-modal__backdrop{position:absolute;inset:0;background:rgba(4,8,15,.78);backdrop-filter:blur(6px)}
.bo-modal__dialog{position:relative;width:min(100%,760px);max-height:calc(100vh - 48px);overflow:auto;border-radius:4px;background:linear-gradient(180deg,rgba(18,28,47,.98),rgba(13,21,37,.98));border:1px solid var(--line);box-shadow:var(--shadow)}
.bo-modal__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:22px 22px 0}
.bo-modal__head h3{margin:0;font-size:22px}
.bo-modal__head p{margin:6px 0 0;color:var(--muted)}
.bo-modal__body{display:grid;gap:16px;padding:22px}
.bo-modal__actions{display:flex;justify-content:flex-end;gap:10px}
.bo-modal__close{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);width:42px;height:42px;border-radius:4px;cursor:pointer}
body.is-modal-open{overflow:hidden}
@media (max-width:1280px){.wg-card-grid{grid-template-columns:1fr}.status-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.wg-card__stats,.status-kpi-grid{grid-template-columns:1fr}.bo-modal{padding:14px}.bo-modal__dialog{width:100%}.wg-card__actions,.wg-route-item__foot{flex-direction:column;align-items:stretch}}


.metric-card--state.metric-card--ok{background:rgba(39,194,129,.10);border-color:rgba(39,194,129,.18)}
.metric-card--state.metric-card--running{background:rgba(53,199,200,.10);border-color:rgba(53,199,200,.18)}
.metric-card--state.metric-card--warning{background:rgba(246,183,60,.10);border-color:rgba(246,183,60,.18)}
.metric-card--state.metric-card--danger{background:rgba(240,90,120,.10);border-color:rgba(240,90,120,.18)}
.panel--alerts{border-color:rgba(240,90,120,.18)}
.alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.alert-card{padding:16px;border-radius:4px;border:1px solid var(--line-soft);background:var(--panel-soft);display:grid;gap:10px}
.alert-card--success{background:rgba(39,194,129,.08);border-color:rgba(39,194,129,.18)}
.alert-card--info{background:rgba(53,199,200,.08);border-color:rgba(53,199,200,.18)}
.alert-card--warning{background:rgba(246,183,60,.08);border-color:rgba(246,183,60,.18)}
.alert-card--danger{background:rgba(240,90,120,.08);border-color:rgba(240,90,120,.18)}
.alert-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.alert-card p,.cron-card p{margin:0;color:#dbe6ff}
.alert-card small,.cron-card small{color:var(--muted)}
.cron-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cron-card{display:grid;gap:14px;padding:16px;border-radius:4px;background:var(--panel-soft);border:1px solid var(--line-soft)}
.cron-card[data-state="ok"]{border-color:rgba(39,194,129,.24);background:rgba(39,194,129,.06)}
.cron-card[data-state="en_cours"]{border-color:rgba(53,199,200,.24);background:rgba(53,199,200,.06)}
.cron-card[data-state="echec"]{border-color:rgba(240,90,120,.28);background:rgba(240,90,120,.08)}
.cron-card[data-state="en_retard"],.cron-card[data-state="jamais_lance"]{border-color:rgba(246,183,60,.28);background:rgba(246,183,60,.08)}
.cron-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.cron-card__head h4{margin:4px 0 0;font-size:18px}
.cron-card__meta{display:grid;gap:8px}
.cron-card__meta span{display:inline-flex;align-items:center;gap:8px;color:#c7d3ea;font-size:13px}
.cron-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cron-card__stats div{padding:12px;border-radius:4px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.cron-card__stats span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.cron-card__stats strong{display:block;margin-top:6px;font-size:17px}
@media (max-width:1280px){.alert-grid,.cron-card-grid{grid-template-columns:1fr}}

.wg-subnav{display:grid;gap:14px;margin:0 0 20px}
.wg-subnav__links{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.wg-subnav__item{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:4px;background:var(--panel);border:1px solid var(--line-soft);color:#cfe0ff;transition:.18s ease}
.wg-subnav__item:hover{border-color:rgba(79,124,255,.3);transform:translateY(-1px)}
.wg-subnav__item.is-active{background:linear-gradient(180deg,rgba(79,124,255,.16),rgba(53,199,200,.08));border-color:rgba(79,124,255,.26);color:#fff}
.wg-region-switch{display:flex;flex-wrap:wrap;gap:8px}
.wg-region-switch__item{padding:9px 14px;border-radius:4px;border:1px solid var(--line-soft);background:var(--panel);color:#cfe0ff}
.wg-region-switch__item.is-active{background:rgba(79,124,255,.14);border-color:rgba(79,124,255,.3);color:#fff}
.wg-region-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wg-region-card{padding:16px;border-radius:4px;background:var(--panel-soft);border:1px solid var(--line-soft);display:grid;gap:14px}
.wg-region-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.wg-region-card__head h4{margin:0;font-size:22px}
.wg-mini-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wg-mini-kpis div{padding:12px;border-radius:4px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.wg-mini-kpis span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.wg-mini-kpis strong{display:block;margin-top:6px;font-size:18px}
.wg-card-actions{display:flex;gap:10px;flex-wrap:wrap}
.console-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}
.wg-console{min-height:560px;max-height:70vh;overflow:auto;margin:0;padding:18px;border-radius:4px;background:#070d18;border:1px solid #18253d;color:#bfe4c3;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;white-space:pre-wrap;word-break:break-word}
.wg-table-bars{display:grid;gap:14px}
.wg-bar-row{display:grid;gap:10px;padding:14px;border-radius:4px;background:var(--panel-soft);border:1px solid var(--line-soft)}
.wg-bar-row__head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.wg-bar{height:12px;border-radius:4px;background:rgba(255,255,255,.05);overflow:hidden;border:1px solid rgba(255,255,255,.05)}
.wg-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--cyan))}
.wg-bar-row__regions{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:12px}
.hero-card--wg{margin-bottom:18px}
@media (max-width:1480px){.wg-subnav__links{grid-template-columns:repeat(4,minmax(0,1fr))}.wg-region-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.wg-subnav__links,.wg-region-card-grid,.wg-mini-kpis{grid-template-columns:1fr}.console-toolbar{align-items:stretch}.wg-console{min-height:420px}}


.monitor-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:linear-gradient(180deg,rgba(12,21,36,.9),rgba(10,17,30,.95));border:1px solid var(--line);box-shadow:var(--shadow)}
.monitor-strip__status{display:grid;gap:4px;min-width:210px}
.monitor-strip__status strong{font-size:15px}
.monitor-strip__status small{color:var(--muted)}
.monitor-strip__chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.monitor-chip{display:grid;gap:4px;min-width:150px;padding:10px 12px;border:1px solid var(--line-soft);background:rgba(255,255,255,.03)}
.monitor-chip small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.monitor-chip strong{font-size:18px;line-height:1}
.monitor-chip[data-state="ok"]{border-color:rgba(39,194,129,.2);background:rgba(39,194,129,.08)}
.monitor-chip[data-state="warning"]{border-color:rgba(246,183,60,.2);background:rgba(246,183,60,.08)}
.monitor-chip[data-state="danger"]{border-color:rgba(240,90,120,.2);background:rgba(240,90,120,.08)}
.monitor-chip[data-state="muted"]{border-color:var(--line-soft)}
.live-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#d9e7ff}
.live-tag i{width:9px;height:9px;background:var(--green);box-shadow:0 0 0 0 rgba(39,194,129,.45);animation:livePulse 1.8s infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(39,194,129,.4)}70%{box-shadow:0 0 0 8px rgba(39,194,129,0)}100%{box-shadow:0 0 0 0 rgba(39,194,129,0)}}
.sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sector-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,28,47,.98),rgba(13,21,37,.98));box-shadow:var(--shadow);transition:.18s ease}
.sector-card:hover{transform:translateY(-1px);border-color:rgba(79,124,255,.32)}
.sector-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sector-card strong{font-size:28px;line-height:1}
.sector-card small{color:#c5d2ec}
.sector-card--success{border-color:rgba(39,194,129,.18)}
.sector-card--warning{border-color:rgba(246,183,60,.18)}
.sector-card--danger{border-color:rgba(240,90,120,.18)}
.sector-card--info{border-color:rgba(53,199,200,.18)}
.panel--flow{overflow:hidden}
.flow-board{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.flow-board::before{content:"";position:absolute;left:12.5%;right:12.5%;top:46px;height:1px;background:linear-gradient(90deg,rgba(79,124,255,.18),rgba(53,199,200,.28),rgba(79,124,255,.18));pointer-events:none}
.flow-column{position:relative;display:grid;gap:12px;align-content:start}
.flow-column__title{padding:10px 12px;border:1px solid var(--line-soft);background:rgba(255,255,255,.02);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#cfe0ff}
.flow-node{position:relative;display:grid;gap:6px;padding:14px;border:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));min-height:96px}
.flow-node::before{content:"";position:absolute;top:23px;left:-14px;width:14px;height:1px;background:rgba(79,124,255,.18)}
.flow-column:first-child .flow-node::before{display:none}
.flow-node span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.flow-node strong{font-size:24px;line-height:1.05}
.flow-node small{color:#c5d2ec}
.flow-node[data-state="ok"]{border-color:rgba(39,194,129,.2);background:rgba(39,194,129,.07)}
.flow-node[data-state="warning"]{border-color:rgba(246,183,60,.2);background:rgba(246,183,60,.08)}
.flow-node[data-state="danger"]{border-color:rgba(240,90,120,.2);background:rgba(240,90,120,.08)}
.flow-node[data-state="info"]{border-color:rgba(53,199,200,.2);background:rgba(53,199,200,.08)}
.flow-node[data-state="muted"]{border-color:var(--line-soft)}
.flow-node--family strong{font-size:20px}
.family-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.family-summary{display:grid;gap:12px;padding:16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,28,47,.98),rgba(13,21,37,.98))}
.family-summary[data-state="warning"]{border-color:rgba(246,183,60,.2);background:rgba(246,183,60,.08)}
.family-summary[data-state="ok"]{border-color:rgba(39,194,129,.2);background:rgba(39,194,129,.07)}
.family-summary__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.family-summary__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.family-summary__stats div{padding:10px 12px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.03)}
.family-summary__stats span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.family-summary__stats strong{display:block;margin-top:6px;font-size:18px}
.cron-group-head{align-items:center}
.cron-card__stats--registry strong{font-size:13px;word-break:break-word;line-height:1.35}
.cron-card__purpose{padding:12px 14px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.03);color:#dbe6ff}
@media (max-width:1480px){.flow-board{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-board::before{display:none}.sector-grid,.family-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.monitor-strip{align-items:stretch;flex-direction:column}.monitor-strip__chips{justify-content:flex-start}.sector-grid,.family-summary-grid,.flow-board{grid-template-columns:1fr}.flow-node::before{display:none}}


.bo-shell--fullscreen{grid-template-columns:minmax(0,1fr)}
.monitor-fullscreen .bo-sidebar,.monitor-fullscreen .bo-topbar{display:none}
.bo-main--fullscreen{padding:0}
.bo-content--fullscreen{padding:18px 20px}
.bo-content--public{padding:24px}
.monitor-kiosk{display:grid;gap:18px}
.monitor-kiosk--fullscreen .metric-card strong{font-size:34px}
.monitor-kiosk--fullscreen .cron-card-grid--wall{grid-template-columns:repeat(3,minmax(0,1fr))}
.public-monitor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.public-monitor-toolbar__brand{display:flex;align-items:center;gap:12px}
.public-monitor-toolbar__brand strong{font-size:18px;letter-spacing:.08em}
.public-monitor-toolbar__actions,.wg-monitor-actions{display:flex;flex-wrap:wrap;gap:10px}
.wg-monitor-actions__item{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:4px;background:var(--panel);border:1px solid var(--line-soft);color:#dce7ff;cursor:pointer;transition:.18s ease;text-decoration:none}
.wg-monitor-actions__item:hover{transform:translateY(-1px);border-color:rgba(79,124,255,.28)}
.monitor-strip--dense{position:relative;overflow:hidden}
.monitor-strip--dense::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.03) 48%,transparent 56%);transform:translateX(-100%);animation:monitorSweep 6s linear infinite;pointer-events:none}
.live-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;background:rgba(53,199,200,.08);border:1px solid rgba(53,199,200,.18);text-transform:uppercase;font-size:11px;letter-spacing:.08em}
.live-tag i{width:8px;height:8px;border-radius:4px;background:#35c7c8;display:inline-block;box-shadow:0 0 0 0 rgba(53,199,200,.55);animation:livePulse 1.6s infinite}
.chart .series-line{stroke-dasharray:6 8;animation:chartFlow 22s linear infinite}
.flow-board::after{content:"";position:absolute;left:12.5%;right:12.5%;top:42px;height:10px;background:radial-gradient(circle,rgba(53,199,200,.9) 0,rgba(53,199,200,0) 65%);animation:flowPulse 4.2s linear infinite;pointer-events:none}
.cron-card{position:relative;overflow:hidden;isolation:isolate}
.cron-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.04) 48%,transparent 54%);transform:translateX(-100%);opacity:.65;pointer-events:none;animation:cronSweep 8s linear infinite}
.cron-card::after{content:"";position:absolute;inset:-1px;border-radius:4px;border:1px solid rgba(255,255,255,.05);opacity:.25;pointer-events:none;animation:cronBreath var(--cron-pulse-ms,4200ms) ease-in-out infinite}
.cron-card[data-running="1"]::after,.cron-card[data-state="en_cours"]::after{border-color:rgba(53,199,200,.45);opacity:.7}
.cron-card[data-pressure="fresh"] .cron-meter span{background:linear-gradient(90deg,rgba(39,194,129,.85),rgba(53,199,200,.75))}
.cron-card[data-pressure="watch"] .cron-meter span,.cron-card[data-pressure="due"] .cron-meter span{background:linear-gradient(90deg,rgba(246,183,60,.82),rgba(255,207,86,.9))}
.cron-card[data-pressure="overdue"] .cron-meter span{background:linear-gradient(90deg,rgba(240,90,120,.88),rgba(255,136,165,.92))}
.cron-card[data-pressure="active"] .cron-meter span{background:linear-gradient(90deg,rgba(53,199,200,.9),rgba(79,124,255,.88))}
.cron-card__cadence{display:grid;gap:12px;padding:12px;border-radius:4px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.cron-cadence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cron-cadence div{padding:10px 12px;border-radius:4px;background:rgba(10,18,31,.42);border:1px solid rgba(255,255,255,.05)}
.cron-cadence span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.cron-cadence strong{display:block;margin-top:6px;font-size:13px;line-height:1.35;word-break:break-word}
.cron-meter{position:relative;height:8px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}
.cron-meter span{position:absolute;left:0;top:0;bottom:0;width:var(--cron-meter,14%);border-radius:4px;box-shadow:0 0 16px rgba(255,255,255,.18);transition:width .45s ease}
.cron-card-grid--wall{grid-template-columns:repeat(2,minmax(0,1fr))}
.monitor-public-fullscreen .hero-card{padding:18px 20px}
.monitor-public-fullscreen .bo-content--public{padding:16px}
.monitor-public-fullscreen .metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.monitor-public-fullscreen .cron-card-grid--wall{grid-template-columns:repeat(4,minmax(0,1fr))}
.monitor-public-fullscreen .table-wrap{max-height:34vh;overflow:auto}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(53,199,200,.55)}70%{box-shadow:0 0 0 9px rgba(53,199,200,0)}100%{box-shadow:0 0 0 0 rgba(53,199,200,0)}}
@keyframes chartFlow{0%{stroke-dashoffset:180}100%{stroke-dashoffset:0}}
@keyframes cronSweep{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes cronBreath{0%,100%{opacity:.22}50%{opacity:.72}}
@keyframes monitorSweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes flowPulse{0%{transform:translateX(-35%);opacity:0}20%{opacity:1}100%{transform:translateX(35%);opacity:0}}
@media (max-width:1480px){.cron-cadence{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-public-fullscreen .metric-grid,.monitor-public-fullscreen .cron-card-grid--wall,.monitor-kiosk--fullscreen .cron-card-grid--wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.public-monitor-toolbar,.wg-monitor-actions{align-items:stretch;flex-direction:column}.cron-cadence,.monitor-public-fullscreen .metric-grid,.monitor-public-fullscreen .cron-card-grid--wall,.monitor-kiosk--fullscreen .cron-card-grid--wall{grid-template-columns:1fr}.bo-content--fullscreen,.bo-content--public{padding:14px}}


.monitor-kiosk--neon{position:relative}
.monitor-kiosk--neon::before{content:"";position:absolute;inset:-10px;background:radial-gradient(circle at 12% 12%,rgba(79,124,255,.12),transparent 28%),radial-gradient(circle at 88% 22%,rgba(53,199,200,.1),transparent 24%),radial-gradient(circle at 50% 100%,rgba(139,125,255,.08),transparent 30%);pointer-events:none;filter:blur(8px)}
.public-monitor-toolbar--future{position:relative;overflow:hidden;padding:12px 14px;border-radius:4px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,24,41,.92),rgba(8,14,25,.96));box-shadow:var(--shadow)}
.public-monitor-toolbar__brand--future{display:flex;align-items:center;gap:12px}
.public-monitor-toolbar__brand--future small{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.hero-card--future{position:relative;overflow:hidden}
.hero-card--future::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(79,124,255,.08),transparent 38%,rgba(53,199,200,.08) 100%);pointer-events:none}
.hero-card--compact h2{margin-bottom:0}
.hero-card__meta--future{min-width:280px}
.monitor-strip--future{backdrop-filter:blur(16px)}
.future-wall{position:relative;display:grid;gap:16px;padding:18px;border-radius:4px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(9,16,30,.92),rgba(7,12,24,.97));box-shadow:var(--shadow);overflow:hidden}
.future-wall::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;opacity:.22;pointer-events:none}
.future-wall__head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px}
.future-wall__labels{display:grid;gap:4px}
.future-wall__labels strong{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#d9e5fb}
.future-wall__nav{display:flex;gap:10px}
.future-wall__dot{width:12px;height:12px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);box-shadow:0 0 0 0 rgba(79,124,255,0);cursor:pointer;transition:.2s ease}
.future-wall__dot.is-active{background:linear-gradient(135deg,var(--primary),var(--cyan));border-color:rgba(255,255,255,.24);box-shadow:0 0 0 4px rgba(79,124,255,.12)}
.future-scene{position:relative;z-index:1;display:none;gap:14px;min-height:480px}
.future-scene.is-active{display:grid;animation:sceneFade .45s ease}
.future-scene__title{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;color:#d8e3fb;font-size:12px}
.future-scene__title span{display:inline-grid;place-items:center;width:34px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
.future-topology,.future-clusters,.future-console,.future-stream-grid{min-height:0}
.topology-stage{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;min-height:420px;padding:8px 2px}
.topology-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.topology-lane{display:grid;gap:12px;align-content:start}
.topology-lane__title{padding:8px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.topology-node{position:relative;padding:11px 11px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(20,31,52,.96),rgba(11,18,31,.98));box-shadow:0 14px 28px rgba(0,0,0,.22);min-height:74px}
.topology-node::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:rgba(255,255,255,.08)}
.topology-node span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.11em}
.topology-node strong{display:block;margin-top:6px;font-size:19px;line-height:1}
.topology-node small{display:block;margin-top:6px;color:#c8d5f1;font-size:11px}
.topology-node--ok::after{background:linear-gradient(90deg,rgba(39,194,129,.9),rgba(53,199,200,.45))}
.topology-node--running::after{background:linear-gradient(90deg,rgba(53,199,200,.95),rgba(79,124,255,.6))}
.topology-node--warning::after{background:linear-gradient(90deg,rgba(246,183,60,.95),rgba(255,222,117,.6))}
.topology-node--danger::after{background:linear-gradient(90deg,rgba(240,90,120,.95),rgba(255,138,165,.6))}
.topology-node--info::after{background:linear-gradient(90deg,rgba(79,124,255,.95),rgba(53,199,200,.55))}
.topology-link{fill:none;stroke-width:2.5;opacity:.72;stroke-linecap:round;stroke-dasharray:8 8;animation:dashMove 14s linear infinite}
.topology-link--ok{stroke:rgba(39,194,129,.9)}
.topology-link--running{stroke:rgba(53,199,200,.95)}
.topology-link--warning{stroke:rgba(246,183,60,.95)}
.topology-link--danger{stroke:rgba(240,90,120,.95)}
.topology-link--info{stroke:rgba(79,124,255,.92)}
.cluster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cluster-card{position:relative;display:grid;gap:12px;padding:16px;border-radius:4px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(16,25,43,.96),rgba(10,17,30,.98));overflow:hidden}
.cluster-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.04) 48%,transparent 56%);transform:translateX(-100%);animation:cronSweep 8s linear infinite;pointer-events:none}
.cluster-card--ok{border-color:rgba(39,194,129,.18)}
.cluster-card--warning{border-color:rgba(246,183,60,.22)}
.cluster-card__head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.cluster-card__head small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.cluster-card__head strong{display:block;margin-top:6px;font-size:16px}
.cluster-card__head b{font-size:22px;line-height:1}
.cluster-card__meta{display:flex;gap:10px;color:#c8d5f1;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.cluster-card__dots{display:flex;flex-wrap:wrap;gap:8px}
.status-dot{display:inline-block;width:10px;height:10px;border-radius:4px;background:rgba(255,255,255,.15);box-shadow:0 0 0 1px rgba(255,255,255,.05)}
.status-dot--ok{background:rgba(39,194,129,.95);box-shadow:0 0 10px rgba(39,194,129,.38)}
.status-dot--running{background:rgba(53,199,200,.96);box-shadow:0 0 10px rgba(53,199,200,.38)}
.status-dot--warning{background:rgba(246,183,60,.96);box-shadow:0 0 10px rgba(246,183,60,.34)}
.status-dot--danger{background:rgba(240,90,120,.96);box-shadow:0 0 10px rgba(240,90,120,.38)}
.status-dot--muted{background:rgba(145,160,190,.72)}
.cluster-card__meter{height:6px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}
.cluster-card__meter span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,rgba(246,183,60,.95),rgba(240,90,120,.9))}
.future-stream-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.future-stream-panel{display:grid;gap:12px;padding:14px;border-radius:4px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(17,27,46,.96),rgba(9,16,29,.98))}
.future-stream-panel__head{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.14em;color:#d8e3fb;font-size:12px}
.stream-rail{display:grid;gap:10px}
.stream-card{display:grid;gap:8px;padding:12px;border-radius:4px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.stream-card__top,.stream-card__mid{display:flex;align-items:center;justify-content:space-between;gap:10px}
.stream-card__top span,.stream-card__mid small{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.stream-card__foot{color:#dce6fb;font-size:13px}
.stream-card--ok{border-color:rgba(39,194,129,.16)}
.stream-card--running{border-color:rgba(53,199,200,.18)}
.stream-card--warning{border-color:rgba(246,183,60,.18)}
.stream-card--danger{border-color:rgba(240,90,120,.18)}
.future-console{padding:14px;border-radius:4px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(5,10,18,.98),rgba(4,8,15,.99));min-height:420px}
.console-lines{display:grid;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.45}
.console-line{padding:10px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.02);color:#dce6fb;word-break:break-word}
.console-line--ok{border-color:rgba(39,194,129,.16)}
.console-line--running{border-color:rgba(53,199,200,.18)}
.console-line--warning{border-color:rgba(246,183,60,.18)}
.console-line--danger{border-color:rgba(240,90,120,.18)}
@keyframes badgeFade{from{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes dashMove{to{stroke-dashoffset:-80}}
@keyframes sceneFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.monitor-kiosk-mode .bo-content--public{padding:16px}
.monitor-kiosk-mode .hero-card{margin-bottom:0}
@media (max-width:1600px){.cluster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1360px){.topology-stage{grid-template-columns:repeat(3,minmax(0,1fr))}.future-stream-grid,.cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.future-wall__head{align-items:flex-start;flex-direction:column}.topology-stage,.future-stream-grid,.cluster-grid{grid-template-columns:1fr}.future-scene{min-height:unset}.future-console{min-height:320px}}

/* Tree wall */
.wg-tree-screen{display:grid;gap:14px;min-height:calc(100vh - 150px)}
.wg-tree-screen--fullscreen{min-height:calc(100vh - 36px)}
.tree-wall-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;border-radius:4px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(10,17,30,.96),rgba(6,10,20,.98));box-shadow:var(--shadow)}
.tree-view-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tree-view-switch__item{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#dfe8fb;font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease}
.tree-view-switch__item:hover{border-color:rgba(79,124,255,.28);background:rgba(79,124,255,.08)}
.tree-view-switch__item.is-active{border-color:rgba(79,124,255,.34);background:rgba(79,124,255,.14);box-shadow:0 0 0 1px rgba(79,124,255,.10) inset;color:#fff}
.tree-wall-toolbar__brand{display:flex;align-items:center;gap:12px}
.tree-wall-toolbar__brand strong{text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:#e4edff}
.tree-wall-toolbar__brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.tree-wall-toolbar__signals{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.tree-signal{display:grid;gap:4px;min-width:96px;padding:10px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.tree-signal small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.tree-signal strong{font-size:18px;line-height:1}
.tree-wall-toolbar__controls{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.wg-region-switch--tree{gap:8px}
.tree-wall-stage-wrap{position:relative;min-height:0;flex:1;display:grid}
.tree-wall-stage{position:relative;min-height:calc(100vh - 240px);padding:18px;border-radius:4px;border:1px solid var(--line);background:radial-gradient(circle at 12% 12%,rgba(79,124,255,.09),transparent 24%),radial-gradient(circle at 84% 18%,rgba(53,199,200,.08),transparent 24%),linear-gradient(180deg,rgba(8,13,24,.98),rgba(5,9,18,.99));box-shadow:var(--shadow);overflow:hidden}
.wg-tree-screen--fullscreen .tree-wall-stage{min-height:calc(100vh - 92px)}
.tree-wall-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:34px 34px;opacity:.28;pointer-events:none}
.tree-topology-wall .topology-stage{height:100%;min-height:inherit;grid-template-columns:1.02fr 1.28fr .98fr .98fr 1.02fr;gap:22px;padding:6px;align-items:stretch}
.tree-topology-wall .topology-lane{position:relative;z-index:1;gap:16px;align-content:center}
.tree-topology-wall .topology-lane__title{padding:10px 12px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07);font-size:10px;letter-spacing:.18em}
.tree-topology-wall .topology-node{padding:13px 13px 12px;min-height:90px;background:linear-gradient(180deg,rgba(17,27,47,.97),rgba(9,15,27,.99));border-color:rgba(255,255,255,.09);box-shadow:0 20px 40px rgba(0,0,0,.24);overflow:hidden}
.tree-topology-wall .topology-node span{font-size:9px;letter-spacing:.14em}
.tree-topology-wall .topology-node strong{font-size:23px}
.tree-topology-wall .topology-node small{font-size:10px}
.topology-badges{position:absolute;inset:0;pointer-events:none;z-index:2}
.topology-link{fill:none;stroke-width:3.4;opacity:.92;stroke-linecap:round;stroke-dasharray:14 10;filter:drop-shadow(0 0 14px rgba(79,124,255,.14));animation:dashMove 8.5s linear infinite,topologyPulse 2.8s ease-in-out infinite}
.topology-link--ok{stroke:rgba(39,194,129,.98)}
.topology-link--running{stroke:rgba(53,199,200,.98)}
.topology-link--warning{stroke:rgba(246,183,60,.98)}
.topology-link--danger{stroke:rgba(240,90,120,.98)}
.topology-link--info{stroke:rgba(79,124,255,.98)}
.topology-link--muted{stroke:rgba(145,160,190,.76)}
.topology-link-badge{position:absolute;display:grid;gap:4px;transform:translate(-50%,-50%);min-width:116px;max-width:176px;padding:8px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.09);background:rgba(7,12,24,.94);backdrop-filter:blur(12px);box-shadow:0 12px 22px rgba(0,0,0,.24);will-change:transform,left,top;animation:none;transition:left .18s linear,top .18s linear,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.topology-link-badge__label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#e4edff;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.topology-link-badge__label-text{display:block;min-width:0}
.topology-link-badge__label i{font-size:11px;opacity:.9}
.topology-link-badge__meta{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.topology-link-badge__count{display:block;font-size:14px;line-height:1.1;color:#fff}
.topology-link-badge__count--ok{color:#9af4c9}
.topology-link-badge__count--running{color:#8deff0}
.topology-link-badge__count--warning{color:#ffd46a}
.topology-link-badge__count--danger{color:#ff9ab0}
.topology-link-badge__count--muted{color:#b9c8e6}
.topology-link-badge--ok{border-color:rgba(39,194,129,.24)}
.topology-link-badge--running{border-color:rgba(53,199,200,.26)}
.topology-link-badge--warning{border-color:rgba(246,183,60,.26)}
.topology-link-badge--danger{border-color:rgba(240,90,120,.26)}
.topology-link-badge--info{border-color:rgba(79,124,255,.24)}
@media (max-width:1600px){.tree-wall-toolbar{grid-template-columns:1fr}.tree-wall-toolbar__signals,.tree-wall-toolbar__controls{justify-content:flex-start}.tree-topology-wall .topology-stage{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.wg-tree-screen,.wg-tree-screen--fullscreen{min-height:auto}.tree-wall-stage,.wg-tree-screen--fullscreen .tree-wall-stage{min-height:560px}.tree-topology-wall .topology-stage{grid-template-columns:1fr}.topology-link-badge{max-width:138px}}


/* Tree wall free layout + region distinction */
.wg-region-switch--coded .wg-region-switch__item--eu.is-active{border-color:rgba(79,124,255,.55);box-shadow:inset 0 0 0 1px rgba(79,124,255,.18)}
.wg-region-switch--coded .wg-region-switch__item--na.is-active{border-color:rgba(246,183,60,.55);box-shadow:inset 0 0 0 1px rgba(246,183,60,.18)}
.wg-region-switch--coded .wg-region-switch__item--asia.is-active{border-color:rgba(53,199,200,.55);box-shadow:inset 0 0 0 1px rgba(53,199,200,.18)}
.tree-region-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tree-region-legend__item{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#dfe8fb}
.tree-region-legend__item i{width:10px;height:10px;border-radius:4px;display:inline-block;box-shadow:0 0 14px rgba(255,255,255,.16)}
.tree-region-legend__item--eu i{background:#4f7cff;box-shadow:0 0 16px rgba(79,124,255,.34)}
.tree-region-legend__item--na i{background:#f6b73c;box-shadow:0 0 16px rgba(246,183,60,.34)}
.tree-region-legend__item--asia i{background:#35c7c8;box-shadow:0 0 16px rgba(53,199,200,.34)}
.wg-tree-screen--editor{min-height:calc(100vh - 150px)}
.tree-editor-help{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:4px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(10,17,30,.88),rgba(6,10,20,.94))}
.tree-editor-help__copy{display:flex;align-items:center;gap:12px;color:#cdd8ef}
.tree-editor-help__copy strong{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#e7efff}
.tree-wall-stage-wrap--editor{min-height:calc(100vh - 260px)}
.tree-wall-stage--editor{min-height:calc(100vh - 260px)}
.tree-topology-wall .topology-stage--free{position:relative;display:block;height:100%;min-height:inherit;padding:0}
.tree-topology-wall .topology-stage--free .topology-links,.tree-topology-wall .topology-stage--free .topology-badges,.tree-topology-wall .topology-stage--free .topology-free-labels{position:absolute;inset:0}
.topology-free-labels{pointer-events:none;z-index:1}
.topology-free-label{position:absolute;transform:translateX(-50%);padding:6px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04);color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:10px}
.tree-topology-wall .topology-stage--free .topology-node{position:absolute;width:min(210px,14.2vw);min-width:160px;min-height:90px;transform:translate(-50%,-50%);z-index:2;backdrop-filter:blur(10px);transition:left .08s linear,top .08s linear,box-shadow .18s ease,border-color .18s ease,transform .18s ease}
.tree-topology-wall .topology-stage--free.topology-stage--editable .topology-node{cursor:grab;user-select:none}
.tree-topology-wall .topology-stage--free.topology-stage--editable .topology-node.is-dragging{cursor:grabbing;box-shadow:0 24px 48px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.08)}
.topology-node__caption{display:block;margin-bottom:4px;color:#7f92b5;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.topology-node__meta{display:block;margin-top:6px;color:#dce6fb;font-size:10px}
.topology-node__flags{position:absolute;left:10px;bottom:9px;display:flex;align-items:center;gap:6px}
.topology-node__flag{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#cfe0ff;font-size:10px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.topology-node__flag--alert{border-color:rgba(240,90,120,.26);background:rgba(240,90,120,.14);color:#ffd7e1}
.topology-node__flag--info{border-color:rgba(79,124,255,.22);background:rgba(79,124,255,.12);color:#dce6ff}
.topology-node-tooltip{position:absolute;left:0;top:0;z-index:20;width:min(420px,calc(100% - 24px));display:grid;gap:8px;padding:12px 14px;border-radius:4px;border:1px solid rgba(79,124,255,.22);background:rgba(6,11,22,.96);box-shadow:0 18px 38px rgba(0,0,0,.34);backdrop-filter:blur(12px);pointer-events:none}
.topology-tooltip__head{display:grid;gap:3px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}
.topology-tooltip__head small{color:#8fa3c8;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.topology-tooltip__head strong{font-size:15px;line-height:1.2;color:#fff}
.topology-tooltip__row{display:grid;gap:4px}
.topology-tooltip__row span{color:#90a3c7;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.topology-tooltip__row b{color:#e8efff;font-size:12px;line-height:1.35;font-weight:600;white-space:normal;word-break:break-word}
.topology-node--danger{box-shadow:0 22px 42px rgba(0,0,0,.24),0 0 0 1px rgba(240,90,120,.14) inset,0 0 24px rgba(240,90,120,.16)}
.topology-node:hover,.topology-node:focus-visible{transform:translate(-50%,-50%) translateY(-2px);border-color:rgba(79,124,255,.28);outline:none}
.topology-node--warning{box-shadow:0 20px 40px rgba(0,0,0,.24),0 0 0 1px rgba(246,183,60,.10) inset}
.topology-node--danger::before,.topology-node--warning::before{content:'';position:absolute;inset:-18%;background:radial-gradient(circle at center,rgba(240,90,120,.14),transparent 62%);opacity:.65;pointer-events:none;animation:topologyGlow 2.8s ease-in-out infinite}
.topology-node--warning::before{background:radial-gradient(circle at center,rgba(246,183,60,.12),transparent 62%)}
.tree-editor-help--inline{margin:12px 0 10px}
.wg-tree-screen.is-layout-editing .tree-wall-stage{box-shadow:0 0 0 1px rgba(79,124,255,.20) inset,var(--shadow)}
.wg-monitor-actions__item.is-active{border-color:rgba(79,124,255,.34);background:rgba(79,124,255,.14)}
@keyframes topologyGlow{0%,100%{opacity:.42}50%{opacity:.78}}
@keyframes topologyPulse{0%,100%{opacity:.78}50%{opacity:1}}

.topology-node__region{position:absolute;right:8px;top:8px;padding:3px 5px;border-radius:4px;font-size:9px;font-style:normal;letter-spacing:.10em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}
.topology-node--region-eu::before,.topology-node--region-na::before,.topology-node--region-asia::before{content:'';position:absolute;inset:-1px;border-radius:4px;pointer-events:none;opacity:.85}
.topology-node--region-eu::before{border:1px solid rgba(79,124,255,.36);box-shadow:0 0 0 1px rgba(79,124,255,.10),0 0 24px rgba(79,124,255,.16)}
.topology-node--region-na::before{border:1px solid rgba(246,183,60,.34);box-shadow:0 0 0 1px rgba(246,183,60,.08),0 0 24px rgba(246,183,60,.14)}
.topology-node--region-asia::before{border:1px solid rgba(53,199,200,.36);box-shadow:0 0 0 1px rgba(53,199,200,.10),0 0 24px rgba(53,199,200,.16)}
.topology-node__region--eu{background:rgba(79,124,255,.16)}
.topology-node__region--na{background:rgba(246,183,60,.16)}
.topology-node__region--asia{background:rgba(53,199,200,.16)}
.topology-link--region-eu{stroke:#4f7cff;filter:drop-shadow(0 0 12px rgba(79,124,255,.18))}
.topology-link--region-na{stroke:#f6b73c;filter:drop-shadow(0 0 12px rgba(246,183,60,.16))}
.topology-link--region-asia{stroke:#35c7c8;filter:drop-shadow(0 0 12px rgba(53,199,200,.18))}
.topology-link-badge--region-eu{border-color:rgba(79,124,255,.28)}
.topology-link-badge--region-na{border-color:rgba(246,183,60,.28)}
.topology-link-badge--region-asia{border-color:rgba(53,199,200,.28)}
@media (max-width:1400px){.tree-topology-wall .topology-stage--free .topology-node{width:min(180px,18vw);min-width:138px}}
@media (max-width:1100px){.tree-editor-help{align-items:flex-start;flex-direction:column}.tree-editor-help__copy{align-items:flex-start;flex-direction:column}.tree-topology-wall .topology-stage--free .topology-node{width:min(210px,38vw);min-width:144px}}


.tree-topology-wall .topology-stage--dense .topology-node{padding:9px 9px 8px;min-height:66px}
.tree-topology-wall .topology-stage--dense .topology-node span{font-size:7px;letter-spacing:.11em}
.tree-topology-wall .topology-stage--dense .topology-node strong{margin-top:4px;font-size:15px}
.tree-topology-wall .topology-stage--dense .topology-node small{margin-top:4px;font-size:8px;line-height:1.2}
.tree-topology-wall .topology-stage--dense.topology-stage--free .topology-node{width:min(158px,11vw);min-width:122px;min-height:66px}
.tree-topology-wall .topology-stage--dense .topology-node__region{right:6px;top:6px;padding:2px 4px;font-size:7px}
.tree-topology-wall .topology-stage--dense .topology-node__flags{left:8px;bottom:7px;gap:4px}
.tree-topology-wall .topology-stage--dense .topology-node__flag{width:14px;height:14px;font-size:8px}
.tree-topology-wall .topology-stage--dense .topology-link{stroke-width:2.5;stroke-dasharray:9 8;animation-duration:8s}
.tree-topology-wall .topology-stage--dense .topology-link-badge{gap:2px;min-width:82px;max-width:108px;padding:5px 7px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.tree-topology-wall .topology-stage--dense .topology-link-badge__label{gap:6px;font-size:8px;letter-spacing:.10em}
.tree-topology-wall .topology-stage--dense .topology-link-badge__label i{font-size:9px}
.tree-topology-wall .topology-stage--dense .topology-link-badge__meta{font-size:8px;letter-spacing:.08em}
.tree-topology-wall .topology-stage--dense .topology-link-badge__count{font-size:11px;line-height:1}
.tree-topology-wall .topology-stage--dense .topology-free-label{padding:5px 8px;font-size:9px}

.tree-topology-wall .topology-stage--micro .topology-node{padding:7px 8px 7px;min-height:58px;border-color:rgba(255,255,255,.08)}
.tree-topology-wall .topology-stage--micro .topology-node span{font-size:6px;letter-spacing:.10em}
.tree-topology-wall .topology-stage--micro .topology-node strong{margin-top:3px;font-size:13px}
.tree-topology-wall .topology-stage--micro .topology-node small{margin-top:3px;font-size:7px;line-height:1.15}
.tree-topology-wall .topology-stage--micro.topology-stage--free .topology-node{width:min(136px,9.4vw);min-width:104px;min-height:58px}
.tree-topology-wall .topology-stage--micro .topology-node__region{right:5px;top:5px;padding:1px 3px;font-size:6px;letter-spacing:.08em}
.tree-topology-wall .topology-stage--micro .topology-node__flags{left:6px;bottom:5px;gap:3px}
.tree-topology-wall .topology-stage--micro .topology-node__flag{width:11px;height:11px;font-size:6px;border-radius:4px}
.tree-topology-wall .topology-stage--micro .topology-link{stroke-width:2.1;stroke-dasharray:7 7;animation-duration:7s;opacity:.95}
.tree-topology-wall .topology-stage--micro .topology-link-badge{gap:1px;min-width:62px;max-width:84px;padding:4px 6px;box-shadow:0 6px 14px rgba(0,0,0,.16);backdrop-filter:blur(8px)}
.tree-topology-wall .topology-stage--micro .topology-link-badge__label{gap:5px;font-size:7px;letter-spacing:.08em}
.tree-topology-wall .topology-stage--micro .topology-link-badge__label i{font-size:8px}
.tree-topology-wall .topology-stage--micro .topology-link-badge__meta{display:none}
.tree-topology-wall .topology-stage--micro .topology-link-badge__count{font-size:10px;line-height:1}
.tree-topology-wall .topology-stage--micro .topology-free-label{padding:4px 7px;font-size:8px}

.wg-subnav__links{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.wows-import-runtime{position:relative;overflow:hidden}
.wows-import-progress{height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04);overflow:hidden}
.wows-import-progress i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--cyan));transition:width .35s ease}
.wows-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wows-check-grid div{padding:14px;border-radius:4px;border:1px solid var(--line-soft);background:rgba(255,255,255,.03)}
.wows-check-grid div[data-ok="1"]{border-color:rgba(39,194,129,.22);background:rgba(39,194,129,.08)}
.wows-check-grid div[data-ok="0"]{border-color:rgba(246,183,60,.18);background:rgba(246,183,60,.06)}
.wows-check-grid span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.wows-check-grid strong{display:block;margin-top:8px;font-size:16px}
.wows-import-console{min-height:460px}
.wows-import-files{max-height:520px;overflow:auto}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
@media (max-width:1280px){.wows-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.wows-check-grid{grid-template-columns:1fr}.wows-import-console{min-height:340px}}


/* WG import · refonte légère */
.wg-subnav--lean{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.wg-subnav--lean .wg-subnav__links{display:flex;gap:8px;flex-wrap:wrap}
.wg-subnav--lean .wg-subnav__item{min-width:150px;padding:11px 13px}
.wg-region-switch--strong .wg-region-switch__item{position:relative;overflow:hidden}
.wg-region-switch__item--eu.is-active{border-color:rgba(79,124,255,.52)}
.wg-region-switch__item--na.is-active{border-color:rgba(246,183,60,.52)}
.wg-region-switch__item--asia.is-active{border-color:rgba(53,199,200,.52)}

.monitor-kiosk--lean{display:grid;gap:16px}
.monitor-strip--lean{padding:12px 14px;border-radius:4px;border:1px solid var(--line);background:rgba(10,17,30,.86)}
.wg-region-card-grid--ops{grid-template-columns:repeat(3,minmax(0,1fr))}
.wg-region-card--ops{}
.wg-region-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.wg-region-card__top span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.wg-region-card__top strong{display:block;margin-top:4px;font-size:28px;letter-spacing:.05em}
.wg-region-card__reason{margin:0;color:#d7e2f7;font-size:13px;line-height:1.45}
.wg-region-card__detail{display:flex;flex-wrap:wrap;gap:6px}
.wg-region-card__detail span{display:inline-flex;padding:6px 8px;border-radius:4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);color:#bdcbee;font-size:11px}
.wg-region-card__action{padding:10px 12px;border-radius:4px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:#b7c6e4;font-size:12px;line-height:1.45}
.wg-region-card--success{border-color:rgba(39,194,129,.20);background:linear-gradient(180deg,rgba(39,194,129,.07),rgba(18,28,47,.98))}
.wg-region-card--info{border-color:rgba(53,199,200,.20);background:linear-gradient(180deg,rgba(53,199,200,.07),rgba(18,28,47,.98))}
.wg-region-card--warning{border-color:rgba(246,183,60,.24);background:linear-gradient(180deg,rgba(246,183,60,.08),rgba(18,28,47,.98))}
.wg-region-card--danger{border-color:rgba(240,90,120,.28);background:linear-gradient(180deg,rgba(240,90,120,.10),rgba(18,28,47,.98))}
.wg-mini-kpis--region{grid-template-columns:repeat(4,minmax(0,1fr))}
.wg-mini-kpis--region div{padding:10px}
.wg-mini-kpis--region strong{font-size:17px}
.wg-mini-kpis--region small{display:block;margin-top:4px;color:#8294b6;font-size:11px}
.panel--lean{padding:15px}
.wg-explain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wg-explain-grid div{padding:12px;border-radius:4px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.wg-explain-grid strong{display:block;font-size:13px;color:#e8efff}
.wg-explain-grid span{display:block;margin-top:6px;color:#9fb1d1;font-size:12px;line-height:1.4}
.alert-grid--compact{grid-template-columns:1fr;max-height:420px;overflow:auto;padding-right:2px}
.inline-form--single{display:block;margin-top:12px}
.wg-direct-tree{display:grid;gap:14px}
.wg-direct-tree p{margin:0;color:#b8c7e4;line-height:1.55}
@media (max-width:1500px){.wg-region-card-grid--ops{grid-template-columns:1fr}.wg-mini-kpis--region,.wg-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:780px){.wg-subnav--lean{align-items:stretch}.wg-subnav--lean .wg-subnav__links,.wg-region-switch--strong,.wg-monitor-actions{width:100%}.wg-mini-kpis--region,.wg-explain-grid{grid-template-columns:1fr}}


/* Refonte radicale : salle de contrôle Wargaming */
.control-room {
    --control-bg: #f4f7fb;
    --control-card: #ffffff;
    --control-line: #d8e3f1;
    --control-text: #132238;
    --control-muted: #65758b;
    --control-blue: #2563eb;
    --control-blue-soft: #e8f0ff;
    --control-green: #15803d;
    --control-green-soft: #e8f7ee;
    --control-orange: #b45309;
    --control-orange-soft: #fff3df;
    --control-red: #b91c1c;
    --control-red-soft: #feecec;
    min-height: calc(100vh - 110px);
    padding: 18px;
    background: radial-gradient(circle at top left, rgba(37, 99, 235, .10), transparent 34%), var(--control-bg);
    color: var(--control-text);
}
.control-room--wall {
    min-height: 100vh;
    padding: 16px;
}
.control-hero {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: stretch;
    padding: 22px;
    border: 1px solid #dbe7f5;
    border-radius:4px;
    background: linear-gradient(135deg, #ffffff, #f7fbff);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
}
.control-hero h1 {
    margin: 6px 0 8px;
    font-size: clamp(28px, 3vw, 46px);
    line-height: 1.02;
    color: #0f1d32;
    letter-spacing: -.04em;
}
.control-hero p {
    max-width: 760px;
    margin: 0;
    color: var(--control-muted);
    font-size: 15px;
}
.control-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius:4px;
    background: var(--control-blue-soft);
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.control-hero__state {
    min-width: 260px;
    padding: 18px;
    border-radius:4px;
    background: #f8fafc;
    border: 1px solid #dce8f6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}
.control-hero__state small,
.control-hero__state span {
    color: var(--control-muted);
}
.control-hero__state strong {
    font-size: 24px;
    line-height: 1.1;
}
.control-hero--ok .control-hero__state { background: var(--control-green-soft); border-color: #b9e6c7; }
.control-hero--ok .control-hero__state strong { color: var(--control-green); }
.control-hero--run .control-hero__state { background: var(--control-blue-soft); border-color: #bfd4ff; }
.control-hero--run .control-hero__state strong { color: #1d4ed8; }
.control-hero--bad .control-hero__state { background: var(--control-red-soft); border-color: #fecaca; }
.control-hero--bad .control-hero__state strong { color: var(--control-red); }
.control-kpis {
    display: grid;
    grid-template-columns: repeat(6, minmax(150px, 1fr));
    gap: 12px;
    margin: 14px 0;
}
.control-kpis article,
.reference-strip div,
.region-facts article {
    background: var(--control-card);
    border: 1px solid #dce8f6;
    border-radius:4px;
    padding: 14px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .04);
}
.control-kpis span,
.reference-strip span,
.region-facts span {
    display: block;
    color: var(--control-muted);
    font-size: 12px;
    font-weight: 700;
}
.control-kpis strong,
.reference-strip strong,
.region-facts strong {
    display: block;
    margin-top: 4px;
    font-size: 25px;
    color: #0f172a;
}
.control-kpis small,
.reference-strip small,
.region-facts small {
    display: block;
    margin-top: 4px;
    color: #7a8aa0;
    font-size: 11px;
}
.control-reference {
    margin: 14px 0;
    padding: 16px;
    background: rgba(255,255,255,.7);
    border: 1px solid #dce8f6;
    border-radius:4px;
}
.control-section-title {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: baseline;
    margin-bottom: 12px;
}
.control-section-title span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #1d4ed8;
    font-weight: 900;
}
.control-section-title strong {
    color: var(--control-muted);
    font-size: 13px;
    font-weight: 700;
}
.reference-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
    gap: 10px;
}
.region-control {
    margin: 18px 0;
    padding: 16px;
    border: 1px solid #dce8f6;
    border-left: 5px solid #94a3b8;
    border-radius:4px;
    background: rgba(255,255,255,.86);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .05);
}
.region-control--ok { border-left-color: var(--control-green); }
.region-control--run { border-left-color: var(--control-blue); }
.region-control--warn { border-left-color: var(--control-orange); }
.region-control--bad { border-left-color: var(--control-red); }
.region-control__head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 16px;
}
.region-control__head h2 {
    margin: 4px 0;
    font-size: 30px;
    letter-spacing: -.03em;
    color: #101827;
}
.region-control__head p {
    margin: 0;
    color: var(--control-muted);
}
.region-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 30px;
    border-radius:4px;
    color: #ffffff;
    background: #1e40af;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .08em;
}
.region-control--na .region-code { background: #7c3aed; }
.region-control--asia .region-code { background: #0891b2; }
.region-control__numbers {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.region-control__numbers span {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    min-width: 110px;
    padding: 10px 12px;
    border: 1px solid #dce8f6;
    border-radius:4px;
    background: #f8fafc;
    color: var(--control-muted);
    font-size: 11px;
}
.region-control__numbers b {
    color: #0f172a;
    font-size: 20px;
}
.flow-board {
    position: relative;
    display: grid;
    grid-template-columns: minmax(170px, .8fr) minmax(230px, 1.1fr) minmax(190px, .9fr) minmax(220px, 1fr) minmax(220px, 1fr) minmax(220px, 1fr) minmax(230px, 1fr);
    gap: 14px;
    align-items: center;
    padding: 44px 12px 18px;
    overflow-x: auto;
    border: 1px solid #e0e9f5;
    border-radius:4px;
    background: linear-gradient(180deg, #f8fbff, #ffffff);
}
.flow-board__labels {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 12px;
    display: grid;
    grid-template-columns: inherit;
    gap: 14px;
    color: #50657d;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.flow-board__labels span {
    white-space: nowrap;
}
.flow-line--main {
    position: absolute;
    left: 70px;
    right: 260px;
    top: 50%;
    height: 3px;
    background: linear-gradient(90deg, #bfdbfe, #d9e3ee 45%, #bfdbfe);
    transform: translateY(-50%);
    pointer-events: none;
}
.flow-line--main::after {
    content: '';
    position: absolute;
    right: -8px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #93c5fd;
    transform: translateY(-50%);
}
.flow-column {
    display: grid;
    gap: 9px;
    position: relative;
    z-index: 1;
}
.flow-node {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding: 12px;
    border: 1px solid #d9e4f0;
    border-radius:4px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .05);
}
.flow-node::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius:4px 0 0 4px;
    background: #94a3b8;
}
.flow-node small {
    display: block;
    color: var(--control-muted);
    font-size: 11px;
    font-weight: 800;
}
.flow-node strong {
    display: block;
    margin: 3px 0;
    color: #0f172a;
    font-size: 16px;
    line-height: 1.12;
}
.flow-node span {
    display: block;
    color: #64748b;
    font-size: 12px;
    line-height: 1.25;
}
.flow-node details {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #edf2f7;
}
.flow-node summary {
    cursor: pointer;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 800;
}
.flow-node p {
    margin: 7px 0 0;
    color: #475569;
    font-size: 12px;
    line-height: 1.35;
}
.flow-node code {
    display: inline-block;
    max-width: 100%;
    padding: 2px 4px;
    overflow-wrap: anywhere;
    color: #334155;
    background: #f1f5f9;
    border-radius:4px;
}
.flow-node--ok::before { background: var(--control-green); }
.flow-node--run::before { background: var(--control-blue); }
.flow-node--warn::before { background: var(--control-orange); }
.flow-node--bad::before { background: var(--control-red); }
.flow-node--neutral::before { background: #94a3b8; }
.flow-node--ok { background: linear-gradient(90deg, var(--control-green-soft), #ffffff 18%); }
.flow-node--run { background: linear-gradient(90deg, var(--control-blue-soft), #ffffff 18%); }
.flow-node--warn { background: linear-gradient(90deg, var(--control-orange-soft), #ffffff 18%); }
.flow-node--bad { background: linear-gradient(90deg, var(--control-red-soft), #ffffff 18%); }
.flow-node--source strong,
.flow-node--decision strong {
    font-size: 18px;
}
.region-facts {
    display: grid;
    grid-template-columns: repeat(6, minmax(130px, 1fr));
    gap: 10px;
    margin-top: 12px;
}
@media (max-width: 1400px) {
    .control-kpis { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
    .reference-strip { grid-template-columns: repeat(3, minmax(140px, 1fr)); }
    .region-facts { grid-template-columns: repeat(3, minmax(130px, 1fr)); }
    .flow-board { grid-template-columns: repeat(7, minmax(210px, 1fr)); }
}
@media (max-width: 900px) {
    .control-hero,
    .region-control__head,
    .control-section-title {
        flex-direction: column;
    }
    .control-kpis,
    .reference-strip,
    .region-facts {
        grid-template-columns: 1fr;
    }
    .region-control__numbers {
        justify-content: flex-start;
    }
}

.overview-command-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(260px, 1fr));
    gap: 14px;
    margin: 14px 0;
}
.command-card {
    border: 1px solid #dce8f6;
    border-left: 5px solid #94a3b8;
    border-radius:4px;
    background: #ffffff;
    padding: 16px;
    box-shadow: 0 16px 42px rgba(15, 23, 42, .05);
}
.command-card--ok { border-left-color: #15803d; }
.command-card--run { border-left-color: #2563eb; }
.command-card--warn { border-left-color: #b45309; }
.command-card--bad { border-left-color: #b91c1c; }
.command-card header,
.command-card footer,
.incident-panel header,
.incident-list article {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}
.command-card header span {
    display: inline-flex;
    min-width: 48px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius:4px;
    background: #1e40af;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
}
.command-card header strong {
    display: block;
    margin-top: 7px;
    color: #0f172a;
    font-size: 22px;
}
.command-card header b {
    color: #475569;
    font-size: 13px;
}
.command-card p {
    min-height: 46px;
    margin: 12px 0;
    color: #64748b;
    line-height: 1.35;
}
.command-card__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 12px;
}
.command-card__grid div {
    padding: 10px;
    border-radius:4px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
.command-card__grid span {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}
.command-card__grid strong {
    display: block;
    margin-top: 4px;
    color: #0f172a;
    font-size: 18px;
}
.command-card footer {
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
    color: #64748b;
    font-size: 12px;
}
.command-card footer a {
    white-space: nowrap;
    font-weight: 800;
    color: #1d4ed8;
}
.decision-rules {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 14px 0;
}
.decision-rules article {
    padding: 14px;
    border-radius:4px;
    background: #ffffff;
    border: 1px solid #dce8f6;
}
.decision-rules strong {
    display: block;
    color: #0f172a;
}
.decision-rules span {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
}
.incident-panel {
    margin-top: 14px;
    padding: 16px;
    border-radius:4px;
    background: #ffffff;
    border: 1px solid #dce8f6;
}
.incident-panel h2 { margin: 0; font-size: 22px; color: #0f172a; }
.incident-panel header span { color: #64748b; }
.incident-list { display: grid; gap: 8px; margin-top: 12px; }
.incident-list article { padding: 12px; border: 1px solid #fecaca; border-radius:4px; background: #fff7f7; }
.incident-list strong { display: block; color: #991b1b; }
.incident-list span { display: block; color: #64748b; font-size: 12px; }
@media (max-width: 1200px) {
    .overview-command-grid { grid-template-columns: 1fr; }
    .decision-rules { grid-template-columns: repeat(2, 1fr); }
    .command-card__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
    .decision-rules { grid-template-columns: 1fr; }
    .command-card footer,
    .incident-list article { align-items: flex-start; flex-direction: column; }
}

/* =========================================================
   Refonte sombre cohérente + écrans site/langues/utilisateurs
   ========================================================= */
:root{
    --bg:#070c16;
    --bg-2:#0a1120;
    --panel:#0f1728;
    --panel-soft:#121d31;
    --panel-strong:#151f34;
    --line:#24324b;
    --line-soft:#1c2940;
    --text:#e7edf8;
    --muted:#8ea0bd;
    --primary:#5278ff;
    --primary-soft:rgba(82,120,255,.15);
    --cyan:#28c6d2;
    --green:#2ac98f;
    --amber:#f3b64c;
    --red:#f05f7d;
    --violet:#8d7cff;
    --region-eu:#5278ff;
    --region-na:#f3b64c;
    --region-asia:#28c6d2;
    --region-none:#8ea0bd;
    --shadow:0 18px 42px rgba(0,0,0,.36);
}
body{background:radial-gradient(circle at 18% -10%,rgba(36,52,86,.62),transparent 34%),linear-gradient(180deg,#070c16 0,#0a1020 48%,#060a12 100%);color:var(--text)}
.bo-sidebar{background:linear-gradient(180deg,#080e19,#060a12);border-right-color:#1e2a40;padding:20px 14px;gap:16px}
.bo-brand{padding:6px 8px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.bo-nav{gap:6px}.bo-nav__item{padding:11px 12px;color:#c7d5ee}.bo-nav__item.is-active{background:linear-gradient(90deg,rgba(82,120,255,.20),rgba(40,198,210,.07));border-color:rgba(82,120,255,.32)}
.bo-topbar{padding:14px 22px;background:rgba(7,12,22,.88);border-bottom-color:#1f2c43}.bo-topbar__title h1{margin:0;font-size:22px}.bo-topbar__title p{display:none}.bo-content{padding:22px;gap:18px}
.panel,.metric-card,.hero-card,.bo-auth__panel{background:linear-gradient(180deg,#101a2c,#0c1424);border-color:#24324b;box-shadow:var(--shadow)}
.panel--control{background:linear-gradient(180deg,#101a2c,#0b1322);border-color:#24324b}.panel__head p{margin:5px 0 0;color:var(--muted);font-size:13px}.panel__head--stacked{align-items:flex-start}.panel__head--stacked h3{font-size:20px}
.input,.select,.textarea{background:#08101d;border-color:#263650;color:#e9f0fb}.input::placeholder,.textarea::placeholder{color:#687b98}.input:focus,.select:focus,.textarea:focus{border-color:rgba(82,120,255,.72);box-shadow:0 0 0 3px rgba(82,120,255,.16)}
.btn{border-radius:4px}.btn-primary{background:linear-gradient(180deg,#5d83ff,#4167e8);border-color:rgba(132,162,255,.34);color:#fff;box-shadow:0 12px 24px rgba(82,120,255,.24)}.btn-ghost{background:#111c2f;border-color:#2a3a56;color:#d9e5f8}.btn:hover{transform:none;filter:brightness(1.05)}
.table-wrap{min-width:0;background:#0b1322}.table thead th{background:#111b2e;color:#9fb0cb}.table tbody tr:hover{background:rgba(82,120,255,.05)}
.page-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:20px 22px;border:1px solid #263650;border-radius:4px;background:radial-gradient(circle at 90% 0,rgba(82,120,255,.22),transparent 28%),linear-gradient(180deg,#111d31,#0b1322);box-shadow:var(--shadow)}
.page-hero--compact h2{margin:7px 0 7px;font-size:26px;line-height:1.1}.page-hero--compact p{margin:0;max-width:780px;color:#b9c6dd}.page-hero__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.page-hero--settings{background:radial-gradient(circle at 88% 0,rgba(40,198,210,.18),transparent 32%),linear-gradient(180deg,#111d31,#0b1322)}
.metric-card--deep{background:linear-gradient(180deg,#121d31,#0c1424);border-color:#263650}.metric-card--deep strong{color:#f2f6ff}.metric-card--ok{background:linear-gradient(180deg,rgba(42,201,143,.14),rgba(12,20,36,.98));border-color:rgba(42,201,143,.30)}.metric-card--warning{background:linear-gradient(180deg,rgba(243,182,76,.14),rgba(12,20,36,.98));border-color:rgba(243,182,76,.30)}.metric-card--danger{background:linear-gradient(180deg,rgba(240,95,125,.14),rgba(12,20,36,.98));border-color:rgba(240,95,125,.32)}
.status-badge{display:inline-flex;padding:9px 12px;border-radius:4px;border:1px solid #2a3a56;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-badge--success{color:#a8f3cf;border-color:rgba(42,201,143,.34);background:rgba(42,201,143,.12)}.status-badge--warning{color:#ffd891;border-color:rgba(243,182,76,.36);background:rgba(243,182,76,.13)}
.region-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.region-dashboard--settings{grid-template-columns:repeat(3,minmax(0,1fr))}.region-card{position:relative;display:grid;gap:12px;padding:16px;border:1px solid #263650;border-radius:4px;background:linear-gradient(180deg,#101a2c,#0b1322);overflow:hidden}.region-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--region-none)}.region-card--eu::before{background:var(--region-eu)}.region-card--na::before{background:var(--region-na)}.region-card--asia::before{background:var(--region-asia)}.region-card--sans_region::before{background:var(--region-none)}.region-card--eu{border-color:rgba(82,120,255,.34)}.region-card--na{border-color:rgba(243,182,76,.34)}.region-card--asia{border-color:rgba(40,198,210,.34)}.region-card__head{display:flex;gap:12px;align-items:flex-start}.region-card__head strong{display:block;font-size:17px}.region-card__head small{display:block;color:var(--muted);margin-top:3px}.region-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.region-card__stats span{padding:9px 10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);border-radius:4px;color:#aebbd1;font-size:12px}.region-card__stats b{display:block;margin-top:3px;color:#edf3ff;font-size:15px}.region-card--switch{cursor:pointer}.region-card--switch input{position:absolute;right:14px;top:14px;accent-color:var(--primary)}.region-dot{display:inline-block;width:10px;height:10px;min-width:10px;border-radius:4px;background:var(--region-none);box-shadow:0 0 14px rgba(142,160,189,.22)}.region-dot--eu{background:var(--region-eu);box-shadow:0 0 16px rgba(82,120,255,.40)}.region-dot--na{background:var(--region-na);box-shadow:0 0 16px rgba(243,182,76,.36)}.region-dot--asia{background:var(--region-asia);box-shadow:0 0 16px rgba(40,198,210,.38)}.region-dot--sans_region{background:var(--region-none)}
.settings-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.9fr);gap:16px}.settings-layout__full,.settings-actions{grid-column:1/-1}.form-grid--settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.switch-list{display:grid;gap:10px}.switch-row{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #263650;border-radius:4px;background:#0b1322}.switch-row input{margin-top:3px;accent-color:var(--primary)}.switch-row strong{display:block}.switch-row small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.switch-row--warning{border-color:rgba(243,182,76,.24);background:rgba(243,182,76,.06)}.settings-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;padding:14px;background:linear-gradient(180deg,rgba(7,12,22,.25),rgba(7,12,22,.92));border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.metric-grid--site-users,.metric-grid--settings,.metric-grid--i18n{grid-template-columns:repeat(5,minmax(0,1fr))}.panel-grid--site-users{grid-template-columns:minmax(0,2.2fr) minmax(320px,.8fr)}.advanced-search{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(5,minmax(150px,1fr)) auto;gap:12px;align-items:end}.field--wide{grid-column:span 2}.field--actions{align-self:end}.user-results{display:grid;gap:12px}.user-card{position:relative;display:grid;gap:14px;padding:16px;border:1px solid #263650;border-radius:4px;background:linear-gradient(180deg,#101a2c,#0b1322);overflow:hidden}.user-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--region-none)}.user-card--eu::before{background:var(--region-eu)}.user-card--na::before{background:var(--region-na)}.user-card--asia::before{background:var(--region-asia)}.user-card__identity{display:flex;gap:13px;align-items:center}.avatar-dot{width:40px;height:40px;min-width:40px;border-radius:4px;display:grid;place-items:center;color:#fff;font-weight:800}.user-card__identity strong{display:block;font-size:17px}.user-card__identity small{display:block;color:#c8d4e8}.user-card__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.user-card__grid>div{padding:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:4px;min-width:0}.user-card__grid span{display:block;color:#8ea0bd;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.user-card__grid b{display:flex;align-items:center;gap:7px;margin-top:5px;color:#eef4ff;word-break:break-word}.user-card__grid small{display:block;margin-top:5px;color:#99a9c3}.user-card__actions{border-top:1px solid rgba(255,255,255,.07);padding-top:10px}.user-card__actions summary{cursor:pointer;color:#d8e5fa;font-weight:700}.moderation-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.moderation-form .field--full,.moderation-form .checkbox{grid-column:1/-1}.stack-list--strong>div,.stack-list--strong>span{background:#0b1322;border-color:#263650}.feed--dense{gap:8px}.feed--dense .feed__item{background:#0b1322;border-color:#263650}
.form-grid--i18n{grid-template-columns:minmax(0,1fr) 160px auto}.panel-grid--i18n-top{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)}.locale-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.help-card{padding:14px;border:1px solid #263650;border-radius:4px;background:#0b1322}.help-card p{margin:6px 0 0;color:var(--muted)}.locale-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.locale-card{display:grid;gap:10px;padding:14px;border:1px solid #263650;border-radius:4px;background:#0b1322}.locale-card--ok{border-color:rgba(42,201,143,.30)}.locale-card--warning{border-color:rgba(243,182,76,.30)}.locale-card--danger{border-color:rgba(240,95,125,.32)}.locale-card__head{display:flex;justify-content:space-between;gap:10px}.locale-card__head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locale-card__head span{color:var(--muted);font-size:12px;text-transform:uppercase}.progress{height:8px;border-radius:4px;background:#07101d;border:1px solid rgba(255,255,255,.06);overflow:hidden}.progress i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--cyan))}.locale-card--warning .progress i{background:linear-gradient(90deg,var(--amber),#ffd789)}.locale-card--danger .progress i{background:linear-gradient(90deg,var(--red),#ff9ab0)}.locale-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.locale-card__stats span{padding:8px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:4px;color:#9fb0c8;font-size:11px}.locale-card__stats b{display:block;margin-top:2px;color:#edf3ff;font-size:14px}.key-issue-list{display:grid;gap:8px}.key-issue{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid #263650;border-radius:4px;background:#0b1322}.key-issue span{font-size:12px;color:var(--muted);text-transform:uppercase}.key-issue code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8e5fa;background:rgba(255,255,255,.04);padding:5px 7px;border-radius:4px}.table--compact th,.table--compact td{padding:11px 12px}.table-wrap--contained{min-width:0;width:100%}
@media (max-width:1500px){.advanced-search{grid-template-columns:repeat(4,minmax(0,1fr))}.field--wide{grid-column:span 2}.metric-grid--site-users,.metric-grid--settings,.metric-grid--i18n{grid-template-columns:repeat(3,minmax(0,1fr))}.locale-board{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1180px){.settings-layout,.panel-grid--site-users,.panel-grid--i18n-top{grid-template-columns:1fr}.region-dashboard,.region-dashboard--settings{grid-template-columns:repeat(2,minmax(0,1fr))}.user-card__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-search{grid-template-columns:repeat(2,minmax(0,1fr))}.locale-board{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--i18n{grid-template-columns:1fr}.locale-create{grid-template-columns:1fr}}
@media (max-width:760px){.bo-content{padding:14px}.page-hero{align-items:flex-start;flex-direction:column}.page-hero__actions{width:100%;justify-content:flex-start}.metric-grid--site-users,.metric-grid--settings,.metric-grid--i18n,.region-dashboard,.region-dashboard--settings,.advanced-search,.form-grid--settings,.user-card__grid,.locale-board,.locale-card__stats,.moderation-form{grid-template-columns:1fr}.field--wide{grid-column:auto}.settings-actions{position:static;flex-direction:column}.settings-actions .btn{width:100%}.key-issue{grid-template-columns:1fr}.bo-topbar{padding:12px 14px}.bo-topbar__title h1{font-size:18px}}

/* Reprise Utilisateurs du site : moins de répétition, liste compacte, une ligne par compte */
.page-hero--site-users{align-items:center;padding:16px 18px;background:linear-gradient(180deg,#101a2c,#0b1322);border-color:#24324b}
.page-hero--site-users h2{margin:5px 0 0;font-size:24px}.page-hero--site-users .eyebrow{padding:5px 8px;font-size:10px}
.site-users-command{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:14px;align-items:stretch}
.site-users-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.site-users-kpis article{min-width:0;padding:13px 14px;border:1px solid #263650;border-radius:4px;background:linear-gradient(180deg,#111c2f,#0a1221);box-shadow:var(--shadow-soft,0 10px 22px rgba(0,0,0,.18))}
.site-users-kpis span{display:block;color:#8ea0bd;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.site-users-kpis strong{display:block;margin-top:4px;color:#f2f6ff;font-size:24px;line-height:1}.site-users-kpis small{display:block;margin-top:5px;color:#9fb0c8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-users-kpis .is-warning{border-color:rgba(243,182,76,.30);background:linear-gradient(180deg,rgba(243,182,76,.10),#0a1221)}.site-users-kpis .is-danger{border-color:rgba(240,95,125,.32);background:linear-gradient(180deg,rgba(240,95,125,.10),#0a1221)}
.site-users-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-region{position:relative;min-width:0;padding:11px 12px 11px 14px;border:1px solid #263650;border-radius:4px;background:#0b1322;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.site-region:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--region-none)}.site-region--eu:before{background:var(--region-eu)}.site-region--na:before{background:var(--region-na)}.site-region--asia:before{background:var(--region-asia)}.site-region strong{min-width:0;color:#e8eef9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-region b{color:#f2f6ff}.site-region small{grid-column:2/4;color:#91a0be;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel--filters .panel__head,.panel--site-users-results .panel__head,.panel--events-compact .panel__head{margin-bottom:10px}.panel__head--inline{display:flex;align-items:center;justify-content:space-between;gap:14px}.advanced-search--compact{grid-template-columns:minmax(220px,1.7fr) repeat(6,minmax(120px,1fr)) auto;gap:10px}.advanced-search--compact .field label{font-size:11px;color:#8ea0bd}.advanced-search--compact .input,.advanced-search--compact .select{height:38px;padding:8px 10px}.advanced-search--compact .btn{height:38px;padding:0 13px}.site-users-legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#9fb0c8;font-size:12px}.site-users-legend span{display:inline-flex;align-items:center;gap:6px}.table-wrap--site-users{overflow:auto;background:#0b1322;border-color:#263650}.site-users-table{min-width:1240px;table-layout:fixed}.site-users-table th,.site-users-table td{padding:8px 10px;border-bottom:1px solid #1d2940;vertical-align:middle}.site-users-table thead th{height:34px;background:#111b2e;color:#8ea0bd;font-size:10px;letter-spacing:.08em}.site-users-table tbody tr{height:56px}.site-users-table tbody tr:hover{background:rgba(82,120,255,.07)}.site-users-table th:nth-child(1){width:95px}.site-users-table th:nth-child(2){width:260px}.site-users-table th:nth-child(3){width:190px}.site-users-table th:nth-child(4){width:200px}.site-users-table th:nth-child(5){width:145px}.site-users-table th:nth-child(6){width:190px}.site-users-table th:nth-child(7){width:360px}.site-user-row{position:relative}.site-user-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--region-none)}.site-user-row--eu:before{background:var(--region-eu)}.site-user-row--na:before{background:var(--region-na)}.site-user-row--asia:before{background:var(--region-asia)}.td-region,.td-actions{white-space:nowrap}.region-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;background:#111c2f;border:1px solid #2a3a56;color:#d8e5fa;font-weight:800;font-size:11px}.region-pill--eu{border-color:rgba(82,120,255,.45);color:#cdd9ff}.region-pill--na{border-color:rgba(243,182,76,.45);color:#ffe0a3}.region-pill--asia{border-color:rgba(40,198,210,.45);color:#bffaff}.td-user{display:flex;align-items:center;gap:9px;min-width:0}.user-mini-avatar{width:28px;height:28px;min-width:28px;border-radius:4px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900}.user-main,.td-link,.td-activity,.td-state{min-width:0}.user-main strong,.td-link strong,.td-activity strong{display:block;color:#edf3ff;font-size:13px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-main small,.td-link small,.td-activity small,.td-state small{display:block;margin-top:3px;color:#91a0be;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-state .pill{padding:5px 8px;font-size:10px;line-height:1;border-radius:4px}.row-action-buttons{display:flex;gap:5px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}.row-action-buttons form{margin:0}.btn-xs{min-height:28px;padding:5px 8px;font-size:11px;line-height:1;border-radius:4px}.btn-danger,.btn-sm.btn-danger,.btn-xs.btn-danger{background:linear-gradient(180deg,#f05f7d,#cc3c5c);border:1px solid rgba(255,154,176,.35);color:#fff}.panel--events-compact{padding-bottom:12px}.event-strip{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.event-strip__item{min-width:260px;max-width:320px;padding:9px 10px;border:1px solid #263650;border-radius:4px;background:#0b1322}.event-strip__item strong{display:block;color:#edf3ff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-strip__item span{display:block;margin-top:3px;color:#91a0be;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1500px){.site-users-command{grid-template-columns:1fr}.advanced-search--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.advanced-search--compact .field--wide{grid-column:span 2}.site-users-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1180px){.site-users-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.site-users-regions{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-search--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.panel__head--inline{align-items:flex-start;flex-direction:column}.site-users-legend{gap:8px}.site-users-table{min-width:1180px}}
@media (max-width:760px){.site-users-command{grid-template-columns:1fr}.site-users-kpis,.site-users-regions,.advanced-search--compact{grid-template-columns:1fr}.advanced-search--compact .field--wide{grid-column:auto}.page-hero--site-users{align-items:flex-start}.site-users-table{min-width:1080px}.site-users-table th:nth-child(7){width:330px}.row-action-buttons{justify-content:flex-start}.event-strip__item{min-width:235px}}

/* Passe compacte + contraste contrôlé */
:root{
    --bg:#07101f;
    --panel:#0d182b;
    --panel-soft:#111f35;
    --line:#32435f;
    --line-soft:#263650;
    --text:#f4f7ff;
    --muted:#b9c6dc;
    --muted-strong:#d0daea;
    --primary:#6f91ff;
    --primary-strong:#8aa6ff;
    --cyan:#4edee2;
    --green:#42d891;
    --amber:#ffc45d;
    --red:#ff6f8d;
    --shadow:0 12px 30px rgba(0,0,0,.28);
    --region-eu:#6f91ff;
    --region-na:#ffc45d;
    --region-asia:#4edee2;
    --region-none:#8fa0bd;
}
body{background:radial-gradient(circle at top,#101c31 0,#07101f 48%,#050b16 100%);color:var(--text)}
.bo-sidebar{width:auto;padding:14px 12px;gap:12px;background:linear-gradient(180deg,#0b1425,#060b14);border-right-color:#2c3a55}.bo-shell{grid-template-columns:248px minmax(0,1fr)}
.bo-brand{padding:4px 6px}.bo-brand__mark{width:38px;height:38px}.bo-brand__copy strong{font-size:14px}.bo-brand__copy small{font-size:10px;color:#d0daea}.bo-nav{gap:5px}.bo-nav__item{padding:9px 10px;gap:9px;color:#d7e2f6}.bo-user{padding:10px}.bo-user__mail{font-size:12px}.bo-user__role{font-size:10px;color:#c8d4e9}.bo-sidebar__foot{gap:8px}
.bo-topbar{padding:10px 18px;background:rgba(5,11,20,.88);border-bottom-color:#263650}.bo-topbar__title h1{font-size:19px;margin:0}.bo-topbar__title p,.page-hero p,.panel__head p{display:none!important}.bo-content{padding:16px;gap:12px}.panel,.metric-card,.hero-card,.page-hero{border-color:#31425e;background:linear-gradient(180deg,#101c30,#0b1424);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.panel{padding:12px}.panel--dense{padding:9px}.panel__head{margin-bottom:8px}.panel__head h3{font-size:15px}.page-hero{padding:12px 14px;min-height:auto}.page-hero h2{font-size:21px;line-height:1.1;margin:4px 0 0}.page-hero__actions{gap:6px}.page-hero__actions--compact .btn{min-height:32px}.eyebrow{padding:4px 7px;color:#e9f0ff;background:rgba(111,145,255,.22);font-size:10px;border:1px solid rgba(111,145,255,.24)}
.metric-card{padding:11px}.metric-card__label{color:#c6d2e6}.metric-card strong{font-size:22px;margin-top:4px}.metric-card small{margin-top:4px;color:#c3cfe4}.input,.select,.textarea{background:#081120;border-color:#354764;color:#f4f7ff}.input::placeholder,.textarea::placeholder{color:#889ab7}.input:focus,.select:focus,.textarea:focus{border-color:#8aa6ff;box-shadow:0 0 0 3px rgba(111,145,255,.18)}.field{gap:5px}.field label{color:#d3ddec;font-weight:700;font-size:11px}.field--no-label label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn{min-height:36px;padding:8px 12px;color:#f7faff}.btn-sm{padding:7px 10px;font-size:12px}.btn-xs{min-height:28px;padding:6px 9px;font-size:11px}.btn-compact{height:36px;padding:0 12px}.btn-primary{background:linear-gradient(180deg,#7898ff,#5477e8);border-color:#9bb2ff;color:#fff}.btn-ghost{background:#111f35;border-color:#384966;color:#f0f5ff}.btn-danger{background:linear-gradient(180deg,#ff7894,#d84b69);border-color:#ff9aad;color:#fff}
.table-wrap{min-width:0;border-color:#31425e;background:#081120}.table th,.table td{border-bottom-color:#253652}.table thead th{background:#111f35;color:#d5deee}.table tbody tr:hover{background:rgba(111,145,255,.08)}.empty-state{padding:12px;background:#101c30;color:#d5deee;border:1px solid #31425e}
.pill-success{background:rgba(66,216,145,.18);color:#baf6d7;border-color:rgba(66,216,145,.38)}.pill-info{background:rgba(78,222,226,.18);color:#c6fbff;border-color:rgba(78,222,226,.38)}.pill-warning{background:rgba(255,196,93,.18);color:#ffe4ad;border-color:rgba(255,196,93,.42)}.pill-danger{background:rgba(255,111,141,.18);color:#ffd2dc;border-color:rgba(255,111,141,.42)}.pill-muted{background:rgba(185,198,220,.16);color:#e2e9f5;border-color:rgba(185,198,220,.30)}

/* Utilisateurs : une ligne de filtres, une ligne par utilisateur */
.site-users-overview{display:grid;grid-template-columns:minmax(420px,1fr) auto;gap:10px;align-items:stretch}.compact-stats,.compact-regions{display:flex;gap:7px;align-items:stretch;min-width:0}.compact-stats span,.region-chip{min-width:0;border:1px solid #31425e;background:#0d182b;border-radius:4px;display:flex;align-items:center;gap:7px;padding:7px 9px;white-space:nowrap}.compact-stats span{min-width:112px}.compact-stats b{font-size:18px;line-height:1;color:#fff}.compact-stats small{font-size:11px;color:#c5d2e7;text-transform:uppercase;letter-spacing:.05em}.compact-stats .is-warning{border-color:rgba(255,196,93,.45);background:rgba(255,196,93,.10)}.compact-stats .is-danger{border-color:rgba(255,111,141,.45);background:rgba(255,111,141,.10)}.region-chip{position:relative;overflow:hidden}.region-chip b{font-size:12px;color:#f3f7ff}.region-chip em{font-style:normal;font-weight:900;color:#fff;margin-left:2px}.region-chip--eu{border-color:rgba(111,145,255,.55)}.region-chip--na{border-color:rgba(255,196,93,.55)}.region-chip--asia{border-color:rgba(78,222,226,.55)}.region-chip--sans_region{border-color:rgba(185,198,220,.38)}
.advanced-search--singleline{display:grid;grid-template-columns:minmax(230px,1.6fr) minmax(122px,.78fr) minmax(112px,.65fr) minmax(132px,.82fr) minmax(124px,.75fr) minmax(126px,.75fr) 78px auto;gap:7px;align-items:end}.advanced-search--singleline .input,.advanced-search--singleline .select{height:36px;padding:7px 9px;font-size:12px}.advanced-search--singleline .field{min-width:0}.advanced-search--singleline .field--actions{width:auto}.advanced-search--singleline .btn{width:100%}
.panel--site-users-results{padding:0}.table-wrap--site-users{border-radius:4px;border-color:#31425e}.site-users-table{min-width:1060px;table-layout:fixed}.site-users-table thead th{height:30px;padding:6px 8px;font-size:10px;color:#d4ddec;background:#101d32}.site-users-table tbody tr{height:46px}.site-users-table th:nth-child(1){width:84px}.site-users-table th:nth-child(2){width:252px}.site-users-table th:nth-child(3){width:178px}.site-users-table th:nth-child(4){width:178px}.site-users-table th:nth-child(5){width:128px}.site-users-table th:nth-child(6){width:176px}.site-users-table th:nth-child(7){width:94px}.site-users-table th,.site-users-table td{padding:6px 8px;vertical-align:middle}.site-user-row:before{width:4px}.region-pill{padding:4px 7px;background:#101d32;border-color:#3a4b67;color:#edf3ff}.region-pill--eu{border-color:rgba(111,145,255,.62);color:#dce5ff}.region-pill--na{border-color:rgba(255,196,93,.62);color:#ffe7b2}.region-pill--asia{border-color:rgba(78,222,226,.62);color:#d3fcff}.user-mini-avatar{width:25px;height:25px;min-width:25px;font-size:11px}.td-user{gap:7px}.user-main strong,.td-link strong,.td-activity strong{font-size:12px;color:#f7faff}.user-main small,.td-link small,.td-activity small,.td-state small{font-size:10.5px;color:#c1cde2;margin-top:2px}.td-state .pill{padding:4px 6px;font-size:9.5px}.td-actions{text-align:right}.site-user-manage-btn{width:72px}.region-dot{width:8px;height:8px;display:inline-block;border-radius:4px;background:var(--region-none)}.region-dot--eu{background:var(--region-eu)}.region-dot--na{background:var(--region-na)}.region-dot--asia{background:var(--region-asia)}.region-dot--sans_region{background:var(--region-none)}

/* Modale utilisateur */
.bo-modal__dialog--user{width:min(100%,720px);background:#0b1424;border-color:#3a4b67}.bo-modal__head--compact{padding:14px 16px 0}.bo-modal__head--compact h3{font-size:19px;margin-top:4px}.bo-modal__body--compact{padding:14px 16px 16px;gap:12px}.user-modal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.user-modal-summary span{min-width:0;background:#101d32;border:1px solid #31425e;border-radius:4px;padding:7px 8px}.user-modal-summary b{display:block;color:#cbd6e8;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.user-modal-summary em{display:block;margin-top:3px;color:#fff;font-style:normal;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-grid--user-action{grid-template-columns:1fr 1fr;gap:9px}.checkbox--strong{align-self:end;height:38px;padding:8px 10px;border:1px solid #31425e;border-radius:4px;background:#101d32;color:#f3f7ff}

/* Auth : code à six cases */
.bo-auth__panel--compact{max-width:470px;margin:0 auto;padding:24px}.bo-auth__panel--compact h1{font-size:26px;margin:8px 0 16px}.pin-form{gap:14px}.field--pin label{font-size:12px;color:#d6e0ef}.pin-inputs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.pin-box{height:56px;border:1px solid #3c4f70;background:#081120;color:#fff;border-radius:4px;text-align:center;font-size:24px;font-weight:900;letter-spacing:0;outline:none}.pin-box:focus{border-color:#8aa6ff;box-shadow:0 0 0 3px rgba(111,145,255,.22)}.pin-box[aria-invalid="true"]{border-color:#ff6f8d;box-shadow:0 0 0 3px rgba(255,111,141,.18)}

/* Densité générale responsive */
@media (max-width:1500px){.advanced-search--singleline{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(116px,1fr)) 90px auto}.advanced-search--singleline .field:nth-child(6){display:none}.site-users-overview{grid-template-columns:1fr}.compact-regions{flex-wrap:wrap}.compact-stats{flex-wrap:wrap}}
@media (max-width:1180px){.bo-shell{grid-template-columns:1fr}.advanced-search--singleline{grid-template-columns:repeat(4,minmax(0,1fr))}.advanced-search--singleline .field--wide{grid-column:span 2}.site-users-table{min-width:1000px}.user-modal-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.bo-content{padding:10px;gap:10px}.page-hero{padding:10px}.compact-stats,.compact-regions{overflow:auto;flex-wrap:nowrap}.advanced-search--singleline{grid-template-columns:1fr 1fr}.advanced-search--singleline .field--wide{grid-column:1/-1}.advanced-search--singleline .field--actions{grid-column:1/-1}.site-users-table{min-width:940px}.bo-modal{padding:8px}.user-modal-summary,.form-grid--user-action{grid-template-columns:1fr}.pin-inputs{gap:6px}.pin-box{height:48px;font-size:21px}}

/* =========================================================
   Verrouillage final sombre · densité, contraste, contraintes
   ========================================================= */
:root{
    --bg:#070b14;
    --bg-2:#0a101d;
    --surface:#0d1627;
    --surface-2:#101b30;
    --surface-3:#142037;
    --surface-4:#192740;
    --border:#2b3a55;
    --border-soft:#20304a;
    --text:#f2f6ff;
    --text-2:#d7e1f2;
    --muted:#a6b4cc;
    --muted-2:#7f90ad;
    --primary:#6f91ff;
    --primary-2:#4f73f0;
    --cyan:#46d8e2;
    --green:#46d48f;
    --amber:#ffc15b;
    --red:#ff6d8a;
    --violet:#9a8cff;
    --region-eu:#6f91ff;
    --region-na:#ffc15b;
    --region-asia:#46d8e2;
    --region-none:#9aa9c1;
    --radius:4px;
    --shadow:0 18px 40px rgba(0,0,0,.34);
    --shadow-soft:0 10px 24px rgba(0,0,0,.24);
}
html,body{background:var(--bg)!important;color:var(--text)!important;min-width:0;overflow-x:hidden}
body{font-size:14px;line-height:1.38;background:radial-gradient(circle at 18% -8%,rgba(53,72,113,.46),transparent 34%),linear-gradient(180deg,#080d18 0,#060a12 100%)!important}
a{color:inherit}
.bo-shell{background:transparent!important;grid-template-columns:244px minmax(0,1fr)}
.bo-main,.bo-content{min-width:0}
.bo-sidebar{background:linear-gradient(180deg,#0a111f,#050911)!important;border-right:1px solid var(--border-soft)!important;box-shadow:none!important;padding:12px 10px;gap:10px}
.bo-brand{height:46px;padding:0 6px 10px!important;gap:9px;border-bottom:1px solid rgba(255,255,255,.06)!important;color:var(--text)!important}
.bo-brand__mark{width:34px;height:34px;border-radius:4px;background:linear-gradient(135deg,var(--primary),var(--cyan))!important;color:#fff!important;box-shadow:0 12px 24px rgba(79,115,240,.18)!important}
.bo-brand__copy strong{font-size:13px;color:var(--text)!important;line-height:1.1}
.bo-brand__copy small{font-size:9px;color:var(--muted)!important;letter-spacing:.08em}
.bo-nav{gap:4px}
.bo-nav__item{min-height:34px;padding:8px 9px!important;gap:8px;background:transparent!important;border:1px solid transparent!important;color:var(--text-2)!important;border-radius:4px;font-size:13px;line-height:1.1}
.bo-nav__item i{width:16px;color:var(--muted)!important;text-align:center;font-size:12px}
.bo-nav__item:hover{background:rgba(111,145,255,.08)!important;border-color:rgba(111,145,255,.20)!important;transform:none!important}
.bo-nav__item.is-active{background:linear-gradient(90deg,rgba(111,145,255,.22),rgba(70,216,226,.06))!important;border-color:rgba(111,145,255,.36)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--primary)!important}
.bo-nav__item.is-active i{color:#cbd8ff!important}
.bo-sidebar__foot{gap:7px}
.bo-user{padding:8px 9px!important;background:#0d1627!important;border:1px solid var(--border-soft)!important;color:var(--text)!important;box-shadow:none!important}
.bo-user__mail{font-size:11.5px;line-height:1.25;word-break:break-word;color:var(--text-2)!important}
.bo-user__role{font-size:9px;color:var(--muted)!important;letter-spacing:.06em}
.bo-topbar{min-height:46px;padding:8px 14px!important;background:rgba(5,9,17,.90)!important;border-bottom:1px solid var(--border-soft)!important;box-shadow:none!important;color:var(--text)!important;backdrop-filter:blur(14px)}
.bo-topbar__title h1{margin:0!important;font-size:17px!important;line-height:1.08;color:var(--text)!important;letter-spacing:-.015em}
.bo-topbar__title p{display:none!important}
.bo-topbar__actions .btn{min-height:30px;padding:6px 10px;font-size:12px}
.bo-toggle{width:34px;height:34px;background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:4px}
.bo-content{padding:12px!important;gap:10px!important}
.panel,.panel--control,.metric-card,.hero-card,.page-hero,.bo-auth__panel,.alert-card,.cron-card,.command-card,.incident-panel,.decision-rules article,.control-reference,.region-control,.wg-region-card,.bo-modal__dialog{background:linear-gradient(180deg,var(--surface-2),var(--surface))!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow-soft)!important;border-radius:4px!important}
.panel{padding:10px!important;min-width:0;overflow:hidden}
.panel--dense{padding:8px!important}
.panel__head{margin-bottom:8px!important;gap:8px}
.panel__head h3{margin:0!important;color:var(--text)!important;font-size:14px!important;line-height:1.15}
.panel__head p,.page-hero p,.hero-card p{display:none!important}
.page-hero{min-height:0!important;padding:10px 12px!important;align-items:center!important;background:linear-gradient(180deg,#111d31,#0a1220)!important}
.page-hero h2,.page-hero--compact h2{margin:3px 0 0!important;font-size:19px!important;line-height:1.1;color:var(--text)!important}
.page-hero__actions{gap:6px!important}
.eyebrow,.control-eyebrow,.live-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 6px!important;background:rgba(111,145,255,.18)!important;border:1px solid rgba(111,145,255,.28)!important;color:#dfe7ff!important;border-radius:4px;font-size:9px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.metric-grid,.metric-grid--settings,.metric-grid--i18n,.metric-grid--site-users{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px!important}
.metric-card{padding:9px 10px!important;min-height:66px;background:linear-gradient(180deg,#101b30,#0c1526)!important}
.metric-card__label{font-size:10px!important;color:var(--muted)!important;text-transform:uppercase;letter-spacing:.055em}
.metric-card strong{font-size:20px!important;line-height:1.05;color:#fff!important;margin-top:4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metric-card small{margin-top:4px!important;font-size:10.5px!important;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metric-card--ok,.metric-card--state.metric-card--ok{background:linear-gradient(180deg,rgba(70,212,143,.16),var(--surface))!important;border-color:rgba(70,212,143,.34)!important}
.metric-card--warning,.metric-card--state.metric-card--warning{background:linear-gradient(180deg,rgba(255,193,91,.16),var(--surface))!important;border-color:rgba(255,193,91,.36)!important}
.metric-card--danger,.metric-card--state.metric-card--danger{background:linear-gradient(180deg,rgba(255,109,138,.16),var(--surface))!important;border-color:rgba(255,109,138,.36)!important}
.input,.select,.textarea{height:34px;background:#08101d!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:4px!important;padding:7px 9px!important;font-size:12px;outline:none;box-shadow:none!important}
.textarea{height:auto;min-height:76px;resize:vertical}
.textarea--compact{min-height:58px!important}
.input::placeholder,.textarea::placeholder{color:#73849f!important}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(111,145,255,.76)!important;box-shadow:0 0 0 3px rgba(111,145,255,.17)!important}
.field{gap:4px!important;min-width:0}.field label{font-size:10.5px;color:var(--text-2)!important;font-weight:700;line-height:1.15}.field--no-label label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn{min-height:34px;padding:7px 10px!important;border-radius:4px!important;border:1px solid var(--border)!important;background:var(--surface-3)!important;color:var(--text)!important;box-shadow:none!important;font-size:12px;line-height:1.05;white-space:nowrap;transform:none!important;filter:none!important}
.btn:hover{background:var(--surface-4)!important;border-color:#3a4b6a!important}
.btn-primary,.btn-sm.btn-primary{background:linear-gradient(180deg,#7294ff,#4e70ef)!important;border-color:rgba(143,169,255,.46)!important;color:#fff!important}
.btn-ghost{background:#0d1729!important;border-color:#2b3a55!important;color:var(--text-2)!important}
.btn-sm{min-height:31px;padding:6px 9px!important;font-size:11.5px!important}.btn-xs{min-height:26px;padding:5px 8px!important;font-size:11px!important}.btn-compact{height:34px;min-height:34px}
.alert,.empty-state{background:#0d1729!important;border:1px solid var(--border)!important;color:var(--text-2)!important;border-radius:4px!important}.alert-success{background:rgba(70,212,143,.12)!important;border-color:rgba(70,212,143,.32)!important;color:#c8f7df!important}.alert-danger{background:rgba(255,109,138,.12)!important;border-color:rgba(255,109,138,.34)!important;color:#ffd7df!important}
.table-wrap{min-width:0!important;max-width:100%;overflow:auto;background:#08101d!important;border:1px solid var(--border)!important;border-radius:4px!important}
.table{width:100%;border-collapse:collapse;color:var(--text)!important}.table th,.table td{border-bottom:1px solid var(--border-soft)!important;color:var(--text-2)!important}.table thead th{background:#101a2d!important;color:#c8d3e6!important;font-size:10px!important;letter-spacing:.06em;text-transform:uppercase}.table tbody tr:hover{background:rgba(111,145,255,.07)!important}.td-meta{color:var(--muted)!important}
.pill{border-radius:4px!important}.pill-success{background:rgba(70,212,143,.16)!important;color:#c5f8de!important;border-color:rgba(70,212,143,.38)!important}.pill-info{background:rgba(70,216,226,.16)!important;color:#cdfbff!important;border-color:rgba(70,216,226,.38)!important}.pill-warning{background:rgba(255,193,91,.17)!important;color:#ffe6ae!important;border-color:rgba(255,193,91,.42)!important}.pill-danger{background:rgba(255,109,138,.17)!important;color:#ffd4dd!important;border-color:rgba(255,109,138,.42)!important}.pill-muted{background:rgba(166,180,204,.13)!important;color:#dbe4f3!important;border-color:rgba(166,180,204,.26)!important}
.status-badge{background:#0d1729!important;border-color:var(--border)!important;color:var(--text-2)!important}.status-badge--success{background:rgba(70,212,143,.14)!important;border-color:rgba(70,212,143,.34)!important;color:#c5f8de!important}.status-badge--warning{background:rgba(255,193,91,.14)!important;border-color:rgba(255,193,91,.36)!important;color:#ffe1a2!important}
/* Réglages / langues */
.settings-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;gap:10px!important}.settings-layout__full,.settings-actions{grid-column:1/-1}.form-grid--settings{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.form-grid--settings .field--full{grid-column:1/-1}.switch-list{gap:6px!important}.switch-row{min-height:44px;padding:8px 9px!important;background:#0b1424!important;border:1px solid var(--border-soft)!important;color:var(--text)!important}.switch-row small{display:none!important}.settings-actions{position:sticky;bottom:0;z-index:8;display:flex;justify-content:flex-end;gap:6px;padding:8px!important;background:rgba(7,11,20,.92)!important;border:1px solid var(--border)!important;backdrop-filter:blur(10px)}
.region-dashboard,.region-dashboard--settings{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.region-card{min-height:70px;padding:10px 10px 10px 14px!important;background:linear-gradient(180deg,#101b30,#0b1424)!important;border-color:var(--border)!important;color:var(--text)!important}.region-card__head strong{font-size:13px!important}.region-card__head small{font-size:10px!important;color:var(--muted)!important}.region-card__stats{gap:6px!important}.region-card__stats span{padding:6px 7px!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.07)!important;color:var(--muted)!important;font-size:10.5px!important}.region-card__stats b{font-size:12px!important;color:var(--text)!important}
.panel-grid--i18n-top{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)!important;gap:10px!important}.form-grid--i18n{grid-template-columns:minmax(0,1fr) 118px auto!important;gap:8px!important}.locale-create{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.locale-board{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}.locale-card{min-height:118px;padding:9px!important;background:#0b1424!important;border:1px solid var(--border-soft)!important}.locale-card__head strong{font-size:12.5px;color:var(--text)!important}.locale-card__head span{font-size:10px;color:var(--muted)!important}.locale-card__stats{gap:5px!important}.locale-card__stats span{padding:6px!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.07)!important;color:var(--muted)!important;font-size:10px!important}.locale-card__stats b{font-size:12px;color:#fff!important}.progress{height:7px;background:#070d18!important;border-color:rgba(255,255,255,.08)!important}.key-issue,.stack-list>div,.stack-list>span,.feed__item{background:#0b1424!important;border-color:var(--border-soft)!important;color:var(--text-2)!important}
/* Utilisateurs */
.site-users-overview{display:grid!important;grid-template-columns:minmax(420px,1fr) minmax(360px,auto)!important;gap:8px!important;align-items:stretch}.compact-stats,.compact-regions{display:flex!important;align-items:stretch;gap:6px;min-width:0}.compact-stats{overflow:hidden}.compact-regions{justify-content:flex-end;overflow:auto}.compact-stats span,.region-chip{height:34px;min-width:0;padding:6px 8px!important;background:#0d1729!important;border:1px solid var(--border)!important;border-radius:4px;color:var(--text-2)!important;white-space:nowrap}.compact-stats span{flex:1 1 0;min-width:86px}.compact-stats b{font-size:16px!important;color:#fff!important}.compact-stats small,.region-chip b{font-size:10px!important;color:var(--muted)!important}.region-chip em{font-size:12px;color:#fff!important}.region-chip--eu{border-color:rgba(111,145,255,.56)!important}.region-chip--na{border-color:rgba(255,193,91,.56)!important}.region-chip--asia{border-color:rgba(70,216,226,.56)!important}.region-chip--sans_region{border-color:rgba(154,169,193,.40)!important}
.panel--filters{padding:7px!important;overflow:visible}.advanced-search--singleline{display:grid!important;grid-template-columns:minmax(260px,1.8fr) minmax(118px,.75fr) minmax(108px,.7fr) minmax(128px,.8fr) minmax(118px,.75fr) minmax(120px,.75fr) 74px 88px!important;gap:6px!important;align-items:end}.advanced-search--singleline .input,.advanced-search--singleline .select{height:32px!important;padding:6px 8px!important;font-size:11.5px!important}.advanced-search--singleline .btn{height:32px!important;min-height:32px!important;width:100%;padding:0 8px!important}.advanced-search--singleline .field{min-width:0!important}
.panel--site-users-results{padding:0!important;overflow:hidden}.table-wrap--site-users{max-height:calc(100vh - 252px);overflow:auto!important;background:#08101d!important}.site-users-table{min-width:1060px!important;table-layout:fixed!important}.site-users-table thead th{position:sticky;top:0;z-index:2;height:28px!important;padding:5px 7px!important;background:#101a2d!important;color:#cbd7ea!important}.site-users-table tbody tr{height:42px!important}.site-users-table th,.site-users-table td{padding:5px 7px!important;vertical-align:middle!important}.site-users-table th:nth-child(1){width:78px!important}.site-users-table th:nth-child(2){width:250px!important}.site-users-table th:nth-child(3){width:170px!important}.site-users-table th:nth-child(4){width:170px!important}.site-users-table th:nth-child(5){width:120px!important}.site-users-table th:nth-child(6){width:174px!important}.site-users-table th:nth-child(7){width:84px!important}.site-user-row{position:relative}.site-user-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--region-none)}.site-user-row--eu:before{background:var(--region-eu)}.site-user-row--na:before{background:var(--region-na)}.site-user-row--asia:before{background:var(--region-asia)}.td-region,.td-actions{white-space:nowrap}.td-actions{text-align:right}.region-pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;height:24px;padding:3px 6px!important;background:#101a2d!important;border:1px solid var(--border)!important;color:var(--text-2)!important;font-size:10px!important;font-weight:800;border-radius:4px}.region-pill--eu{border-color:rgba(111,145,255,.62)!important;color:#dfe6ff!important}.region-pill--na{border-color:rgba(255,193,91,.62)!important;color:#ffe5aa!important}.region-pill--asia{border-color:rgba(70,216,226,.62)!important;color:#d7fbff!important}.region-dot{width:7px!important;height:7px!important;min-width:7px!important}.td-user{display:flex;align-items:center;gap:7px;min-width:0}.user-mini-avatar{width:24px!important;height:24px!important;min-width:24px!important;font-size:10px!important;color:#fff!important;border-radius:4px}.user-main,.td-link,.td-activity,.td-state{min-width:0!important;overflow:hidden}.user-main strong,.td-link strong,.td-activity strong{display:block;color:#fff!important;font-size:12px!important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-main small,.td-link small,.td-activity small,.td-state small{display:block;margin-top:2px;color:var(--muted)!important;font-size:10px!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-state .pill{height:20px;padding:3px 5px!important;font-size:9px!important;line-height:1}.site-user-manage-btn{width:68px!important;min-height:26px!important;padding:4px 7px!important}
.bo-modal{padding:12px!important}.bo-modal__backdrop{background:rgba(2,5,10,.78)!important}.bo-modal__dialog--user,.bo-modal__dialog{max-height:calc(100vh - 24px);background:linear-gradient(180deg,#101b30,#0b1424)!important;border-color:var(--border)!important}.bo-modal__head{padding:12px 14px 0!important}.bo-modal__head h3{font-size:17px!important;color:#fff!important}.bo-modal__head p{display:none}.bo-modal__body{padding:12px 14px 14px!important;gap:10px!important}.bo-modal__close{background:#0d1729!important;border-color:var(--border)!important;color:var(--text)!important}.user-modal-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.user-modal-summary span{padding:6px 7px!important;background:#0b1424!important;border:1px solid var(--border-soft)!important}.user-modal-summary b{font-size:9.5px!important;color:var(--muted)!important}.user-modal-summary em{font-size:11.5px!important;color:#fff!important}.form-grid--user-action{grid-template-columns:1fr 1fr!important;gap:8px!important}.checkbox--strong{height:34px!important;padding:7px 9px!important;background:#0b1424!important;border-color:var(--border-soft)!important;color:var(--text-2)!important}.bo-modal__actions{gap:6px!important}
/* Import WG / arbre */
.wg-subnav,.wg-subnav--lean,.tree-wall-toolbar,.tree-editor-help,.monitor-strip--lean{background:linear-gradient(180deg,#101b30,#0c1526)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow-soft)!important;border-radius:4px!important;padding:7px!important;margin-bottom:8px!important}.wg-subnav__links{gap:5px!important}.wg-subnav__item,.wg-region-switch__item,.wg-monitor-actions__item,.tree-view-switch__item{min-height:30px;padding:6px 9px!important;background:#0d1729!important;border:1px solid var(--border)!important;color:var(--text-2)!important;border-radius:4px!important;font-size:11.5px!important}.wg-subnav__item.is-active,.wg-region-switch__item.is-active,.tree-view-switch__item.is-active{background:rgba(111,145,255,.22)!important;border-color:rgba(111,145,255,.46)!important;color:#fff!important}.tree-wall-stage{background:radial-gradient(circle at 12% 16%,rgba(111,145,255,.10),transparent 22%),radial-gradient(circle at 82% 20%,rgba(70,216,226,.08),transparent 25%),linear-gradient(180deg,#0c1524,#08101d)!important;border:1px solid var(--border)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),var(--shadow)!important}.tree-wall-stage::before{background-image:linear-gradient(rgba(111,145,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(111,145,255,.06) 1px,transparent 1px)!important;opacity:.75!important}.tree-signal,.monitor-chip{background:#0d1729!important;border-color:var(--border)!important;color:var(--text)!important}.tree-signal strong,.monitor-chip strong{color:#fff!important}.tree-signal small,.monitor-chip small{color:var(--muted)!important}.tree-region-legend__item,.topology-free-label{background:#0d1729!important;border-color:var(--border)!important;color:var(--text-2)!important}.tree-topology-wall .topology-node,.flow-node{background:linear-gradient(180deg,#111c30,#0b1424)!important;border-color:#2f405d!important;color:var(--text)!important;box-shadow:0 12px 24px rgba(0,0,0,.28)!important}.tree-topology-wall .topology-node strong,.flow-node strong{color:#fff!important}.tree-topology-wall .topology-node span,.flow-node span,.flow-node p{color:var(--text-2)!important}.tree-topology-wall .topology-node small,.topology-node__caption,.topology-node__meta,.flow-node small{color:var(--muted)!important}.flow-node__state{background:#0d1729!important;color:var(--text-2)!important;border:1px solid var(--border-soft)!important}.flow-node__action{background:rgba(255,193,91,.12)!important;color:#ffe1a2!important;border:1px solid rgba(255,193,91,.28)!important}.flow-node code{background:#08101d!important;border-color:var(--border)!important;color:#dfe7ff!important}.topology-link-badge{background:rgba(13,23,41,.96)!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:0 10px 20px rgba(0,0,0,.34)!important}.topology-link-badge__label,.topology-link-badge__count{color:#fff!important}.topology-link-badge__meta,.topology-link-badge__label-text{color:var(--muted)!important}.topology-link-badge__count{background:#101b30!important;border-color:var(--border)!important}.topology-node-tooltip{background:rgba(9,16,29,.98)!important;border:1px solid rgba(111,145,255,.38)!important;color:var(--text)!important;box-shadow:0 20px 42px rgba(0,0,0,.44)!important}.topology-tooltip__head{border-bottom-color:var(--border-soft)!important}.topology-tooltip__head strong,.topology-tooltip__row b{color:#fff!important}.topology-tooltip__head small,.topology-tooltip__row span{color:var(--muted)!important}.topology-tooltip__row{border-top-color:var(--border-soft)!important}
.control-room,.control-room--wall{--control-bg:var(--bg);--control-card:var(--surface);--control-line:var(--border);--control-text:var(--text);--control-muted:var(--muted);--control-blue:var(--primary);--control-blue-soft:rgba(111,145,255,.14);--control-green:var(--green);--control-green-soft:rgba(70,212,143,.13);--control-orange:var(--amber);--control-orange-soft:rgba(255,193,91,.13);--control-red:var(--red);--control-red-soft:rgba(255,109,138,.13);color:var(--text)!important;background:transparent!important}.control-hero,.control-reference,.region-control,.incident-panel,.command-card,.decision-rules article,.control-kpis article,.reference-strip div,.region-facts article{background:linear-gradient(180deg,#101b30,#0b1424)!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow-soft)!important}.control-hero h1,.region-control__head h2,.control-kpis strong,.reference-strip strong,.region-facts strong,.command-card header strong{color:#fff!important}.control-hero p,.region-control__head p,.command-card p,.decision-rules span,.incident-panel header span,.control-kpis small,.reference-strip small,.region-facts small{color:var(--muted)!important}.control-kpis span,.reference-strip span,.region-facts span{color:var(--muted)!important}.region-control__numbers span,.command-card__grid div{background:#0d1729!important;border-color:var(--border-soft)!important;color:var(--muted)!important}.region-control__numbers b,.command-card__grid b{color:#fff!important}.flow-board{background:#08101d!important;border-color:var(--border)!important}.incident-list article{background:rgba(255,109,138,.10)!important;border-color:rgba(255,109,138,.32)!important;color:var(--text)!important}
/* Auth */
.bo-auth-body{background:radial-gradient(circle at 20% -8%,rgba(111,145,255,.18),transparent 30%),linear-gradient(180deg,#080d18,#050911)!important}.bo-auth{width:min(100%,560px)!important;padding:16px!important}.bo-auth__panel{padding:20px!important;background:linear-gradient(180deg,#101b30,#0b1424)!important;border-color:var(--border)!important}.bo-auth__panel h1{margin:6px 0 12px!important;font-size:24px;color:#fff!important}.bo-auth__panel p{color:var(--muted)!important}.bo-auth__panel--compact{max-width:430px!important}.pin-inputs{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important}.pin-box{height:50px!important;background:#08101d!important;border:1px solid var(--border)!important;color:#fff!important;border-radius:4px!important;text-align:center;font-size:23px!important;font-weight:900}.pin-box:focus{border-color:rgba(111,145,255,.78)!important;box-shadow:0 0 0 3px rgba(111,145,255,.18)!important}
@media (max-width:1500px){.metric-grid,.metric-grid--settings,.metric-grid--i18n,.metric-grid--site-users{grid-template-columns:repeat(3,minmax(0,1fr))}.locale-board{grid-template-columns:repeat(4,minmax(0,1fr))!important}.advanced-search--singleline{grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(104px,.8fr)) 74px 88px!important}.advanced-search--singleline .field:nth-child(6){display:none!important}.site-users-overview{grid-template-columns:1fr!important}.compact-regions{justify-content:flex-start}.form-grid--settings{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:1180px){.bo-shell{grid-template-columns:1fr!important}.bo-sidebar{position:fixed;left:0;top:0;width:244px;height:100vh;z-index:60;transform:translateX(-100%);transition:.18s ease}.bo-sidebar.is-open{transform:translateX(0)}.bo-toggle{display:inline-flex;align-items:center;justify-content:center}.bo-content{padding:10px!important}.settings-layout,.panel-grid--i18n-top{grid-template-columns:1fr!important}.form-grid--settings,.form-grid--i18n,.locale-create,.region-dashboard,.region-dashboard--settings{grid-template-columns:1fr 1fr!important}.locale-board{grid-template-columns:repeat(2,minmax(0,1fr))!important}.advanced-search--singleline{grid-template-columns:repeat(4,minmax(0,1fr))!important}.advanced-search--singleline .field--wide{grid-column:span 2}.table-wrap--site-users{max-height:calc(100vh - 290px)}.tree-wall-stage{overflow:auto}.tree-topology-wall .topology-stage{min-width:980px}.user-modal-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){.bo-content{gap:8px!important}.page-hero{align-items:flex-start!important;flex-direction:column}.metric-grid,.metric-grid--settings,.metric-grid--i18n,.metric-grid--site-users,.form-grid--settings,.form-grid--i18n,.locale-create,.region-dashboard,.region-dashboard--settings,.locale-board,.advanced-search--singleline{grid-template-columns:1fr!important}.advanced-search--singleline .field--wide,.advanced-search--singleline .field--actions{grid-column:1/-1}.compact-stats,.compact-regions{overflow:auto;flex-wrap:nowrap}.site-users-table{min-width:920px!important}.table-wrap--site-users{max-height:calc(100vh - 320px)}.user-modal-summary,.form-grid--user-action{grid-template-columns:1fr!important}.bo-modal{padding:8px!important}.pin-box{height:46px!important;font-size:20px!important}.pin-inputs{gap:5px!important}}

/* ------------------------------------------------------------------
   Page Utilisateurs du site — tableau sombre compact aligné
   ------------------------------------------------------------------ */
.site-users-page{
    --su-bg:#050913;
    --su-panel:#080f1c;
    --su-panel-2:#0b1423;
    --su-panel-3:#101b2e;
    --su-line:#293952;
    --su-line-soft:#172338;
    --su-text:#f3f7ff;
    --su-text-2:#c8d4e8;
    --su-muted:#8798b4;
    --su-blue:#6388ff;
    --su-green:#35d28f;
    --su-amber:#ffc15b;
    --su-red:#ff637a;
    --su-cyan:#46d8e2;
    --su-purple:#a090ff;
    --su-row-h:36px;
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr);
    gap:7px;
    min-width:0;
    color:var(--su-text);
    color-scheme:dark;
}
.site-users-page *,
.site-user-modal *{box-sizing:border-box}
.site-users-page :is(input,select,textarea),
.site-user-modal :is(input,select,textarea){
    width:100%;
    min-width:0;
    border:1px solid var(--su-line)!important;
    background:#070d18!important;
    color:var(--su-text)!important;
    border-radius:4px!important;
    outline:none!important;
    box-shadow:none!important;
}
.site-users-page :is(input,select){height:30px!important;padding:5px 8px!important;font-size:12px!important;line-height:1.1!important}
.site-users-page select,
.site-user-modal select{
    appearance:none!important;
    padding-right:24px!important;
    background-image:linear-gradient(45deg,transparent 50%,#9fb1ce 50%),linear-gradient(135deg,#9fb1ce 50%,transparent 50%)!important;
    background-position:calc(100% - 14px) 12px,calc(100% - 9px) 12px!important;
    background-size:5px 5px,5px 5px!important;
    background-repeat:no-repeat!important;
}
.site-users-page option,
.site-user-modal option{background:#070d18!important;color:#f3f7ff!important}
.site-users-page :is(input,select,textarea):focus,
.site-user-modal :is(input,select,textarea):focus{border-color:#6f92ff!important;box-shadow:0 0 0 2px rgba(99,136,255,.22)!important}
.site-users-page ::placeholder{color:#71829c!important}

/* En-tête */
.site-users-page .su-commandbar{
    display:grid;
    grid-template-columns:minmax(220px,max-content) minmax(0,1fr) max-content;
    align-items:center;
    column-gap:10px;
    min-height:46px;
    padding:7px 9px;
    border:1px solid var(--su-line);
    border-radius:4px;
    background:linear-gradient(180deg,#0e192b,#070d18);
    box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.site-users-page .su-title{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    overflow:hidden;
}
.site-users-page .su-title h2{
    margin:0;
    color:#fff;
    font-size:18px;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.site-users-page .su-eyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:21px;
    padding:0 7px;
    border:1px solid rgba(99,136,255,.42);
    border-radius:4px;
    background:rgba(99,136,255,.13);
    color:#dce6ff;
    font-size:9.5px;
    font-weight:900;
    letter-spacing:.08em;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}
.site-users-page .su-kpis{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    min-width:0;
    overflow:hidden;
}
.site-users-page .su-kpis span{
    display:inline-grid;
    grid-template-columns:auto auto;
    align-items:center;
    justify-content:center;
    gap:5px;
    height:28px;
    min-width:78px;
    padding:4px 7px;
    border:1px solid #1d2a40;
    border-radius:4px;
    background:#0a1322;
    color:var(--su-text-2);
    white-space:nowrap;
}
.site-users-page .su-kpis strong{font-size:14px;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.site-users-page .su-kpis em{font-style:normal;font-size:9.5px;color:#91a1bb;text-transform:uppercase;letter-spacing:.04em;line-height:1}
.site-users-page .su-kpis .su-kpi--warning{border-color:rgba(255,193,91,.42);background:rgba(255,193,91,.09)}
.site-users-page .su-kpis .su-kpi--danger{border-color:rgba(255,99,122,.44);background:rgba(255,99,122,.10)}

.site-users-page .su-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:30px;
    min-width:0;
    padding:0 10px;
    border:1px solid #2a3a55;
    border-radius:4px;
    background:#101b2e;
    color:#edf4ff!important;
    font-size:12px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    cursor:pointer;
    text-decoration:none!important;
    transition:border-color .14s ease,background .14s ease,color .14s ease;
}
.site-users-page .su-btn:hover{border-color:#6f92ff;background:#16243d;color:#fff!important}
.site-users-page .su-btn--primary{border-color:#4f73e6;background:linear-gradient(180deg,#365fe0,#2649ae);color:#fff!important;box-shadow:0 10px 18px rgba(38,73,174,.24)}
.site-users-page .su-btn--ghost{background:#070d18;color:#dbe6f7!important;border-color:#203049}
.site-users-page .su-btn--manage{height:24px;min-width:58px;padding:0 8px;border-color:#4d70da;background:#16306c;color:#fff!important;font-size:10.5px}
.site-users-page .su-btn--manage:hover{background:#214698;border-color:#8aa3ff}

/* Filtres */
.site-users-page .su-filterline{
    padding:6px;
    border:1px solid var(--su-line);
    border-radius:4px;
    background:#070d18;
}
.site-users-page .su-filters{
    display:grid;
    grid-template-columns:minmax(260px,1.45fr) 118px 112px 132px 112px 120px 68px 82px;
    gap:5px;
    align-items:end;
    min-width:0;
}
.site-users-page .su-field{display:grid;grid-template-rows:10px 30px;gap:3px;min-width:0}
.site-users-page .su-field span{
    color:#a9b8d2;
    font-size:9px;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
    line-height:10px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.site-users-page .su-field--search input{font-weight:800}
.site-users-page .su-field--limit{max-width:74px}

/* Zone tableau */
.site-users-page .su-board{
    min-width:0;
    border:1px solid var(--su-line);
    border-radius:4px;
    background:#060b14;
    overflow:hidden;
    box-shadow:0 16px 34px rgba(0,0,0,.30);
}
.site-users-page .su-boardbar,
.site-users-page .su-footbar{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
    min-height:32px;
    padding:4px 7px;
    background:#0b1423;
    border-bottom:1px solid var(--su-line-soft);
}
.site-users-page .su-footbar{
    border-top:1px solid var(--su-line-soft);
    border-bottom:0;
    grid-template-columns:auto 1fr;
    color:var(--su-muted);
    font-size:11px;
}
.site-users-page .su-range{display:flex;align-items:center;gap:4px;white-space:nowrap;color:#91a1bb;font-size:11px}
.site-users-page .su-range strong{color:#fff;font-size:12px;font-variant-numeric:tabular-nums}
.site-users-page .su-regionline{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:5px;
    min-width:0;
    overflow:auto;
    scrollbar-width:thin;
}
.site-users-page .su-region{
    display:inline-flex;
    align-items:center;
    gap:5px;
    height:22px;
    padding:0 7px;
    border:1px solid #1d2a40;
    border-radius:4px;
    background:#070d18;
    color:#c8d4e8;
    font-size:10.5px;
    line-height:1;
    white-space:nowrap;
}
.site-users-page .su-region i,
.site-users-page .su-region-pill i{width:7px;height:7px;min-width:7px;border-radius:4px;background:#94a3b8;box-shadow:0 0 0 2px rgba(148,163,184,.12)}
.site-users-page .su-region b{color:#fff;font-size:10.5px;font-variant-numeric:tabular-nums}
.site-users-page .su-region--eu{border-color:rgba(99,136,255,.54)}.site-users-page .su-region--eu i{background:var(--su-blue)}
.site-users-page .su-region--na{border-color:rgba(255,193,91,.54)}.site-users-page .su-region--na i{background:var(--su-amber)}
.site-users-page .su-region--asia{border-color:rgba(70,216,226,.54)}.site-users-page .su-region--asia i{background:var(--su-cyan)}
.site-users-page .su-region--sans_region{border-color:rgba(148,163,184,.34)}

.site-users-page .su-pager{display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}
.site-users-page .su-pager span,
.site-users-page .su-page-current{color:#91a1bb;font-size:10.5px}
.site-users-page .su-page{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:24px;
    min-width:24px;
    padding:0 7px;
    border:1px solid #1d2a40;
    border-radius:4px;
    background:#070d18;
    color:#dbe6f7!important;
    font-size:10.5px;
    font-weight:900;
    line-height:1;
    text-decoration:none!important;
}
.site-users-page .su-page:hover{border-color:#6f92ff;background:#121f35;color:#fff!important}
.site-users-page .su-page.is-disabled{pointer-events:none;opacity:.36;color:#71809a!important;background:#060b13}

.site-users-page .su-table-scroll{
    width:100%;
    max-width:100%;
    max-height:calc(100vh - 226px);
    min-height:260px;
    overflow:auto;
    background:#050913;
    scrollbar-width:thin;
    scrollbar-color:#314260 #050913;
}
.site-users-page .su-table{
    width:100%;
    min-width:100%;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
    color:#eef4ff;
}
.site-users-page .su-table col.su-col-w-region{width:5.4%}
.site-users-page .su-table col.su-col-w-user{width:27.6%}
.site-users-page .su-table col.su-col-w-wg{width:17.2%}
.site-users-page .su-table col.su-col-w-discord{width:17.2%}
.site-users-page .su-table col.su-col-w-activity{width:12.2%}
.site-users-page .su-table col.su-col-w-state{width:13.6%}
.site-users-page .su-table col.su-col-w-action{width:6.8%}
.site-users-page .su-table th{
    position:sticky;
    top:0;
    z-index:4;
    height:28px;
    padding:0 8px;
    border-bottom:1px solid #33425c;
    background:#101a2c;
    color:#cbd7ea;
    font-size:9.5px;
    font-weight:900;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:.075em;
    white-space:nowrap;
    vertical-align:middle;
}
.site-users-page .su-table th:last-child{text-align:right}
.site-users-page .su-table td{
    height:var(--su-row-h);
    max-height:var(--su-row-h);
    padding:0 8px!important;
    border-bottom:1px solid #111b2b;
    background:#070d18;
    color:#c8d4e8;
    vertical-align:middle;
    overflow:hidden;
    white-space:nowrap;
    line-height:1;
}
.site-users-page .su-table tbody tr:nth-child(even) td{background:#09111f}
.site-users-page .su-table tbody tr:hover td{background:#101b2e}
.site-users-page .su-row{position:relative}
.site-users-page .su-row:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8792a6;pointer-events:none}
.site-users-page .su-row--eu:after{background:var(--su-blue)}
.site-users-page .su-row--na:after{background:var(--su-amber)}
.site-users-page .su-row--asia:after{background:var(--su-cyan)}

.site-users-page .su-td-inner,
.site-users-page .su-person,
.site-users-page .su-clip,
.site-users-page .su-state-wrap,
.site-users-page .su-action-wrap{
    min-width:0;
    width:100%;
    height:var(--su-row-h);
    display:flex;
    align-items:center;
    overflow:hidden;
}
.site-users-page .su-td-inner--region{justify-content:flex-start}
.site-users-page .su-action-wrap{justify-content:flex-end}
.site-users-page .su-region-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    height:22px;
    max-width:100%;
    padding:0 6px;
    border:1px solid #1d2a40;
    border-radius:4px;
    background:#0d1625;
    color:#d9e4f6;
    font-size:10px;
    font-weight:900;
    letter-spacing:.04em;
    line-height:1;
    vertical-align:middle;
}
.site-users-page .su-region-pill--eu{border-color:rgba(99,136,255,.58);color:#e3eaff}
.site-users-page .su-region-pill--eu i{background:var(--su-blue)}
.site-users-page .su-region-pill--na{border-color:rgba(255,193,91,.58);color:#ffe3a3}
.site-users-page .su-region-pill--na i{background:var(--su-amber)}
.site-users-page .su-region-pill--asia{border-color:rgba(70,216,226,.58);color:#d9fbff}
.site-users-page .su-region-pill--asia i{background:var(--su-cyan)}
.site-users-page .su-person{gap:7px}
.site-users-page .su-avatar{
    width:22px;
    height:22px;
    min-width:22px;
    border-radius:4px;
    display:inline-grid;
    place-items:center;
    background:#28364f;
    color:#fff;
    font-size:9.5px;
    font-weight:900;
    line-height:1;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.site-users-page .su-avatar--eu{background:#395fd4}
.site-users-page .su-avatar--na{background:#9d6816}
.site-users-page .su-avatar--asia{background:#107987}
.site-users-page .su-line,
.site-users-page .su-clip{
    min-width:0;
    max-width:100%;
    display:flex;
    align-items:baseline;
    gap:6px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.site-users-page .su-line b,
.site-users-page .su-clip b{
    min-width:0;
    flex:0 1 auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff;
    font-size:12px;
    font-weight:850;
    line-height:1;
}
.site-users-page .su-line em,
.site-users-page .su-clip em,
.site-users-page .su-state-wrap em{
    min-width:0;
    flex:1 1 auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#8494ae;
    font-style:normal;
    font-size:10.5px;
    line-height:1;
}
.site-users-page .su-clip--activity b{font-variant-numeric:tabular-nums}
.site-users-page .su-state-wrap{
    gap:6px;
    justify-content:flex-start;
}
.site-users-page .su-state{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:20px;
    padding:0 6px;
    border:1px solid transparent;
    border-radius:4px;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    line-height:1;
    white-space:nowrap;
}
.site-users-page .su-state--active{background:rgba(53,210,143,.10);border-color:rgba(53,210,143,.38);color:#a9f4ce}
.site-users-page .su-state--watch{background:rgba(255,193,91,.12);border-color:rgba(255,193,91,.40);color:#ffdc98}
.site-users-page .su-state--restricted{background:rgba(160,144,255,.13);border-color:rgba(160,144,255,.40);color:#dcd4ff}
.site-users-page .su-state--banned{background:rgba(255,99,122,.14);border-color:rgba(255,99,122,.42);color:#ffb7c4}
.site-users-page .su-empty{
    height:90px;
    display:grid;
    place-items:center;
    color:#9fb0cc;
    background:#070d18;
    border:1px dashed #29384f;
    border-radius:4px;
    margin:12px;
}

/* Modale utilisateur */
.site-user-modal{
    --su-bg:#050913;
    --su-panel:#080f1c;
    --su-panel-2:#0c1627;
    --su-line:#27364f;
    --su-line-soft:#172338;
    --su-text:#f3f7ff;
    --su-text-2:#c8d4e8;
    --su-muted:#8596b2;
    color-scheme:dark;
}
.site-user-modal .bo-modal__backdrop{background:rgba(2,6,12,.86)!important;backdrop-filter:blur(8px)}
.site-user-modal .su-modal{
    width:min(100%,760px);
    max-height:calc(100vh - 28px);
    overflow:auto;
    border:1px solid var(--su-line)!important;
    border-radius:4px;
    background:linear-gradient(180deg,#0e192b,#070d18)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.52)!important;
    color:var(--su-text);
}
.site-user-modal .su-modal-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px 9px;
    border-bottom:1px solid var(--su-line-soft);
    background:#0d1728;
}
.site-user-modal .su-modal-head h3{margin:4px 0 0;color:#fff;font-size:18px;line-height:1.1}
.site-user-modal .su-modal-close{
    width:30px;
    height:30px;
    border:1px solid var(--su-line)!important;
    border-radius:4px;
    background:#070d18!important;
    color:#e6eefc!important;
    font-size:21px;
    line-height:1;
    cursor:pointer;
}
.site-user-modal .su-modal-body{display:grid;gap:9px;padding:11px 14px 14px}
.site-user-modal .su-modal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.site-user-modal .su-modal-summary span{min-width:0;padding:7px 8px;border:1px solid var(--su-line-soft);border-radius:4px;background:#0a1322}
.site-user-modal .su-modal-summary b{display:block;color:#93a4c0;font-size:9px;text-transform:uppercase;letter-spacing:.07em;line-height:1}
.site-user-modal .su-modal-summary em{display:block;margin-top:4px;color:#fff;font-size:11.5px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-user-modal .su-user-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}
.site-user-modal .su-form-field{display:grid;gap:4px;min-width:0}
.site-user-modal .su-form-field--full{grid-column:1/-1}
.site-user-modal .su-form-field span{color:#9caecc;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.site-user-modal .su-user-form select,
.site-user-modal .su-user-form input{height:34px;padding:7px 9px!important;font-size:12px!important}
.site-user-modal .su-user-form textarea{min-height:82px;max-height:160px;padding:9px!important;font-size:12px!important;resize:vertical}
.site-user-modal .su-check{height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid var(--su-line-soft);border-radius:4px;background:#0a1322;color:#d4deef;font-size:12px;font-weight:750}
.site-user-modal .su-check input{appearance:auto!important;width:14px!important;height:14px!important;padding:0!important;accent-color:#6388ff}
.site-user-modal .su-modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px;padding-top:2px}
.site-user-modal[data-region="eu"] .su-modal{border-color:rgba(99,136,255,.64)!important}
.site-user-modal[data-region="na"] .su-modal{border-color:rgba(255,193,91,.64)!important}
.site-user-modal[data-region="asia"] .su-modal{border-color:rgba(70,216,226,.64)!important}

@media (max-width:1500px){
    .site-users-page .su-commandbar{grid-template-columns:1fr auto}
    .site-users-page .su-kpis{grid-column:1/-1;justify-content:flex-start;overflow:auto}
    .site-users-page .su-filters{grid-template-columns:minmax(220px,1.2fr) repeat(5,minmax(96px,1fr)) 66px 78px}
    .site-users-page .su-field span{display:none}
    .site-users-page .su-field{grid-template-rows:30px}
    .site-users-page .su-table-scroll{max-height:calc(100vh - 218px)}
}
@media (max-width:1180px){
    .site-users-page .su-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
    .site-users-page .su-field--search{grid-column:span 2}
    .site-users-page .su-boardbar{grid-template-columns:1fr auto}
    .site-users-page .su-regionline{grid-column:1/-1;justify-content:flex-start}
    .site-users-page .su-table{min-width:1060px;width:1060px}
    .site-users-page .su-table col.su-col-w-region{width:74px}
    .site-users-page .su-table col.su-col-w-user{width:300px}
    .site-users-page .su-table col.su-col-w-wg{width:180px}
    .site-users-page .su-table col.su-col-w-discord{width:180px}
    .site-users-page .su-table col.su-col-w-activity{width:128px}
    .site-users-page .su-table col.su-col-w-state{width:132px}
    .site-users-page .su-table col.su-col-w-action{width:66px}
    .site-users-page .su-table-scroll{max-height:calc(100vh - 272px)}
    .site-user-modal .su-modal-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
    .site-users-page{gap:6px}
    .site-users-page .su-commandbar{grid-template-columns:1fr;align-items:start}
    .site-users-page .su-title{width:100%}
    .site-users-page .su-kpis{width:100%;overflow:auto}
    .site-users-page .su-kpis span{min-width:82px}
    .site-users-page .su-filters{grid-template-columns:1fr 1fr}
    .site-users-page .su-field--search{grid-column:1/-1}
    .site-users-page .su-btn--primary{width:100%;grid-column:1/-1}
    .site-users-page .su-boardbar,
    .site-users-page .su-footbar{grid-template-columns:1fr;align-items:start}
    .site-users-page .su-pager{justify-content:flex-start;overflow:auto}
    .site-users-page .su-table-scroll{max-height:calc(100vh - 320px)}
    .site-user-modal .su-modal-summary,
    .site-user-modal .su-user-form{grid-template-columns:1fr}
    .site-user-modal .su-modal-actions{justify-content:stretch}
    .site-user-modal .su-modal-actions .su-btn{flex:1}
    .site-user-modal .su-modal{max-height:calc(100vh - 16px)}
}


/* FINAL SITE USERS CELL ALIGNMENT HARDENING */
.site-users-page{
    --su-row-h:34px;
}
.site-users-page *,
.site-user-modal *{
    border-radius:min(4px, var(--bo-radius, 4px));
}
.site-users-page :is(.su-region i,.su-region-pill i,.su-avatar),
.site-user-modal :is(.su-region i,.su-region-pill i,.su-avatar){
    border-radius:4px!important;
}
.site-users-page .su-table{
    table-layout:fixed;
}
.site-users-page .su-table th,
.site-users-page .su-table td{
    vertical-align:middle!important;
}
.site-users-page .su-table th{
    height:27px;
    padding-top:0!important;
    padding-bottom:0!important;
    line-height:27px;
}
.site-users-page .su-table td{
    height:var(--su-row-h)!important;
    max-height:var(--su-row-h)!important;
    padding-top:0!important;
    padding-bottom:0!important;
    line-height:var(--su-row-h);
}
.site-users-page .su-table th.su-col-region,
.site-users-page .su-table td.su-cell-region{
    text-align:center;
}
.site-users-page .su-table th.su-col-action,
.site-users-page .su-table td.su-cell-action{
    text-align:right;
}
.site-users-page .su-table td.su-cell-state{
    text-align:left;
}
.site-users-page .su-td-inner,
.site-users-page .su-person,
.site-users-page .su-clip,
.site-users-page .su-state-wrap,
.site-users-page .su-action-wrap{
    height:var(--su-row-h)!important;
    max-height:var(--su-row-h)!important;
    min-height:0!important;
    align-items:center!important;
    line-height:1!important;
}
.site-users-page .su-td-inner--region{
    justify-content:center!important;
}
.site-users-page .su-action-wrap{
    justify-content:flex-end!important;
}
.site-users-page .su-person{
    gap:6px!important;
}
.site-users-page .su-line,
.site-users-page .su-clip{
    height:100%;
    display:flex!important;
    align-items:center!important;
    gap:6px;
    min-width:0;
    line-height:1!important;
}
.site-users-page .su-line b,
.site-users-page .su-line em,
.site-users-page .su-clip b,
.site-users-page .su-clip em,
.site-users-page .su-state-wrap em{
    display:inline-block;
    min-width:0;
    line-height:1.15!important;
    vertical-align:middle!important;
}
.site-users-page .su-line b,
.site-users-page .su-clip b{
    flex:0 1 auto;
}
.site-users-page .su-line em,
.site-users-page .su-clip em,
.site-users-page .su-state-wrap em{
    flex:1 1 auto;
}
.site-users-page .su-avatar{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    font-size:9px!important;
}
.site-users-page .su-region-pill{
    height:20px!important;
    min-width:42px;
    padding:0 6px!important;
}
.site-users-page .su-state{
    height:20px!important;
    padding:0 6px!important;
}
.site-users-page .su-btn--manage{
    height:22px!important;
    min-width:56px!important;
    padding:0 8px!important;
}
.site-users-page .su-table tbody tr:nth-child(even) td,
.site-users-page .su-table tbody tr:nth-child(odd) td{
    background-clip:padding-box;
}
.site-users-page .su-cell-user .su-line em,
.site-users-page .su-cell-clip .su-clip em{
    color:#90a1bb;
}
.site-users-page .su-cell-activity .su-clip,
.site-users-page .su-cell-state .su-state-wrap{
    justify-content:flex-start;
}
@media (max-width:1180px){
    .site-users-page .su-table td{
        height:34px!important;
    }
}


/* ------------------------------------------------------------------
   Import WG — arbre des flux v3 : sombre, compact, refactorisé
   ------------------------------------------------------------------ */
.wg-tree-screen{
    --tree-bg:#050913;
    --tree-panel:#08101d;
    --tree-panel-2:#0b1424;
    --tree-line:#22324b;
    --tree-line-soft:#18263a;
    --tree-text:#eef4ff;
    --tree-text-2:#c2d0ea;
    --tree-muted:#8496b6;
    --tree-blue:#6f91ff;
    --tree-green:#46d48f;
    --tree-cyan:#46d8e2;
    --tree-amber:#ffc15b;
    --tree-red:#ff6d8a;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:8px!important;
    min-height:calc(100vh - 104px)!important;
    color:var(--tree-text)!important;
}
.wg-tree-screen--fullscreen{min-height:calc(100vh - 18px)!important}
.tree-wall-toolbar--minimal{
    min-height:40px!important;
    display:grid!important;
    grid-template-columns:minmax(170px,.8fr) auto auto auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:6px 8px!important;
    margin:0!important;
    border:1px solid var(--tree-line)!important;
    border-radius:4px!important;
    background:linear-gradient(180deg,#0b1424,#080f1c)!important;
    box-shadow:0 10px 22px rgba(0,0,0,.30)!important;
}
.tree-wall-toolbar__title{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important}
.tree-wall-toolbar__title strong{font-size:13px!important;line-height:1!important;color:#fff!important;text-transform:none!important;letter-spacing:.01em!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tree-wall-toolbar__title span{padding:3px 6px!important;border:1px solid var(--tree-line)!important;border-radius:4px!important;background:#0d1729!important;color:var(--tree-text-2)!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.tree-wall-toolbar__title em{color:var(--tree-muted)!important;font-size:10px!important;font-style:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tree-view-switch--minimal,.tree-wall-toolbar--minimal .wg-region-switch,.wg-monitor-actions--tree{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:nowrap!important;min-width:0!important}
.tree-wall-toolbar--minimal .tree-view-switch__item,
.tree-wall-toolbar--minimal .wg-region-switch__item,
.tree-wall-toolbar--minimal .wg-monitor-actions__item{
    min-height:28px!important;
    height:28px!important;
    padding:0 8px!important;
    border-radius:4px!important;
    border:1px solid var(--tree-line)!important;
    background:#0b1424!important;
    color:var(--tree-text-2)!important;
    font-size:10.5px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    text-transform:none!important;
    box-shadow:none!important;
}
.tree-wall-toolbar--minimal .wg-monitor-actions__item i{font-size:11px!important;line-height:1!important}
.tree-wall-toolbar--minimal .tree-view-switch__item.is-active,
.tree-wall-toolbar--minimal .wg-region-switch__item.is-active{
    color:#fff!important;
    background:rgba(111,145,255,.18)!important;
    border-color:rgba(111,145,255,.55)!important;
}
.tree-wall-toolbar--minimal .wg-region-switch__item--eu.is-active{border-color:rgba(111,145,255,.70)!important;background:rgba(111,145,255,.18)!important}
.tree-wall-toolbar--minimal .wg-region-switch__item--na.is-active{border-color:rgba(255,193,91,.70)!important;background:rgba(255,193,91,.14)!important}
.tree-wall-toolbar--minimal .wg-region-switch__item--asia.is-active{border-color:rgba(70,216,226,.70)!important;background:rgba(70,216,226,.14)!important}
.tree-wall-stage-wrap{min-height:0!important;display:grid!important}
.tree-wall-stage.tree-topology-wall--refined{
    min-height:calc(100vh - 156px)!important;
    height:calc(100vh - 156px)!important;
    padding:10px!important;
    overflow:hidden!important;
    border-radius:4px!important;
    border:1px solid var(--tree-line)!important;
    background:radial-gradient(circle at 16% 10%,rgba(111,145,255,.10),transparent 22%),radial-gradient(circle at 82% 18%,rgba(70,216,226,.07),transparent 24%),linear-gradient(180deg,#07101d,#050913)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 40px rgba(0,0,0,.34)!important;
}
.wg-tree-screen--fullscreen .tree-wall-stage.tree-topology-wall--refined{min-height:calc(100vh - 64px)!important;height:calc(100vh - 64px)!important}
.tree-wall-stage.tree-topology-wall--refined::before{background-size:42px 42px!important;opacity:.36!important;background-image:linear-gradient(rgba(111,145,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(111,145,255,.055) 1px,transparent 1px)!important}
.tree-topology-wall--refined .topology-stage--free{height:100%!important;min-height:100%!important;padding:0!important}
.tree-topology-wall--refined .topology-free-label{padding:4px 7px!important;border-radius:4px!important;border:1px solid var(--tree-line-soft)!important;background:rgba(8,16,29,.86)!important;color:var(--tree-muted)!important;font-size:8px!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important}
.tree-topology-wall--refined .topology-node{
    width:clamp(132px,10.2vw,174px)!important;
    min-width:132px!important;
    min-height:66px!important;
    padding:8px 9px 7px!important;
    border-radius:4px!important;
    border:1px solid #2a3b56!important;
    background:linear-gradient(180deg,#111c30,#0a1322)!important;
    color:var(--tree-text)!important;
    box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
    backdrop-filter:none!important;
    overflow:hidden!important;
}
.tree-topology-wall--refined .topology-node::after{height:2px!important;opacity:.92!important}
.tree-topology-wall--refined .topology-node span{margin:0!important;color:var(--tree-text-2)!important;font-size:7px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:.075em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tree-topology-wall--refined .topology-node strong{display:block!important;margin-top:4px!important;color:#fff!important;font-size:15px!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tree-topology-wall--refined .topology-node small{display:block!important;margin-top:4px!important;color:var(--tree-muted)!important;font-size:8px!important;line-height:1.18!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tree-topology-wall--refined .topology-node__caption{margin-bottom:3px!important;color:#7d90af!important;font-size:7px!important;line-height:1!important;letter-spacing:.09em!important}
.tree-topology-wall--refined .topology-node__meta{color:#a9b8d2!important;font-size:8px!important}
.tree-topology-wall--refined .topology-node__flags{left:7px!important;bottom:6px!important;gap:3px!important}
.tree-topology-wall--refined .topology-node__flag{width:11px!important;height:11px!important;border-radius:4px!important;font-size:6px!important;background:#0b1424!important}
.tree-topology-wall--refined .topology-node__region{right:5px!important;top:5px!important;padding:1px 4px!important;border-radius:4px!important;font-size:6px!important;letter-spacing:.06em!important;background:#0b1424!important;color:#fff!important}
.tree-topology-wall--refined .topology-node--region-eu::before,.tree-topology-wall--refined .topology-node--region-na::before,.tree-topology-wall--refined .topology-node--region-asia::before{border-radius:4px!important;box-shadow:none!important}
.tree-topology-wall--refined .topology-link{stroke-width:2.2!important;stroke-dasharray:8 7!important;animation:dashMove 8s linear infinite!important;opacity:.88!important;filter:none!important}
.tree-topology-wall--refined .topology-link-badge{
    min-width:64px!important;
    max-width:94px!important;
    padding:4px 5px!important;
    gap:1px!important;
    border-radius:4px!important;
    border:1px solid var(--tree-line)!important;
    background:rgba(8,16,29,.95)!important;
    color:var(--tree-text)!important;
    box-shadow:0 8px 14px rgba(0,0,0,.28)!important;
    backdrop-filter:none!important;
}
.tree-topology-wall--refined .topology-link-badge__label{gap:5px!important;font-size:7px!important;line-height:1!important;letter-spacing:.06em!important;color:#fff!important;text-transform:uppercase!important}
.tree-topology-wall--refined .topology-link-badge__label i{font-size:7px!important}
.tree-topology-wall--refined .topology-link-badge__meta{display:none!important}
.tree-topology-wall--refined .topology-link-badge__count{font-size:10px!important;line-height:1!important;color:#fff!important;background:transparent!important;border:0!important;padding:0!important}
.tree-topology-wall--refined .topology-node-tooltip{border-radius:4px!important;background:rgba(6,11,21,.98)!important;border:1px solid rgba(111,145,255,.36)!important;box-shadow:0 18px 34px rgba(0,0,0,.45)!important;color:var(--tree-text)!important}
.tree-topology-wall--refined .topology-tooltip__head strong,.tree-topology-wall--refined .topology-tooltip__row b{color:#fff!important}
.tree-topology-wall--refined .topology-tooltip__head small,.tree-topology-wall--refined .topology-tooltip__row span{color:var(--tree-muted)!important}
@media (max-width:1500px){
    .tree-wall-toolbar--minimal{grid-template-columns:1fr auto!important;align-items:start!important}
    .tree-view-switch--minimal,.tree-wall-toolbar--minimal .wg-region-switch,.wg-monitor-actions--tree{justify-content:flex-start!important;flex-wrap:wrap!important}
    .wg-monitor-actions--tree{grid-column:1/-1!important}
    .tree-wall-stage.tree-topology-wall--refined{height:calc(100vh - 188px)!important;min-height:620px!important;overflow:auto!important}
    .tree-topology-wall--refined .topology-stage--free{min-width:1180px!important}
}
@media (max-width:900px){
    .wg-tree-screen{min-height:auto!important}
    .tree-wall-toolbar--minimal{grid-template-columns:1fr!important}
    .tree-wall-toolbar__title{flex-wrap:wrap!important;white-space:normal!important}
    .tree-wall-stage.tree-topology-wall--refined{height:620px!important;min-height:620px!important;padding:8px!important;overflow:auto!important}
    .tree-topology-wall--refined .topology-stage--free{min-width:980px!important}
    .tree-topology-wall--refined .topology-node{width:136px!important;min-width:136px!important}
}


/* Clan Battles realtime wall */
.clanwar-realtime{display:grid;gap:14px;min-height:calc(100vh - 150px)}
.clanwar-realtime--fullscreen{min-height:calc(100vh - 36px)}
.clanwar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:4px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(10,17,30,.96),rgba(6,10,20,.98));box-shadow:var(--shadow)}
.clanwar-toolbar strong{display:block;color:#e8f0ff;text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.clanwar-toolbar span{display:block;margin-top:4px;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.clanwar-toolbar__state{min-width:230px}
.clanwar-state{display:grid;grid-template-columns:12px 1fr;column-gap:10px;align-items:center;padding:9px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.clanwar-state i{grid-row:1/3;width:10px;height:10px;border-radius:4px;background:#91a0be;box-shadow:0 0 14px rgba(145,160,190,.35)}
.clanwar-state strong{font-size:12px}
.clanwar-state span{font-size:10px;margin:2px 0 0}
.clanwar-state--ok{border-color:rgba(39,194,129,.28);background:rgba(39,194,129,.08)}
.clanwar-state--ok i{background:#27c281;box-shadow:0 0 16px rgba(39,194,129,.42)}
.clanwar-state--warning{border-color:rgba(246,183,60,.30);background:rgba(246,183,60,.08)}
.clanwar-state--warning i{background:#f6b73c;box-shadow:0 0 16px rgba(246,183,60,.42)}
.clanwar-state--danger{border-color:rgba(240,90,120,.30);background:rgba(240,90,120,.08)}
.clanwar-state--danger i{background:#f05a78;box-shadow:0 0 16px rgba(240,90,120,.42)}
.clanwar-state--muted{border-color:rgba(145,160,190,.18);background:rgba(145,160,190,.05)}
.clanwar-map{position:relative;min-height:520px;border-radius:4px;border:1px solid var(--line);background:radial-gradient(circle at 18% 18%,rgba(79,124,255,.10),transparent 24%),radial-gradient(circle at 78% 22%,rgba(53,199,200,.08),transparent 24%),linear-gradient(180deg,rgba(8,13,24,.98),rgba(5,9,18,.99));box-shadow:var(--shadow);overflow:hidden}
.clanwar-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:34px 34px;opacity:.28;pointer-events:none}
.clanwar-map__links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.cw-link{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:12 10;opacity:.88;animation:dashMove 8.5s linear infinite}
.cw-link--season{stroke:rgba(79,124,255,.8)}
.cw-link--window{stroke:rgba(53,199,200,.82)}
.cw-link--budget{stroke:rgba(246,183,60,.82)}
.cw-link--queue{stroke:rgba(79,124,255,.72)}
.cw-link--workers{stroke:rgba(39,194,129,.74)}
.cw-link--final{stroke:rgba(240,90,120,.74)}
.cw-node{position:absolute;z-index:2;display:grid;gap:6px;width:min(225px,16vw);min-width:175px;min-height:98px;padding:13px;border-radius:4px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(17,27,47,.97),rgba(9,15,27,.99));box-shadow:0 20px 40px rgba(0,0,0,.24);overflow:hidden}
.cw-node span{color:#7f92b5;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.cw-node strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:23px;line-height:1.05;white-space:nowrap}
.cw-node small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#dce6fb;font-size:10px;white-space:nowrap}
.cw-node em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;font-style:normal;white-space:nowrap}
.cw-node--season{left:5%;top:66px}
.cw-node--window{left:38%;top:66px}
.cw-node--capacity{right:5%;top:66px}
.cw-node--scheduler{right:5%;bottom:78px}
.cw-node--bucket{left:38%;bottom:78px}
.cw-node--final{left:5%;bottom:78px}
.cw-node--ok{border-color:rgba(39,194,129,.24)}
.cw-node--warning{border-color:rgba(246,183,60,.26)}
.cw-node--danger{border-color:rgba(240,90,120,.26)}
.cw-node--muted{border-color:rgba(145,160,190,.17)}
.clanwar-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.clanwar-panel{display:grid;gap:12px;min-height:142px;padding:13px;border-radius:4px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(10,17,30,.95),rgba(6,10,20,.98));box-shadow:var(--shadow)}
.clanwar-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.clanwar-panel header strong{color:#e8f0ff;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.clanwar-panel header span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.cw-bars,.cw-trend{display:flex;align-items:flex-end;gap:3px;height:66px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.cw-bars span,.cw-trend span{flex:1;min-width:3px;height:calc(max(2, var(--v, 2)) * 1%);border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(79,124,255,.95),rgba(53,199,200,.72));box-shadow:0 0 10px rgba(79,124,255,.16)}
.cw-trend span{background:linear-gradient(180deg,rgba(246,183,60,.95),rgba(79,124,255,.70))}
.cw-state-list,.cw-checks{display:grid;gap:8px}
.cw-state-list p,.cw-checks p{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:8px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:#dce6fb;font-size:11px}
.cw-state-list b,.cw-checks b{color:#e8f0ff;text-transform:uppercase;letter-spacing:.1em;font-size:10px}
.cw-state-list span,.cw-checks span{font-variant-numeric:tabular-nums;color:#fff}
@media (max-width:1400px){.clanwar-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-node{width:190px}}
@media (max-width:980px){.clanwar-toolbar{align-items:flex-start;flex-direction:column}.clanwar-toolbar__state{min-width:0;width:100%}.clanwar-map{min-height:auto;display:grid;gap:12px;padding:12px}.clanwar-map__links{display:none}.cw-node{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;min-width:0}.clanwar-panels{grid-template-columns:1fr}}

/* Back-office WG fast refactor · 2026-06-15 */
.bo-nav--grouped {
    display: grid;
    gap: 14px;
}

.bo-nav-group {
    display: grid;
    gap: 5px;
}

.bo-nav-group__label {
    display: block;
    padding: 0 10px 2px;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--text-muted, #8997aa);
}

.bo-nav--grouped .bo-nav__item {
    min-height: 34px;
    padding-block: 7px;
}

.bo-topbar__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.bo-global-alert {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: inherit;
    text-decoration: none;
    font-size: .82rem;
    font-weight: 800;
}

.bo-global-alert span {
    white-space: nowrap;
}

.bo-global-alert--ok {
    border-color: rgba(45, 212, 191, .35);
    background: rgba(45, 212, 191, .10);
    color: #8ef3df;
}

.bo-global-alert--warning {
    border-color: rgba(242, 176, 83, .55);
    background: rgba(242, 176, 83, .14);
    color: #ffd79a;
}

.bo-global-alert--danger {
    border-color: rgba(248, 113, 113, .58);
    background: rgba(248, 113, 113, .16);
    color: #ffb4b4;
}

.wg-subnav--complete .wg-subnav__links {
    flex-wrap: wrap;
}

.wg-subnav__item--overview.is-active,
.wg-subnav__item--tree.is-active,
.wg-subnav__item--fleet_tree.is-active,
.wg-subnav__item--fleet.is-active,
.wg-subnav__item--black_fleet.is-active,
.wg-subnav__item--clanwar.is-active,
.wg-subnav__item--seasonstats_backfill.is-active,
.wg-subnav__item--battles.is-active,
.wg-subnav__item--jobs.is-active,
.wg-subnav__item--crons.is-active,
.wg-subnav__item--console.is-active,
.wg-subnav__item--technical.is-active {
    box-shadow: inset 0 -2px 0 currentColor;
}

.wg-subnav__item--fleet_tree.is-active { color: #8ec5ff; }
.wg-subnav__item--fleet.is-active { color: #89f0c2; }
.wg-subnav__item--black_fleet.is-active { color: #d7c3ff; }
.wg-subnav__item--clanwar.is-active { color: #ffb36b; }
.wg-subnav__item--seasonstats_backfill.is-active { color: #ffd166; }
.wg-subnav__item--battles.is-active { color: #a7f3d0; }

.control-hero--fleet,
.control-hero--fleet-tree,
.control-hero--black-fleet {
    border-left: 4px solid #5284dd;
}

.control-hero--fleet { border-left-color: #89f0c2; }
.control-hero--fleet-tree { border-left-color: #8ec5ff; }
.control-hero--black-fleet { border-left-color: #d7c3ff; }

.control-kpis--fleet article {
    min-width: 150px;
}

.wg-panel-grid--two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.wg-panel-grid--three {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.wg-table--mini td,
.wg-table--mini th {
    white-space: nowrap;
}

@media (max-width: 1180px) {
    .wg-panel-grid--three,
    .wg-panel-grid--two {
        grid-template-columns: 1fr;
    }

    .bo-global-alert span {
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* WG ultra-lite monitoring */
.lite-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:18px;border:1px solid var(--border-main,#25384a);background:var(--surface-main,#0d1824)}
.lite-hero span{display:block;margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}
.lite-hero h1{margin:0;font-size:24px;line-height:1.1}
.lite-hero p{margin:6px 0 0;opacity:.75;max-width:680px}
.lite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:0 0 16px}
.lite-grid--regions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.lite-card{padding:14px;border:1px solid var(--border-main,#25384a);background:var(--surface-main,#0d1824)}
.lite-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.lite-card header strong{font-size:14px}.lite-card header span{font-size:12px;opacity:.7}.lite-card p{margin:10px 0 0;opacity:.72;font-size:13px}.lite-big{display:block;font-size:28px;line-height:1.1}
.lite-card--ok{border-left:4px solid #4caf50}.lite-card--run{border-left:4px solid #5284dd}.lite-card--bad{border-left:4px solid #f44336}.lite-card--warn{border-left:4px solid #f2b053}
.lite-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lite-metrics div{padding:8px;border:1px solid var(--border-subtle,#1d2b3a);background:rgba(255,255,255,.025)}.lite-metrics small{display:block;font-size:11px;opacity:.65}.lite-metrics b{font-size:20px}
.lite-panel{margin:0 0 16px;padding:14px;border:1px solid var(--border-main,#25384a);background:var(--surface-main,#0d1824)}
.lite-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.lite-panel h2{margin:0;font-size:17px}.lite-panel header span{opacity:.65;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.lite-table-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.lite-table-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid var(--border-subtle,#1d2b3a);background:rgba(255,255,255,.025)}.lite-table-list span{opacity:.8}.lite-table-list strong{font-variant-numeric:tabular-nums}
.lite-list{display:grid;gap:8px}.lite-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--border-subtle,#1d2b3a);background:rgba(255,255,255,.025)}.lite-list article span{opacity:.7;font-size:13px;text-align:right}.lite-empty{margin:0;opacity:.7}
.lite-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0 0 16px}.lite-flow a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px;border:1px solid var(--border-main,#25384a);background:var(--surface-main,#0d1824);text-decoration:none;color:inherit;font-weight:700}.lite-flow a:hover{filter:brightness(1.08)}
@media(max-width:760px){.lite-hero{display:block}.lite-hero .btn{margin-top:12px}.lite-list article{display:block}.lite-list article span{display:block;margin-top:4px;text-align:left}.lite-metrics{grid-template-columns:1fr}}