/* Shared visual contract for table workflows. Layout widths remain task-specific. */
:root {
  --dialog-surface: #171510;
  --dialog-field: #0e0d0a;
  --dialog-raised: #242018;
  --dialog-border: #4b4231;
  --dialog-text: #f2eee5;
  --dialog-muted: #c0b8a9;
  --dialog-accent: #e2bc68;
}
body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog) {
  background:var(--dialog-surface);color:var(--dialog-text);
  border:1px solid var(--dialog-border);border-radius:16px;
  padding:24px;max-height:88dvh;box-sizing:border-box;
  font:400 14px/1.5 Outfit,Arial,sans-serif;
  box-shadow:0 24px 80px #0009;scrollbar-color:var(--dialog-border) transparent;
}
body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog)::backdrop {background:#000b}
body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog) h2 {
  font:600 24px/1.2 Archivo,Arial,sans-serif;letter-spacing:-.4px;margin:0;
}
body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog) :is(header,.sc-dialog-head) {gap:16px;margin-bottom:20px}
body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog) button {
  min-height:44px;padding:10px 14px;border:1px solid var(--dialog-border);border-radius:8px;
  background:var(--dialog-raised);color:var(--dialog-text);font:500 14px/1.4 Outfit,Arial,sans-serif;
}
body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog) button:hover:not(:disabled) {border-color:var(--dialog-accent)}
body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog) :is(button,input,select,textarea,summary):focus-visible {outline:2px solid var(--dialog-accent);outline-offset:3px}
body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog) button[type=submit] {background:var(--dialog-accent);color:var(--dialog-field);border-color:var(--dialog-accent);font-weight:600}
body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog) :is(.sc-close,.table-actions-close) {background:transparent;flex-shrink:0}
body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) {
  background:var(--dialog-field);color:var(--dialog-text);border:1px solid var(--dialog-border);
  border-radius:8px;padding:10px 12px;min-height:44px;font:400 14px/1.5 Outfit,Arial,sans-serif;
}
body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog) :is(.sc-help,.sc-description,.table-actions-context,.sc-catalog-intro,label) {color:var(--dialog-muted);font-size:14px;line-height:1.6}
body .table-actions-dialog section {border-color:var(--dialog-border)}
body .table-actions-dialog h3 {color:var(--dialog-accent)}
body .table-actions-dialog summary {color:var(--dialog-text)}
body .table-review-dialog .review-metrics div {background:var(--dialog-raised);color:var(--dialog-muted);border-radius:8px}
@media(max-width:560px){
 body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog){padding:18px;max-height:90dvh}
 body dialog:is(.table-actions-dialog,.strategy-create-dialog,.table-review-dialog) h2{font-size:22px}
}

/* Task routes explain the choice; advanced preparation stays available on demand. */
body .table-actions-prepare {display:grid;gap:12px;width:100%}
body .table-action-route {display:grid;grid-template-columns:minmax(175px, .9fr) 1.1fr;gap:16px;align-items:center}
body .table-action-route button {text-align:left;width:100%}
body .table-action-route p {margin:0;color:var(--dialog-muted);font-size:13px;line-height:1.5}
/* Readable choices and forms across the existing table workflows. */
body dialog:is(.table-actions-dialog,.strategy-create-dialog) {font-size:17px;line-height:1.55}
body dialog:is(.table-actions-dialog,.strategy-create-dialog) button {font-size:17px;min-height:48px;line-height:1.35}
body dialog:is(.table-actions-dialog,.strategy-create-dialog) h2 {font-size:28px;line-height:1.2}
body dialog:is(.table-actions-dialog,.strategy-create-dialog) :is(.sc-help,.sc-description,.table-actions-context,.sc-catalog-intro,label) {font-size:16px;line-height:1.55}
body dialog:is(.table-actions-dialog,.strategy-create-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) {font-size:17px;min-height:46px}
body .table-actions-dialog .table-action-route p {font-size:16px;line-height:1.55}
body .table-actions-dialog :is(summary,h3) {font-size:17px}
body .table-actions-dialog .table-action-route {grid-template-columns:minmax(260px,1fr) 1.1fr}
@media(max-width:600px){body .table-actions-dialog .table-action-route {grid-template-columns:1fr}body dialog:is(.table-actions-dialog,.strategy-create-dialog) h2 {font-size:25px}}
body .table-actions-advanced {margin:16px 0 0}
body .table-actions-advanced summary {font-size:13px;min-height:44px;display:list-item;align-content:center}
body .table-actions-advanced-items {display:flex;flex-wrap:wrap;gap:10px;padding:6px 0}
@media(max-width:560px){body .table-action-route {grid-template-columns:1fr;gap:5px}body .table-action-route p {padding:0 2px 4px}}

body .table-actions-account {margin-top:20px;padding-top:16px;border-top:1px solid var(--dialog-border)}
body .table-actions-account p {color:var(--dialog-muted);font-size:13px;line-height:1.6;margin:0 0 8px}
body .table-actions-account a {display:inline-flex;align-items:center;min-height:44px;color:var(--dialog-accent);text-underline-offset:4px;font-size:14px}
body .table-actions-account a:focus-visible {outline:2px solid var(--dialog-accent);outline-offset:3px}