/* 1.13.31. Admin finish is explicitly scoped; validated boutique pages stay intact. */
#app > header { display:flex; flex-wrap:wrap; align-items:center; gap:18px; height:auto; min-height:88px; overflow:visible; }
#app > header > .header-account-actions { position:static !important; inset:auto !important; transform:none !important; float:none; display:flex; align-items:center; flex-wrap:wrap; gap:10px; width:auto; max-width:100%; height:auto; margin-left:auto; padding:0; box-shadow:none; background:none; border:0; }
#app > header .header-search { flex:1 1 300px; min-width:180px; }
#app > header #who { white-space:normal; overflow-wrap:anywhere; max-width:260px; }
#app > header .header-notifications { position:relative; overflow:visible; }
#notificationPopup.hidden, .header-search-results.hidden { display:none !important; }
#notificationPopup:empty { display:none !important; }
.shop-access-button, .shop-supervision summary { background:#006edb !important; color:#fff !important; border:1px solid #0055af; border-radius:8px; padding:12px 18px; font-weight:700; }
.shop-access-button:hover, .shop-supervision summary:hover { background:#0055af !important; }
.admin-settings-layout { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.admin-setting-section:first-child { grid-column:1/-1; }
.admin-setting-section>h2 { display:flex; align-items:center; gap:10px; }
.admin-setting-section .settings-card, .admin-setting-section>.panel { border:0; box-shadow:none; padding:12px 0; }
.admin-setting-section .account-self-form { width:100%; }
.admin-setting-section .account-self-form .panel { margin:0; }
.admin-setting-section input, .admin-setting-section select { max-width:100%; }
.admin-setting-section details { margin-top:14px; }
.settings-brand { max-width:240px; height:auto; }
.trend-chart .trend-loss { background:linear-gradient(0deg,#06a6cf,#008df5); }
.trend-chart .trend-break-even { background:linear-gradient(0deg,#0bc7b3,#75e6bd); }
.trend-chart .trend-profit { background:linear-gradient(0deg,#f9ca20,#ffe66b); }
.profit-legend .trend-loss::before { background:#ef5269; }
.profit-legend .trend-break-even::before { background:#0ac4a0; }
.profit-legend .trend-profit::before { background:#f9cd23; }
@media(max-width:850px){.admin-settings-layout{grid-template-columns:1fr;}}
#notificationPopup { top:96px; bottom:auto; right:20px; width:min(360px,calc(100vw - 40px)); max-height:calc(100dvh - 120px); }
body:not([data-role="admin"]) #content[data-page="account"] .account-self-form { width:100%; max-width:none; display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
body:not([data-role="admin"]) #content[data-page="account"] .account-self-form > section { width:100%; box-sizing:border-box; grid-template-columns:repeat(2,minmax(0,1fr)); padding:28px; gap:20px 28px; }
body:not([data-role="admin"]) #content[data-page="account"] .account-self-form label { min-width:0; width:100%; }
body:not([data-role="admin"]) #content[data-page="account"] .account-self-form :is(input,textarea,select) { width:100%; box-sizing:border-box; min-height:44px; }
body:not([data-role="admin"]) #content[data-page="account"] .account-self-form label:has(textarea) { grid-column:1/-1; }

body[data-role="admin"] { --ui-blue:#0879dc; --ui-cyan:#008c9c; --ui-green:#128051; --ui-orange:#b56609; --ui-red:#c33f55; --ui-purple:#7b52bd; }
body[data-role="admin"] .workspace { min-width:0; }
body[data-role="admin"] #content { gap:20px; }
body[data-role="admin"] #content > .panel, body[data-role="admin"] .settings-card, body[data-role="admin"] .overview-card { border:1px solid var(--border); border-radius:15px; box-shadow:0 5px 20px #216f9e08; }
body[data-role="admin"] .panel { padding:22px; }
body[data-role="admin"] :is(h2,h3) { letter-spacing:-.3px; }
body[data-role="admin"] .section-title { align-items:center; gap:18px; margin-bottom:18px; flex-wrap:wrap; }
body[data-role="admin"] .section-title h2, body[data-role="admin"] .settings-card h2 { display:flex; gap:12px; align-items:center; }
body[data-role="admin"] :is(h2,h3) > svg { flex:0 0 28px; width:28px; height:28px; color:var(--ui-blue); }
body[data-role="admin"] :is(button,a.button) > svg { width:19px; height:19px; flex-shrink:0; vertical-align:middle; }
body[data-role="admin"] :is(svg.icon,.stat-icon svg) { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
body[data-role="admin"] .overview-card { position:relative; display:grid; grid-template-columns:minmax(0,1fr); min-height:112px; padding:20px 18px 20px 80px; overflow:visible; background:linear-gradient(120deg,var(--surface),var(--primary-soft)); }
body[data-role="admin"] .overview-card > :is(b,span:not(.stat-icon)) { grid-column:1; }
body[data-role="admin"] .overview-card > .stat-icon { display:grid; position:absolute; left:16px; top:22px; width:48px; height:48px; border-radius:14px; }
body[data-role="admin"] .overview-card > span:not(.stat-icon) { font-size:13px; line-height:1.4; }
body[data-role="admin"] .overview-card > b { font-size:24px; line-height:1.35; overflow-wrap:anywhere; }
body[data-role="admin"] .overview-strip { gap:16px; }
body[data-role="admin"] :is(.admin-five-kpis,.products-overview) { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
body[data-role="admin"] .products-overview { grid-template-columns:repeat(4,minmax(0,1fr)); }
body[data-role="admin"] .stat-icon { background:#e6f3ff; color:var(--ui-blue); }
body[data-role="admin"] :is(.metric-good,.metric-confirmed,.metric-received,.metric-dashboard) { background:#dff8ed; color:var(--ui-green); }
body[data-role="admin"] :is(.metric-watch,.metric-pending,.metric-low) { background:#fff0d5; color:var(--ui-orange); }
body[data-role="admin"] :is(.metric-out,.metric-defective,.metric-refused) { background:#ffe6ed; color:var(--ui-red); }
body[data-role="admin"] :is(.metric-receiving,.metric-revenue) { background:#ddf8fa; color:var(--ui-cyan); }
body[data-role="admin"] :is(.metric-replenishment,.metric-claims,.metric-missing) { background:#efe7ff; color:var(--ui-purple); }
body[data-role="admin"] :is(.summary-good,.summary-confirmed,.summary-received) { background:linear-gradient(115deg,var(--surface),#e5f8ee); }
body[data-role="admin"] :is(.summary-watch,.summary-low,.summary-pending) { background:linear-gradient(115deg,var(--surface),#fff3dc); }
body[data-role="admin"] :is(.summary-out,.summary-refused) { background:linear-gradient(115deg,var(--surface),#ffe9ee); }
body[data-role="admin"] :is(.summary-receiving,.summary-revenue) { background:linear-gradient(115deg,var(--surface),#e0f7f8); }
body[data-role="admin"] :is(.summary-replenishment,.summary-claims) { background:linear-gradient(115deg,var(--surface),#efe9ff); }
body[data-role="admin"] nav :is([data-tab="receiving"],[data-tab="invoices"]) svg { color:var(--ui-cyan); }
body[data-role="admin"] nav :is([data-tab="replenishment"],[data-tab="claims"]) svg { color:var(--ui-purple); }
body[data-role="admin"] nav [data-tab="own-stock"] svg { color:var(--ui-green); }
body[data-role="admin"] nav [data-tab="orders"] svg { color:var(--ui-blue); }
body[data-role="admin"] nav [data-tab="clients"] svg { color:var(--ui-orange); }
body[data-role="admin"] :is(.report-table,table) th { background:var(--primary-soft); color:var(--text); font-size:12px; font-weight:650; padding:14px 12px; }
body[data-role="admin"] :is(.report-table,table) td { padding:14px 12px; border-bottom:1px solid var(--border); vertical-align:middle; }
body[data-role="admin"] :is(.report-table,table) tbody tr:nth-child(even) { background:color-mix(in srgb,var(--primary-soft) 35%,var(--surface)); }
body[data-role="admin"] table td small { display:block; color:var(--muted); font-size:11px; line-height:1.5; margin-top:4px; }
body[data-role="admin"] .record-detail { background:var(--primary-soft); padding:24px; border-radius:15px; border:1px solid var(--border); }
body[data-role="admin"] .admin-filter-bar { display:flex; gap:16px; align-items:end; flex-wrap:wrap; margin:18px 0; padding:16px; background:var(--primary-soft); border-radius:12px; }
body[data-role="admin"] .admin-filter-bar label { flex:1 1 160px; min-width:0; }
body[data-role="admin"] .admin-filter-bar label:first-child { flex:2 1 240px; }
body[data-role="admin"] .admin-filter-bar :is(input,select) { min-height:42px; width:100%; }
body[data-role="admin"] .admin-status-tabs { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0 20px; }
body[data-role="admin"] .admin-status-tabs button { display:flex; align-items:center; gap:8px; padding:10px 14px; text-transform:none; }
body[data-role="admin"] .admin-status-tabs small { padding:2px 7px; border-radius:20px; background:#ffffff44; }
body[data-role="admin"] .admin-status { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; font-size:12px; padding:6px 9px; border-radius:7px; font-weight:600; }
body[data-role="admin"] .admin-status svg { width:17px; height:17px; }
body[data-role="admin"] .tone-green { color:#146c48; background:#dff7eb; }
body[data-role="admin"] .tone-orange { color:#885208; background:#fff0ce; }
body[data-role="admin"] .tone-red { color:#a92f42; background:#ffe6ed; }
body[data-role="admin"] .tone-purple { color:#6845a5; background:#eee4ff; }
body[data-role="admin"] .admin-reception-lower { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,1fr); gap:20px; margin:20px 0; }
body[data-role="admin"] .admin-advice { background:linear-gradient(135deg,var(--surface),var(--accent-soft)); }
body[data-role="admin"] .admin-history-item { display:flex; align-items:flex-start; flex-wrap:wrap; gap:8px 16px; border-bottom:1px solid var(--border); padding:14px 0; }
body[data-role="admin"] .admin-history-item > b { margin-left:auto; }
body[data-role="admin"] .admin-history-item > small { color:var(--muted); }
body[data-role="admin"] .reception-line-details { min-width:250px; max-width:450px; white-space:normal; }
body[data-role="admin"] .admin-analysis-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:20px; }
body[data-role="admin"] .admin-analysis-cards dl { display:grid; grid-template-columns:1fr auto; gap:14px; }
body[data-role="admin"] .admin-analysis-cards dd { font-weight:700; margin:0; color:var(--primary); }
body[data-role="admin"] .learning-notice { background:var(--accent-soft); border-left:4px solid var(--accent); padding:20px; margin-bottom:20px; border-radius:12px; }
body[data-role="admin"] .admin-restock-table { min-width:1050px; }
body[data-role="admin"] .admin-settings-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
body[data-role="admin"] .settings-card { min-width:0; padding:24px; display:flex; flex-direction:column; align-items:stretch; gap:14px; }
body[data-role="admin"] .settings-card :is(h2,p) { margin:0; }
body[data-role="admin"] .settings-card > button { margin-top:auto; align-self:flex-start; }
body[data-role="admin"] .settings-card h2 > svg { width:42px; height:42px; flex-basis:42px; padding:9px; box-sizing:border-box; border-radius:12px; background:var(--primary-soft); }
body[data-role="admin"] .settings-card .icon-shield { color:var(--ui-green); }
body[data-role="admin"] .settings-card .icon-bell { color:var(--ui-orange); }
body[data-role="admin"] .settings-card .icon-barcode { color:var(--ui-purple); }
body[data-role="admin"] .claim-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
body[data-role="admin"] .claim-categories .overview-card { text-align:left; min-height:100px; }
body[data-role="admin"] .claim-categories .overview-card.selected { outline:2px solid var(--primary); }
body[data-role="admin"] .claim-detail-grid { gap:20px; }
body[data-role="admin"] .admin-claims-panel { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr); gap:20px; align-items:start; }
body[data-role="admin"] .admin-claims-panel > :is(.section-title,.table-search-label) { grid-column:1/-1; }
body[data-role="admin"] .admin-claims-panel > .report-table-wrap { min-width:0; }
body[data-role="admin"] .admin-claims-panel .claim-detail-grid { grid-template-columns:1fr; }
body[data-role="admin"] .claim-photo-preview img { width:110px; height:110px; object-fit:contain; }
body[data-role="admin"] .products-workspace .featured-product { background:linear-gradient(170deg,var(--surface),var(--primary-soft)); padding:18px; border:1px solid var(--border); border-radius:14px; }
body[data-role="admin"] .products-workspace .featured-product:hover { border-color:var(--primary); box-shadow:0 7px 20px #0879dc12; }
body[data-role="admin"] .products-workspace .featured-product img { object-fit:contain; aspect-ratio:1; max-height:170px; }
body[data-role="admin"] .product-category-tabs button { padding:10px 15px; border-radius:8px; }
body[data-role="admin"] .product-category-tabs .icon-batteries { color:var(--ui-green); }
body[data-role="admin"] .product-category-tabs .icon-chargers { color:var(--ui-orange); }
body[data-role="admin"] .product-category-tabs .icon-glass { color:var(--ui-purple); }
body[data-role="admin"] .product-category-tabs .icon-accessories { color:var(--ui-cyan); }
body[data-role="admin"] .product-category-tabs button.active svg { color:inherit; }
.category-actions { display:flex; gap:8px; flex-wrap:wrap; margin:10px 0 16px; }
.category-manager { color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:18px; padding:24px; width:min(940px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow:auto; box-sizing:border-box; }
.category-manager:not([open]) { display:none; }
.category-manager::backdrop { background:#06223b88; }
.category-manager form { max-width:none; width:100%; }
.category-list { display:grid; gap:8px; margin:20px 0; }
.category-list > div { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:12px; border:1px solid var(--border); border-radius:10px; }
.category-list svg { width:24px; height:24px; color:var(--primary); }
.category-list small { margin-right:auto; color:var(--muted); }
.category-assignment-list { max-height:300px; overflow:auto; border:1px solid var(--border); border-radius:10px; padding:12px; }
.category-assignment-list label { display:flex; align-items:center; gap:12px; padding:9px; }
.category-assignment-list input[type="checkbox"] { width:18px; height:18px; flex:0 0 18px; }
.category-assignment-list small { display:block; color:var(--muted); margin-top:3px; }
[data-theme="night"] body[data-role="admin"] { --ui-blue:#65c9ff; --ui-cyan:#5cdbdf; --ui-green:#72e0ac; --ui-orange:#ffd075; --ui-red:#ff9daf; --ui-purple:#c5a5ff; }
[data-theme="night"] body[data-role="admin"] .overview-card { background:linear-gradient(120deg,var(--surface),#0d354d); }
[data-theme="night"] body[data-role="admin"] .stat-icon { background:#163c58; }
[data-theme="night"] body[data-role="admin"] .admin-status { background:#173a50; color:var(--text); }
[data-theme="night"] body[data-role="admin"] .tone-orange { color:#ffd075; }
[data-theme="night"] body[data-role="admin"] .tone-green { color:#72e0ac; }
[data-theme="night"] body[data-role="admin"] .tone-red { color:#ff9daf; }
[data-theme="night"] body[data-role="admin"] .tone-purple { color:#c5a5ff; }
@media(min-width:1700px) { body[data-role="admin"] .claim-categories { grid-template-columns:repeat(7,minmax(0,1fr)); } }
@media(max-width:1450px) { body[data-role="admin"] .admin-five-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } body[data-role="admin"] .admin-settings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:1100px) { body[data-role="admin"] .admin-reception-lower,body[data-role="admin"] .admin-analysis-cards,body[data-role="admin"] .admin-claims-panel { grid-template-columns:1fr; } body[data-role="admin"] .claim-categories { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { body[data-role="admin"] :is(.admin-five-kpis,.products-overview,.admin-settings-grid) { grid-template-columns:1fr; } body:not([data-role="admin"]) #content[data-page="account"] .account-self-form > section { grid-template-columns:1fr; padding:18px; } #app > header { gap:10px; } #app > header .header-account-actions { justify-content:flex-start; } .category-manager { padding:16px; } }