/* 1.13.34 : sélecteurs limités aux quatre interfaces Boutique demandées. */
body:not([data-role="admin"]) #analyticsDialog {width:min(1600px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:90dvh;overflow:auto}
body:not([data-role="admin"]) #analyticsDialog .analytics-shell {padding:24px}
body:not([data-role="admin"]) #analyticsDialog .analytics-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:18px;align-items:start}
body:not([data-role="admin"]) #analyticsDialog .analytics-card {min-width:0}
body:not([data-role="admin"]) #analyticsDialog table {width:100%;table-layout:fixed;min-width:0}
body:not([data-role="admin"]) #analyticsDialog th,body:not([data-role="admin"]) #analyticsDialog td {padding:13px 10px;font-size:13px;vertical-align:top;overflow-wrap:anywhere;white-space:normal;text-align:start}
body:not([data-role="admin"]) #analyticsDialog th:first-child {width:44px}
body:not([data-role="admin"]) #analyticsDialog th:nth-child(2) {width:43%}
body:not([data-role="admin"]) #analyticsDialog th:nth-child(3) {width:14%}
body:not([data-role="admin"]) #analyticsDialog th:last-child {width:35%}
body:not([data-role="admin"]) #analyticsDialog :is(td,th):nth-child(n+3) {text-align:end;font-variant-numeric:tabular-nums}
body:not([data-role="admin"]) #analyticsDialog .reference-link {max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:start}

body:not([data-role="admin"]) #content[data-page="shop-products"] .products-workspace {min-width:0;container:shop-products / inline-size}
body:not([data-role="admin"]) #content[data-page="shop-products"] :is(.selected-product-detail,.compact-model-list,.compact-variant-list,.compact-variant,.compact-variant-actions,.product-filter-row>*,.featured-product) {min-width:0;max-width:100%;overflow-wrap:anywhere}
body:not([data-role="admin"]) #content[data-page="shop-products"] .product-type-cards {grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}
body:not([data-role="admin"]) #content[data-page="shop-products"] .product-filter-row {grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
body:not([data-role="admin"]) #content[data-page="shop-products"] .stock-retail-row {grid-template-columns:minmax(140px,1fr) minmax(130px,170px) minmax(120px,155px) minmax(160px,auto)}
body:not([data-role="admin"]) #content[data-page="shop-products"] .compact-variant-actions {flex-wrap:wrap;gap:10px}
body:not([data-role="admin"]) #content[data-page="shop-products"] :is(.actions,.page-toolbar) {flex-wrap:wrap;gap:12px}
body:not([data-role="admin"]) #content[data-page="shop-products"] :is(input,select,button) {max-width:100%;min-width:0}
body:not([data-role="admin"]) #content[data-page="shop-products"] .compact-model>summary {display:flex;flex-wrap:wrap}
body:not([data-role="admin"]) #content[data-page="shop-products"] .compact-model>summary>b {flex:1 1 160px;min-width:0;overflow-wrap:anywhere}
@container shop-products (max-width:950px) {
  body:not([data-role="admin"]) #content[data-page="shop-products"] .compact-variant {grid-template-columns:minmax(0,1fr) minmax(150px,1fr)}
  body:not([data-role="admin"]) #content[data-page="shop-products"] .compact-variant-actions {justify-content:flex-start}
}
@container shop-products (max-width:550px) {
  body:not([data-role="admin"]) #content[data-page="shop-products"] .compact-variant {grid-template-columns:minmax(0,1fr);gap:16px}
  body:not([data-role="admin"]) #content[data-page="shop-products"] .compact-product-group>summary {grid-template-columns:72px minmax(0,1fr);gap:12px}
  body:not([data-role="admin"]) #content[data-page="shop-products"] .compact-group-cta {grid-column:1/-1;justify-items:start}
  body:not([data-role="admin"]) #content[data-page="shop-products"] .compact-product-group>summary .product-gallery-trigger {width:72px;min-width:0}
  body:not([data-role="admin"]) #content[data-page="shop-products"] .barcode-with-addition {justify-self:start}
}

body:not([data-role="admin"]) #content[data-page="claims"] .claim-categories {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px}
body:not([data-role="admin"]) #content[data-page="claims"] [data-tone] {--claim-tone:#246799;--claim-soft:#edf5fd}
body:not([data-role="admin"]) #content[data-page="claims"] [data-tone="green"] {--claim-tone:#18704d;--claim-soft:#eaf7f0}
body:not([data-role="admin"]) #content[data-page="claims"] [data-tone="teal"] {--claim-tone:#15737a;--claim-soft:#e9f7f8}
body:not([data-role="admin"]) #content[data-page="claims"] [data-tone="amber"] {--claim-tone:#805713;--claim-soft:#fcf5e6}
body:not([data-role="admin"]) #content[data-page="claims"] [data-tone="purple"] {--claim-tone:#6b4d98;--claim-soft:#f3eefb}
body:not([data-role="admin"]) #content[data-page="claims"] [data-tone="rose"] {--claim-tone:#9b3e57;--claim-soft:#faedf1}
body:not([data-role="admin"]) #content[data-page="claims"] .claim-categories .overview-card {background:linear-gradient(120deg,var(--surface),var(--claim-soft));color:var(--text);border:1px solid var(--border);padding:18px;min-height:120px;text-align:start;gap:9px}
body:not([data-role="admin"]) #content[data-page="claims"] .claim-categories .overview-card.selected {outline:2px solid var(--claim-tone);outline-offset:2px}
body:not([data-role="admin"]) #content[data-page="claims"] .shop-claim-icon {display:grid;place-items:center;width:40px;height:40px;background:var(--claim-soft);color:var(--claim-tone);border-radius:12px}
body:not([data-role="admin"]) #content[data-page="claims"] :is(.shop-claim-icon,.shop-claim-status) svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}
body:not([data-role="admin"]) #content[data-page="claims"] .shop-claim-status {display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:8px;background:var(--claim-soft);color:var(--claim-tone);font-size:12px;font-weight:650}
body:not([data-role="admin"]) #content[data-page="claims"] :is(.shop-claim-history,.shop-claim-entry) {margin-top:22px;min-width:0}
[data-theme="night"] body:not([data-role="admin"]) #content[data-page="claims"] [data-tone] {--claim-soft:var(--soft);--claim-tone:var(--text)}

body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-panel {width:100%;max-width:none;min-width:0;padding:26px}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoice-periods {display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 24px}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoice-periods button {width:auto;margin:0;padding:11px 17px}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoice-dates {display:flex;align-items:end;flex-wrap:wrap;gap:18px;margin:0 0 24px}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoice-dates label {display:grid;gap:8px;flex:0 1 230px;min-width:0}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoice-dates button {width:auto;margin:0}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table {width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table col:nth-child(1) {width:18%}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table col:nth-child(2) {width:28%}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table col:nth-child(3) {width:20%}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table col:nth-child(4) {width:34%}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table :is(td,th) {padding:18px 16px;white-space:normal;overflow-wrap:anywhere;text-align:start}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table :is(td,th):nth-child(3) {font-variant-numeric:tabular-nums;text-align:end}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table .actions {display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}
body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table button {width:auto;max-width:100%;margin:0;padding:10px 14px;white-space:normal}
@media(max-width:650px) {
  body:not([data-role="admin"]) #analyticsDialog .analytics-shell {padding:14px}
  body:not([data-role="admin"]) #analyticsDialog :is(th,td) {padding:10px 7px;font-size:12px}
  body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-panel {padding:16px}
  body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table :is(tbody,tr,td) {display:block;width:100%}
  body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table tr {border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:10px}
  body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table td {border:0;padding:8px;text-align:start!important}
  body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table td[data-label]::before {content:attr(data-label);display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}
}

body:not([data-role="admin"]) #analyticsDialog :is(th,td):first-child {white-space:nowrap;overflow-wrap:normal}
@media(max-width:650px) {
  body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table {display:block;table-layout:auto}
  body:not([data-role="admin"]) #content[data-page="invoices"] .shop-invoices-table colgroup {display:none}
}
