/* Console design system: one page hierarchy, spacing scale and semantic palette.
   Loaded after the original brand sheet. Existing workflow selectors share these
   primitives while retaining their verified interaction and retention behavior. */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--text:#243447;--muted:#536176;--border:#cbd5df;--surface:#f7f9fb;--success:#17613a;--danger:#a21d18;--warning:#805600;--processing:#24476e}
[hidden]{display:none!important}
.content{padding:var(--space-8);color:var(--text)}
.content h2,.content h3{color:#162c48;line-height:1.3}
.content h2{font-size:22px}.content h3{font-size:18px}
.content p{line-height:1.55}
.content code,.content .mono{overflow-wrap:anywhere;white-space:normal}
.content .action-form>*{min-width:0}
.page-heading{margin:0 0 var(--space-6);align-items:flex-start;gap:var(--space-6)}
.page-heading>div{min-width:0}
.page-heading #page-title{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0}
.page-heading .eyebrow{margin:0 0 var(--space-2)}
#page-back{display:inline-block;margin-bottom:var(--space-3);font-size:13px;font-weight:700;text-decoration:none}
.tab>:first-child{margin-top:0}
.data-section,.control-panel,.panel-grid{margin-top:var(--space-6)}
.panel,.control-panel,.bank-notice,.console-panel{padding:var(--space-4);border:1px solid var(--border);min-height:0;background:#fff}
.control-panel{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:var(--space-6)}
.control-copy h3,.section-heading h3,.panel-heading h3{font-size:20px;margin:0}
.control-copy p{margin:var(--space-2) 0 0}.section-heading,.panel-heading{margin-bottom:var(--space-3);align-items:center}
.status-card{min-height:118px;padding:var(--space-4);gap:var(--space-2)}
.status-card strong{font-size:24px}.status-card small{font-size:12px;color:var(--muted)}
.status-grid{background:var(--surface);border-color:var(--border)}.status-card{border-color:var(--border)}
.content .bank-notice{margin-bottom:var(--space-4)}
.content .bank-notice h2{font-size:18px;margin:0 0 var(--space-2)}
.content .bank-notice p{margin:var(--space-2) 0 0}
.content .bank-notice p strong{display:inline;margin:0;color:inherit}
.content .summary-grid,.content .explanation{margin-top:var(--space-6)}
.content .actions,#emergency-view .actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.content .button,.content button{touch-action:manipulation}
.content .button{min-height:40px;padding:9px 14px;border-radius:3px;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1.4}
.content .button.small{min-height:36px;padding:7px 10px;font-size:12px}
.content .button:disabled{cursor:not-allowed}
.content :focus-visible{outline:3px solid #3f759b;outline-offset:3px}
.content label{color:var(--text);font-size:13px;font-weight:600}
.content label:has(>input:not([type=checkbox]),>textarea,>select){display:grid;gap:var(--space-2)}
.content label:has(>input:not([type=checkbox]),>textarea,>select)>span:first-child{font-size:13px;font-weight:600;line-height:1.5;letter-spacing:normal;text-transform:none;color:var(--text)}
.content input,.content textarea,.content select{max-width:100%;min-width:0;font:inherit;font-weight:400;line-height:1.5;border:1px solid #8b99aa;border-radius:3px;padding:10px;color:var(--text);background:#fff}
.content input[type=checkbox]{min-height:auto}
.content textarea{width:100%;resize:vertical}
.content summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--navy);padding:var(--space-3) 0;line-height:1.5}
.console-disclosure{border-top:1px solid var(--border);margin-top:var(--space-6)}
.console-disclosure>summary{list-style-position:inside}
.console-disclosure[open]>summary{margin-bottom:var(--space-2)}
.content .fine-print,.console-meta{font-size:12px;color:var(--muted);line-height:1.5}
.console-meta{margin:var(--space-2) 0 0}
.console-notice{border:1px solid var(--notice-border,#8b99aa);border-left-width:4px;background:var(--notice-fill,#f7f8fa);padding:var(--space-3) var(--space-4);color:var(--text);overflow-wrap:anywhere}
.console-notice h3,.console-notice>strong{color:var(--notice-ink,#364152)}
.console-notice h3{font-size:16px;margin:0}.console-notice p{margin:var(--space-2) 0 0;font-size:13px}
[data-tone=success]{--notice-ink:#17613a;--notice-border:#217346;--notice-fill:#f3faf5}
[data-tone=progress]{--notice-ink:#24476e;--notice-border:#31557c;--notice-fill:#f3f7fb}
[data-tone=error]{--notice-ink:#a21d18;--notice-border:#d92d20;--notice-fill:#fff8f7}
[data-tone=warning]{--notice-ink:#805600;--notice-border:#b78115;--notice-fill:#fffaf0}
.status-pill{font-size:12px;letter-spacing:0;text-transform:none;white-space:normal;line-height:1.4;padding:4px 8px;border-radius:3px;color:var(--notice-ink,#364152);border-color:var(--notice-border,#8b99aa);background:var(--notice-fill,#f7f8fa)}
.console-activity{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border);background:var(--surface);font-size:13px}
.console-activity[data-tone=warning],.console-activity[data-tone=error],.console-activity[data-tone=progress]{border-color:var(--notice-border);background:var(--notice-fill)}
.console-activity-line{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.console-activity p{margin:var(--space-2) 0 0}.console-activity progress{width:70px;height:6px;accent-color:var(--processing)}
.console-activity [data-live-summary]{font-weight:700}.console-activity [data-live-note]:empty{display:none}
.operation-summary{margin:0}.operation-summary .panel-heading{margin:0 0 var(--space-3)}
.operation-summary .panel-heading h3{font-size:15px;color:var(--muted)}
.operation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin:0}
.operation-fields>div{min-width:0}.operation-fields .wide{grid-column:1/-1}
.operation-fields dt{font-size:12px;color:var(--muted);margin:0 0 var(--space-1)}
.operation-fields dd{margin:0;font-weight:700;font-size:13px;overflow-wrap:anywhere}
.operation-identifier{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}
.operation-identifier code{font-size:12px;user-select:all;overflow-wrap:anywhere}
.operation-next-step{margin:var(--space-3) 0 0;font-size:13px}
.operation-attention td{background:#fff8f7}.operation-attention td:first-child{box-shadow:inset 3px 0 #d92d20}
.operation-attention .status-pill{font-weight:800}
.data-table{min-width:680px}.data-table th{font-size:10px}.data-table td{font-size:13px;padding:12px}
.table-wrap{border-color:var(--border)}.table-empty{padding:var(--space-4);border-color:var(--border);background:var(--surface);margin:0}
.operation-counts{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:13px;margin:0 0 var(--space-3);color:var(--muted)}
.operation-counts span+span{border-left:1px solid var(--border);padding-left:var(--space-3)}
.console-timeline{margin:0;padding-left:22px}.console-timeline>li{padding:0 0 var(--space-4) var(--space-2)}
.console-timeline p{margin:var(--space-1) 0 0;font-size:13px}.console-timeline summary{padding:var(--space-2) 0;font-size:12px}
.console-timeline pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:var(--surface);padding:var(--space-3);margin:0}
.operation-review{display:block;margin-top:var(--space-6)}.operation-review h3{margin:0 0 var(--space-2)}.operation-review p{font-size:13px}
.operation-review label{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}
.review-notice ul{margin:var(--space-2) 0 0;padding-left:20px}.review-notice li{margin-top:var(--space-2);font-size:13px}
.review-notice a{font-weight:700}.review-notice code{font-size:11px}
[data-review-host]:empty{display:none}
[data-operation-actions]:empty{display:none}
[data-operation-actions]{margin-top:var(--space-4)}
@media(max-width:1100px){.control-panel{grid-template-columns:1fr}}
@media(max-width:760px){.content{padding:var(--space-6) var(--space-4)}.page-heading{gap:var(--space-4);margin-bottom:var(--space-4)}.page-heading #page-title{font-size:28px}.control-panel{padding:var(--space-4)}.operation-fields{grid-template-columns:1fr}.content .actions{flex-direction:row}.content .actions>.button{flex:1 1 auto}.table-wrap{max-width:100%}.content .button{min-height:44px}.content .button.small{min-height:40px}.operation-identifier{align-items:flex-start}.panel-heading{flex-wrap:wrap}}
@media(max-width:760px){
 .section-heading{align-items:flex-start;gap:var(--space-1)}
 .operation-counts{gap:var(--space-2) var(--space-3)}.operation-counts span+span{border:0;padding-left:0}
 .console-record-table .data-table{min-width:0;display:block}
 .console-record-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .console-record-table tbody{display:block}
 .console-record-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);border-bottom:1px solid var(--border);padding:var(--space-3);gap:var(--space-3)}
 .console-record-table tr:last-child{border-bottom:0}
 .console-record-table td{display:block;border:0;padding:0;min-width:0;max-width:none}
 .console-record-table td::before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;margin-bottom:var(--space-1)}
 .console-record-table td:nth-child(1){grid-column:1/-1;grid-row:3}
 .console-record-table td:nth-child(2){grid-column:1/-1;grid-row:1}
 .console-record-table td:nth-child(3){grid-row:2}
 .console-record-table td:nth-child(4){grid-row:2}
 .console-record-table td:nth-child(5){grid-column:1/-1;grid-row:4}
 .console-record-table td:nth-child(5)::before{display:none}
 .console-record-table .operation-attention{background:#fff8f7;box-shadow:inset 3px 0 #d92d20}
 .console-record-table .operation-attention td:first-child{box-shadow:none}
}