/* Review panel of the order import (order-review.js). Colours come from the tokens of the skin (--psk-*, light and dark) with the page tokens as fallback; no fixed widths. */
/* The hidden attribute wins over every display rule below. */
#order-review-panel [hidden],#order-review-panel form.order-review-decision[hidden],#order-review-panel form.order-review-decision>[hidden]{display:none!important}
.order-review{margin:14px 0 18px;padding:14px;border:1px solid var(--psk-border,var(--ui-border,#d8e0e7));border-radius:10px;background:var(--psk-surface,var(--ui-surface,#fff));color:var(--psk-fg,var(--ui-text,#1f2b38))}
.order-review h3{margin:0 0 10px;font-size:1.05rem}
.order-review h4{margin:14px 0 6px;font-size:.95rem}
.order-review-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.order-review-tabs button{flex:1 1 180px;min-height:44px;padding:8px 12px;border:1px solid var(--psk-border,var(--ui-border,#d8e0e7));border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
/* The surrounding card darkens every button under the pointer (.gambio-card button:hover) and expects light text; the tabs
   keep the text colour of the page, so they get their own, light, pointer state. Measured: 2.3 : 1 before. */
.order-review .order-review-tabs button:is(:hover,:focus-visible,:active){background:var(--psk-surface-2,var(--ui-canvas,#f4f6f8));color:var(--psk-fg,var(--ui-text,#1f2b38))}
.order-review-tabs button[aria-selected="true"]{border-color:var(--psk-accent,var(--ui-primary,#315f82));box-shadow:inset 0 0 0 1px var(--psk-accent,var(--ui-primary,#315f82));font-weight:600}
.order-review-tabs button span:not(:empty){display:inline-block;min-width:1.6em;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--psk-surface-2,var(--ui-canvas,#f4f6f8));color:var(--psk-fg,var(--ui-text,#1f2b38));border:1px solid var(--psk-border,var(--ui-border,#d8e0e7));font-size:.85em;text-align:center}
.order-review-status{min-height:1.4em;margin:0 0 8px;font-size:.92rem}
.order-review-status.bad{color:var(--psk-danger-fg,#b42318);font-weight:600}
.order-review-lead{margin:0 0 10px;max-width:75ch}
.order-review-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}
.order-review-tools button,.order-review-pager button,.order-review-actions button{min-height:40px;padding:6px 12px}
.order-review-filter{display:flex;align-items:center;gap:6px}
.order-review-scroll{overflow-x:auto;max-width:100%}
/* The page gives every table a minimum width; this one follows its container and wraps its text. */
.order-review-table{width:100%;min-width:0!important;border-collapse:collapse;font-size:.92rem}
.order-review-table td,.order-review-table td *{white-space:normal;overflow-wrap:anywhere}
.order-review-table th,.order-review-table td{padding:8px 10px;border-bottom:1px solid var(--psk-border,var(--ui-border,#d8e0e7));text-align:left;vertical-align:top}
.order-review-table td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap}
.order-review-table small{color:var(--psk-fg-muted,var(--ui-muted,#697887))}
.order-review-actions{display:flex;flex-direction:column;gap:6px;min-width:190px}
.order-review-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.order-review-empty{margin:10px 0;color:var(--psk-fg-muted,var(--ui-muted,#697887))}
/* One column, whatever the form rules of the surrounding panel say. */
#order-review-panel form.order-review-decision:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start;justify-items:stretch}
#order-review-panel form.order-review-decision>*{grid-column:1!important;min-width:0;margin:0}
.order-review-decision{gap:10px;margin-top:12px;padding:12px;border:1px solid var(--psk-border,var(--ui-border,#d8e0e7));border-radius:8px;max-width:75ch}
.order-review-decision label{display:grid;gap:4px}
.order-review-decision textarea,.order-review-decision input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:40px;padding:8px;font:inherit}
.order-review-decision .order-review-check{display:flex;align-items:flex-start;gap:8px}
/* The surrounding card gives every label a fixed dark grey (.gambio-card label) that cannot be read on the dark surface
   (measured 2.3 : 1). The labels of this panel take the muted text colour of the skin; without the skin they stay as they were. */
#order-review-panel label{color:var(--psk-fg-muted,#4b5968)}
.order-review-zone-state.good strong{color:var(--psk-success-fg,var(--ui-success,#25724b))}
.order-review-zone-state.bad strong{color:var(--psk-danger-fg,#b42318)}
.order-review-steps,.order-review-samples,.order-review-history{margin:6px 0 10px;padding-left:20px;max-width:75ch}
.order-review-samples code{font-variant-numeric:tabular-nums}
.order-review.is-busy{opacity:.75;pointer-events:none}
@media (max-width:640px){
 .order-review{padding:10px}
 .order-review-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .order-review-table,.order-review-table tbody,.order-review-table tr,.order-review-table td{display:block;width:100%;box-sizing:border-box}
 .order-review-table tr{padding:8px 0;border-bottom:1px solid var(--psk-border,var(--ui-border,#d8e0e7))}
 .order-review-table td{padding:3px 0;border:0}
 .order-review-table td:nth-child(2){white-space:normal;font-weight:600}
 .order-review-scroll{overflow-x:visible}
 /* One decision below the other, as wide as the row and apart from each other: two neighbours can mean opposite things for
    the stock. (The cell is a block here like every other one; without this rule its buttons stand as words in a line.) */
 .order-review-table td.order-review-actions{display:flex;gap:8px;min-width:0;padding-top:6px}
 .order-review-tools button,.order-review-actions button,.order-review-pager button{flex:1 1 100%;min-height:44px}
}