/*
 * ONE BankOS v2.3 Department Workbenches.
 * READ-ONLY synthetic previews; no real bank transactions or customer records.
 */
.dept-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 11px}
.dept-search{position:relative;flex:1;min-width:130px}
.dept-search:before{content:"⌕";position:absolute;inset-inline-start:11px;top:4px;
 font-size:23px;color:#b8996a;pointer-events:none}
.dept-search-input{padding:10px 11px 10px 32px!important;margin:0!important;min-width:0;
 font-size:11px!important;height:40px;background:#f8fafc;border:1px solid #dce5ed!important}
html[dir=rtl] .dept-search-input{padding:10px 32px 10px 11px!important}
.dept-filter{width:auto;min-width:120px;max-width:190px;height:40px;font-size:11px!important;
 padding:8px 10px;margin:0!important;border-color:#dce5ed!important}
.dept-export{min-height:40px;white-space:nowrap;padding:8px 11px;
 border:1px solid #c6d6df;border-radius:9px;background:#eff5f8;color:#2b5263;
 font-size:11px;font-weight:800}
.dept-export:hover{background:#deedf1;border-color:#a0c0ce}
.dept-explain{padding:8px 11px;border-radius:8px;background:#fff9ed;border:1px solid #efe2c4;
 color:#816743;font-size:10px;line-height:1.6;margin:0 0 14px}
.ux-table thead th[role=button]{cursor:pointer;user-select:none;position:relative}
.ux-table thead th[role=button]:after{content:"↕";margin-inline-start:7px;font-size:12px;color:#ae8e5f}
.ux-table thead th[role=button]:hover{color:#23506b;background:#eaf2f8}
.ux-table tbody tr.dept-row{cursor:pointer;outline-offset:-2px}
.ux-table tbody tr.dept-row:hover,.ux-table tbody tr.dept-row.selected{background:#f0f7f8}
.ux-table tbody tr.dept-row:focus-visible{outline:2px solid #bf9961}
.ux-table .dept-row td:first-child{font-weight:750;overflow-wrap:anywhere;color:#23516b}
.dept-status{display:inline-block;border-radius:6px;font-size:10px;font-weight:750;
 padding:5px 8px;background:#eef2f7;color:#527082}
.dept-status.complete{background:#e5f6ee;color:#287258}
.dept-status.attention{background:#fff1dd;color:#92672d}
.dept-no-rows{text-align:center;padding:22px!important;color:#7b8c9e;font-size:12px}
.dept-table-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;
 border-top:1px solid #e7eef3;padding:12px 1px 1px;margin-top:4px}
.dept-record-count{font-size:10px;font-weight:750;color:#8998a6}
.dept-pagination{display:flex;align-items:center;gap:8px}
.dept-page-button{font-size:10px;font-weight:750;background:#f6f9fc;border:1px solid #dae5ec;
 border-radius:7px;min-height:31px;padding:5px 9px;color:#325670}
.dept-page-button:disabled{opacity:.45;cursor:not-allowed}
.dept-page-count{font-size:10px;color:#8295a7;min-width:38px;text-align:center}
.dept-record-inspector{margin-top:15px;padding:16px;border-radius:11px;border:1px solid #cfdfe8;
 background:linear-gradient(150deg,#f3f8fb,#fff);box-shadow:0 8px 18px #172e4808}
.dept-inspect-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dept-inspect-head .eyebrow{color:#9a7749;font-size:10px}
.dept-inspect-close{background:#fff;border:1px solid #d2dde6;border-radius:7px;
 font-size:20px;color:#627993;width:27px;height:27px;line-height:1}
.dept-record-inspector h4{font-size:15px;color:#194566;letter-spacing:-.4px;
 margin:9px 0 13px;overflow-wrap:anywhere}
.dept-inspect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dept-inspect-grid div{border:1px solid #e3ebf1;padding:10px;border-radius:7px;background:#fff;min-width:0}
.dept-inspect-grid small{display:block;color:#8494a4;font-size:10px;margin-bottom:5px}
.dept-inspect-grid strong{display:block;color:#244a66;font-size:11px;overflow-wrap:anywhere}
.dept-inspect-notice{font-size:10px;color:#70869a;line-height:1.55;margin:12px 0 0}
.dept-workflow{margin:16px 0 0;padding:23px 24px;background:linear-gradient(135deg,#122e4a,#1a4057);
 border:1px solid #34566b;border-radius:16px;box-shadow:0 8px 25px #0c293319;color:#ebf3f7}
.dept-workflow-head .eyebrow{color:#d9b88b}
.dept-workflow-head h3{margin:6px 0 5px;font-size:19px;letter-spacing:-.3px;color:#fff}
.dept-workflow-head p{font-size:11px;color:#bfd1db;line-height:1.7;max-width:900px;margin:0}
.dept-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:17px}
.dept-stage{border:1px solid #ffffff25;background:#ffffff0d;position:relative;
 padding:15px 13px;border-radius:11px;min-width:0}
.dept-stage:not(:last-child):after{content:"→";position:absolute;right:-11px;top:50%;font-size:15px;
 transform:translateY(-50%);color:#d3af76;z-index:1}
.dept-stage-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}
.dept-stage-index{font-size:13px;font-variant-numeric:tabular-nums;color:#e7c18c;font-weight:850}
.dept-stage-pill{font-size:8px;color:#bdd6df;border:1px solid #7da6b455;
 padding:4px 6px;border-radius:5px;letter-spacing:.5px}
.dept-stage>strong{display:block;font-size:12px;color:#fff;line-height:1.45;min-height:32px}
.dept-stage>p{font-size:10px;color:#adc0cf;line-height:1.6;margin:7px 0 0}
html[dir=rtl] .dept-stage:not(:last-child):after{content:"←";right:auto;left:-11px}
html[data-theme=dark] .dept-search-input,html[data-theme=dark] .dept-filter{
 background:#1c334b!important;color:#e5f2fc;border-color:#39526b!important}
html[data-theme=dark] .dept-export,html[data-theme=dark] .dept-page-button,
html[data-theme=dark] .dept-inspect-close{background:#203a50;color:#e6f2fa;border-color:#466379}
html[data-theme=dark] .dept-explain{background:#373020;color:#efd1a0;border-color:#675331}
html[data-theme=dark] .ux-table .dept-row td:first-child{color:#cce8f6}
html[data-theme=dark] .ux-table tbody tr.dept-row:hover,
html[data-theme=dark] .ux-table tbody tr.dept-row.selected{background:#243e52}
html[data-theme=dark] .dept-record-inspector{background:#1b3448;border-color:#3e6078}
html[data-theme=dark] .dept-record-inspector h4{color:#e2f0f8}
html[data-theme=dark] .dept-inspect-grid div{background:#173047;border-color:#38556d}
html[data-theme=dark] .dept-inspect-grid strong{color:#ddebf5}
html[data-theme=dark] .dept-status.complete{background:#1a5140;color:#bef0d6}
html[data-theme=dark] .dept-status.attention{background:#514022;color:#f2d5a1}
html[data-theme=dark] .dept-table-footer{border-color:#3b5369}
html[data-theme=dark] .dept-record-count{color:#a8bfd0}
@media(max-width:1280px){.dept-toolbar{gap:6px}.dept-search{flex-basis:100%}
 .dept-filter,.dept-export{flex:1;max-width:none}}
@media(max-width:1000px){.dept-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dept-stage:not(:last-child):after{display:none}}
@media(max-width:600px){.dept-workflow{padding:18px 14px}
 .dept-stage-grid{gap:8px}.dept-stage{padding:12px 10px}
 .dept-stage>strong{min-height:0}
 .dept-table-footer{flex-wrap:wrap}
 .dept-search{min-width:100%}.dept-filter,.dept-export{font-size:10px!important}
 .dept-inspect-grid{grid-template-columns:1fr}
}
@media(max-width:380px){.dept-stage-grid{grid-template-columns:1fr}}

/* Connected staging queues: local display filter only (server authorization unchanged). */
.premium-queue-search{flex-wrap:wrap;height:auto;min-height:41px;padding:5px 10px}
.premium-queue-search input{height:31px;flex:1;min-width:70px}
.premium-queue-status{height:31px;width:auto;min-width:110px;max-width:155px;
 border:1px solid #d3e0e9;border-radius:7px;margin:0!important;padding:4px 6px;
 font-size:10px;color:#48647c;background:#fff}
html[data-theme=dark] .premium-queue-status{background:#1c354d;color:#e0edf7;border-color:#46627a}
@media(max-width:500px){.premium-queue-search input{min-width:130px;flex-basis:65%}
 .premium-queue-status{min-width:100px;max-width:none;flex:1}}

/* Very small phones: allow the signed banking header to occupy two compact rows.
 * Prevents 320px horizontal scrolling without hiding auth or language controls. */
@media(max-width:360px){
 .top{flex-wrap:wrap;justify-content:space-between;gap:9px}
 .top-primary{width:100%;flex:1 1 100%}
 .top .actions{min-width:0;width:100%;max-width:100%;flex:1 1 100%;
    display:flex;flex-wrap:wrap;justify-content:flex-start}
 .top .actions #module-switcher{max-width:135px;flex:1;min-width:90px}
 .top .actions .btn{flex-shrink:0}
 .dept-filter,.dept-export{min-width:0}
}