/* VIGITEST — menu unique B « Vue 360° » et barre haute (05/10/2026, maquette Jalon_3/04). */
.sh-ouvre{position:absolute;opacity:0;pointer-events:none}
.sh-app{grid-template-columns:262px minmax(0,1fr);background:#F4F7FC}
.sh-side{background:linear-gradient(180deg,#0B2554 0%,#071A3A 100%);padding:18px 12px 24px;scrollbar-width:thin}
.sh-marque{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:0 6px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.sh-marque img{width:38px;height:38px}.sh-marque b{display:block;font:800 21px/1 Inter,sans-serif;letter-spacing:.02em}.sh-marque small{display:block;font-size:10.5px;color:#9FB4DA;margin-top:3px}
.sh-nav{display:flex;flex-direction:column;gap:2px;margin-top:12px}
.sh-l{display:flex;align-items:center;gap:11px;color:#E6EDF9;font:500 14px/1.25 Inter,sans-serif;padding:9px 10px;border-radius:8px;text-decoration:none;cursor:pointer;list-style:none}
.sh-l::-webkit-details-marker{display:none}
.sh-l:hover{background:rgba(255,255,255,.07);color:#fff}
.sh-l.on{background:linear-gradient(90deg,#0B5CFF,#1D78FF);color:#fff;font-weight:600;box-shadow:0 6px 16px -10px rgba(11,92,255,.9)}
.sh-ic{width:19px;height:19px;flex:none;opacity:.95}
.sh-chev{width:16px;height:16px;margin-left:auto;transition:transform .15s}
details[open]>summary .sh-chev{transform:rotate(180deg)}
.sh-cp{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;margin-bottom:4px}
.sh-cp>.sh-l{margin-left:10px}
.sh-sep{margin:14px 10px 6px;font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5EA0FF}
.sh-groupe{border-radius:10px}
.sh-groupe[open]{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding-bottom:6px}
.sh-groupe>summary.sh-l.on{border-radius:10px 10px 4px 4px}
.sh-s{display:flex;align-items:center;gap:8px;color:#C9D7F0;font:500 13.5px Inter,sans-serif;padding:7px 10px 7px 34px;border-radius:7px;text-decoration:none;margin:2px 8px}
.sh-s::before{content:"›";font-weight:700}
.sh-s:hover{background:rgba(255,255,255,.07);color:#fff}
.sh-s.on{background:linear-gradient(90deg,#0B5CFF,#1D78FF);color:#fff}
.sh-top{background:#fff;border-bottom:1px solid #E3E9F3;height:64px;padding:0 22px;color:#0E1B3D}
.sh-burger{display:none;width:38px;height:38px;border-radius:8px;border:1px solid #DCE4F0;place-items:center;cursor:pointer;color:#0E1B3D;flex:none}
.sh-burger svg{width:20px;height:20px}
.sh-ariane{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#5B6A87;min-width:0;overflow:hidden;white-space:nowrap}
.sh-ariane a{color:#5B6A87;text-decoration:none}.sh-ariane a:hover{color:#0B5CFF}
.sh-ariane b{color:#0E1B3D;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.sh-droite{display:flex;align-items:center;gap:12px;margin-left:auto;flex:none}
.sh-projet{display:flex;align-items:center;gap:8px;border:1px solid #DCE4F0;border-radius:10px;padding:4px 6px 4px 10px;background:#fff}
.sh-projet select{border:0;background:transparent;font:600 13.5px Inter,sans-serif;color:#0E1B3D;max-width:210px;padding:4px 0;cursor:pointer}
.sh-etat{font:600 12px Inter,sans-serif;border-radius:20px;padding:4px 10px;white-space:nowrap}
.sh-etat.ok{background:#16A34A;color:#fff}.sh-etat.pl{background:#E8F0FF;color:#0B5CFF}.sh-etat.pa{background:#FEF3C7;color:#92400E}.sh-etat.cl{background:#EEF1F6;color:#5B6A87}
.sh-loupe{display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:10px;padding:6px 8px;color:#0E1B3D;cursor:text}
.sh-loupe svg{width:19px;height:19px;flex:none}
.sh-loupe input{border:0;outline:0;width:0;padding:0;font:inherit;font-size:13.5px;transition:width .2s;background:transparent}
.sh-loupe:focus-within{border-color:#DCE4F0}.sh-loupe:focus-within input{width:180px}
.sh-cloche{position:relative;color:#0E1B3D;display:grid;place-items:center;width:38px;height:38px}
.sh-cloche svg{width:21px;height:21px}
.sh-cloche i{position:absolute;top:3px;right:3px;min-width:17px;height:17px;border-radius:9px;background:#EF4444;color:#fff;font:700 10.5px/17px Inter,sans-serif;font-style:normal;text-align:center;padding:0 4px}
.sh-compte{position:relative}
.sh-compte summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}
.sh-compte summary::-webkit-details-marker{display:none}
.sh-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1D6BFF,#0B4FD6);color:#fff;display:grid;place-items:center;font:700 13px Inter,sans-serif;flex:none}
.sh-qui b{display:block;font:700 13.5px/1.2 Inter,sans-serif;color:#0E1B3D}.sh-qui small{display:block;font-size:12px;color:#5B6A87}
.sh-menu{position:absolute;right:0;top:48px;background:#fff;border:1px solid #DCE4F0;border-radius:10px;box-shadow:0 12px 30px -12px rgba(14,27,61,.35);min-width:220px;padding:6px;z-index:40}
.sh-menu a{display:block;padding:9px 12px;border-radius:7px;color:#0E1B3D;text-decoration:none;font-size:14px}.sh-menu a:hover{background:#F1F5FB}
.sh-langue{padding:6px 12px}.sh-langue .langsw a{color:#5B6A87;margin-right:8px;font-weight:700;display:inline}.sh-langue .langsw a.on{color:#0B5CFF}
@media (max-width:1180px){.sh-qui{display:none}.sh-projet select{max-width:150px}}
@media (max-width:880px){
  .sh-app{grid-template-columns:minmax(0,1fr)}
  .sh-side{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);height:100vh;z-index:60;transform:translateX(-100%);transition:transform .2s;overflow:auto}
  .sh-ouvre:checked+.sh-app .sh-side{transform:none;box-shadow:0 0 0 100vmax rgba(7,26,58,.45)}
  .sh-burger{display:grid}
  .sh-top{padding:0 12px;gap:10px}
  .sh-ariane{display:none}
  .sh-etat,.sh-cherche{display:none}
  .sh-projet{margin-left:0}
}
@media (max-width:480px){.sh-projet select{max-width:120px}}