@font-face{font-family:"RH Barlow Condensed";font-weight:600;src:url("fonts/barlow-condensed-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"RH Barlow Condensed";font-weight:700;src:url("fonts/barlow-condensed-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"RH Barlow";font-weight:400;src:url("fonts/barlow-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"RH Barlow";font-weight:600;src:url("fonts/barlow-latin-600-normal.woff2") format("woff2")}
:root{--bg:#0E1319;--panel:#141B24;--line:#243040;--txt:#E8ECF1;--mut:#8A97A8;--or:#F5A623;--grn:#8FD16A;--blu:#3DA5E8;--red:#FF7A66}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);font-family:"RH Barlow",system-ui,sans-serif;font-size:15px}
header{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:3px solid var(--or);background:#10161E}
.logo{font-family:"RH Barlow Condensed",sans-serif;font-weight:700;font-size:26px;letter-spacing:.02em}
.or{color:var(--or)}
.sub{color:var(--mut);font-family:"RH Barlow Condensed",sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:14px;flex:1}
.pill{font-family:"RH Barlow Condensed",sans-serif;font-weight:600;padding:3px 10px;border-radius:3px;font-size:14px;text-transform:uppercase}
.pill.on{background:#1E3A22;color:var(--grn)}.pill.off{background:#3A1E1E;color:var(--red)}.pill.warn{background:#3A311E;color:var(--or)}
main{max-width:1180px;margin:0 auto;padding:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:16px;margin-bottom:16px}
h1{font-family:"RH Barlow Condensed",sans-serif;font-weight:700;margin:0 0 8px;font-size:28px}
ul{padding-left:20px;line-height:1.5}
kbd{background:#1B2430;border:1px solid #2A3646;border-radius:3px;padding:1px 6px;font-family:inherit}
.btn{font-family:"RH Barlow Condensed",sans-serif;font-weight:700;font-size:18px;padding:10px 18px;border-radius:3px;border:1px solid #2A3646;background:#161D26;color:var(--txt);cursor:pointer}
.btn.pri{background:var(--or);border-color:var(--or);color:#111}
.btn:disabled{opacity:.5;cursor:default}
.err{color:var(--red);min-height:1em}
.hidden{display:none!important}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.grid{grid-template-columns:1fr}}
.k{color:var(--mut);font-family:"RH Barlow Condensed",sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin-bottom:8px}
.m{color:var(--mut);font-size:13px}
.mystate{font-family:"RH Barlow Condensed",sans-serif;font-weight:700;font-size:30px}
.mystate.tx{color:var(--grn)}.mystate.radio{color:var(--or)}.mystate.ent{color:var(--blu)}.mystate.muted{color:var(--red)}
.meter{height:8px;background:#1B2430;border-radius:4px;overflow:hidden;margin:10px 0}
.meter>div{height:100%;width:0;background:var(--grn);transition:width .08s}
label{display:block;margin:8px 0;color:var(--mut);font-size:13px}
label.chk{display:flex;gap:8px;align-items:center}
select,input[type=range]{display:block;width:100%;margin-top:4px;background:#161D26;color:var(--txt);border:1px solid #2A3646;border-radius:3px;padding:6px}
input[type=checkbox]{accent-color:var(--or)}
table{width:100%;border-collapse:collapse}
td{padding:6px 4px;border-top:1px solid #1E2733}
td.n{font-weight:600}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2A3646;margin-right:6px}
.dot.c1{background:var(--grn);box-shadow:0 0 8px var(--grn)}.dot.c2{background:var(--or);box-shadow:0 0 8px var(--or)}.dot.c3{background:var(--blu);box-shadow:0 0 8px var(--blu)}
.bar{width:90px;height:6px;background:#1B2430;border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle}
.bar>div{height:100%;background:var(--or)}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}
footer{text-align:center;padding:12px 16px 24px}
/* layout radar | micro + reglages */
.layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
.layout .card{margin-bottom:16px}
@media (max-width:820px){.layout{grid-template-columns:1fr}}
.radar{background:#161D26;border-color:#2A3646}
.rhead{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.rhead .k{margin:0}
#radar{display:block;width:100%;aspect-ratio:1/1;height:auto;background:#0E1319;border:1px solid #243040;border-radius:3px}
.zoom{display:flex;border:1px solid #2A3646;border-radius:3px;overflow:hidden}
.zoom button{font-family:"RH Barlow Condensed",sans-serif;font-weight:600;font-size:14px;background:#0E1319;color:var(--mut);border:0;border-left:1px solid #2A3646;padding:4px 10px;cursor:pointer}
.zoom button:first-child{border-left:0}
.zoom button.on{background:var(--or);color:#111}
.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.legend .dot{width:8px;height:8px}
.dot.cm{background:var(--red)}
.vol{font-variant-numeric:tabular-nums;width:44px;text-align:right}
.lm{font-family:"RH Barlow Condensed",sans-serif;font-weight:600;font-size:13px;background:#0E1319;color:var(--mut);border:1px solid #2A3646;border-radius:3px;padding:2px 8px;cursor:pointer}
.lm.on{background:#3A1E1E;color:var(--red);border-color:#5A2A2A}
tr.lmuted td.n{opacity:.55}

.vadbar{position:relative;margin-top:4px;height:30px;background:#1B2430;border:1px solid #2A3646;border-radius:3px;overflow:hidden}
.vadbar>#vadlvl{position:absolute;left:0;top:0;bottom:0;width:0;background:#F5A623;opacity:.55;transition:width .06s}
.vadbar>#vadlvl.over{background:#8FD16A}
.vadbar>input[type=range]{position:relative;margin:0;height:100%;background:transparent;border:0;padding:0 4px}

.viz{display:block;width:100%;height:64px;margin-top:10px;background:#0E1319;border-radius:3px}
.vadbar>input[type=range]{-webkit-appearance:none;appearance:none}
.vadbar>input[type=range]::-webkit-slider-runnable-track{background:transparent;height:100%}
.vadbar>input[type=range]::-moz-range-track{background:transparent}
.vadbar>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:6px;height:30px;background:#E8ECF1;border-radius:2px;box-shadow:0 0 0 2px #0E1319}
.vadbar>input[type=range]::-moz-range-thumb{width:6px;height:28px;background:#E8ECF1;border:0;border-radius:2px}

/* [webpanel] liens vers le panel (nouvel onglet : la page voix doit rester ouverte) */
.pnav{display:flex;gap:4px;flex-wrap:wrap}.pnav a{font-family:"RH Barlow Condensed",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);text-decoration:none;padding:4px 8px;border-radius:3px;font-size:14px}.pnav a:hover{color:var(--txt);background:#161D26}
@media (max-width:640px){.pnav{order:5;width:100%}}
header{flex-wrap:wrap}