/* PM Tracker Server v0.10.2 — première interface produit */
:root{--pm-bg:#0b1220;--pm-surface:#111c2e;--pm-surface-2:#17243a;--pm-line:#27364e;--pm-text:#f3f6fb;--pm-muted:#92a2b9;--pm-blue:#5b8cff;--pm-green:#32d583;--pm-orange:#fdb022;--pm-red:#f97066;--pm-radius:18px}
body{background:radial-gradient(circle at 85% 0,rgba(91,140,255,.10),transparent 31%),var(--pm-bg)}
.layout>aside{background:linear-gradient(180deg,#101a2b 0%,#0b1322 100%);border-right:1px solid rgba(255,255,255,.06)}
.brand{padding-bottom:22px!important}.brand strong{font-size:18px;letter-spacing:-.02em}
.layout>aside nav{gap:5px!important;padding:0 12px 18px!important}.nav-group{display:grid;gap:4px;margin-bottom:12px}.nav-label{padding:0 12px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#66758b;font-weight:800}.layout>aside nav button{display:flex!important;align-items:center;gap:12px;text-align:left;border-radius:12px!important;padding:10px 12px!important;color:#a9b7ca!important;min-height:44px}.layout>aside nav button b{display:grid;place-items:center;width:24px;font-size:17px;font-weight:500}.layout>aside nav button span{font-weight:650}.layout>aside nav button:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}.layout>aside nav button.active{background:linear-gradient(135deg,rgba(91,140,255,.22),rgba(91,140,255,.10))!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--pm-blue)}
main>header{background:rgba(11,18,32,.88)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.055)}main>header h1{font-size:27px!important;letter-spacing:-.035em}.page-intro{margin:3px 0 0;color:var(--pm-muted);font-size:13px}.page-date{margin:2px 0 0!important;color:#66758b!important;font-size:11px!important}
.view{max-width:1480px;margin-inline:auto}.panel,.cards article{background:linear-gradient(180deg,rgba(23,36,58,.94),rgba(17,28,46,.94))!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:var(--pm-radius)!important;box-shadow:0 12px 36px rgba(0,0,0,.12)}.panel-title h2{letter-spacing:-.02em}.panel-title span,.muted{color:var(--pm-muted)!important}
.cards{gap:14px!important}.cards article{position:relative;overflow:hidden;padding:18px 20px!important}.cards article:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-24px;top:-30px;background:rgba(91,140,255,.09)}.cards article span{color:var(--pm-muted)!important;font-size:12px}.cards article strong{font-size:28px!important;letter-spacing:-.04em}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.quick-actions button{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(23,36,58,.7);color:var(--pm-text)}.quick-actions button>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(91,140,255,.13);font-size:20px}.quick-actions b{font-size:13px}.quick-actions small{color:var(--pm-muted)}.quick-actions button:hover{transform:translateY(-1px);border-color:rgba(91,140,255,.45);background:rgba(31,48,76,.85)}
.telemetry-grid{gap:10px!important}.telemetry-grid>div{background:rgba(10,18,32,.42)!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:14px!important;padding:14px!important}.telemetry-grid>div span{color:var(--pm-muted)!important}.telemetry-grid>div strong{font-size:16px!important}.device-info p{border-bottom-color:rgba(255,255,255,.06)!important}
.status{border-radius:999px!important;font-weight:750!important}.status.online{background:rgba(50,213,131,.13)!important;color:#6ce9a6!important}.status.offline{background:rgba(249,112,102,.12)!important;color:#fda29b!important}
button,.button-link{border-radius:11px!important;font-weight:700!important}input,select,textarea{border-radius:11px!important;border-color:var(--pm-line)!important;background:#0d1727!important}.form-grid label{position:relative}
.help-tip{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:6px;border-radius:50%;border:1px solid #52627a;color:#a9b7ca;font-size:11px;font-weight:800;cursor:help;vertical-align:middle;background:rgba(255,255,255,.03)}.help-tip:hover,.help-tip:focus{border-color:var(--pm-blue);color:#fff;outline:none}.help-popover{position:fixed;z-index:3000;max-width:300px;padding:11px 13px;background:#16243a;border:1px solid #40506a;border-radius:12px;box-shadow:0 16px 44px rgba(0,0,0,.45);color:#e7edf7;font-size:12px;line-height:1.45;pointer-events:none}
.advanced-card{opacity:.88}.ota-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.ota-badge.success{background:rgba(18,183,106,.16);color:#6ce9a6}.ota-badge.failed{background:rgba(240,68,56,.16);color:#fda29b}.ota-badge.cancelled{background:rgba(247,144,9,.14);color:#fec84b}.ota-badge.running{background:rgba(46,144,250,.15);color:#84caff}
.menu-toggle,.menu-backdrop{display:none}
@media(max-width:1050px){.quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){body{overflow-x:hidden}.layout{display:block!important;min-height:100vh}.layout>aside{position:fixed;z-index:1002;top:0;bottom:0;left:0;width:min(86vw,320px);transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px rgba(0,0,0,.45);display:flex!important;flex-direction:column!important;overflow-y:auto!important}.layout>aside nav{display:flex!important;flex-direction:column!important;flex:1!important}.layout>aside nav button{display:flex!important;visibility:visible!important;opacity:1!important}.layout>aside .admin-only.hidden,.layout>aside button.hidden{display:none!important}body.menu-open .layout>aside{transform:translateX(0)}.menu-backdrop{display:block;position:fixed;z-index:1001;inset:0;background:rgba(0,0,0,.62);opacity:0;pointer-events:none;transition:opacity .22s}body.menu-open .menu-backdrop{opacity:1;pointer-events:auto}.layout>main{margin-left:0!important;width:100%;min-width:0}main>header{position:sticky;top:0;z-index:900;display:flex;align-items:center;gap:10px;padding:12px 13px!important}.menu-toggle{display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;font-size:22px}.view{padding-left:12px!important;padding-right:12px!important}.cards,.grid,.detail-grid,.form-grid{grid-template-columns:1fr!important}.quick-actions{grid-template-columns:1fr 1fr}.panel{min-width:0;overflow-x:auto}.event,.fleet-row,.user-row{grid-template-columns:1fr!important}.toolbar{align-items:stretch!important}.toolbar label,.toolbar select,.toolbar button{width:100%}#serverPill{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:560px){main>header h1{font-size:21px!important}.page-intro{font-size:12px}.page-date{display:none}.quick-actions{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr!important}.cards article{padding:14px!important}.cards article strong{font-size:23px!important}.telemetry-grid{grid-template-columns:1fr 1fr!important}}

.technical-details{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.technical-details summary{cursor:pointer;font-weight:700;color:var(--muted)}.technical-details[open] summary{margin-bottom:12px}
