/* Scoped to the requested access button and new surplus section. */
body[data-role="admin"] .shop-access-button,
body[data-role="admin"] .shop-access-button :is(span,svg),
body[data-role="admin"] .shop-access-button:hover :is(span,svg) {color:#fff!important}
body[data-role="admin"] .shop-access-button svg {stroke:currentColor}
.surplus-section {margin:22px 0;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface,#fff);min-width:0}
.surplus-section h2 {display:flex;align-items:center;gap:10px}
.surplus-section h2 svg {width:24px;height:24px;stroke:currentColor;fill:none}
.surplus-section p {color:var(--muted)}
.surplus-filters,.surplus-actions {display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.surplus-filters button {white-space:normal}
/* Une ligne par surplus ; listes-11336.js mesure toujours les dix premières lignes. */
.surplus-section {--surplus-columns:minmax(0,1.8fr) minmax(0,.65fr) 54px minmax(0,1.4fr) 116px 62px}
.surplus-table-viewport {max-width:100%;min-width:0}
.surplus-mobile-hint {display:none}
.surplus-table-head,.surplus-row {display:grid;grid-template-columns:var(--surplus-columns);gap:10px;align-items:center;padding:8px 10px;min-width:0;text-align:start}
.surplus-table-head {background:var(--soft);border:1px solid var(--border);border-radius:8px 8px 0 0;font-size:12px;font-weight:700;padding-inline-end:24px}
.surplus-table-head > span {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.surplus-list {display:block;overflow-y:auto;scrollbar-gutter:stable;border:1px solid var(--border);border-top:0;border-radius:0 0 8px 8px}
.surplus-row {min-height:48px;border-bottom:1px solid var(--border);font-size:13px}
.surplus-row:last-child {border-bottom:0}
.surplus-row:hover {background:var(--soft)}
.surplus-cell {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.surplus-product {font-weight:600}
.surplus-row-quantity {color:var(--primary);white-space:nowrap}
.surplus-row .surplus-status {justify-self:start;font-size:12px;padding:5px 8px;white-space:nowrap}
.surplus-row .surplus-view {min-height:32px;padding:5px 10px;white-space:nowrap;margin:0;width:100%;font-size:12px}
.surplus-empty {padding:12px;margin:0}
.surplus-details-dialog {width:min(700px,calc(100vw - 28px));max-height:88vh;overflow:auto;padding:24px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:16px}
.surplus-details-dialog::backdrop {background:#00142688}
.surplus-details-dialog .section-title {flex-direction:row;align-items:center}
.surplus-details-dialog h2 {margin:0;font-size:22px}
.surplus-details-dialog h3 {overflow-wrap:anywhere}
.surplus-details-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.surplus-details-fields dt {font-size:12px;color:var(--muted);margin-bottom:5px}
.surplus-details-fields dd {margin:0;font-weight:600;overflow-wrap:anywhere}
.surplus-detail-history {border-top:1px solid var(--border);padding-top:10px}
.surplus-detail-history h3 {font-size:15px;margin:0 0 10px}
.surplus-detail-history ul {list-style:none;margin:0;padding:0;display:grid;gap:8px}
.surplus-detail-history li {display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:13px}
.surplus-detail-history time {color:var(--muted)}
.surplus-status {display:inline-block;border-radius:20px;padding:6px 10px;font-weight:700}
.surplus-status.pending {background:#fff0d4;color:#805500}
.surplus-status.resolved {background:#dcf5e9;color:#15543a}
.surplus-actions button {white-space:normal;max-width:100%}
@media(max-width:700px){
  .surplus-section {padding:12px;--surplus-columns:minmax(0,1.8fr) 64px 54px minmax(0,1.4fr) 116px 62px}
  .surplus-table-viewport {overflow-x:auto;overscroll-behavior-x:contain;border-radius:8px}
  .surplus-table-frame {min-width:680px}
  .surplus-mobile-hint {display:block;font-size:12px;margin:0 0 10px}
  .surplus-details-dialog {padding:16px}
  .surplus-details-dialog h2 {font-size:18px}
  .surplus-details-fields {gap:14px}
}
@media(max-width:480px){.surplus-details-fields{grid-template-columns:minmax(0,1fr)}}