/* Shared member shell, deliberately scoped to avoid changing business screens. */
:root{--member-bg:#050c1b;--member-panel:#0d1728;--member-text:#eef4ff;--member-muted:#aab8cd;--member-line:#ffffff21;--member-accent:#62b8ff;--member-header-height:82px}
html[data-theme="light"]{--member-bg:#f8fbff;--member-panel:#fff;--member-text:#162a46;--member-muted:#516581;--member-line:#163b6826;--member-accent:#0965b4}
body .member-header{position:sticky;top:0;z-index:1000;width:100%;max-width:none;margin:0;padding:0;border:0;border-bottom:1px solid var(--member-line);background:var(--member-bg);color:var(--member-text);box-shadow:none;backdrop-filter:blur(20px)}
.member-header *,.member-section-nav{box-sizing:border-box}
.member-header .member-header-inner{max-width:1320px;height:var(--member-header-height);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.member-header .member-logo{display:flex;align-items:center;flex:0 1 235px;min-width:0;height:66px;overflow:hidden}
.member-header .member-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
html[data-theme="light"] .member-header .member-logo img{transform:translate(.1%,-16%) scale(.9898,1.1589);transform-origin:left top}
.member-header .member-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.member-header .member-credit,.member-header .member-menu summary,.member-header .member-theme{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--member-line);border-radius:14px;color:var(--member-text);background:var(--member-panel);font:600 13px/1.3 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}
.member-header .member-credit>span:first-child{color:var(--member-accent);font-size:19px}
.member-header .member-menu{position:relative;font:500 14px/1.4 Inter,system-ui,sans-serif;color:var(--member-text)}
.member-header .member-menu summary{list-style:none;border-color:#258fff60;background:#258fff0e}
.member-header .member-menu summary::-webkit-details-marker{display:none}
.member-header .member-menu[open] summary{background:#258fff23}
.member-header .member-menu[open] summary>span{transform:rotate(180deg)}
.member-header .member-menu .member-menu-panel{position:absolute;right:0;top:calc(100% + 12px);width:270px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px);overflow:auto;display:flex;flex-direction:column;gap:2px;padding:10px;border:1px solid var(--member-line);border-radius:18px;background:var(--member-panel);box-shadow:0 18px 60px #0004;z-index:1010}
.member-header .member-menu-panel>a,.member-header .member-menu-panel>button{display:flex;align-items:center;min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:9px;color:var(--member-text);background:transparent;text-align:left;text-decoration:none;font:500 14px/1.4 Inter,system-ui,sans-serif;cursor:pointer}
.member-header .member-menu-panel>a:hover,.member-header .member-menu-panel>button:hover,.member-header .member-menu-panel>[aria-current]{background:#258fff16;color:var(--member-accent)}
.member-header .member-company{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 12px 12px;margin:0 0 4px;border-bottom:1px solid var(--member-line);color:var(--member-muted);font-size:12px}
.member-header .member-theme{gap:4px;min-width:52px;padding:6px;border-radius:24px}
.member-theme span{font:16px/1 system-ui,sans-serif;display:grid;place-items:center;width:22px;height:26px;border-radius:50%}
html[data-theme="dark"] .member-theme span:last-child,html[data-theme="light"] .member-theme span:first-child{background:#238cea;color:#fff}
.member-header :focus-visible,.member-section-nav :focus-visible{outline:3px solid var(--member-accent);outline-offset:3px}
body .member-section-nav{position:sticky;top:var(--member-header-height);z-index:900;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:calc(100% - 48px);max-width:1200px;margin:18px auto 0;padding:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:8px;scrollbar-width:thin;border:1px solid var(--member-line);border-radius:17px;background:var(--member-bg);color:var(--member-muted)}
body .member-section-nav a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:0;border-radius:11px;color:inherit;text-decoration:none;font:600 13px/1.4 Inter,system-ui,sans-serif;white-space:nowrap}
body .member-section-nav a:hover,body .member-section-nav a[aria-current]{color:var(--member-text);background:#258fff19}
body .member-section-nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--member-accent)}
html{scroll-padding-top:170px}
#abonnement,#utilisateurs,#credits,#facturation,#aide{scroll-margin-top:16px}
.member-menu-error{font-size:12px;color:var(--member-text);padding:8px}
.member-help{margin:36px 0;padding:26px;border:1px solid var(--member-line);border-radius:20px}.member-help p{line-height:1.7}.member-help a{color:var(--member-accent)}
@media(max-width:600px){:root{--member-header-height:76px}.member-header .member-header-inner{padding:0 16px;gap:12px}.member-header .member-logo{flex-basis:150px;height:55px}.member-header .member-actions{gap:6px}.member-header .member-credit{padding:8px 10px;gap:5px}.member-credit-label{display:none}.member-header .member-menu summary{font-size:11px;padding:10px}.member-header .member-theme{min-width:44px;gap:0;padding:5px}.member-theme span{width:16px}.member-header .member-menu .member-menu-panel{right:-50px}body .member-section-nav{width:calc(100% - 24px);margin-top:12px;padding:6px}body .member-section-nav a{padding:10px 13px;font-size:12px}}
@media(max-width:360px){.member-header .member-header-inner{padding:0 10px;gap:7px}.member-header .member-logo{flex-basis:105px}.member-header .member-credit{padding:8px}.member-header .member-menu summary{padding:10px 7px;font-size:10px}.member-header .member-actions{gap:4px}}
@media(prefers-reduced-motion:reduce){.member-section-nav{scroll-behavior:auto}}
