:root{--workspace-nav-height:56px}
#workspace-navigation{position:fixed;inset:0 0 auto;height:var(--workspace-nav-height);z-index:10000;display:flex;align-items:center;gap:32px;padding:0 24px;background:#fff;border-bottom:1px solid #e1e5df;color:#202723;font:13px Inter,Arial,sans-serif;box-sizing:border-box}
#workspace-navigation img{width:140px;height:36px;object-fit:contain;flex:none}
#workspace-navigation nav{display:flex;align-self:stretch;gap:26px;min-width:0}
#workspace-navigation button{font:inherit;color:#65706a;cursor:pointer;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 2px;min-height:0;white-space:nowrap}
#workspace-navigation nav button{position:relative;border-bottom:3px solid transparent;padding-top:3px}
#workspace-navigation nav button[aria-current=page]{color:#202723;font-weight:600;border-bottom-color:#ffc824}
#workspace-navigation button:hover{color:#202723;background:#fafbf8}
#workspace-navigation button:focus-visible{outline:3px solid #ae8005;outline-offset:2px}
#workspace-navigation .navigation-identity{margin-left:auto;display:flex;gap:18px;align-items:center;font-size:11px}
#workspace-navigation[aria-busy=true] nav{cursor:progress}
body.has-workspace-nav{padding-top:var(--workspace-nav-height)}
body.has-workspace-nav #app{height:calc(100dvh - var(--toolbar-height) - var(--workspace-nav-height))}
body.has-workspace-nav #topbar .topbar-left{display:none}
body.has-workspace-nav #topbar-actions{padding-left:0}
body.has-workspace-nav #commercial-app{top:var(--workspace-nav-height)}
body.presentation-mode #workspace-navigation,body.client-viewer-mode #workspace-navigation,body.photo-open #workspace-navigation{display:none}
body.presentation-mode.has-workspace-nav,body.client-viewer-mode.has-workspace-nav,body.photo-open.has-workspace-nav{padding-top:0}
body.presentation-mode.has-workspace-nav #app{height:100dvh}

@media(max-width:1000px){body.has-workspace-nav #sidebar{top:calc(var(--toolbar-height) + var(--workspace-nav-height))}body.has-workspace-nav #status-bar{top:calc(var(--toolbar-height) + var(--workspace-nav-height))}}
@media(max-width:760px){#workspace-navigation{gap:20px;padding:0 14px}#workspace-navigation img{width:112px}#workspace-navigation nav{gap:17px}#workspace-navigation .navigation-name{display:none}#workspace-navigation .navigation-identity{font-size:10px}}
@media(max-width:570px){:root{--workspace-nav-height:94px}#workspace-navigation{height:94px;flex-wrap:wrap;gap:0 12px;padding:8px 14px 0}#workspace-navigation img{height:31px}#workspace-navigation nav{order:3;flex:none;width:100%;height:46px;justify-content:space-between;gap:10px}#workspace-navigation nav button{font-size:12px}#workspace-navigation .navigation-identity{margin-left:auto}body.has-workspace-nav #topbar{overflow-x:auto}}

/* Cadre et en-tête communs aux pages de gestion, calqués sur le pilotage. */
:root,:host{--workspace-page-bg:#f3f5f7;--workspace-page-line:#e0e5e9;--workspace-page-ink:#24282c;--workspace-page-muted:#707982}
.workspace-page{box-sizing:border-box;width:calc(100% - 44px);max-width:1450px;margin:24px auto;padding:0 30px 30px;background:#fff;border:1px solid var(--workspace-page-line);border-radius:12px;box-shadow:0 12px 40px #243e5108;color:var(--workspace-page-ink);font:13px/1.5 Inter,Arial,sans-serif;min-width:0}
.workspace-page>.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:29px 0 12px;margin:0;border:0;flex-wrap:nowrap}
.workspace-page>.workspace-heading>div{min-width:0}
.workspace-page>.workspace-heading h1,.workspace-page>.workspace-heading h2{font-family:'Inter Tight',Inter,Arial,sans-serif;font-size:29px;font-weight:600;letter-spacing:-.8px;line-height:1.2;color:var(--workspace-page-ink);margin:0;overflow-wrap:anywhere}
.workspace-page>.workspace-heading p{font-size:12px;line-height:1.5;color:var(--workspace-page-muted);margin:7px 0 0;max-width:85ch}
.workspace-page>.workspace-heading>.btn{min-height:36px;padding:9px 13px;font-size:12px;border-radius:6px;flex:none}
.workspace-page>.breadcrumb{margin:29px 0 0}
.workspace-page>.breadcrumb+.workspace-heading{padding-top:18px}
.workspace-filters{background:var(--workspace-page-bg);border:1px solid #e6eaed;border-radius:9px;padding:19px 21px;margin:18px 0 22px}
.workspace-filters label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:500;color:var(--workspace-page-muted)}
.workspace-filters .hc-field{margin:0;min-height:37px;border-color:#dce1e5;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:400;color:var(--workspace-page-ink);background:#fff}
@media(max-width:1500px){.workspace-page{margin:18px auto}}
@media(max-width:1150px){.workspace-page>.workspace-heading{align-items:flex-start}}
@media(max-width:950px){.workspace-page>.workspace-heading{flex-direction:column;align-items:flex-start;gap:14px}}
@media(max-width:650px){.workspace-page{width:100%;margin:0;padding:0 15px 20px;border:0;border-radius:0;box-shadow:none}.workspace-page>.workspace-heading{padding:23px 0 9px}.workspace-page>.workspace-heading h1,.workspace-page>.workspace-heading h2{font-size:25px}.workspace-page>.workspace-heading>.btn{font-size:10px;padding:7px 9px;min-height:33px}.workspace-filters{padding:14px 12px;margin:15px 0 20px}}