/* V5.3 — SnowRoute cadre opérationnel hiver premium : vue réelle, sans valeurs ou carte simulées */
:root{--sr-midnight:#03162e;--sr-panel:#062143;--sr-edge:#1463a8;--sr-blue:#068fff;--sr-ice:#a1dbff;--sr-fg:#eaf5ff;--sr-mute:#a7c5e4}
body:has(#shell:not(.hide)),body:has(#shell:not(.hide)) #content{color:var(--sr-fg)!important;background:linear-gradient(156deg,#041a37,#021026 75%)!important}
body:has(#shell:not(.hide)) header{height:74px!important;background:linear-gradient(90deg,#051e3d,#092e57 55%,#03152e)!important;border-bottom:1px solid #195c9f!important;box-shadow:0 5px 24px #0005!important}
body:has(#shell:not(.hide)) header>div:first-of-type b{font-size:23px!important;font-weight:850;letter-spacing:-.9px}
body:has(#shell:not(.hide)) header #identity{font-size:12px;color:#d2ecff!important}
body:has(#shell:not(.hide)) header #logout{border:1px solid #a5d7ff!important;background:#e8f4ff!important;color:#0360cb!important;padding:11px 16px!important;font-weight:800;border-radius:10px}
body:has(#shell:not(.hide)) #shell{grid-template-columns:240px minmax(0,1fr)!important;min-height:calc(100vh - 74px)!important}
body:has(#shell:not(.hide)) #nav{background:linear-gradient(180deg,#03152bf9 0%,#05284bf9 60%,#071d36df 100%)!important;padding:14px 9px 25px!important;border-right:1px solid #1864a7!important;position:sticky;top:73px;align-self:start;height:calc(100vh - 73px);overflow:auto}
body:has(#shell:not(.hide)) #nav:before{content:'❄ SnowRoute · ENTREPRISE'!important;white-space:normal!important;position:relative;color:#49d6ff!important;letter-spacing:.1px!important;font-size:12px!important;padding:16px 8px 22px!important;z-index:2}
body:has(#shell:not(.hide)) #nav:after{content:''!important;display:block!important;height:230px!important;max-height:26vh!important;background:linear-gradient(180deg,#041a35 0%,transparent 30%),url('/site/assets/sidebar-winter.jpg') center center /cover no-repeat!important;position:relative!important;pointer-events:none!important;opacity:.8!important;border-radius:14px!important;margin:25px 0 0!important}
body:has(#shell:not(.hide)) #nav button{border-radius:11px!important;font-weight:760!important;padding:13px 14px!important;margin-bottom:6px!important;color:#c5e2ff!important;font-size:13px!important;transition:background .16s}
body:has(#shell:not(.hide)) #nav button:not(.secondary){background:linear-gradient(100deg,#0562f5,#0ca8ff)!important;color:white!important;box-shadow:0 4px 24px #027cff7a!important}
body:has(#shell:not(.hide)) #nav button.secondary:hover{background:#0d3b6a!important}
body:has(#shell:not(.hide)) #content{padding:25px clamp(18px,2vw,34px) 70px!important;background:radial-gradient(ellipse at 45% -5%,#135fa42b,transparent 55%),linear-gradient(170deg,#031932,#031227)!important}
body:has(#shell:not(.hide)) #content h1{font-size:clamp(28px,2.35vw,38px)!important;letter-spacing:-1.1px;margin-bottom:8px!important;color:#f7fcff!important}
body:has(#shell:not(.hide)) #content h2{font-size:clamp(16px,1.3vw,20px)!important;color:#f4fbff}
body:has(#shell:not(.hide)) #content .eyebrow{color:#4abfff!important;letter-spacing:2px!important;font-size:10px!important;font-weight:850!important}
body:has(#shell:not(.hide)) #content .muted{color:#aecbec!important}
body:has(#shell:not(.hide)) #content .card,body:has(#shell:not(.hide)) #content .panel-dark,body:has(#shell:not(.hide)) #content .winter-stat{border:1px solid #1a69b2!important;background:linear-gradient(143deg,#062449,#031830)!important;border-radius:15px!important;box-shadow:inset 0 1px #9ad8ff17,0 12px 30px #0005!important;color:#ebf6ff!important}
body:has(#shell:not(.hide)) #content .card{padding:18px!important}
body:has(#shell:not(.hide)) #content button:not(.secondary):not(.danger):not(.tiny-btn):not(.route-choice):not(.premium-stop):not(.planning-item):not(.upload-zone):not(.check){background:linear-gradient(110deg,#086af1,#079dff)!important;border:1px solid #2babff!important;color:white!important;font-weight:760!important;border-radius:10px!important;box-shadow:0 3px 13px #005cff36}
body:has(#shell:not(.hide)) #content button.secondary,body:has(#shell:not(.hide)) #content .secondary{background:#e7f3ff!important;color:#065fc1!important;border:1px solid #bedbf8!important;font-weight:760!important;border-radius:10px!important}
body:has(#shell:not(.hide)) #content button.danger{background:#36162b!important;color:#ff5868!important;border:1px solid #d14c72!important;border-radius:10px!important}
body:has(#shell:not(.hide)) #content button:hover{filter:brightness(1.12)}
body:has(#shell:not(.hide)) #content input,body:has(#shell:not(.hide)) #content select,body:has(#shell:not(.hide)) #content textarea{color:#eaf5ff!important;border:1px solid #3773ae!important;background:#0a2a50!important;border-radius:10px!important}
body:has(#shell:not(.hide)) #content option{background:#072449;color:#eaf5ff}
body:has(#shell:not(.hide)) #content a{color:#76d4ff}
body:has(#shell:not(.hide)) .headerline{padding:9px 1px 18px!important;border-bottom:none!important;align-items:flex-start!important}
body:has(#shell:not(.hide)) .headerline h1{margin-bottom:7px!important}
body:has(#shell:not(.hide)) .route-kpis,body:has(#shell:not(.hide)) .planning-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;margin:0 0 16px!important}
body:has(#shell:not(.hide)) .route-kpis>.card,body:has(#shell:not(.hide)) .planning-metrics>.card{position:relative;min-height:108px!important;padding:18px 18px 15px 86px!important;overflow:hidden}
body:has(#shell:not(.hide)) .route-kpis>.card:before,body:has(#shell:not(.hide)) .planning-metrics>.card:before{content:'❄';display:grid;place-items:center;position:absolute;left:17px;top:20px;width:53px;height:57px;border-radius:11px;background:linear-gradient(135deg,#063d87,#087bde);border:1px solid #1c8ef1;font-size:25px;color:#d6f3ff}
body:has(#shell:not(.hide)) .route-kpis>.card:nth-child(2):before{content:'⌖'}
body:has(#shell:not(.hide)) .route-kpis>.card:nth-child(3):before{content:'✓';color:#a5f8d9}
body:has(#shell:not(.hide)) .route-kpis>.card:nth-child(4):before{content:'♙'}
body:has(#shell:not(.hide)) .route-kpis .muted,body:has(#shell:not(.hide)) .planning-metrics span{font-size:12px;color:#cae6fe!important}
body:has(#shell:not(.hide)) .route-kpis .stat,body:has(#shell:not(.hide)) .planning-metrics b{font-size:33px;color:#f5fbff!important;margin-top:6px}
body:has(#shell:not(.hide)) .route-layout{display:grid!important;grid-template-columns:minmax(270px,.83fr) minmax(0,2.4fr)!important;gap:14px!important;align-items:stretch!important}
body:has(#shell:not(.hide)) .route-layout>section{margin:0!important;min-width:0!important}
body:has(#shell:not(.hide)) .route-layout>section:first-child{min-height:490px!important}
body:has(#shell:not(.hide)) .route-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left!important;background:#0a2a4d!important;border:1px solid #20669f!important;border-radius:11px!important;margin:9px 0!important;padding:14px!important;color:#eaf4ff!important}
body:has(#shell:not(.hide)) .route-choice.chosen{background:linear-gradient(110deg,#0563ea,#08a1fc)!important;border-color:#47bcff!important;box-shadow:0 4px 18px #007dff60}
body:has(#shell:not(.hide)) .route-choice small{color:#a8c9e7!important}
body:has(#shell:not(.hide)) .route-choice.chosen small{color:#e7f6ff!important}
body:has(#shell:not(.hide)) .route-choice .status{border:1px solid #4485b7;border-radius:15px;background:#09264d;color:#dcefff;font-weight:800;padding:5px 8px;white-space:nowrap}
body:has(#shell:not(.hide)) .split-address-layout{display:grid!important;grid-template-columns:minmax(260px,1.04fr) minmax(270px,.97fr)!important;gap:12px!important;align-items:start}
body:has(#shell:not(.hide)) #routeDetails{padding:13px!important;overflow:visible}
body:has(#shell:not(.hide)) #routeDetails>.headerline{padding:7px 5px 10px!important;border-bottom:1px solid #185e9e!important}
body:has(#shell:not(.hide)) #routeDetails>.row{padding:0 5px;gap:10px;flex-wrap:wrap}
body:has(#shell:not(.hide)) #routeDetails>.row select{max-width:280px}
body:has(#shell:not(.hide)) #routeDetails .premium-stop-list{max-height:600px!important;overflow-y:auto!important;padding-right:2px}
body:has(#shell:not(.hide)) .premium-stop{display:flex!important;gap:9px!important;text-align:left;background:#08274b!important;border:1px solid #1b5e93!important;border-radius:11px!important;padding:9px!important;margin:7px 0!important;align-items:center;width:100%;color:#eff7ff!important;min-height:77px}
body:has(#shell:not(.hide)) .premium-stop.active{background:#0b4e92!important;border-color:#1dabff!important;box-shadow:inset 3px 0 #08adff}
body:has(#shell:not(.hide)) .premium-stop .stop-index{width:31px;height:31px;min-width:31px;border-radius:50%;background:#0869e5;color:white;display:grid;place-items:center;font-weight:900}
body:has(#shell:not(.hide)) .house-thumb{display:grid;place-items:center;width:64px;min-width:64px;height:61px;background:#124068;border-radius:9px;border:1px solid #2c6ea8;color:#8fd6ff;font-size:23px;overflow:hidden}
body:has(#shell:not(.hide)) .house-thumb img{width:100%;height:100%;object-fit:cover}
body:has(#shell:not(.hide)) .premium-stop .stop-body{min-width:0;flex:1}
body:has(#shell:not(.hide)) .premium-stop small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;font-size:11px;color:#b0cfe7!important}
body:has(#shell:not(.hide)) .premium-stop em{font-style:normal;font-size:11px;color:#7ee6ba!important}
body:has(#shell:not(.hide)) .house-panel{border:1px solid #185e9b;border-radius:13px;padding:12px;background:linear-gradient(145deg,#072a52,#031b36)!important;color:#e8f6ff}
body:has(#shell:not(.hide)) .house-panel .house-hero{height:210px;border-radius:11px;overflow:hidden;border:1px solid #2f6fa8;background:#062a50}
body:has(#shell:not(.hide)) .house-panel .house-hero>img{width:100%;height:100%;object-fit:cover}
body:has(#shell:not(.hide)) .house-panel .v5-no-photo{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40px}
body:has(#shell:not(.hide)) .house-panel .v5-no-photo small{font-size:12px;color:#a5cae9}
body:has(#shell:not(.hide)) .house-panel h3{font-size:16px!important;margin:10px 0 6px}
body:has(#shell:not(.hide)) .house-panel .house-note{margin:13px 0;border:1px solid #23639a;background:#08294d;border-radius:11px;padding:12px}
body:has(#shell:not(.hide)) .house-panel .house-note p{font-size:13px;line-height:1.5;white-space:pre-wrap}
body:has(#shell:not(.hide)) .house-panel .v5-house-map{padding:10px;margin-top:12px;border:1px dashed #2b74aa;border-radius:10px;background:#06294c;color:#a3d9ff}
body:has(#shell:not(.hide)) .house-panel .house-note small{color:#8ecffe}
body:has(#shell:not(.hide)) #routeForm{margin-bottom:15px}
body:has(#shell:not(.hide)) .import-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:2px 0 19px}
body:has(#shell:not(.hide)) .import-steps>span{border:1px solid #1a6eaf;background:#082449;padding:17px;font-size:14px;border-radius:14px;color:#cae3ff}
body:has(#shell:not(.hide)) .import-steps>span.active{background:linear-gradient(130deg,#0455c9,#0a3e88);color:#fff;box-shadow:0 5px 18px #0069fb5c}
body:has(#shell:not(.hide)) .import-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px}
body:has(#shell:not(.hide)) .drop-zone{border:1px dashed #2a95ee!important;background:#082f57!important;color:#c8eaff!important;padding:40px 15px!important;border-radius:12px!important}
body:has(#shell:not(.hide)) .planning-area{grid-template-columns:minmax(250px,.72fr) minmax(0,1.4fr)!important}
body:has(#shell:not(.hide)) .planning-item{background:#092c52!important;border:1px solid #1a69a4!important;color:#f4fbff!important}
body:has(#shell:not(.hide)) .planning-item.selected{background:#0b508d!important;border-color:#25b9ff!important}
body:has(#shell:not(.hide)) .winter-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px}
body:has(#shell:not(.hide)) .winter-stat{min-height:100px;background:linear-gradient(136deg,#082e5b,#051830)!important}
body:has(#shell:not(.hide)) .winter-heading{padding-top:7px}
body:has(#shell:not(.hide)) .winter-main{grid-template-columns:minmax(0,1.8fr) minmax(300px,.8fr)!important}
body:has(#shell:not(.hide)) .winter-map .map-canvas{border-radius:12px;min-height:385px}
body:has(#shell:not(.hide)) .winter-map .map-canvas:after{content:'APERÇU SCHÉMATIQUE · PAS DE GPS EN DIRECT'!important;font-size:10px}
body:has(#shell:not(.hide)) .winter-side{display:grid;gap:13px}
body:has(#shell:not(.hide)) .winter-bottom{grid-template-columns:1.2fr 1fr .9fr!important;gap:13px}
body:has(#shell:not(.hide)) #content .tablewrap{overflow:auto;border-radius:10px}
body:has(#shell:not(.hide)) #content th{color:#a1d9ff!important}
body:has(#shell:not(.hide)) #content td{color:#e1f1ff!important}
body:has(#shell:not(.hide)) #content .item{border-bottom-color:#17568b!important}
.house-modal-shade{z-index:99!important}
.house-modal{background:#062347!important;border:1px solid #2b90d8!important;color:#eaf7ff!important;box-shadow:0 35px 110px #000b!important}
.house-modal input,.house-modal textarea,.house-modal select{background:#092f57!important;color:#eaf7ff!important;border:1px solid #247cba!important}
@media(max-width:1400px){body:has(#shell:not(.hide)) .route-layout{grid-template-columns:minmax(230px,.7fr) minmax(0,2.4fr)!important}body:has(#shell:not(.hide)) .route-kpis>.card{padding-left:63px!important}body:has(#shell:not(.hide)) .route-kpis>.card:before{left:10px!important;width:42px;height:43px;font-size:19px}body:has(#shell:not(.hide)) .winter-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}body:has(#shell:not(.hide)) .winter-bottom{grid-template-columns:1fr 1fr!important}}
@media(max-width:1150px){body:has(#shell:not(.hide)) #shell{grid-template-columns:200px minmax(0,1fr)!important}body:has(#shell:not(.hide)) .route-layout{grid-template-columns:1fr!important}body:has(#shell:not(.hide)) .route-layout>section:first-child{min-height:0!important}body:has(#shell:not(.hide)) .route-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:has(#shell:not(.hide)) .winter-main{grid-template-columns:1fr!important}}
@media(max-width:800px){body:has(#shell:not(.hide)) #shell{display:block!important}body:has(#shell:not(.hide)) #nav{height:auto!important;min-height:0!important;position:static!important;display:flex;overflow:auto;padding:9px!important}body:has(#shell:not(.hide)) #nav:before,body:has(#shell:not(.hide)) #nav:after{display:none!important}body:has(#shell:not(.hide)) #nav button{flex:none!important;width:auto!important;white-space:nowrap!important;margin:0 5px 0 0!important;padding:10px!important}body:has(#shell:not(.hide)) .split-address-layout{grid-template-columns:1fr!important}body:has(#shell:not(.hide)) .winter-bottom{grid-template-columns:1fr!important}body:has(#shell:not(.hide)) #content{padding:20px 13px!important}body:has(#shell:not(.hide)) .import-grid{grid-template-columns:1fr!important}body:has(#shell:not(.hide)) .import-steps{grid-template-columns:1fr!important}body:has(#shell:not(.hide)) .winter-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){body:has(#shell:not(.hide)) header{height:auto;min-height:67px}body:has(#shell:not(.hide)) .route-kpis{gap:8px!important}body:has(#shell:not(.hide)) .route-kpis>.card{padding:12px 9px 12px 55px!important;min-height:83px}body:has(#shell:not(.hide)) .route-kpis>.card:before{left:8px!important;top:18px!important;width:37px;height:43px}body:has(#shell:not(.hide)) .winter-stats{grid-template-columns:1fr 1fr!important}body:has(#shell:not(.hide)) #content h1{font-size:27px!important}}
/* Contrôles additionnels réellement branchés aux API */
.sr-message-layout{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.4fr);gap:15px;align-items:start}.sr-message-list{max-height:620px;overflow:auto}.sr-message{border:1px solid #1c689f;background:#082c50;border-radius:12px;padding:12px;margin-bottom:9px}.sr-message small{display:block;color:#9ed6ff;font-size:11px}.sr-message p{margin-top:9px;color:#e2f4ff;white-space:pre-wrap}.v5-proof-panel{border:1px solid #24649a;background:#092b4f;border-radius:12px;padding:13px;margin:12px 0}.v5-proof-panel>b{display:block;margin:0 0 10px;font-size:13px}.v5-proofs{display:flex;gap:8px;overflow:auto}.v5-proofs img{display:block;width:98px;height:85px;object-fit:cover;border-radius:8px;border:1px solid #3385bb}.v5-proofs small{color:#c0e5fa;font-size:10px;display:block}.v5-proofs p{font-size:12px}.stop-move-controls{display:flex;flex-direction:column;gap:5px;flex:none}.stop-move-controls span{font-size:13px;background:#082d51;color:#a4dfff;border:1px solid #216397;border-radius:7px;display:grid;place-items:center;width:29px;height:24px;cursor:pointer}.stop-move-controls span:hover{background:#0869c3}.stop-move-controls span:focus-visible{outline:2px solid #68dfff}
body:has(#login:not(.hide)){color:#e8f5ff!important;background:radial-gradient(ellipse at 70% 0%,#16549789,transparent 70%),linear-gradient(145deg,#021226,#082a50)!important;min-height:100vh}body:has(#login:not(.hide)) header{background:#051c3a!important;border-bottom:1px solid #2165a0!important}body:has(#login:not(.hide)) header b{color:#f3faff!important}body:has(#login:not(.hide)) #login{background:linear-gradient(150deg,#092f58,#03152e)!important;border:1px solid #2380c0!important;box-shadow:0 30px 90px #0008!important;color:#e3f4ff!important}body:has(#login:not(.hide)) #login .muted{color:#b4d5f1!important}body:has(#login:not(.hide)) #login input{background:#0b2d51;color:#eaf9ff;border:1px solid #2b82c1}body:has(#login:not(.hide)) #login button{background:linear-gradient(100deg,#0067f3,#08b4ff);color:white;font-weight:800;border-radius:10px;border:1px solid #40b8ff}body:has(#login:not(.hide)) #login h1{color:#fff;font-size:32px}
@media(max-width:800px){.sr-message-layout{grid-template-columns:1fr!important}}
/* Empêche le chevauchement des compteurs et icônes dans les cartes statistiques. */
body:has(#shell:not(.hide)) #content .route-kpis>.card,body:has(#shell:not(.hide)) #content .planning-metrics>.card{padding:18px 13px 14px 83px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:107px}
body:has(#shell:not(.hide)) #content .route-kpis .stat{margin:1px 0 0!important;font-size:31px!important;line-height:1.15}
body:has(#shell:not(.hide)) #content .route-kpis .muted{white-space:normal!important;line-height:1.3}
body:has(#shell:not(.hide)) #content .planning-metrics b{font-size:31px!important;margin:1px 0!important}
body:has(#shell:not(.hide)) #content .route-kpis>.card:before,body:has(#shell:not(.hide)) #content .planning-metrics>.card:before{left:15px!important;top:calc(50% - 27px)!important;width:53px!important;height:54px!important}
@media(max-width:1400px){body:has(#shell:not(.hide)) #content .route-kpis>.card{padding-left:66px!important}body:has(#shell:not(.hide)) #content .route-kpis>.card:before{width:41px!important;height:45px!important;left:12px!important;top:calc(50% - 23px)!important}}
@media(max-width:520px){body:has(#shell:not(.hide)) #content .route-kpis>.card{padding:12px 8px 12px 58px!important}}
/* Déneigeurs — liste/profil premium, actions réelles */
.sr-driver-layout{display:grid;grid-template-columns:minmax(300px,1.04fr) minmax(320px,.96fr);gap:14px;align-items:stretch}.sr-driver-layout>.card{margin:0!important;min-height:480px}.sr-driver-filter{display:flex;gap:6px;margin:10px 0}.sr-driver-filter button{padding:8px 11px!important;font-size:11px}.sr-driver-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;margin:6px 0;padding:11px!important;border:1px solid #1b5e97!important;border-radius:11px;background:#0a2b51!important;color:#e8f5ff!important}.sr-driver-row.selected{background:#0b62bc!important;border-color:#4ab7ff!important}.sr-driver-row[hidden]{display:none!important}.sr-driver-avatar{width:43px;height:43px;min-width:43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#0a56be,#41bfff);color:white;font-size:13px;font-weight:850;border:1px solid #51baff}.sr-driver-avatar.big{width:76px;height:76px;font-size:22px;min-width:76px}.sr-driver-copy{min-width:0;flex:1;display:block}.sr-driver-copy b,.sr-driver-copy small{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sr-driver-copy small{color:#b9d5ed;font-size:11px;margin-top:5px}.sr-driver-status{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;padding:7px 9px;background:#193656;border:1px solid #477394;color:#cde4f8;font-size:10px;white-space:nowrap;font-weight:800}.sr-driver-status.working{background:#064933;border-color:#10a96f;color:#95fac8}.sr-driver-status.inactive{background:#411c2b;border-color:#9f475f;color:#ffacbe}.sr-driver-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sr-driver-profile{display:flex;align-items:center;gap:16px;margin:17px 0}.sr-driver-profile p{margin-top:6px;font-size:12px}.sr-driver-details{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.sr-driver-info{padding:13px;background:#0a315a;border:1px solid #17649d;border-radius:11px}.sr-driver-info small{color:#99c9ef;font-size:11px;display:block}.sr-driver-info strong{display:block;margin-top:7px;font-size:16px}.sr-driver-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.sr-driver-actions button{flex:1 1 170px}.sr-driver-routes>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #286196;padding:10px 0}.sr-driver-routes small{color:#99d8ff}
@media(max-width:1200px){.sr-driver-layout{grid-template-columns:1fr}}@media(max-width:550px){.sr-driver-row{gap:6px}.sr-driver-status{padding:5px;font-size:9px}.sr-driver-copy small{max-width:145px}}

/* V5.3.1 — Page déneigeurs calée sur la maquette premium validée.
   Données métier authentiques; aucune fausse position / note qualité. */
body:has(#shell:not(.hide)) header{background:linear-gradient(90deg,#00182f 0%,#052048 40%,#03234c 100%),url('/site/assets/sidebar-winter.jpg')!important;background-blend-mode:multiply!important}
body:has(#shell:not(.hide)) #content{background:radial-gradient(ellipse at 62% -7%,#08549b42,transparent 57%),linear-gradient(158deg,#041a36,#001023 72%)!important}
body:has(#shell:not(.hide)) #nav{border-right:1px solid #0d62a8!important;background:linear-gradient(180deg,#03162e 0%,#041a35 72%,#062a50 100%)!important}
body:has(#shell:not(.hide)) #nav:after{height:280px!important;max-height:35vh!important;background:linear-gradient(180deg,#03172f11,#03172f11),url('/site/assets/sidebar-winter.jpg') 50% 53%/cover!important;opacity:1!important;border:1px solid #1c4d7b!important}
body:has(#shell:not(.hide)) #nav button{font-size:14px!important;min-height:46px;}
body:has(#shell:not(.hide)) .srx-hero{position:relative;background:linear-gradient(90deg,#061d3ebd,#092c5c5c),url('/site/assets/sidebar-winter.jpg') 50% 44%/cover;border:1px solid #144e83;border-radius:16px;padding:21px 23px;margin-bottom:17px;overflow:hidden;box-shadow:inset 0 2px 0 #d4f6ff17}
body:has(#shell:not(.hide)) .srx-hero:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#041a39ed,#082950d4 60%,#041d38b0)}
body:has(#shell:not(.hide)) .srx-hero>*{position:relative;z-index:1}
body:has(#shell:not(.hide)) .srx-hero h1{margin:4px 0 6px!important;font-size:clamp(30px,2.5vw,42px)!important}
body:has(#shell:not(.hide)) .srx-hero p{color:#b6d8f4;font-size:14px;margin:0}
.srx-hero-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.srx-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.srx-hero-actions>button{min-height:43px}
.srx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.srx-metric{position:relative;min-height:109px;display:flex;align-items:center;gap:15px;border:1px solid #1675c8;background:linear-gradient(125deg,#06274e,#041831)!important;padding:16px;border-radius:15px;box-shadow:inset 0 1px #cceeff22,0 12px 22px #0003;overflow:hidden}
.srx-metric-icon{height:58px;width:59px;flex:0 0 59px;display:grid;place-items:center;border:1px solid #106fcc;background:linear-gradient(135deg,#0a4baf,#075eb5);box-shadow:0 0 17px #0968df33;border-radius:12px;color:#a1dfff;font-size:29px}
.srx-metric-data{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0;z-index:1}
.srx-metric-data small{font-size:12px;color:#d1e7fc}
.srx-metric-data b{font-size:32px;color:white;font-weight:850;line-height:1.12}
.srx-metric-sub{color:#7eb6e9;font-size:11px}
.srx-spark{display:flex;align-items:end;gap:4px;opacity:.68;height:38px;position:absolute;right:13px;bottom:12px}.srx-spark i{width:5px;height:10px;border-radius:2px;background:#1589fe}.srx-spark i:nth-child(2){height:17px}.srx-spark i:nth-child(3){height:12px}.srx-spark i:nth-child(4){height:30px}.srx-spark i:nth-child(5){height:24px}
.srx-two{display:grid;grid-template-columns:minmax(480px,1.02fr) minmax(540px,1.25fr);gap:14px;align-items:start}
body:has(#shell:not(.hide)) #content .srx-two>.card{padding:18px!important;border-radius:15px!important;margin:0!important;min-height:675px}
.srx-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 1px 12px}.srx-card-title h2{font-size:21px!important;margin:0!important}
.srx-count{border:1px solid #2269a3;color:#99d4ff;padding:5px 10px;border-radius:20px;font-size:12px}
.srx-search{display:flex;align-items:center;gap:10px;color:#8acaf5;border:1px solid #2e78b8;border-radius:9px;background:#071c38;padding:0 12px;height:47px;font-size:20px;margin:4px 0 10px}
body:has(#shell:not(.hide)) .srx-search input{border:none!important;margin:0!important;padding:9px!important;background:transparent!important;font-size:13px;color:white!important}
.srx-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:11px}
body:has(#shell:not(.hide)) .srx-filters select{padding:10px 8px!important;font-size:12px!important;width:100%;min-width:0;margin:0!important;background:#061e3e!important;border:1px solid #2067a2!important}
.srx-table-wrap{overflow:auto;max-height:705px}.srx-table{width:100%;border-collapse:collapse;min-width:650px;text-align:left}.srx-table th{font-size:10px;letter-spacing:.8px;color:#a4dbff!important;text-transform:uppercase;font-weight:850;padding:14px 10px;border-bottom:1px solid #26649a}.srx-table td{font-size:12px;color:#e2efff!important;padding:12px 9px;border-bottom:1px solid #184674;vertical-align:middle}.srx-table tr{cursor:pointer;transition:background .15s}.srx-table tbody tr:hover{background:#0b366a}.srx-table tbody tr.selected{background:linear-gradient(90deg,#0a62bf,#073968);outline:1px solid #2194ff;border-radius:10px}.srx-table tbody tr:focus-visible{outline:2px solid #6ed0ff}.srx-table tr[hidden]{display:none}.srx-table td small{display:block;color:#8cb9d6;font-size:11px;margin-top:4px;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.srx-person-id{display:flex;gap:9px;align-items:center;min-width:170px}.srx-person-id>b{display:block}
.srx-avatar{height:40px;width:40px;min-width:40px;position:relative;background:linear-gradient(140deg,#bddeff,#3b9df6);border:1px solid #cbeaff;border-radius:50%;display:grid;place-items:center;color:#034996;font-weight:900;font-size:13px}.srx-avatar i{position:absolute;width:10px;height:10px;right:-1px;bottom:0;border-radius:50%;background:#849eb5;border:2px solid #073159}.srx-avatar i.lit{background:#06df8c}.srx-avatar.xl{height:75px;width:75px;min-width:75px;font-size:23px}
.srx-chip{display:inline-block;white-space:nowrap;padding:6px 10px;border-radius:99px;font-weight:800;font-size:11px;border:1px solid #295b8c;background:#14395d;color:#d3eafc}.srx-chip.moving{background:#0750a6;border-color:#1e93f8;color:#e3f8ff}.srx-chip.idle{background:#064a36;border-color:#08885a;color:#8af4bc}.srx-chip.off{background:#451e30;border-color:#a75261;color:#ffb8bb}
.srx-profile{position:relative}.srx-close{background:transparent!important;border:0!important;color:#cceaff!important;font-size:25px!important;padding:0 8px!important;box-shadow:none!important}
.srx-profile-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:5px 0 14px;border-bottom:1px solid #164a7b}.srx-profile-name{flex:1;min-width:145px}.srx-profile-name h2{font-size:20px!important;margin:0 0 5px!important}.srx-profile-name p{font-size:11px;color:#9dc6e6;margin:6px 0 0}.srx-profile-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:220px;max-width:310px}.srx-profile-buttons button{font-size:11px!important;padding:10px 7px!important;min-height:37px}.srx-profile-buttons button:nth-child(3){grid-column:span 2}
.srx-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.srx-mini-card{background:#072d58;border:1px solid #1767aa;border-radius:11px;display:flex;gap:9px;padding:12px;min-width:0}.srx-mini-card:nth-child(3){grid-column:span 2}.srx-mini-icon{font-size:20px;width:36px;height:36px;display:grid;place-items:center;color:#98d7ff;background:#0c4b90;border-radius:8px}.srx-mini-card>div:last-child{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.srx-mini-card small{color:#90c5ef;font-size:10px}.srx-mini-card b,.srx-mini-card a{color:#eaf7ff!important;font-size:12px;font-weight:800;overflow-wrap:anywhere}
.srx-section-title{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:15px 0 10px}.srx-section-title h3{margin:0!important;color:#f6fcff;font-size:16px!important}.srx-link{background:transparent!important;border:0!important;box-shadow:none!important;color:#48baff!important;font-size:11px!important;padding:5px!important}
.srx-perform{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.srx-perform>div{background:linear-gradient(135deg,#0b325b,#06254b);border:1px solid #1b679f;border-radius:10px;padding:11px;display:flex;flex-direction:column;gap:4px;min-width:0}.srx-perform>div>span{font-size:21px;color:#41bdff}.srx-perform small{color:#aacceb;font-size:10px}.srx-perform b{color:white;font-size:16px}
.srx-profile-bottom{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:10px}.srx-activity,.srx-map-placeholder{min-width:0}.srx-event{display:grid;grid-template-columns:11px 82px 1fr;gap:7px;padding:9px 0;border-bottom:1px solid #1a4e82;align-items:center}.srx-event-dot{border-radius:50%;width:9px;height:9px;background:#02a6ff;box-shadow:0 0 8px #0da5ff}.srx-event time{color:#a2c5e4;font-size:10px}.srx-event p{font-size:11px;margin:0}.srx-assigned{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #1b588f;padding:8px 0;font-size:11px}.srx-assigned span{color:#90d2f9;white-space:nowrap}.srx-map-visual{height:205px;border:1px solid #2a679a;border-radius:11px;background:repeating-linear-gradient(38deg,transparent 0,transparent 24px,#133d63 25px,#133d63 26px),repeating-linear-gradient(124deg,#072c50 0,#072c50 39px,#0e3959 40px,#0e3959 41px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:18px}.srx-map-visual span{font-size:38px;color:#4daafa}.srx-map-visual b{font-size:13px;color:#e5f6ff}.srx-map-visual small{font-size:11px;color:#95bedb}.srx-map-placeholder>button{margin-top:9px;width:100%}
.srx-form{margin-bottom:13px}.srx-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.srx-fields label{color:#bee4ff;font-size:12px}.srx-fields input{display:block!important;width:100%;margin:5px 0 0!important}.srx-form-error{color:#ffafb0}.srx-edit-overlay{z-index:999!important}.srx-edit-form{width:min(720px,96vw)!important;max-height:90vh;overflow-y:auto}
@media(max-width:1550px){.srx-two{grid-template-columns:minmax(400px,1fr) minmax(500px,1fr)}.srx-profile-top{align-items:start}.srx-profile-buttons{max-width:none;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.srx-profile-buttons button:nth-child(3){grid-column:auto}.srx-mini-card:nth-child(3){grid-column:auto}.srx-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.srx-profile-bottom{grid-template-columns:1fr}}
@media(max-width:1220px){.srx-two{grid-template-columns:1fr}.srx-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.srx-mini-card:nth-child(3){grid-column:auto}.srx-profile-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.srx-hero{padding:14px!important}.srx-profile-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.srx-profile-bottom{grid-template-columns:1fr}.srx-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.srx-metrics{gap:6px}.srx-metric{gap:8px;padding:10px;min-height:87px}.srx-metric-icon{height:35px;width:35px;flex-basis:35px;font-size:17px}.srx-metric-data b{font-size:24px}.srx-metric-data small{font-size:10px}.srx-spark{display:none}.srx-filters{grid-template-columns:1fr}.srx-profile-buttons{min-width:0}.srx-perform{grid-template-columns:repeat(2,minmax(0,1fr))}.srx-detail-grid{grid-template-columns:1fr}.srx-fields{grid-template-columns:1fr}}
/* La croix du profil masque son contenu, puis une sélection dans le tableau le réaffiche. */
.srx-profile.srx-minimized{min-height:90px!important}.srx-profile.srx-minimized>:not(.srx-card-title){display:none!important}

/* V5.5 — cohérence des cadres, tables et boutons aux tailles PC/tablette/mobile */
body:has(#shell:not(.hide)) #content{background:radial-gradient(ellipse 900px 250px at 48% -4%,#1362a534,transparent),linear-gradient(155deg,#031830,#021127 68%)!important}
body:has(#shell:not(.hide)) #content .card,body:has(#shell:not(.hide)) #content .panel-dark{box-shadow:inset 0 1px 0 #e2f5ff12,0 14px 26px #0004!important}
body:has(#shell:not(.hide)) #content button{min-height:42px;touch-action:manipulation}
body:has(#shell:not(.hide)) #content .srx-metric-icon{box-shadow:0 2px 14px #005baf40}
body:has(#shell:not(.hide)) #content .srx-profile-buttons button{min-height:43px}
body:has(#shell:not(.hide)) #content .srx-table tr:focus-visible{outline:3px solid #63d9ff;outline-offset:-2px}
body:has(#shell:not(.hide)) #content .srx-table-wrap{scrollbar-color:#267abd #061d3a}
body:has(#shell:not(.hide)) #content .srx-metric{background:linear-gradient(130deg,#062851,#04182e)!important}
body:has(#shell:not(.hide)) #content .srx-profile{min-width:0}
@media(min-width:761px) and (max-width:1300px){
 body:has(#shell:not(.hide)) .srx-two{grid-template-columns:minmax(0,1fr)!important}
 body:has(#shell:not(.hide)) .srx-profile-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 body:has(#shell:not(.hide)) #content .srx-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 body:has(#shell:not(.hide)) #content .srx-two{grid-template-columns:minmax(0,1fr)!important}
 body:has(#shell:not(.hide)) #content .srx-two>.card{min-height:0!important;padding:13px!important}
 body:has(#shell:not(.hide)) #content .srx-table{min-width:650px}
 body:has(#shell:not(.hide)) #content .srx-table-wrap{max-width:100%;overflow-x:auto}
 body:has(#shell:not(.hide)) #content .srx-profile-bottom{grid-template-columns:minmax(0,1fr)!important}
 body:has(#shell:not(.hide)) #content .srx-profile-buttons{min-width:0;width:100%}
 body:has(#shell:not(.hide)) #content .srx-profile-buttons button{min-height:44px}
 body:has(#shell:not(.hide)) #content .srx-hero-row{align-items:flex-start}
}
@media(max-width:430px){
 body:has(#shell:not(.hide)) #content .srx-metric{min-height:88px;gap:8px;padding:8px!important}
 body:has(#shell:not(.hide)) #content .srx-metric-icon{width:33px;flex-basis:33px;height:37px;font-size:18px}
 body:has(#shell:not(.hide)) #content .srx-metric-data b{font-size:23px}
 body:has(#shell:not(.hide)) #content .srx-profile-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
}