/* Couche finale : chaque accent, teinte et ombre est derive de la palette admin. */
.primary{box-shadow:0 7px 15px var(--accent-shadow)}
.primary:hover{background:var(--orange);filter:brightness(.94)}
#mainNav button.active{background:var(--accent-soft);color:var(--orange)}
.family-manager-list>div.editing,.percent-input span{background:var(--accent-soft)}
.family-rename-form input{box-shadow:0 0 0 3px var(--accent-soft)}
.workspace-option:hover,.workspace-option.active{border-color:var(--green);background:var(--green-soft)}
.verification-pill.verified,.barcode-lookup-status.success{background:var(--good-soft)}

/* Abonnements */
.plans-v2-head small,.features-v2-head small,.plan-v2-title>span,.feature-v2-section.pro-section>span,.plan-name>span,.plan-addon>div span,.comparison-row em{color:var(--orange)}
.plan-v2,.subscription-card{box-shadow:0 8px 24px var(--ink-soft)}
.plan-v2.pro,.subscription-card.featured{border-color:var(--orange);box-shadow:0 18px 45px var(--accent-shadow)}
.plan-v2-badge,.popular-badge,.feature-v2-section.pro-section>span{background:var(--orange)}
.plan-v2.selected-plan{outline-color:var(--orange)!important;box-shadow:0 18px 45px var(--accent-shadow)!important}
.plan-v2.selected-plan:after,.subscription-choice.active-plan{background:var(--ink)!important;border-color:var(--ink)!important}
.billing-switch button.active{color:var(--ink);box-shadow:0 2px 8px var(--ink-shadow)}
.billing-switch span,.plan-v2-price small,.plan-price small{background:var(--good-soft);color:var(--good)}
.features-v2-head,.comparison-head{background:var(--green)}
.comparison-head strong:last-child{background:var(--ink);color:var(--orange)}
.feature-v2-section,.comparison-section{background:var(--green-soft);color:var(--ink)}
.feature-v2-section>span{background:var(--ink)}
.feature-v2-row .included,.comparison-row .included{color:var(--good)}
.feature-symbol.check{background:var(--good)}
.feature-v2-row .pro-value,.comparison-addon,.plan-addon{background:var(--accent-softer)}
.plan-addon{border-color:var(--accent-border)}
.comparison-addon b:last-child,.plan-addon>strong span{color:var(--orange)}
.features-v2{box-shadow:0 10px 34px var(--ink-soft)}
.feature-v2-addon{background:linear-gradient(115deg,var(--green),var(--ink))!important;border-top-color:var(--orange)!important}
.feature-v2-addon:before{background:var(--orange)!important}
.feature-v2-addon .addon-establishment-button{background:var(--orange);box-shadow:0 9px 22px var(--accent-shadow)}
.feature-v2-addon .addon-establishment-button:hover{background:var(--orange);filter:brightness(.94)}

/* Verrouillage Premium */
.premium-nav-badge,.premium-page-card>span{background:var(--accent-soft);color:var(--orange)}
.premium-page-card{border-color:var(--accent-border);box-shadow:0 18px 46px var(--accent-shadow)}
.premium-page-card button{background:var(--orange);box-shadow:0 8px 18px var(--accent-shadow)}
.premium-inline-locked:after{border-color:var(--accent-border);color:var(--orange);box-shadow:0 5px 14px var(--ink-shadow)}

/* Graphiques et historique */
.product-price-line,.price-sparkline-line,.price-history-line{stroke:var(--orange)!important}
.product-price-point,.price-history-point{fill:var(--orange)!important;stroke:var(--orange)!important}
.product-history-modal,.price-history-modal{box-shadow:0 24px 60px var(--ink-shadow)}

/* Etats et surfaces secondaires */
.quick-create-panel,.barcode-lookup,.establishment-addon-summary{background:var(--green-soft);border-color:var(--green-soft)}
.admin-support-access-banner{background:var(--green);border-color:var(--orange)}
.notification-list>button i.critical{box-shadow:0 0 0 3px var(--accent-soft)}
.app-confirm{border-color:var(--accent-border);box-shadow:0 24px 70px var(--ink-shadow)}
.app-confirm-icon{background:var(--accent-soft);color:var(--orange)}
.brand-icon-row{--brand-icon-control-height:38px;grid-template-columns:minmax(0,1fr) 72px;align-items:start;gap:16px}.brand-icon-row>label,.brand-icon-row>.product-icon-picker{min-width:0;margin:13px 0}.brand-icon-row>label{font-size:9px;font-weight:600;line-height:1}.brand-icon-row>label>input{box-sizing:border-box;height:var(--brand-icon-control-height)!important;min-height:var(--brand-icon-control-height)!important;margin-top:7px;padding-top:0;padding-bottom:0}.product-icon-picker{position:relative;padding:0;border:0;background:transparent}.product-icon-picker>label{display:block;margin:0 0 7px;font-size:9px;font-weight:600;line-height:1}.product-icon-picker>label small{display:none;font-size:8px;font-weight:400;color:var(--muted)}
.product-icon-current{position:relative;box-sizing:border-box;width:72px;height:var(--brand-icon-control-height)!important;min-height:var(--brand-icon-control-height)!important;display:grid;grid-template-columns:28px 14px;align-items:center;justify-content:space-between;gap:8px;padding:4px 9px;background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--ink);text-align:left;overflow:hidden;box-shadow:none}
.product-icon-current>span{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--accent-soft);font-size:16px}.product-icon-current>b{display:none}.product-icon-current>i{display:none}.product-icon-current:after{content:"";justify-self:end;width:6px;height:6px;border-right:2px solid #587068;border-bottom:2px solid #587068;transform:translateY(-2px) rotate(45deg);transition:transform .18s}.product-icon-current.active:after{transform:translateY(2px) rotate(225deg)}
.product-select-shell{position:relative;display:block;margin-top:7px}.product-select-shell select{box-sizing:border-box;display:block;width:100%;height:38px!important;min-height:38px!important;margin:0!important;padding:0 32px 0 10px!important;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff;background-image:none!important;font-size:10px;appearance:none;-webkit-appearance:none}.product-select-shell:after{content:"";pointer-events:none;position:absolute;right:12px;top:50%;width:6px;height:6px;border-right:2px solid #587068;border-bottom:2px solid #587068;transform:translateY(-70%) rotate(45deg);transition:transform .18s}.product-select-shell.active:after{transform:translateY(-25%) rotate(225deg)}
.product-icon-current.active,.product-icon-current:focus-visible,.product-select-shell.active select,.product-select-shell select:focus-visible{border-color:var(--ink)!important;outline:0;box-shadow:0 0 0 1px var(--ink)!important}
.product-reference-field>.product-select-shell{margin-top:7px}.quantity-control>.product-select-shell{margin-top:0}
.product-icon-library{position:absolute;z-index:30;right:0;top:calc(100% + 6px);width:min(440px,calc(100vw - 64px));display:grid;grid-template-columns:repeat(12,1fr);gap:4px;max-height:176px;overflow:auto;padding:8px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 38px var(--ink-shadow);scrollbar-width:thin}
.product-icon-library.hidden{display:none}.product-icon-library button{min-width:0;height:29px;padding:0;display:grid;place-items:center;background:#fff;border:1px solid transparent;border-radius:6px;font-size:16px;box-shadow:none}.product-icon-library button:hover{background:var(--accent-soft);border-color:var(--accent-border)}.product-icon-library button.active{background:var(--accent-soft);border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}
@media(max-width:620px){.brand-icon-row{grid-template-columns:1fr}.product-icon-library{left:0;right:auto;grid-template-columns:repeat(8,1fr);max-height:150px}}
.app-confirm-danger{box-shadow:0 7px 18px var(--accent-shadow)}
.app-confirm-backdrop{background:var(--ink-shadow)}

/* Selecteur de style du laboratoire */

/* Clarte : interface sobre, lisible et concentree sur les actions utiles. */
html[data-ui-style=clarity]{--clarity-line:rgba(23,53,47,.1)}
html[data-ui-style=clarity] body{background:#f5f5f7;letter-spacing:-.005em}
html[data-ui-style=clarity] :is(.topbar,.sidebar){background:rgba(255,255,255,.92);border-color:var(--clarity-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-ui-style=clarity] .main{padding-top:34px}
html[data-ui-style=clarity] :is(.card,.kpi,.panel,.supplier-card,.plan-v2,.features-v2,.settings-form,.support-panel,.modal){background:#fff;border:1px solid var(--clarity-line);border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.035)}
html[data-ui-style=clarity] :is(h1,.page-head h1,.plans-v2-head h1){letter-spacing:-.035em}
html[data-ui-style=clarity] :is(.page-head>div>small,.eyebrow,.kicker){letter-spacing:.09em;opacity:.72}
html[data-ui-style=clarity] :is(.primary,.secondary,button,input,select,textarea){border-radius:10px;box-shadow:none}
html[data-ui-style=clarity] .primary{min-height:38px;background:var(--orange);font-weight:700}
html[data-ui-style=clarity] .secondary{background:#fff;border-color:var(--clarity-line)}
html[data-ui-style=clarity] #mainNav button{min-height:42px;border-radius:10px;color:#56615d}
html[data-ui-style=clarity] #mainNav button.active{background:var(--accent-soft);color:var(--ink);font-weight:700}
html[data-ui-style=clarity] :is(.kpi,.supplier-card){padding:20px}
html[data-ui-style=clarity] :is(.page-head p,.plans-v2-head p,.support-hero p){max-width:680px;line-height:1.55;color:#6e7774}
html[data-ui-style=clarity] :is(.product-row,.feature-v2-row,.invoice-row,.history-row){border-color:var(--clarity-line)}
html[data-ui-style=clarity] :is(.product-row:hover,.invoice-history-link:hover){background:rgba(0,0,0,.018)}
html[data-ui-style=clarity] .notification-popover{border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.12)}
html[data-ui-style=clarity] .modal-backdrop{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html[data-ui-style=clarity] :is(.product-price-chart,.price-history-chart,.admin-chart){background:#fff;border-color:var(--clarity-line);border-radius:14px}
html[data-ui-style=clarity] .help{display:none}

/* Clarté V2: hiérarchie typographique nette, symboles sobres et aucune décoration superflue. */
html[data-ui-style=clarity2]{--clarity2-line:#e4e7e6;--clarity2-muted:#66716d}
html[data-ui-style=clarity2] body{background:#f7f7f8;font-family:"Segoe UI Variable Text","SF Pro Text","Segoe UI",system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;color:var(--ink)}
html[data-ui-style=clarity2] :is(.topbar,.sidebar){background:#fff;border-color:var(--clarity2-line);box-shadow:none}
html[data-ui-style=clarity2] .main{padding-top:32px}
html[data-ui-style=clarity2] :is(.card,.kpi,.panel,.supplier-card,.plan-v2,.features-v2,.settings-form,.support-panel,.modal,.notification-popover){background:#fff;border:1px solid var(--clarity2-line);border-radius:12px;box-shadow:none}
html[data-ui-style=clarity2] :is(h1,.page-head h1,.plans-v2-head h1){font-family:"Segoe UI Variable Display","SF Pro Display","Segoe UI",system-ui,sans-serif;font-weight:700;letter-spacing:-.032em;line-height:1.08}
html[data-ui-style=clarity2] :is(h2,h3,h4,strong,b){letter-spacing:-.012em}
html[data-ui-style=clarity2] :is(p,small,.page-head p,.plans-v2-head p,.support-hero p){color:var(--clarity2-muted);line-height:1.55}
html[data-ui-style=clarity2] :is(.primary,.secondary,button,input,select,textarea){min-height:38px;border-radius:8px;box-shadow:none;font-family:inherit;font-weight:600}
html[data-ui-style=clarity2] #mainNav button{min-height:42px;border-radius:8px;color:#56605d}
html[data-ui-style=clarity2] #mainNav button.active{background:var(--accent-soft);color:var(--ink)}
html[data-ui-style=clarity2] :is(.product-row,.feature-v2-row,.invoice-row,.history-row,.price-item){border-color:var(--clarity2-line)}
html[data-ui-style=clarity2] :is(.product-row:hover,.invoice-history-link:hover,.price-item:hover){background:#f8faf9}
html[data-ui-style=clarity2] .product-pic{background:transparent;border:1px solid var(--clarity2-line);color:var(--ink);font-family:Arial,sans-serif;font-size:0;font-weight:400}
html[data-ui-style=clarity2] .product-pic::before{content:'◇';font-size:18px}
html[data-ui-style=clarity2] :is(.product-price-chart,.price-history-chart,.admin-chart){display:block;background:#fff;border:1px solid var(--clarity2-line);border-radius:10px;box-shadow:none}
html[data-ui-style=clarity2] :is(.spark,.product-price-chart svg,.price-history-chart svg,.admin-chart svg){display:block}
html[data-ui-style=clarity2] .import-tips>div>b{font-size:0}
html[data-ui-style=clarity2] .import-tips>div>b::before{content:'▣  Document confidentiel';font-size:12px;letter-spacing:0}
html[data-ui-style=clarity2] .help{display:none}

/* Soft UI */
html[data-ui-style=soft] :is(.card,.kpi,.panel,.supplier-card,.plan-v2,.features-v2,.settings-form,.support-panel,.modal){border-color:transparent;box-shadow:8px 8px 22px var(--ink-soft),-5px -5px 18px rgba(255,255,255,.86)}
html[data-ui-style=soft] :is(button,input,select,textarea){transition:box-shadow .18s,transform .18s,background .18s}

/* Liquid Glass */
html[data-ui-style=glass] body{background:linear-gradient(135deg,var(--bg),var(--accent-soft),var(--green-soft));background-attachment:fixed}
html[data-ui-style=glass] :is(.topbar,.sidebar,.card,.kpi,.panel,.supplier-card,.plan-v2,.features-v2,.settings-form,.support-panel,.modal,.notification-popover){background:rgba(255,255,255,.68)!important;border-color:rgba(255,255,255,.76)!important;box-shadow:0 14px 38px var(--ink-shadow)!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
html[data-ui-style=glass] :is(.card,.kpi,.panel,.supplier-card,.plan-v2,.settings-form,.support-panel,.modal){border-radius:20px}
html[data-ui-style=glass] .features-v2-head{background:color-mix(in srgb,var(--green) 84%,transparent)!important}

/* Minimaliste */
html[data-ui-style=minimal] :is(.card,.kpi,.panel,.supplier-card,.plan-v2,.features-v2,.settings-form,.support-panel,.modal){box-shadow:none!important;border-color:transparent!important;border-radius:4px}
html[data-ui-style=minimal] :is(.card,.kpi,.panel,.supplier-card,.plan-v2){border-bottom:1px solid var(--line)!important}
html[data-ui-style=minimal] :is(.primary,.secondary,button,input,select,textarea){box-shadow:none!important;border-radius:4px}

/* Flat */
html[data-ui-style=flat] *{text-shadow:none!important}
html[data-ui-style=flat] :is(.card,.kpi,.panel,.supplier-card,.plan-v2,.features-v2,.settings-form,.support-panel,.modal,.primary,.secondary,button,input,select,textarea){box-shadow:none!important}
html[data-ui-style=flat] :is(.card,.kpi,.panel,.supplier-card,.plan-v2,.features-v2,.settings-form,.support-panel,.modal){border:1px solid var(--line)!important;border-radius:2px}
html[data-ui-style=flat] :is(.primary,.secondary,button,input,select,textarea){border-radius:2px}
@media(max-width:800px){html:is([data-ui-style=clarity],[data-ui-style=clarity2]) .main{padding-top:22px}}

/* Palette ProxiPro : restauration, metiers de bouche et hotellerie. */
:root{--ink:#222a28;--green:#1f3d34;--orange:#3e6d55;--bg:#f0f0f0;--line:#e2e6e1;--muted:#67716b;--good:#3e6d55;--bad:#c65b3c;--yellow:#fff;--blue:#2c3e50;--surface:#fff;--panel-alt:#fff;--sidebar-text:#fff;--sidebar-icon:#a7c5a1;--sidebar-active:#477d63;--green-medium:#3e6d55;--green-light:#a7c5a1;--cream:#f0f0f0;--sand:#fff;--beige:#e2e6e1;--gold:#fff;--anthracite:#222a28;--gray:#67716b;--gray-light:#e2e6e1;--slate:#2c3e50}
:root{--accent-soft:rgba(62,109,85,.09);--accent-softer:rgba(62,109,85,.045);--accent-border:rgba(62,109,85,.32);--accent-shadow:rgba(62,109,85,.18);--ink-soft:rgba(34,42,40,.07);--ink-shadow:rgba(34,42,40,.12);--green-soft:rgba(31,61,52,.09);--green-shadow:rgba(31,61,52,.16);--good-soft:rgba(62,109,85,.11);--good-shadow:rgba(62,109,85,.18)}
body{background:var(--cream);color:var(--anthracite)}
.app,.content{background:var(--cream)}
.topnav{background:color-mix(in srgb,var(--surface) 95%,transparent);border-color:var(--line);box-shadow:0 3px 16px rgba(34,42,40,.04)}
.sidebar,html[data-ui-style=clarity] .sidebar,html[data-ui-style=clarity2] .sidebar,html[data-ui-style=glass] .sidebar{background:linear-gradient(180deg,var(--green) 0%,color-mix(in srgb,var(--green) 82%,#000) 100%)!important;border-color:color-mix(in srgb,var(--green) 72%,#fff)!important;color:#fff;box-shadow:8px 0 28px var(--green-shadow)!important}
.sidebar .brand{color:var(--sidebar-text)}.sidebar .brand>span{background:var(--panel-alt);color:var(--green)}
.sidebar-collapse{background:color-mix(in srgb,var(--sidebar-text) 10%,transparent);border-color:color-mix(in srgb,var(--sidebar-text) 28%,transparent);color:var(--sidebar-text)}.sidebar-collapse:hover{background:var(--orange);border-color:var(--sidebar-icon)}
.workspace{background:color-mix(in srgb,var(--orange) 50%,transparent);border-color:color-mix(in srgb,var(--sidebar-icon) 38%,transparent);color:var(--sidebar-text)}.workspace:hover{background:color-mix(in srgb,var(--orange) 75%,transparent);border-color:var(--sidebar-icon)}
.workspace b{color:var(--sidebar-text)}.workspace-logo{background:var(--panel-alt);color:var(--green)}.workspace small,.sidebar .user small{color:color-mix(in srgb,var(--sidebar-text) 76%,transparent)}.workspace>i{color:var(--sidebar-icon)}
.admin-view-switch{background:rgba(255,255,255,.08);border-color:rgba(167,197,161,.3);color:#e9f1ed}.admin-view-switch label i{background:var(--green-light)}
#mainNav>p{color:var(--sidebar-icon)}
#mainNav button,html[data-ui-style=clarity] #mainNav button,html[data-ui-style=clarity2] #mainNav button{color:var(--sidebar-text)}
#mainNav button i{color:var(--sidebar-icon);opacity:1}
#mainNav button:hover{background:color-mix(in srgb,var(--sidebar-icon) 14%,transparent);color:var(--sidebar-text)}
#mainNav button.active,html[data-ui-style=clarity] #mainNav button.active,html[data-ui-style=clarity2] #mainNav button.active{background:var(--sidebar-active);color:var(--sidebar-text);box-shadow:inset 3px 0 0 var(--gold),0 5px 14px rgba(0,0,0,.12)}
#mainNav button.active i{color:#fff}
#mainNav button em{background:var(--gold);color:var(--green)}
.sidebar .user{border-color:color-mix(in srgb,var(--sidebar-icon) 30%,transparent);color:var(--sidebar-text)}.sidebar .user b{color:var(--sidebar-text)}.sidebar .user>span{background:var(--panel-alt);color:var(--green)}.sidebar .user button{color:var(--sidebar-icon)}.sidebar .user button:hover{color:var(--sidebar-text)}
.primary{background:var(--green-medium);color:#fff;box-shadow:0 7px 18px rgba(62,109,85,.2)}.primary:hover{background:var(--green);box-shadow:0 9px 22px rgba(31,61,52,.22)}
.secondary{background:var(--surface);border-color:var(--line);color:var(--green)}.secondary:hover{background:var(--panel-alt);border-color:var(--line)}
:is(.panel,.kpi,.supplier-card,.settings-form,.support-panel,.modal,.notification-popover){border-color:var(--line);background:var(--surface)}
:is(input,select,textarea){border-color:var(--line);background:var(--surface);color:var(--ink)}
:is(input,select,textarea):focus{border-color:var(--green-medium);box-shadow:0 0 0 3px rgba(62,109,85,.12)}
th{background:color-mix(in srgb,var(--panel-alt) 48%,var(--surface));color:var(--muted)}
:is(.product-row,.invoice-row,.history-row,.price-item):hover{background:rgba(167,197,161,.1)}
.product-pic{background:var(--panel-alt);color:var(--green);border-color:var(--line)}
.status.ok,.positive,.success{background:rgba(167,197,161,.28);color:var(--green)}
.premium-badge,.best-offer,.status.pending{background:rgba(212,168,90,.2);color:#785a1e;border-color:rgba(212,168,90,.38)}
.import-tips,.features-v2-head{background:var(--green)!important;color:#fff}.import-tips li:before{background:var(--green-medium);color:var(--gold)}
.upload-zone:hover,.upload-zone.dragging{background:rgba(167,197,161,.13);border-color:var(--green-medium)}.upload-icon{background:rgba(167,197,161,.22);color:var(--green)}
.eyebrow,.kicker,.page-head>div>small{color:var(--green-medium)}
a{color:var(--green-medium)}::selection{background:var(--green-light);color:var(--green)}

/* Studio Dashboard : interface lumineuse, compacte et arrondie. */
html[data-ui-style=studio] body{background:#f1f2f2;font-size:13px;letter-spacing:-.005em}
html[data-ui-style=studio] .sidebar{background:color-mix(in srgb,var(--green) 6%,var(--surface))!important;border-color:var(--line)!important;color:var(--ink);box-shadow:none!important}
html[data-ui-style=studio] .sidebar .brand{color:var(--ink)}
html[data-ui-style=studio] .sidebar .brand>span{background:var(--orange);color:#fff}
html[data-ui-style=studio] .sidebar-collapse{background:var(--surface);border-color:var(--line);color:var(--muted)}
html[data-ui-style=studio] .workspace{background:transparent;border-color:transparent;color:var(--ink)}
html[data-ui-style=studio] .workspace:hover{background:var(--surface);border-color:var(--line)}
html[data-ui-style=studio] .workspace b,html[data-ui-style=studio] .sidebar .user b{color:var(--ink)}
html[data-ui-style=studio] .workspace small,html[data-ui-style=studio] .sidebar .user small{color:var(--muted)}
html[data-ui-style=studio] .workspace-logo{background:var(--surface);border:1px solid var(--line);color:var(--orange)}
html[data-ui-style=studio] .admin-view-switch{background:var(--surface);border-color:var(--line);color:var(--muted)}
html[data-ui-style=studio] #mainNav>p{color:var(--muted)}
html[data-ui-style=studio] #mainNav button{min-height:40px;background:transparent;color:var(--muted);border-radius:8px;box-shadow:none}
html[data-ui-style=studio] #mainNav button i{color:var(--muted)}
html[data-ui-style=studio] #mainNav button:hover{background:var(--surface);color:var(--ink)}
html[data-ui-style=studio] #mainNav button.active{background:transparent;color:var(--ink);box-shadow:inset 3px 0 0 var(--orange)}
html[data-ui-style=studio] #mainNav button.active i{color:var(--orange)}
html[data-ui-style=studio] .sidebar .user{border-color:var(--line);color:var(--ink)}
html[data-ui-style=studio] .sidebar .user>span{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
html[data-ui-style=studio] .sidebar .user button{color:var(--muted)}
html[data-ui-style=studio] .topnav{height:66px;background:var(--surface);border-color:var(--line);box-shadow:none}
html[data-ui-style=studio] .content{padding:26px;background:#f1f2f2}
html[data-ui-style=studio] :is(.panel,.kpi-grid article,.price-summary article,.supplier-card,.settings-form,.support-panel,.modal,.notification-popover,.plan-v2){background:var(--surface);border:1px solid color-mix(in srgb,var(--line) 68%,transparent);border-radius:16px;box-shadow:0 5px 18px rgba(34,42,40,.045)}
html[data-ui-style=studio] :is(.primary,.secondary,button,input,select,textarea){border-radius:9px}
html[data-ui-style=studio] .primary{box-shadow:0 5px 12px var(--accent-shadow)}
html[data-ui-style=studio] :is(.page-head h1,.plans-v2-head h1){letter-spacing:-.04em}
html[data-ui-style=studio] .panel-head{padding:16px 18px;border-color:var(--line)}
html[data-ui-style=studio] th{background:color-mix(in srgb,var(--line) 32%,var(--surface));font-weight:700}
html[data-ui-style=studio] td{border-color:var(--line)}
html[data-ui-style=studio] :is(.product-row,.invoice-row,.history-row,.price-item){border-color:var(--line)}
html[data-ui-style=studio] :is(.product-row,.invoice-row,.history-row,.price-item):hover{background:color-mix(in srgb,var(--orange) 5%,var(--surface))}
html[data-ui-style=studio] .product-pic{background:color-mix(in srgb,var(--orange) 10%,var(--surface));border:0;border-radius:9px}
html[data-ui-style=studio] .help{display:none}
@media(max-width:800px){html[data-ui-style=studio] .content{padding:18px 14px}}

/* Apple Futur : minimalisme premium et profondeur subtile. */
html[data-ui-style=apple] body{background:linear-gradient(145deg,color-mix(in srgb,var(--bg) 92%,#fff),color-mix(in srgb,var(--bg) 95%,var(--green-light)));font-family:"Segoe UI Variable Text","SF Pro Text","Inter",system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.5;letter-spacing:-.012em}
html[data-ui-style=apple] .app{background:transparent}
html[data-ui-style=apple] .sidebar{background:color-mix(in srgb,var(--green) 92%,transparent)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:12px 0 40px rgba(22,45,38,.13)!important;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
html[data-ui-style=apple] .sidebar .brand{font-size:19px;letter-spacing:-.045em}
html[data-ui-style=apple] .sidebar .brand>span{border-radius:10px;background:rgba(255,255,255,.94);color:var(--green);box-shadow:0 5px 16px rgba(0,0,0,.1)}
html[data-ui-style=apple] .sidebar-collapse{border-color:rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.09)}
html[data-ui-style=apple] .workspace{border-color:rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.08)}
html[data-ui-style=apple] .admin-view-switch{border-color:rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.06)}
html[data-ui-style=apple] #mainNav button{min-height:42px;margin:3px 0;border-radius:11px;font-weight:600;letter-spacing:-.01em}
html[data-ui-style=apple] #mainNav button:hover{background:rgba(255,255,255,.09);transform:none}
html[data-ui-style=apple] #mainNav button.active{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 7px 18px rgba(0,0,0,.1)}
html[data-ui-style=apple] #mainNav button.active:after{content:"";position:absolute;right:11px;width:5px;height:5px;border-radius:50%;background:var(--gold)}
html[data-ui-style=apple] .topnav{height:68px;margin:10px 14px 0;border:1px solid rgba(255,255,255,.86);border-radius:16px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 8px 28px rgba(34,42,40,.055);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
html[data-ui-style=apple] .content{padding:30px 32px 42px;background:transparent}
html[data-ui-style=apple] .search{border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:11px;background:rgba(255,255,255,.62)}
html[data-ui-style=apple] :is(.page-head h1,.plans-v2-head h1){font-family:"Segoe UI Variable Display","SF Pro Display","Inter",system-ui,sans-serif;font-weight:720;letter-spacing:-.052em;line-height:1.04}
html[data-ui-style=apple] :is(.page-head p,.plans-v2-head p,.panel-head p){line-height:1.55;color:var(--muted)}
html[data-ui-style=apple] :is(.panel,.kpi-grid article,.price-summary article,.supplier-card,.settings-form,.support-panel,.modal,.notification-popover,.plan-v2,.features-v2){border:1px solid rgba(255,255,255,.88);border-radius:18px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 10px 32px rgba(34,42,40,.055);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-ui-style=apple] :is(.kpi-grid article,.price-summary article,.supplier-card){padding:20px}
html[data-ui-style=apple] .panel-head{padding:18px 20px;border-color:color-mix(in srgb,var(--line) 65%,transparent)}
html[data-ui-style=apple] :is(.primary,.secondary,button,input,select,textarea){min-height:38px;border-radius:11px;box-shadow:none;font-family:inherit;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
html[data-ui-style=apple] .primary{background:var(--orange);box-shadow:0 7px 18px var(--accent-shadow)}
html[data-ui-style=apple] .primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px var(--accent-shadow)}
html[data-ui-style=apple] .secondary{background:rgba(255,255,255,.68);border-color:color-mix(in srgb,var(--line) 78%,transparent)}
html[data-ui-style=apple] :is(input,select,textarea):focus{background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}
html[data-ui-style=apple] th{padding:12px 18px;background:rgba(255,255,255,.44);font-weight:650;letter-spacing:.06em}
html[data-ui-style=apple] td{padding:14px 18px;border-color:color-mix(in srgb,var(--line) 72%,transparent)}
html[data-ui-style=apple] :is(.product-row,.invoice-row,.history-row,.price-item):hover{background:var(--accent-softer)}
html[data-ui-style=apple] .product-pic{border:0;border-radius:11px;background:var(--accent-soft)}
html[data-ui-style=apple] :is(.status,.pill,.badge){border-radius:999px}
html[data-ui-style=apple] .notice{border-color:transparent;border-radius:15px;background:color-mix(in srgb,var(--good) 8%,var(--surface))}
html[data-ui-style=apple] .modal-backdrop{background:rgba(20,28,25,.38);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-ui-style=apple] .help{display:none}
@media(max-width:800px){html[data-ui-style=apple] .topnav{margin:7px 8px 0}html[data-ui-style=apple] .content{padding:22px 14px 34px}}

/* Apple Futur — navigation laterale simplifiee et plus aeree. */
html[data-ui-style=apple] .sidebar{padding:24px 18px}
html[data-ui-style=apple] .sidebar-head{margin-bottom:7px}
html[data-ui-style=apple] .sidebar .brand{padding:0 8px 18px}
html[data-ui-style=apple] .sidebar-collapse{width:34px;height:34px;background:transparent;border-color:transparent;box-shadow:none}
html[data-ui-style=apple] .sidebar-collapse:hover{background:rgba(255,255,255,.08);border-color:transparent}
html[data-ui-style=apple] .workspace{margin:0 0 15px;padding:10px 8px;background:transparent;border-color:transparent;box-shadow:none}
html[data-ui-style=apple] .workspace:hover{background:rgba(255,255,255,.07);border-color:transparent}
html[data-ui-style=apple] .workspace-logo{width:30px;height:30px;border:0;background:rgba(255,255,255,.12);color:var(--sidebar-text);box-shadow:none}
html[data-ui-style=apple] .admin-view-switch{margin:0 4px 22px;padding:8px 5px;background:transparent;border-color:rgba(255,255,255,.09);box-shadow:none}
html[data-ui-style=apple] #mainNav{display:flex;flex-direction:column;gap:4px}
html[data-ui-style=apple] #mainNav>p{margin:18px 10px 7px;font-size:7px;letter-spacing:.16em;opacity:.72}
html[data-ui-style=apple] #mainNav button{position:relative;min-height:43px;margin:0;padding:7px 12px 7px 14px;border:0;background:transparent;box-shadow:none;color:color-mix(in srgb,var(--sidebar-text) 72%,transparent);font-weight:540}
html[data-ui-style=apple] #mainNav button i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:transparent;color:var(--sidebar-icon);font-size:15px;transition:.18s}
html[data-ui-style=apple] #mainNav button:hover{background:transparent;color:var(--sidebar-text)}
html[data-ui-style=apple] #mainNav button:hover i{background:rgba(255,255,255,.08);color:var(--sidebar-text)}
html[data-ui-style=apple] #mainNav button.active{background:transparent;color:var(--sidebar-text);font-weight:680;box-shadow:none}
html[data-ui-style=apple] #mainNav button.active i{background:rgba(255,255,255,.12);color:var(--sidebar-text)}
html[data-ui-style=apple] #mainNav button.active:before{content:"";position:absolute;left:-18px;top:10px;width:3px;height:23px;border-radius:0 5px 5px 0;background:var(--sidebar-icon);box-shadow:0 0 12px color-mix(in srgb,var(--sidebar-icon) 55%,transparent)}
html[data-ui-style=apple] #mainNav button.active:after{content:"";position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:var(--sidebar-icon);opacity:.9}
html[data-ui-style=apple] #mainNav button em{min-width:19px;padding:2px 6px;background:rgba(255,255,255,.12);color:var(--sidebar-text);font-size:7px;text-align:center}
html[data-ui-style=apple] .sidebar .user{margin-top:auto;padding:16px 6px 0;border-color:rgba(255,255,255,.1)}
html[data-ui-style=apple] .sidebar .user>span{border:0;background:rgba(255,255,255,.12);color:var(--sidebar-text)}

/* Navigation principale permanente — inspiree de la reference transmise. */
.sidebar,
html[data-ui-style=clarity] .sidebar,
html[data-ui-style=clarity2] .sidebar,
html[data-ui-style=studio] .sidebar,
html[data-ui-style=apple] .sidebar,
:root{--sidebar-expanded-width:224px;--sidebar-badge-reserve:54px}
html[data-ui-style=glass] .sidebar{width:var(--sidebar-expanded-width);padding:24px 18px;background:color-mix(in srgb,var(--green) 3%,var(--surface))!important;border:0!important;border-right:1px solid var(--line)!important;color:var(--ink);box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
.app{margin-left:var(--sidebar-expanded-width)}
.sidebar-head{min-height:38px;padding:0 4px 12px}
.sidebar .brand,html[data-ui-style=apple] .sidebar .brand{padding:0;color:var(--ink);font-size:18px;letter-spacing:-.04em}
.sidebar .brand>span,html[data-ui-style=apple] .sidebar .brand>span{width:27px;height:27px;border-radius:8px;background:var(--orange);color:#fff;box-shadow:none}
.sidebar-collapse,.sidebar-collapse:hover,html[data-ui-style=apple] .sidebar-collapse,html[data-ui-style=apple] .sidebar-collapse:hover{width:31px;height:31px;border:0;background:transparent;color:var(--muted);box-shadow:none}
.workspace,html[data-ui-style=apple] .workspace{margin:5px 0 8px;padding:9px 4px;border:0;background:transparent;color:var(--ink);box-shadow:none}
.workspace:hover,html[data-ui-style=apple] .workspace:hover{border:0;background:color-mix(in srgb,var(--line) 38%,transparent)}
.workspace b,html[data-ui-style=apple] .workspace b{color:var(--ink)}
.workspace small,html[data-ui-style=apple] .workspace small{color:var(--muted)}
.workspace-logo,html[data-ui-style=apple] .workspace-logo{width:29px;height:29px;border:1px solid var(--line);background:var(--surface);color:var(--orange);box-shadow:none}
.workspace>i{color:var(--muted)}
.admin-view-switch,html[data-ui-style=apple] .admin-view-switch{margin:0 2px 6px;padding:7px 3px;border:0;background:transparent;color:var(--muted);box-shadow:none}
#mainNav,html[data-ui-style=apple] #mainNav{display:flex;min-height:0;flex:1;flex-direction:column;gap:3px;padding-top:24px}
#mainNav>p,html[data-ui-style=apple] #mainNav>p{display:none}
#mainNav button,
html[data-ui-style=clarity] #mainNav button,
html[data-ui-style=clarity2] #mainNav button,
html[data-ui-style=studio] #mainNav button,
html[data-ui-style=apple] #mainNav button{position:relative;min-height:41px;margin:0;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);box-shadow:none;font-weight:540;letter-spacing:-.01em}
#mainNav button i,
html[data-ui-style=studio] #mainNav button i,
html[data-ui-style=apple] #mainNav button i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:transparent;color:var(--muted);font-size:15px;opacity:1}
#mainNav button:hover,
html[data-ui-style=studio] #mainNav button:hover,
html[data-ui-style=apple] #mainNav button:hover{background:transparent;color:var(--ink);transform:none}
#mainNav button:hover i{color:var(--ink)}
#mainNav button.active,
html[data-ui-style=clarity] #mainNav button.active,
html[data-ui-style=clarity2] #mainNav button.active,
html[data-ui-style=studio] #mainNav button.active,
html[data-ui-style=apple] #mainNav button.active{background:transparent;color:var(--orange);font-weight:680;box-shadow:none}
#mainNav button.active i,
html[data-ui-style=studio] #mainNav button.active i,
html[data-ui-style=apple] #mainNav button.active i{background:transparent;color:var(--orange)}
#mainNav button.active:before,html[data-ui-style=apple] #mainNav button.active:before{content:none}
#mainNav button.active:after,html[data-ui-style=apple] #mainNav button.active:after{content:"";position:absolute;right:-18px;top:9px;width:3px;height:23px;border-radius:4px 0 0 4px;background:var(--orange);box-shadow:none;opacity:1}
#mainNav button em,html[data-ui-style=apple] #mainNav button em{min-width:18px;margin-left:auto;padding:2px 5px;border:0;background:color-mix(in srgb,var(--orange) 12%,transparent);color:var(--orange);font-size:7px;text-align:center}
#mainNav button[data-page="settings"]{margin-top:auto}
.sidebar .user,html[data-ui-style=apple] .sidebar .user{margin-top:14px;padding:15px 4px 0;border-color:var(--line);color:var(--ink)}
.sidebar .user b,html[data-ui-style=apple] .sidebar .user b{color:var(--ink)}
.sidebar .user small,html[data-ui-style=apple] .sidebar .user small{color:var(--muted)}
.sidebar .user>span,html[data-ui-style=apple] .sidebar .user>span{border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.sidebar .user button{color:var(--muted)}
@media(max-width:800px){.app{margin-left:0}.sidebar{width:224px}}

/* Le mode replie doit primer sur la largeur permanente de la navigation. */
body.sidebar-collapsed .sidebar,
html[data-ui-style=clarity] body.sidebar-collapsed .sidebar,
html[data-ui-style=clarity2] body.sidebar-collapsed .sidebar,
html[data-ui-style=studio] body.sidebar-collapsed .sidebar,
html[data-ui-style=apple] body.sidebar-collapsed .sidebar,
html[data-ui-style=glass] body.sidebar-collapsed .sidebar{width:76px;padding-left:10px;padding-right:10px}
body.sidebar-collapsed .app{margin-left:76px}
body.sidebar-collapsed #mainNav{padding-top:14px}
body.sidebar-collapsed #mainNav button{width:48px;margin:2px auto;padding:0;justify-content:center}
body.sidebar-collapsed #mainNav button.active:after{right:-4px;top:9px}
body.sidebar-collapsed .workspace{width:44px;margin-left:auto;margin-right:auto;padding:6px;justify-content:center}
@media(max-width:800px){body.sidebar-collapsed .app{margin-left:0}body.sidebar-collapsed .sidebar{width:76px}}

/* Composants de donnees modernes — graphiques, tableaux et indicateurs. */
:root{--panel-shadow:0 8px 28px rgba(34,42,40,.055);--panel-shadow-hover:0 14px 38px rgba(34,42,40,.085);--smooth:cubic-bezier(.22,1,.36,1)}
:is(.panel,.kpi-grid article,.price-summary article,.supplier-card,.settings-form,.support-panel){border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:16px;background:var(--surface);box-shadow:var(--panel-shadow);transition:transform .28s var(--smooth),box-shadow .28s var(--smooth),border-color .28s var(--smooth)}
:is(.kpi-grid article,.price-summary article,.supplier-card):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--orange) 20%,var(--line));box-shadow:var(--panel-shadow-hover)}
.kpi-grid{gap:14px}.kpi-grid article{position:relative;overflow:hidden;padding:19px 18px}
.kpi-grid article:after{content:"";position:absolute;inset:auto 18px 0;height:2px;border-radius:2px 2px 0 0;background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:0;transform:scaleX(.55);transition:.28s var(--smooth)}
.kpi-grid article:hover:after{opacity:.45;transform:scaleX(1)}
.kpi-title i{border-radius:9px}.kpi-grid strong{letter-spacing:-.04em}
.panel-head{min-height:68px;padding:17px 19px;border-color:color-mix(in srgb,var(--line) 76%,transparent)}
.panel-head h3{letter-spacing:-.025em}.panel-head p{line-height:1.5}
.chart-wrap{overflow:hidden;padding:22px 24px 14px 44px;background:linear-gradient(180deg,color-mix(in srgb,var(--orange) 2%,var(--surface)),var(--surface));border-radius:0 0 16px 16px}
.chart-wrap svg{overflow:visible}.grid line{stroke:color-mix(in srgb,var(--line) 72%,transparent);stroke-dasharray:3 6}
.area{opacity:.72}.line{stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 5px color-mix(in srgb,var(--orange) 18%,transparent));stroke-dasharray:1400;stroke-dashoffset:1400;animation:chartReveal 1.15s var(--smooth) forwards}
.line.gray{filter:none;opacity:.65;stroke-dasharray:6 7;animation:none}
.chart-wrap circle{filter:drop-shadow(0 3px 5px rgba(34,42,40,.14));transition:r .2s var(--smooth),stroke-width .2s var(--smooth)}
.chart-wrap circle:hover{r:6;stroke-width:4}
.spark path{stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px var(--accent-shadow));stroke-dasharray:260;stroke-dashoffset:260;animation:sparkReveal .8s var(--smooth) forwards}
:is(.product-price-chart,.price-history-chart,.admin-chart){overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:14px;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--bg) 45%,var(--surface)));box-shadow:none}
.donut{position:relative;filter:drop-shadow(0 8px 13px rgba(34,42,40,.1));transition:transform .35s var(--smooth)}.donut:hover{transform:scale(1.035)}
.donut:after{content:"";position:absolute;inset:-7px;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:50%;opacity:.7}
.table-wrap{overflow:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 35%,transparent) transparent}
table{border-collapse:separate;border-spacing:0}
th{position:sticky;top:0;z-index:2;padding:12px 18px;background:color-mix(in srgb,var(--bg) 55%,var(--surface));border-bottom:1px solid var(--line);color:var(--muted);font-weight:750;letter-spacing:.09em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
td{padding:14px 18px;border-top:0;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);transition:background .18s,color .18s}
tbody tr{transition:background .18s var(--smooth),transform .18s var(--smooth)}
tbody tr:hover{background:color-mix(in srgb,var(--orange) 5%,var(--surface))}
tbody tr:last-child td{border-bottom:0}
th:first-child{border-radius:10px 0 0 0}th:last-child{border-radius:0 10px 0 0}
.status{align-items:center;gap:5px;padding:5px 9px;border:1px solid transparent;border-radius:999px;font-weight:750;letter-spacing:.01em}
.status.ok{border-color:color-mix(in srgb,var(--good) 18%,transparent)}.status.pending{border-color:color-mix(in srgb,var(--yellow) 28%,transparent)}.status.error{border-color:color-mix(in srgb,var(--bad) 20%,transparent)}
.opp-item{padding:15px 0;transition:background .18s var(--smooth),padding .18s var(--smooth)}.opp-item:hover{margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:10px;background:var(--accent-softer)}
.product-pic{border-radius:10px;transition:transform .22s var(--smooth),background .22s}.opp-item:hover .product-pic,.product-row:hover .product-pic{transform:scale(1.05)}
@keyframes chartReveal{to{stroke-dashoffset:0}}@keyframes sparkReveal{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.line,.spark path{animation:none;stroke-dashoffset:0}:is(.panel,.kpi-grid article,.price-summary article,.supplier-card),.donut,.product-pic{transition:none}}
@media(max-width:800px){.panel-head{min-height:62px;padding:15px}.chart-wrap{padding:18px 15px 12px 38px}th,td{padding-left:14px;padding-right:14px}}

/* Les visualisations utilisent exclusivement la gamme de verts. */
.legend span:first-child i{background:var(--green-medium)}
.line.orange,.spark path{stroke:var(--green-medium)}
.chart-wrap circle{stroke:var(--green-medium)}
.product-price-line,.price-sparkline-line,.price-history-line{stroke:var(--green-medium)!important}
.product-price-point,.price-history-point{fill:var(--green-medium)!important;stroke:var(--green-medium)!important}
.line{filter:drop-shadow(0 4px 5px color-mix(in srgb,var(--green-medium) 20%,transparent))}
.donut{background:conic-gradient(var(--green-medium) 0 34%,var(--green) 34% 62%,var(--green-light) 62% 84%,#80a99b 84%)}

/* Recherche globale dans la sidebar et Command Palette. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sidebar-search-trigger{width:100%;min-height:40px;margin:5px 0 9px;padding:8px 9px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--muted);cursor:pointer;text-align:left;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
.sidebar-search-trigger svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.sidebar-search-trigger span{flex:1;font-size:10px;font-weight:650}
.sidebar-search-trigger kbd{padding:3px 5px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:5px;background:var(--surface);color:var(--muted);font-size:7px;line-height:1;box-shadow:0 1px 2px rgba(34,42,40,.04)}
.sidebar-search-trigger:hover{border-color:color-mix(in srgb,var(--orange) 30%,var(--line));background:var(--surface);color:var(--ink)}
.sidebar-search-trigger:focus-visible{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px var(--accent-soft);color:var(--ink)}
body.sidebar-collapsed .sidebar-search-trigger{width:44px;min-height:40px;margin-left:auto;margin-right:auto;padding:0;justify-content:center}
body.sidebar-collapsed .sidebar-search-trigger span,body.sidebar-collapsed .sidebar-search-trigger kbd{display:none}
.topnav,
html[data-ui-style=clarity] .topnav,
html[data-ui-style=clarity2] .topnav,
html[data-ui-style=studio] .topnav,
html[data-ui-style=apple] .topnav,
html[data-ui-style=glass] .topnav{height:58px;margin:0;padding:0 30px;justify-content:flex-end;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0;background:color-mix(in srgb,var(--surface) 94%,transparent)!important;box-shadow:none!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.mobile-menu{margin-right:auto}.content{padding-top:22px}
.admin-support-access-banner{top:58px}
.command-palette-backdrop{position:fixed;inset:0;z-index:200;padding:11vh 20px 30px;display:flex;align-items:flex-start;justify-content:center;background:rgba(23,35,31,.28);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:commandBackdropIn .16s ease-out}
.command-palette{width:min(600px,100%);max-height:min(680px,78vh);overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 30px 90px rgba(20,35,30,.22),0 4px 18px rgba(20,35,30,.08);animation:commandPaletteIn .22s var(--smooth)}
.command-search{min-height:64px;padding:0 17px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}
.command-search>svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}
.command-search input{min-width:0;flex:1;height:62px;margin:0;padding:0;border:0!important;outline:0;background:transparent!important;color:var(--ink);font-size:14px;font-weight:540;box-shadow:none!important}
.command-search input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}
.command-search>kbd,.command-footer kbd{padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--bg) 65%,var(--surface));color:var(--muted);font-size:8px;line-height:1;box-shadow:0 1px 2px rgba(34,42,40,.05)}
.command-results{min-height:210px;max-height:500px;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 32%,transparent) transparent}
.command-group-label{padding:10px 10px 6px;color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.command-result{width:100%;min-height:56px;padding:8px 10px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;border:0;border-radius:11px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}
.command-result>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--orange) 8%,var(--surface));color:var(--orange);font-size:12px;font-style:normal;font-weight:800}
.command-result>i svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.command-result span{min-width:0}.command-result b,.command-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.command-result b{font-size:11px;font-weight:720}.command-result small{margin-top:3px;color:var(--muted);font-size:8px}
.command-result em{padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--line) 45%,transparent);color:var(--muted);font-size:7px;font-style:normal;font-weight:700}
.command-result.active{background:color-mix(in srgb,var(--orange) 9%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--orange) 18%,transparent)}
.command-result.active>i{background:var(--orange);color:#fff}.command-result.active b{color:var(--orange)}
.command-empty{min-height:245px;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.command-empty i{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--orange);font-size:20px;font-style:normal}
.command-empty b{margin-top:13px;font-size:12px}.command-empty span{max-width:330px;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.5}
.command-footer{min-height:42px;padding:0 16px;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}
.command-footer span{display:flex;align-items:center;gap:5px}
body.command-palette-open{overflow:hidden}
@keyframes commandBackdropIn{from{opacity:0}}@keyframes commandPaletteIn{from{opacity:0;transform:translateY(-10px) scale(.985)}}
@media(max-width:800px){.topnav,html[data-ui-style=apple] .topnav{height:56px;padding:0 14px}.content{padding-top:18px}.command-palette-backdrop{padding:7vh 12px 18px}.command-palette{max-height:84vh;border-radius:16px}.command-result{grid-template-columns:34px minmax(0,1fr)}.command-result>em{display:none}.command-footer{justify-content:center}.command-footer span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.command-palette-backdrop,.command-palette{animation:none}}

/* Actions globales regroupees dans la partie basse de la sidebar. */
.topnav,
html[data-ui-style=clarity] .topnav,
html[data-ui-style=clarity2] .topnav,
html[data-ui-style=studio] .topnav,
html[data-ui-style=apple] .topnav,
html[data-ui-style=glass] .topnav{display:none}
.content{padding-top:24px}
.admin-support-access-banner{top:0}
#mainNav{overflow-y:auto;overflow-x:hidden;scrollbar-width:none}#mainNav::-webkit-scrollbar{display:none}
.sidebar-global-actions{display:grid;gap:7px;margin:2px 0 8px;padding:0 2px 10px;border-bottom:1px solid var(--line)}
.sidebar-global-actions .demo-badge{width:max-content;max-width:100%;padding:4px 7px;border:0;background:color-mix(in srgb,var(--good) 8%,transparent);font-size:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-quick-actions{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px;width:100%}
.sidebar-global-actions .notification-wrap{width:100%;min-width:0}
.sidebar-global-actions .notification-button{width:100%;height:38px;padding:0 10px;display:flex;align-items:center;gap:9px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left}
.sidebar-global-actions .notification-button:hover,.sidebar-global-actions .notification-button[aria-expanded=true]{border:0;background:color-mix(in srgb,var(--line) 38%,transparent);color:var(--ink)}
.sidebar-global-actions .notification-button svg{width:17px;height:17px;flex:0 0 17px}
.sidebar-global-actions .notification-button>b{flex:1;font-size:9px;font-weight:650}
.sidebar-global-actions .notification-button>span{right:6px;top:2px;border-color:var(--surface)}
.sidebar-global-actions .notification-panel{left:calc(100% + 12px);right:auto;top:auto;bottom:0;width:350px;max-height:min(430px,72vh)}
.sidebar-search-compact{width:38px;height:38px;margin:0;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted)}
.sidebar-search-compact svg{width:17px;height:17px;margin:0}
.sidebar-search-compact:hover,.sidebar-search-compact:focus-visible,.sidebar-search-compact[aria-expanded=true]{border-color:color-mix(in srgb,var(--orange) 35%,var(--line));background:color-mix(in srgb,var(--orange) 8%,var(--surface));color:var(--orange);outline:0}
.sidebar-import-action{width:100%;min-height:38px;padding:8px 10px;border-radius:9px;font-size:9px;box-shadow:none}
@media(min-width:801px){
 body:not(.sidebar-collapsed) .sidebar-import-action{width:calc(100% + 4px);max-width:none;height:43px;min-height:43px;margin-left:-2px;padding:9px 12px;border-radius:10px;font-size:10px}
}
.sidebar .user{margin-top:0}
body.sidebar-collapsed .sidebar-global-actions{padding-left:0;padding-right:0}
body.sidebar-collapsed .sidebar-global-actions .demo-badge{display:none}
body.sidebar-collapsed .sidebar-quick-actions{grid-template-columns:1fr;justify-items:center}
body.sidebar-collapsed .sidebar-global-actions .notification-button{width:44px;margin:auto;padding:0;justify-content:center}
body.sidebar-collapsed .sidebar-global-actions .notification-button>b{display:none}
body.sidebar-collapsed .sidebar-global-actions .notification-button>span{right:-1px;top:-3px}
body.sidebar-collapsed .sidebar-search-compact{width:44px}
body.sidebar-collapsed .sidebar-import-action{width:44px;height:38px;margin:auto;padding:0;font-size:0}
body.sidebar-collapsed .sidebar-import-action:after{content:"+";font-size:17px}
@media(max-width:800px){
  .topnav,html[data-ui-style=clarity] .topnav,html[data-ui-style=clarity2] .topnav,html[data-ui-style=studio] .topnav,html[data-ui-style=apple] .topnav,html[data-ui-style=glass] .topnav{height:52px;margin:0;padding:0 14px;display:flex;justify-content:flex-start;border-bottom:1px solid var(--line)!important;background:color-mix(in srgb,var(--surface) 96%,transparent)!important}
  .mobile-menu{display:block}.content{padding-top:18px}.admin-support-access-banner{top:52px}
  .sidebar-global-actions .notification-panel{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:70vh}
}

/* Ouverture mobile/tablette fluide et mise au point sur la barre latérale. */
@media(max-width:800px){
 .sidebar{transform:translate3d(calc(-100% - 10px),0,0);transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease;will-change:transform}
 .sidebar.open{transform:translate3d(0,0,0);box-shadow:18px 0 48px rgba(23,53,47,.2)}
 .sidebar-backdrop{background:rgba(23,53,47,.22);opacity:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .28s ease,visibility 0s linear .28s}
 body.sidebar-mobile-open .sidebar-backdrop{opacity:1;visibility:visible;transition:opacity .28s ease,visibility 0s linear 0s}
}
@media(max-width:800px) and (prefers-reduced-motion:reduce){.sidebar,.sidebar-backdrop{transition:none!important}}

/* Navigation ordinateur pré-rendue : le repli masque le panneau sans le reconstruire. */
@media(min-width:801px){
 .sidebar,
 html[data-ui-style] .sidebar{
  width:var(--sidebar-expanded-width)!important;
  padding:24px 18px!important;
  overflow:clip!important;
  clip-path:inset(0 calc(var(--sidebar-expanded-width) - 76px) 0 0);
  transition:width .24s cubic-bezier(.22,1,.36,1),clip-path .32s cubic-bezier(.22,1,.36,1)!important;
  contain:layout paint;
 }
 body:not(.sidebar-collapsed) .sidebar{clip-path:inset(0 0 0 0)}
 body.sidebar-collapsed .sidebar{width:var(--sidebar-expanded-width)!important;padding:24px 18px!important;clip-path:inset(0 calc(var(--sidebar-expanded-width) - 76px) 0 0)}
 body.sidebar-collapsed .sidebar::after{content:"";position:absolute;z-index:40;top:0;bottom:0;left:75px;width:1px;background:var(--line);pointer-events:none}
 #mainNav{overflow-y:clip!important;overscroll-behavior:none}
 body:not(.sidebar-collapsed) .app{margin-left:var(--sidebar-expanded-width)}
 .app{transition:margin-left .24s cubic-bezier(.22,1,.36,1)!important}
 body.sidebar-collapsed .app{margin-left:76px}

 /* Tous les composants gardent en permanence leur géométrie déployée. */
 .sidebar-head{position:relative;transition:margin-bottom .32s cubic-bezier(.22,1,.36,1)}
 body.sidebar-collapsed .sidebar-head{position:relative;min-height:42px;margin-bottom:50px;padding:0 2px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
 body.sidebar-collapsed .sidebar-head .brand{width:auto;height:auto;min-height:0;padding:0;display:flex;justify-content:flex-start;background:transparent}
 .sidebar-head .brand-logo-full,.sidebar-head .brand-logo-icon{transition:opacity .14s ease}
 body.sidebar-collapsed .sidebar-head .brand-logo-full{display:block;opacity:0}
 body.sidebar-collapsed .sidebar-head .brand-logo-icon{position:absolute;left:10px;top:0;display:block;opacity:1}
 body:not(.sidebar-collapsed) .sidebar-head .brand-logo-icon{position:absolute;left:10px;top:0;display:block;opacity:0}
 .sidebar-head .sidebar-collapse{position:absolute!important;top:0;left:calc(var(--sidebar-expanded-width) - 68px);transition:left .24s cubic-bezier(.22,1,.36,1),top .32s cubic-bezier(.22,1,.36,1)!important}
 body.sidebar-collapsed .sidebar-head .sidebar-collapse{position:absolute!important;top:48px;left:4px}

 body.sidebar-collapsed .sidebar-global-actions{padding:0 2px 10px}
 body.sidebar-collapsed .sidebar-global-actions{position:relative;border-bottom:0}
 body.sidebar-collapsed .sidebar-global-actions::after{content:"";position:absolute;left:1px;bottom:0;width:38px;height:1px;background:var(--line);pointer-events:none}
 body.sidebar-collapsed .sidebar-global-actions .demo-badge{display:block}
 body.sidebar-collapsed .sidebar-quick-actions{grid-template-columns:minmax(0,1fr) 38px;justify-items:stretch}
 body.sidebar-collapsed .sidebar-global-actions .notification-button{width:100%;margin:0;padding:0 10px;justify-content:flex-start}
 body.sidebar-collapsed .sidebar-global-actions .notification-button>b{display:block}
 body.sidebar-collapsed .sidebar-global-actions .notification-button>#notificationBadge{position:static;inset:auto;margin-left:1px}
 body.sidebar-collapsed .sidebar-search-compact{width:38px}
 body.sidebar-collapsed .sidebar-import-action{width:100%;height:auto;margin:0;padding:8px 10px;font-size:9px}
 body.sidebar-collapsed .sidebar-import-action:after{content:none}

 body.sidebar-collapsed #mainNav{padding-top:0}
 body.sidebar-collapsed #mainNav p{height:auto;margin:18px 12px 7px;padding:0;border:0;font-size:8px;overflow:visible}
 body.sidebar-collapsed #mainNav button{width:100%;min-height:42px;margin:2px 0;padding:10px 12px;justify-content:flex-start;gap:12px}
 body.sidebar-collapsed #mainNav button>span,body.sidebar-collapsed #mainNav button>.premium-nav-label{display:inline!important}
 body.sidebar-collapsed #mainNav button>i{width:22px;margin:0;text-align:center}
 body.sidebar-collapsed #mainNav button>em:not(.premium-nav-label){position:static;min-width:18px;height:auto;margin-left:auto;padding:2px 5px;display:inline-block;border:0;font-size:7px;line-height:normal}
 body.sidebar-collapsed #mainNav button.active:after{right:-18px;top:9px}

 body.sidebar-collapsed .workspace,body.sidebar-collapsed .sidebar-account-footer .workspace{width:100%;min-height:44px;margin:0;padding:7px 38px 7px 4px;justify-content:flex-start}
 body.sidebar-collapsed .workspace>div:not(.workspace-logo),body.sidebar-collapsed .workspace>i,body.sidebar-collapsed .sidebar-account-footer .workspace>div:nth-child(2){display:block}
 body.sidebar-collapsed .sidebar-account-footer .footer-sign-out{position:absolute;right:5px;top:20px;width:30px;height:30px;margin:0}

 /* Le contenu reste rendu derrière le rail, mais aucun fragment de texte ne déborde. */
 .sidebar :is(.demo-badge,.notification-button>b,.sidebar-import-action,#mainNav p,#mainNav button>span,#mainNav .premium-nav-label,.workspace>div:not(.workspace-logo),.workspace>i,.admin-view-switch){transition:opacity .14s ease}
 body.sidebar-collapsed .sidebar :is(.demo-badge,.notification-button>b,#mainNav p,#mainNav button>span,#mainNav .premium-nav-label,.workspace>div:not(.workspace-logo),.workspace>i,.admin-view-switch){opacity:0;pointer-events:none}
 body.sidebar-collapsed .sidebar-global-actions .demo-badge{position:absolute;width:0;height:0;padding:0;overflow:hidden}
 body.sidebar-collapsed .sidebar-quick-actions{grid-template-columns:38px;grid-template-rows:38px 38px;gap:7px;justify-items:start}
 body.sidebar-collapsed .sidebar-search-compact{box-sizing:border-box;width:38px!important;height:38px!important;min-height:38px!important;margin-left:-1px}
 body.sidebar-collapsed .sidebar-import-action{position:relative;color:transparent}
 body.sidebar-collapsed .sidebar-import-action:after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:17px;line-height:1;transform:none}

 /* Les surfaces larges ne doivent jamais sembler coupées par le bord du rail. */
 body.sidebar-collapsed .sidebar-global-actions .notification-button{border-color:transparent!important;background:transparent!important;box-shadow:none!important}
 body.sidebar-collapsed .sidebar-global-actions .notification-button svg{position:relative;left:-2px}
 body.sidebar-collapsed .sidebar-global-actions .notification-button>#notificationBadge{position:absolute;left:25px;right:auto;top:-5px;width:auto;max-width:none;min-width:17px;height:17px;padding:0 5px;z-index:2;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;opacity:1}
 body.sidebar-collapsed .sidebar-import-action{width:38px;height:38px;min-height:38px;margin-left:-1px;padding:0;overflow:hidden;border-radius:9px;white-space:nowrap}
 body.sidebar-collapsed #mainNav button,body.sidebar-collapsed #mainNav button:hover,body.sidebar-collapsed #mainNav button.active{background:transparent!important;box-shadow:none!important}
 body.sidebar-collapsed #mainNav button.active>i{box-sizing:border-box;position:absolute;left:0;top:50%;width:38px!important;height:38px!important;min-width:38px;flex-basis:38px;border:1px solid #d8e6df;border-radius:10px;background:#eef4f1;box-shadow:inset 0 0 0 1px rgba(62,109,85,.04);transform:translateY(-50%)}
 body.sidebar-collapsed #mainNav button>i{position:relative;left:-4px}
 body.sidebar-collapsed #mainNav button{height:38px;min-height:38px;margin:1px 0;padding:6px 12px}
}
@media(min-width:801px) and (prefers-reduced-motion:reduce){.sidebar,.app,.sidebar-collapse{transition:none!important}}
/* Notifications : meme langage de modale que la recherche globale. */
.notification-modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(23,35,31,.28);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:commandBackdropIn .16s ease-out}
.sidebar-global-actions .notification-panel,
.notification-panel{position:fixed;left:50%;right:auto;top:11vh;bottom:auto;z-index:201;width:min(600px,calc(100vw - 40px));max-height:min(680px,78vh);overflow:hidden;transform:translateX(-50%);border:1px solid rgba(255,255,255,.82);border-radius:18px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 30px 90px rgba(20,35,30,.22),0 4px 18px rgba(20,35,30,.08);animation:notificationModalIn .22s var(--smooth)}
.notification-head{min-height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.notification-head>div{min-width:0}.notification-head b{font-size:13px;letter-spacing:-.02em}.notification-head small{margin-top:4px}
.notification-head>button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
.notification-head>button:hover,.notification-head>button:focus-visible{outline:0;background:color-mix(in srgb,var(--line) 42%,transparent);color:var(--ink)}
.notification-list{max-height:calc(min(680px,78vh) - 64px);overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 32%,transparent) transparent}
.notification-list>button{min-height:62px;padding:10px 12px;grid-template-columns:9px minmax(0,1fr) auto;gap:12px;border:0;border-radius:11px;background:transparent}
.notification-list>button+button{margin-top:3px}.notification-list>button:hover{background:color-mix(in srgb,var(--orange) 8%,var(--surface))}
.notification-list>button i{box-shadow:0 0 0 5px color-mix(in srgb,var(--orange) 9%,transparent)}
.notification-list b{font-size:11px}.notification-list small{margin-top:4px;font-size:8px;line-height:1.45}
.history-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:10px}.history-settings-head p{margin:5px 0 0;color:var(--muted);font-size:9px}.history-settings-content .timeline{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.history-settings-content .timeline-item{padding-top:14px;padding-bottom:14px}.history-settings-action .secondary{white-space:nowrap}
.account-settings-block>p{margin:0 0 22px;color:var(--muted);font-size:9px}.company-registration-fields{margin-top:4px}.form-row.three{grid-template-columns:.7fr 1.3fr 1fr}
#page-compare .compare-hero{background:linear-gradient(110deg,var(--green),color-mix(in srgb,var(--green) 74%,var(--orange)))!important;color:#fff!important;border-color:transparent!important}
#page-compare .compare-hero :is(strong,b){color:#fff!important}
#page-compare .compare-hero :is(span,p,small){color:rgba(255,255,255,.76)!important}
#page-compare .compare-meter>div{background:rgba(255,255,255,.18)}
#page-compare .compare-meter i{background:var(--green-light)}
#page-compare .compare-meter span b{color:#fff!important}
@media(max-width:800px){.history-settings-head{align-items:flex-start}.history-settings-action .secondary{padding:8px;font-size:8px}}
.notification-empty{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center}
body.notification-modal-open{overflow:hidden}
@keyframes notificationModalIn{from{opacity:0;transform:translate(-50%,-10px) scale(.985)}}
@media(max-width:800px){.sidebar-global-actions .notification-panel,.notification-panel{left:12px;right:12px;top:7vh;bottom:auto;width:auto;max-height:84vh;transform:none;border-radius:16px}.notification-list{max-height:calc(84vh - 64px)}@keyframes notificationModalIn{from{opacity:0;transform:translateY(-10px) scale(.985)}}}
@media(prefers-reduced-motion:reduce){.notification-modal-overlay,.notification-panel{animation:none}}
/* Pictogrammes SVG cohérents avec le langage visuel COTIQA. */
.ui-symbol{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.greeting-symbol{width:.85em;height:.85em;margin-left:.12em;color:var(--action,#3e6d55)}
.privacy-pill,.confidential-label{display:inline-flex;align-items:center;gap:6px}
.privacy-pill .ui-symbol,.confidential-label .ui-symbol{width:14px;height:14px}

/* Un seul bloc compte, ancré en bas de la navigation. */
.sidebar-account-footer{position:relative;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.sidebar-account-footer .workspace{width:100%;margin:0;padding:7px 38px 7px 4px;border:0;background:transparent;text-align:left;box-shadow:none}
.sidebar-account-footer .workspace:hover{background:color-mix(in srgb,var(--line) 38%,transparent)}
.sidebar-account-footer .workspace-logo{flex:0 0 29px}
.sidebar-account-footer .workspace>i{display:none}
.sidebar-account-footer .footer-sign-out{position:absolute;right:5px;top:20px;width:30px;height:30px;padding:0;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}
.sidebar-account-footer .footer-sign-out:hover{background:color-mix(in srgb,var(--line) 45%,transparent);color:var(--ink)}
.sidebar-account-footer .footer-sign-out svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar-account-footer .footer-sign-out span{display:none}
.sidebar-account-footer .admin-view-switch{margin-top:5px}
body.sidebar-collapsed .sidebar-account-footer{box-sizing:border-box;height:auto!important;min-height:0!important;padding-top:10px;display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;justify-content:flex-start!important;gap:7px!important;border-top:0}
body.sidebar-collapsed .sidebar-account-footer::before{content:"";position:absolute;left:1px;top:0;width:38px;height:1px;background:var(--line);pointer-events:none}
body.sidebar-collapsed .sidebar-account-footer .workspace{box-sizing:border-box;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:4px!important;margin:0 0 0 1px!important;justify-content:center!important;border:1px solid var(--line)!important;border-radius:9px;background:#fff!important;box-shadow:none!important}
body.sidebar-collapsed .sidebar-account-footer .workspace-logo{box-sizing:border-box;width:28px;height:28px;flex:0 0 28px;border:0;background:transparent;border-radius:0}
body.sidebar-collapsed .sidebar-account-footer .workspace>div:nth-child(2),body.sidebar-collapsed .sidebar-account-footer .workspace>i,body.sidebar-collapsed .sidebar-account-footer .admin-view-switch{display:none}
body.sidebar-collapsed .sidebar-account-footer .footer-sign-out{box-sizing:border-box;position:static;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;margin:0 0 0 1px!important;border:1px solid var(--line)!important;border-radius:9px;background:#fff!important;box-shadow:none!important}
@media(min-width:801px){body:not(.sidebar-collapsed) #mainNav button[data-page="imports"]>span{white-space:nowrap;font-size:11px}.sidebar-collapse:focus,.sidebar-collapse:focus-visible{outline:0!important;box-shadow:none!important}}
@media(min-width:801px) and (max-height:760px){
 html body:not(.sidebar-collapsed) #mainNav{padding-top:0;gap:0}
 html body:not(.sidebar-collapsed) #mainNav button{height:34px;min-height:34px;margin:1px 0;padding:5px 10px}
 html body.sidebar-collapsed .sidebar{padding-top:14px!important;padding-bottom:14px!important}
 html body.sidebar-collapsed .sidebar-head{min-height:38px;margin-bottom:42px;padding-bottom:12px}
 html body.sidebar-collapsed .sidebar-head .brand-logo-icon{top:0}
 html body.sidebar-collapsed .sidebar-head .sidebar-collapse{top:42px}
 html body.sidebar-collapsed .sidebar-global-actions{padding-bottom:7px}
 html body.sidebar-collapsed .sidebar-quick-actions{grid-template-columns:34px;grid-template-rows:34px 34px;gap:4px}
 html body.sidebar-collapsed .sidebar-search-compact,html body.sidebar-collapsed .sidebar-import-action{width:34px!important;height:34px!important;min-height:34px!important}
 html body.sidebar-collapsed .sidebar-global-actions .notification-button{width:34px;height:34px;min-height:34px;padding:0 8px}
 html body.sidebar-collapsed #mainNav button{height:32px;min-height:32px;margin:1px 0;padding:3px 12px}
 html body.sidebar-collapsed #mainNav button.active>i{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px;border-radius:9px}
 html body.sidebar-collapsed .sidebar-account-footer{margin-top:8px;padding-top:6px;gap:2px}
 html body.sidebar-collapsed .sidebar-account-footer .workspace,html body.sidebar-collapsed .sidebar-account-footer .footer-sign-out{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
}

/* Actions et compteurs de la sidebar : alignement uniforme et sans chevauchement. */
.sidebar-global-actions .notification-button{border:1px solid var(--line);background:transparent}
.sidebar-global-actions .notification-button:hover,.sidebar-global-actions .notification-button:focus-visible,.sidebar-global-actions .notification-button[aria-expanded=true]{border:1px solid color-mix(in srgb,var(--orange) 35%,var(--line));background:color-mix(in srgb,var(--orange) 5%,var(--surface));outline:0}
.sidebar-global-actions .notification-button>b{flex:0 1 auto}
.sidebar-global-actions .notification-button>#notificationBadge{position:static;inset:auto;width:auto;max-width:none;min-width:17px;height:17px;margin-left:1px;padding:0 5px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--action,#3e6d55);color:#fff;font-size:8px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
#mainNav #importBadge,#mainNav #productBadge,#mainNav #adminSupportBadge{position:static;width:auto;max-width:none;min-width:17px;height:17px;margin-left:auto;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--action,#3e6d55);color:#fff;font-size:8px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(min-width:801px){
 body:not(.sidebar-collapsed) #mainNav button:has(>em:not(.premium-nav-label)){padding-right:var(--sidebar-badge-reserve)}
 body:not(.sidebar-collapsed) #mainNav button>em:not(.premium-nav-label){position:absolute!important;right:10px;top:50%;margin:0;transform:translateY(-50%)}
}
#mainNav button.active:after,html[data-ui-style=clarity] #mainNav button.active:after,html[data-ui-style=clarity2] #mainNav button.active:after,html[data-ui-style=studio] #mainNav button.active:after,html[data-ui-style=apple] #mainNav button.active:after{content:"";position:absolute;left:0;right:auto;top:50%;width:3px;height:22px;border-radius:0 4px 4px 0;background:var(--action,#3e6d55);box-shadow:none;opacity:1;transform:translateY(-50%)}
body.sidebar-collapsed #mainNav button.active:after{left:0;right:auto;top:50%;height:22px;transform:translateY(-50%)}
body.sidebar-collapsed #mainNav button em{position:absolute;top:1px;right:-1px;margin:0}
body.sidebar-collapsed .sidebar-global-actions .notification-button>#notificationBadge{position:absolute;left:25px;right:auto;top:-3px;margin:0}

/* Suivi des prix : les fonds de ligne occupent toute la largeur du panneau. */
#page-prices .panel{overflow:hidden}
#page-prices .price-list{padding-left:0;padding-right:0}
#page-prices .price-item{padding-left:18px;padding-right:18px}

/* Abonnements : profondeur douce, cartes cohérentes et hiérarchie minimaliste. */
#page-subscriptions{--plan-shadow:0 10px 30px rgba(31,61,52,.07);--plan-shadow-active:0 14px 36px rgba(31,61,52,.11)}
#page-subscriptions .plans-v2-head{margin-bottom:34px}
#page-subscriptions .plans-v2-cards{align-items:stretch;gap:20px}
#page-subscriptions .plan-v2,#page-subscriptions .plan-v2.pro{display:flex;min-height:394px;flex-direction:column;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:16px;background:var(--surface);box-shadow:var(--plan-shadow);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
#page-subscriptions .plan-v2:hover{transform:translateY(-2px);box-shadow:var(--plan-shadow-active)}
#page-subscriptions .plan-v2-title{min-height:92px}
#page-subscriptions .plan-v2-price{min-height:72px;margin:14px 0 6px}
#page-subscriptions .plan-reassurance{min-height:31px;margin:0 0 10px;display:flex;align-items:center}
#page-subscriptions .plan-reassurance-placeholder{visibility:hidden}
#page-subscriptions .plan-v2-location{align-self:flex-start;width:auto;min-height:26px;margin:0 0 14px;padding:6px 11px;white-space:nowrap;background:color-mix(in srgb,var(--action,#3e6d55) 9%,var(--surface));color:var(--action,#3e6d55)}
#page-subscriptions .plan-v2>button{min-height:42px;margin:0;box-shadow:none}
#page-subscriptions .plan-v2-highlight,#page-subscriptions .plan-v2 .no-commitment{min-height:44px;margin-top:14px}
#page-subscriptions .plan-v2 .no-commitment{display:flex;align-items:flex-start;justify-content:center;padding-top:2px}
#page-subscriptions .plan-v2.pro{border-color:color-mix(in srgb,var(--action,#3e6d55) 48%,var(--line))}
#page-subscriptions .plan-v2-badge{background:var(--action,#3e6d55);box-shadow:none}
#page-subscriptions .plan-v2.selected-plan{outline:0!important;border:2px solid var(--action,#3e6d55);box-shadow:var(--plan-shadow-active)!important}
#page-subscriptions .plan-v2.selected-plan:after{top:-11px;padding:5px 9px;background:var(--ink);box-shadow:none}
#page-subscriptions .subscription-choice.active-plan{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important;box-shadow:none!important;cursor:default;opacity:1}
#page-subscriptions .billing-switch{border:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--line) 42%,transparent)}
#page-subscriptions .billing-switch button.active{box-shadow:0 2px 7px rgba(31,61,52,.09)}
#page-subscriptions .features-v2{border-color:color-mix(in srgb,var(--line) 88%,transparent);border-radius:16px;box-shadow:var(--plan-shadow)}
#page-subscriptions .feature-v2-row .pro-value{background:color-mix(in srgb,var(--action,#3e6d55) 3%,var(--surface));border-left-color:color-mix(in srgb,var(--action,#3e6d55) 12%,var(--line))}
#page-subscriptions .feature-v2-section.pro-section>span{background:var(--action,#3e6d55);color:#fff!important}
#page-subscriptions .plan-v2-price .annual-note{
  display:table;
  width:max-content;
  max-width:100%;
  margin:5px 0 0;
  padding:0;
  border:0;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1.35;
}
#page-subscriptions .plan-v2-price .annual-note.hidden{display:none!important}

/* En-tetes du comparatif alignes sur les colonnes de valeurs. */
#page-subscriptions .features-v2-head{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 110px 190px;
  align-items:center;
  gap:0;
  padding-right:0;
}
#page-subscriptions .features-v2-labels{display:contents}
#page-subscriptions .features-v2-labels>span,
#page-subscriptions .features-v2-labels>strong{
  display:grid;
  place-items:center;
  align-self:stretch;
  min-width:0;
  text-align:center;
  font-size:9px;
  font-weight:800;
  line-height:1;
}
#page-subscriptions .features-v2-labels>span{color:rgba(255,255,255,.78)}
#page-subscriptions .features-v2-labels>strong{color:var(--gold,#d4a85a)}

/* Tous les dialogues utilisent le meme fond floute que la recherche globale. */
:is(.modal-backdrop,.app-confirm-backdrop,.command-palette-backdrop,.notification-modal-overlay){
  background:rgba(23,35,31,.28);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.modal-backdrop,.app-confirm-backdrop{isolation:isolate}
.modal-backdrop>.modal,.app-confirm-backdrop>.app-confirm{
  position:relative;
  z-index:1;
}

/* Les cartes KPI reprennent le survol discret des cartes Fournisseurs. */
.kpi-grid article:after{display:none!important}

/* En-tete rectangulaire plein pour le tableau des dernieres factures. */
.bottom-grid .table-wrap:has(#recentInvoices) thead tr{
  background:#eef4f1;
}
.bottom-grid .table-wrap:has(#recentInvoices) thead th{
  background:transparent;
  color:var(--green,#1f3d34);
  border-radius:0;
}

/* Le pictogramme suit le meme renforcement que le libelle du menu. */
#mainNav button i{
  transition:font-weight .18s ease,-webkit-text-stroke .18s ease;
}
#mainNav button:hover i,
#mainNav button.active i{
  font-weight:900;
  -webkit-text-stroke:.35px currentColor;
}
#mainNav button i svg{
  transition:stroke-width .18s ease,color .18s ease;
}
#mainNav button:hover i svg,
#mainNav button.active i svg{
  stroke-width:2.5;
}

/* Recherche des comptes societes. */
.admin-account-search{height:42px;margin:0 0 14px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);box-shadow:0 3px 12px rgba(34,42,40,.035)}
.admin-account-search:focus-within{border-color:color-mix(in srgb,var(--green-medium) 45%,var(--line));box-shadow:0 0 0 3px var(--accent-soft)}
.admin-account-search svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-account-search input{min-width:0;flex:1;height:100%;padding:0;border:0;background:transparent;box-shadow:none!important;outline:0;color:var(--ink);font-size:10px}
.admin-account-search input::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}
.admin-account-search button{width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}
.admin-account-search button:hover{background:var(--green-soft);color:var(--green)}

/* Fenetres Premium dans la palette COTIQA et pictogramme SVG coherent. */
.premium-gate-card{border-color:color-mix(in srgb,var(--green-light) 62%,var(--line));box-shadow:0 22px 65px rgba(31,61,52,.16)}
.premium-gate-card:before{background:color-mix(in srgb,var(--green-light) 24%,var(--surface))}
.premium-gate-icon{background:var(--green-medium,#3e6d55);color:#fff}
.premium-gate-icon svg{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.premium-gate-card>span{color:var(--green-medium,#3e6d55)}
.premium-nav-label{background:var(--green-soft)!important;color:var(--green-medium)!important}
.premium-inline-locked:after{border-color:var(--accent-border);color:var(--green-medium);background:color-mix(in srgb,var(--surface) 96%,transparent)}
@media(max-width:800px){#page-subscriptions .plans-v2-cards{gap:24px}#page-subscriptions .plan-v2,#page-subscriptions .plan-v2.pro{min-height:0}#page-subscriptions .plan-v2-title{min-height:0}#page-subscriptions .plan-v2:hover{transform:none}}

/* Responsive global COTIQA : composants partagés, pages métier et overlays. */
html,body{max-width:100%;overflow-x:clip}.app,.content,.page,.panel,.page-head>div,.panel-head>div{min-width:0}img,video,iframe,canvas,svg{max-width:100%}input,select,textarea,button{max-width:100%}p,h1,h2,h3,h4,td,th,label,span,b,small{overflow-wrap:anywhere}.content{width:100%;max-width:1600px}.table-wrap{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.table-wrap table{margin:0}.modal-backdrop{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.modal{width:min(640px,100%);max-height:calc(100dvh - 24px);overscroll-behavior:contain}.toast-stack{max-width:calc(100vw - 28px)}.toast{min-width:0;width:min(360px,calc(100vw - 28px))}
html,body{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
@media(max-width:1150px){.analytics-actions,.page-head-actions,.results-head>div:last-child{flex-wrap:wrap}.support-layout{grid-template-columns:1fr}.support-intro{grid-template-columns:minmax(0,1fr)}.feature-v2-addon{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:800px){.sidebar{width:min(280px,88vw)!important;padding:18px 14px}.content{padding:18px 14px 32px!important}.page-head,.panel-head,.results-head,.analysis-head,.history-settings-head,.invoice-document-head{align-items:flex-start;gap:14px;flex-wrap:wrap}.page-head>div:first-child,.panel-head>div:first-child{flex:1 1 240px}.page-head-actions{width:100%}.page-head-actions>*{flex:1 1 150px}.page-head h1{font-size:clamp(22px,6vw,27px)}.kpi-grid,.price-summary,.analytics-kpis,.account-admin-summary,.support-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.bottom-grid,.analytics-grid,.import-layout,.supplier-grid,.settings-layout,.support-layout{grid-template-columns:minmax(0,1fr)}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.toolbar .filter-search{grid-column:1/-1;width:100%}.toolbar .secondary{margin:0}.settings-layout>nav{display:flex;flex-direction:row;gap:4px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.settings-layout>nav button{flex:0 0 auto;min-height:42px;white-space:nowrap}.settings-form{padding:20px}.price-list{padding:0 12px}.price-item{grid-template-columns:minmax(0,1fr) auto;gap:10px}.price-item>:not(:first-child):not(:nth-last-child(2)):not(:last-child){display:none}.comparison-item{grid-template-columns:minmax(0,1fr)}.compare-bars{min-width:0}.compare-hero{gap:24px;flex-wrap:wrap}.compare-meter{width:min(100%,480px)}.supplier-card,.support-requests,.support-faq{min-width:0}.support-toolbar{gap:10px;flex-wrap:wrap}.support-ticket{grid-template-columns:auto minmax(0,1fr) auto}.support-ticket>div{min-width:0}.support-thread article{max-width:92%}.modal-footer{flex-wrap:wrap}.modal-footer>*{flex:1 1 130px;min-height:44px}.command-palette-backdrop{padding-left:12px;padding-right:12px}.notification-panel{width:calc(100vw - 24px)!important}.invoice-review-layout{grid-template-columns:minmax(0,1fr)}.invoice-document{min-height:36vh}}
@media(max-width:560px){.content{padding:14px 10px 28px!important}.topnav{padding-inline:10px!important}.page-head{margin-bottom:18px}.page-head>select,.page-head>.secondary,.page-head>button{display:inline-flex}.page-head-actions{display:grid;grid-template-columns:1fr}.page-head-actions>*{width:100%}.kpi-grid,.price-summary,.analytics-kpis,.account-admin-summary,.support-admin-summary{grid-template-columns:minmax(0,1fr)}.kpi-grid article,.price-summary article{padding:15px}.toolbar{grid-template-columns:minmax(0,1fr)}.toolbar .filter-search{grid-column:auto}.toolbar>*{width:100%}.panel-head{padding:14px}.chart-wrap{padding:14px 10px 10px 30px}.chart-wrap svg{height:180px}.x-axis{gap:8px}.x-axis span:nth-child(even){display:none}.notice{align-items:flex-start;padding:12px}.notice p{line-height:1.45}.mini-filter{width:100%;overflow-x:auto}.mini-filter button{flex:1;min-height:36px}.form-row,.form-row.three,.company-registration-fields,.support-reply,.product-history-kpis{grid-template-columns:minmax(0,1fr)!important}.session-id-row,.family-create,.barcode-lookup label>div{display:flex;align-items:stretch;flex-direction:column}.session-id-row>*{width:100%}.toggle-row{align-items:flex-start;gap:14px}.toggle-row span{min-width:0}.toggle-row input{flex:none}.modal{padding:22px 16px;border-radius:14px}.modal h2{padding-right:24px}.modal-form .form-row{grid-template-columns:minmax(0,1fr)}.quantity-control{grid-template-columns:minmax(0,1fr) 76px}.app-confirm-actions{grid-template-columns:1fr}.command-palette{width:100%}.command-input-wrap{padding-inline:14px}.notification-head{padding-inline:14px}.support-intro,.support-requests,.support-faq{padding:16px}.support-intro-points{grid-template-columns:minmax(0,1fr)}.support-ticket{grid-template-columns:auto minmax(0,1fr)}.support-ticket>em{display:none}.support-thread article{width:100%;max-width:100%}.app-confirm{grid-template-columns:36px minmax(0,1fr)}.plans-v2-head{align-items:stretch;flex-direction:column}.billing-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}.subscription-card,.plan-v2{padding:22px 18px}.pricing-comparison{margin-inline:-2px}.comparison-row>*{padding-inline:12px}}
@media(max-width:360px){.content{padding-inline:8px!important}.sidebar{width:92vw!important}.settings-form,.supplier-card{padding:16px}.primary,.secondary{padding-inline:10px}.modal-footer{display:grid;grid-template-columns:1fr}.quantity-control{grid-template-columns:minmax(0,1fr)}.toast-stack{right:8px;bottom:8px;max-width:calc(100vw - 16px)}.toast{width:calc(100vw - 16px)}}

/* Profil : regroupe les destinations secondaires hors de la navigation principale. */
.profile-modal-heading{display:flex;align-items:center;gap:12px;padding-right:30px}.profile-modal-heading h2{margin:0}.profile-modal-heading p{margin:3px 0 0!important}.profile-modal-avatar{box-sizing:border-box;width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:11px;background:var(--action,#3e6d55);color:#fff;font:800 11px Manrope}.profile-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 24px}.profile-shortcut{box-sizing:border-box;width:100%;min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.profile-shortcut:hover,.profile-shortcut.active{border-color:#bfd5ca;background:#f0f7f3}.profile-shortcut>i{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#edf4f0;color:var(--action,#3e6d55);font-style:normal;font-weight:800}.profile-shortcut b,.profile-shortcut small{display:block}.profile-shortcut b{font-size:10px}.profile-shortcut small{margin-top:3px;color:var(--muted);font-size:7.5px;line-height:1.35}.profile-shortcut>em{color:var(--muted);font-style:normal;font-size:20px}.profile-section-head{padding-top:18px;border-top:1px solid var(--line)}.profile-section-head b,.profile-section-head small{display:block}.profile-section-head b{font:700 11px Manrope}.profile-section-head small{margin-top:3px;color:var(--muted);font-size:8px}.profile-section-head+.workspace-list{margin-top:12px}@media(max-width:560px){.profile-shortcuts{grid-template-columns:1fr}.profile-shortcut{min-height:58px}}

/* En mobile et tablette, l'en-tête devient une commande flottante compacte. */
@media(max-width:800px){
 .topnav,html[data-ui-style=clarity] .topnav,html[data-ui-style=clarity2] .topnav,html[data-ui-style=studio] .topnav,html[data-ui-style=apple] .topnav,html[data-ui-style=glass] .topnav{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:auto;width:44px;height:44px;margin:0;padding:0;display:grid;place-items:center;border:0!important;border-radius:12px;background:#fff!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
 .topnav:before{content:none!important}
 .mobile-menu{position:absolute!important;inset:0!important;z-index:1;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block;border:0!important;border-radius:inherit;background:#fff!important;color:transparent;font-size:0;outline:0!important;box-shadow:none!important;transform:none!important;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
 .mobile-menu:before{content:none!important}
 .mobile-menu span,.mobile-sidebar-close span{position:absolute;left:10px;top:21px;display:block;width:24px;height:1px;margin:0;border-radius:999px;background:var(--ink);transform-origin:center;transition:none!important}
 .mobile-menu span:first-child{transform:translateY(-4px)}
 .mobile-menu span:last-child{transform:translateY(4px)}
 .mobile-menu:hover,.mobile-menu:active,.mobile-menu:focus,.mobile-menu:focus-visible{background:#fff!important;border:0!important;outline:0!important;box-shadow:none!important;transform:none!important}
 .content{padding-top:18px!important}
 .page-head>div:first-child{padding-left:54px}
}
@media(max-width:560px){.page-head>div:first-child{padding-left:52px}}
@media(max-width:800px){
 .mobile-sidebar-close{position:relative!important;width:44px!important;height:44px!important;flex:0 0 44px!important;padding:0!important;border:0!important;border-radius:12px!important;background:#fff!important;color:transparent!important;font-size:0!important;box-shadow:none!important;cursor:pointer;transition:none!important}
 .mobile-sidebar-close:before,.mobile-sidebar-close:after{content:none!important}
 .mobile-sidebar-close span:first-child{transform:rotate(45deg)}
 .mobile-sidebar-close span:last-child{transform:rotate(-45deg)}
 .mobile-sidebar-close:hover,.mobile-sidebar-close:active,.mobile-sidebar-close:focus,.mobile-sidebar-close:focus-visible{background:#fff!important;border:0!important;outline:0!important;box-shadow:none!important;transform:none!important}
}