/* Veillée — coque compacte : barre de titre fine, colonne de gauche en icônes, repliable (surimpression). Thème clair. */
.sc-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Barre de titre fine */
.topbar,[data-page="control"] .topbar{height:46px;min-height:46px;padding:0 14px;gap:8px;position:relative}
.topbar .brand{gap:8px}.topbar .brand-mark{width:26px;height:30px;font-size:19px;margin:0;border-radius:12px 12px 4px 4px}
.topbar .brand-name{font-size:19px;letter-spacing:-.5px}
.topbar .brand-tag,.topbar .brand-tag.world-current-title{display:block;margin:0;font-size:11px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .button.small{min-height:30px;padding:0 9px}.topbar .button svg{margin:0}
.topbar .avatar{display:grid}
.layout{min-height:calc(100vh - 46px)}
/* Colonne de gauche : icônes seules */
.layout.wide-workspace,.layout:not(.wide-workspace){--sc-rail:52px}
.layout.wide-workspace{grid-template-columns:var(--sc-rail) minmax(0,1fr)}
@media(min-width:851px){.layout:not(.wide-workspace){grid-template-columns:var(--sc-rail) minmax(0,1fr) 320px}}
.rail{padding:10px 6px;gap:6px}.rail button{width:40px;min-height:40px;flex-direction:row}.rail svg{width:22px;height:22px}
.rail .sc-rail-toggle{margin-top:auto;min-height:32px;font-size:20px;line-height:1;color:var(--muted);cursor:pointer}
.rail .sc-rail-toggle:hover{background:var(--green-soft);color:var(--green)}
/* Repliée : petites icônes flottant sur le contenu, aucune place prise */
[data-rail="folded"] .layout.wide-workspace{grid-template-columns:minmax(0,1fr)}
@media(min-width:851px){[data-rail="folded"] .layout:not(.wide-workspace){grid-template-columns:minmax(0,1fr) 320px}}
[data-rail="folded"] .rail{position:fixed;left:6px;top:54px;z-index:30;width:auto;padding:4px;gap:2px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface),transparent 8%);backdrop-filter:blur(4px);box-shadow:0 6px 18px #292d2722;opacity:0;transform:translateX(calc(-100% - 12px));pointer-events:none;transition:opacity .18s,transform .18s}
/* Cachée : elle n'apparaît (en surimpression) que par le bord gauche, le survol ou le clavier */
[data-rail="folded"][data-rail-peek] .rail,[data-rail="folded"] .rail:focus-within{opacity:1;transform:none;pointer-events:auto}
.sc-rail-handle{display:none}
[data-rail="folded"] .sc-rail-handle{display:block;position:fixed;left:0;top:46px;bottom:0;width:10px;z-index:29;padding:0;border:0;background:transparent;color:transparent;cursor:e-resize}
[data-rail="folded"] .sc-rail-handle:hover,[data-rail="folded"] .sc-rail-handle:focus-visible{background:color-mix(in srgb,var(--green),transparent 80%)}
[data-rail="folded"][data-rail-peek] .sc-rail-handle{width:62px}
@media (prefers-reduced-motion:reduce){[data-rail="folded"] .rail{transition:none}}
@media(max-width:600px){[data-rail="folded"] .sc-rail-handle{width:14px}}
[data-rail="folded"] .rail button{width:30px;min-height:30px}[data-rail="folded"] .rail svg{width:17px;height:17px}
[data-rail="folded"] .rail .sc-rail-toggle{min-height:24px;margin-top:2px}
/* Ateliers : outils en panneau flottant ; la barre « Espace de travail » devient trois petites icônes discrètes */
.workspace:has(.vw-workspace){position:relative;padding-top:10px}.vw-workspace{margin-top:0}
.vw-workspace .vw-panel-bar,.vm-workspace .vw-panel-bar{position:fixed;left:330px;top:7px;margin:0;padding:2px 4px;z-index:19;opacity:.45;transition:opacity .2s}
.vw-workspace .vw-panel-bar:hover,.vw-workspace .vw-panel-bar:focus-within,.vm-workspace .vw-panel-bar:hover,.vm-workspace .vw-panel-bar:focus-within{opacity:1}.vw-workspace .vw-panel-bar>:not(button),.vm-workspace .vw-panel-bar>:not(button){display:none}
.vw-toolrail-body .vw-tools>*{flex:none;min-width:0}.vw-toolrail-body .vw-tools .vw-filter{display:grid;gap:4px}
.vw-toolrail-body .vw-access{margin:0}.vw-toolrail-body>*+*{margin-top:8px}
/* Rond « PJ » cliquable (menu Mes paramètres / Se déconnecter). */
.topbar .account-button{border:0;padding:0;cursor:pointer;font:inherit;font-size:11px;font-weight:700}
.topbar .account-button:hover,.topbar .account-button[aria-expanded=true]{background:var(--copper);color:#fff8e9}