:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0d171e;color:#e4edf2;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}header{height:76px;border-bottom:1px solid #263640;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px;background:#111e27}header strong{letter-spacing:.05em}header strong span{display:block;font-size:10px;letter-spacing:.2em;color:#8ba5b4;margin-top:5px}header>span{color:#7a9aa9}main{max-width:1440px;margin:40px auto;padding:0 24px}.card{background:#15212b;border:1px solid #2a3b48;border-radius:10px;padding:24px}#login,#activation{max-width:480px;margin:0 auto}h1{font-size:28px;margin:12px 0;line-height:1.2}h2{font-size:20px;margin:0 0 18px}p{color:#9eb0bd;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--accent)}form{display:grid;gap:18px;margin-top:24px}label{display:grid;gap:8px;font-size:13px;color:#b8c8d1}input,select,button{min-height:42px;border-radius:6px}input,select,textarea{padding:10px 12px;border:1px solid #364c5a;background:#0e1921;color:#edf4f7;width:100%}textarea{min-height:120px;resize:vertical}input:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{background:var(--accent-bg);color:var(--accent-text);border:1px solid var(--accent-border);padding:10px 16px;cursor:pointer;font-weight:600;transition:background .15s}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}.secondary{background:#1b2a36;border-color:#344854;color:#cad6dd}.toolbar{display:flex;align-items:center;gap:16px}.toolbar h1{flex:1}.toolbar #hello{color:#8fa6b3}#navToggle{display:none}#tabs{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}#tabs button{background:transparent;border-color:transparent;color:#a5bac7;text-align:left}#tabs button.active{background:var(--accent-bg);color:var(--accent-text)}#tabs button:hover{background:#20323e}#tabs .nav-group{display:none}#message{max-width:1000px;margin:20px auto;white-space:pre-line;color:#f1ca83}code{display:block;overflow-wrap:anywhere;padding:18px;background:#091117;border:1px solid #364c5a;border-radius:6px}table{border-collapse:collapse;width:100%;margin:16px 0;font-size:13px}th{color:#88a1b0;font-size:12px;font-weight:600}td,th{text-align:left;padding:14px 12px;border-bottom:1px solid #283b48}td{overflow-wrap:anywhere}.scroll{overflow:auto}a{color:var(--accent)}.empty{padding:30px 0}.notice{border-left:3px solid #d7b06a;padding-left:14px}#workBody form{max-width:460px}[hidden]{display:none!important}label.remember{display:flex;align-items:center;gap:10px;cursor:pointer}label.remember input{width:18px;height:18px;min-height:18px;flex:0 0 18px;accent-color:var(--accent)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));max-width:none!important;align-items:end}.ops-detail{position:fixed;inset:0 0 0 auto;width:min(620px,100%);z-index:50;background:#14212c;border-left:1px solid #364c5a;padding:24px;overflow:auto;box-shadow:-12px 0 40px #0008}.ops-detail dl,#workBody dl{display:grid;grid-template-columns:minmax(100px,1fr) minmax(100px,2fr);gap:10px}.ops-detail dd{margin:0;overflow-wrap:anywhere}.ticket-message{border:1px solid #304451;border-radius:8px;padding:14px;margin:12px 0}.ticket-message small{display:block;color:#8ba6b6}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere}.ticket-row{display:block;width:100%;text-align:left;margin:8px 0;background:#1c2e3a}.route-group{border-bottom:1px solid #304451;padding:12px 0}.route-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0}.route-row label{flex:1}.route-row button{min-height:36px;padding:6px 12px}.clickable{cursor:pointer}.clickable:hover{background:#20323e}.ops-detail form{margin-bottom:18px}.ops-detail>button{margin:8px 8px 0 0}
body.authenticated header{position:fixed;inset:0 auto auto 0;width:232px;z-index:20;align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;height:100px;padding:20px;border-right:1px solid #263640}body.authenticated header>span{font-size:11px}body.authenticated main{max-width:none;margin:0 0 0 232px;padding:0 28px 28px}body.authenticated .toolbar{height:76px;border-bottom:1px solid #263640;margin:0 -28px 28px;padding:0 28px;background:#14212b}body.authenticated .toolbar h1{font-size:18px}body.authenticated #tabs{position:fixed;inset:100px auto 0 0;width:232px;display:flex;flex-direction:column;flex-wrap:nowrap;margin:0;padding:10px 14px 28px;overflow:auto;background:#111e27;border-right:1px solid #263640;z-index:19;gap:3px}body.authenticated #tabs .nav-group{display:block;font-size:10px;color:#638595;letter-spacing:.13em;text-transform:uppercase;margin:20px 10px 8px}body.authenticated #tabs button{flex:none;width:100%;padding:11px 12px;min-height:40px}body.authenticated #workBody{background:transparent;border:0;padding:0}.role-form{max-width:720px!important;grid-template-columns:repeat(2,minmax(0,1fr))}.role-form>input,.role-form>button{grid-column:1/-1}
@media(max-width:760px){header{height:64px;padding:0 16px}main{margin:24px auto;padding:0 16px}.card{padding:20px}body.authenticated header{height:64px;width:100%;padding:12px 16px;flex-direction:row;align-items:center;justify-content:space-between}body.authenticated main{margin:64px 0 0;padding:0 16px 20px}body.authenticated .toolbar{height:auto;min-height:66px;margin:0 -16px 20px;padding:10px 16px;gap:10px}.toolbar #hello{display:none}body.authenticated #navToggle{display:block;min-width:42px;padding:8px}body.authenticated .toolbar h1{font-size:16px}body.authenticated #tabs{top:130px;transform:translateX(-100%);width:min(290px,85vw);box-shadow:12px 0 30px #0007}body.authenticated.nav-open #tabs{transform:none}.filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filters label:first-child{grid-column:1/-1}.role-form{grid-template-columns:1fr}.ops-detail{padding:18px}.ops-detail dl,#workBody dl{grid-template-columns:1fr 1fr}td,th{padding:11px 9px;white-space:nowrap}}

.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;margin:24px 0}.metric{background:#172731;border:1px solid #2a3b48;padding:20px;border-radius:8px}.metric span{display:block;color:#8fa8b6;font-size:12px}.metric strong{display:block;font-size:28px;margin-top:14px;color:#e4edf2}

body{--accent:#62b1ff;--accent-bg:#173e63;--accent-text:#c8e6ff;--accent-border:#36658e;--accent-hover:#24517b}body[data-panel=payments]{--accent:#edb64f;--accent-bg:#49381b;--accent-text:#ffe0a1;--accent-border:#8e6d2f;--accent-hover:#614922}body[data-panel=support]{--accent:#62b1ff;--accent-bg:#173e63;--accent-text:#c8e6ff;--accent-border:#36658e;--accent-hover:#24517b}.metric small{display:block;color:#94a9b7;line-height:1.5;margin-top:10px}.chart-card{border:1px solid #2a3b48;background:#14222c;border-radius:9px;padding:22px;margin:24px 0}.dashboard-chart{width:100%;display:block;max-height:350px;overflow:visible}.dashboard-chart text{font:11px system-ui;fill:#8fa6b6}.chart-grid{stroke:#30424d;stroke-dasharray:3 5}.chart-series{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.chart-series.series-0{stroke:var(--accent)}.chart-series.series-1{stroke:#b298ee}.chart-series.series-2{stroke:#64cba6}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.chart-legend span:before{content:'●';margin-right:7px}.chart-legend .series-0{color:var(--accent)}.chart-legend .series-1{color:#b298ee}.chart-legend .series-2{color:#64cba6}.chart-dates{display:flex;justify-content:space-between;color:#8fa6b6;font-size:11px;margin:12px 0 24px}.dashboard-filters{grid-template-columns:repeat(3,minmax(120px,1fr)) auto}.chart-card summary{cursor:pointer;color:var(--accent)}@media(max-width:760px){.dashboard-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card{padding:15px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:15px}.metric strong{font-size:23px}}

.boot-state{padding:28px;color:#92a8b7;min-height:120px}body.authenticated .boot-state{margin-top:76px}
.cascade-card{border:1px solid #304451;border-radius:10px;padding:18px;margin:18px 0;background:#13212b}.cascade-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.cascade-heading h3{margin:0;font-size:18px}.cascade-heading>span{color:#91a8b6;font-size:12px}.cascade-route{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #293e49}.route-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--accent-bg);color:var(--accent-text);font-weight:700}.route-info{flex:1;min-width:0}.route-info strong,.route-info small{display:block;overflow-wrap:anywhere}.route-info strong{font-size:16px}.route-info small{color:#95adba;margin-top:5px}.route-controls{display:flex;gap:8px}.disabled-route .route-info{opacity:.55}.payment-section{margin:18px 0;border-top:1px solid #304451;padding-top:16px}.payment-section summary{cursor:pointer;color:var(--accent);font-weight:600}.ops-detail>.toolbar{position:sticky;top:-24px;background:#14212c;padding:15px 0;z-index:2}.ops-detail>.toolbar h2{flex:1;margin:0}@media(max-width:760px){.cascade-card{padding:12px}.cascade-route{flex-wrap:wrap;gap:10px}.route-info{flex-basis:calc(100% - 50px)}.cascade-route>.remember{margin-left:44px}.route-controls{margin-left:auto}.route-controls button{padding:8px 10px}.ops-detail>.toolbar{top:-18px}.ops-detail dl{grid-template-columns:1fr}.ops-detail dt{color:#8fa8b6}.ops-detail dd{margin-bottom:8px}}

.payment-filters{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.table-sort{min-height:32px;padding:4px 0;border:0;border-radius:0;background:transparent;color:inherit;font-size:inherit;white-space:nowrap;text-align:left}.table-sort:hover{background:transparent;color:var(--accent)}.pagination{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:20px}.pagination span{font-size:12px;color:#9eb0bd}@media(max-width:760px){.payment-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pagination{gap:8px}.pagination button{padding:8px 10px}}

/* Dashboard point details, shared by payment and support charts. */
.chart-frame{position:relative;min-width:0}.chart-tooltip[hidden]{display:none}.chart-tooltip{position:absolute;z-index:3;pointer-events:none;box-sizing:border-box;width:260px;max-width:100%;padding:10px 12px;border:1px solid var(--accent-border,#36658e);border-radius:8px;background:#0c1720;color:#f4f7fa;box-shadow:0 4px 16px #0008;font-size:12px;line-height:1.5}.chart-tooltip strong{display:block;margin-bottom:4px}.chart-tooltip-row{display:flex;justify-content:space-between;gap:18px;overflow-wrap:anywhere}.chart-tooltip-row b{white-space:nowrap}.chart-tooltip-row.series-0{color:var(--accent)}.chart-tooltip-row.series-1{color:#b298ee}.chart-tooltip-row.series-2{color:#64cba6}.chart-cursor{stroke:#b5c6d3;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}.chart-point{stroke:#0c1720;stroke-width:2;pointer-events:none;fill:var(--accent)}.chart-point.series-1{fill:#b298ee}.chart-point.series-2{fill:#64cba6}.dashboard-chart:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

/* Separate support staff workspace; operational identity comes from server session. */
.support-shift{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.support-shift h3{margin:0 0 8px}.support-shift p{margin:0}.support-shift-controls{display:flex;flex-wrap:wrap;gap:8px}.support-staff-stats,.support-performance,.support-active-tickets{min-width:0;max-width:100%}.support-performance{margin-top:36px;padding-top:28px;border-top:1px solid #304451}.support-staff-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.support-staff-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.support-coverage{font-size:12px}.support-staff-log td{white-space:normal}.support-log-detail{display:block;font-size:11px;color:#91a8b6;margin-top:5px}.support-staff-log button{max-width:100%;overflow-wrap:anywhere}.support-active-tickets{margin-top:32px}.support-ticket-filters{grid-template-columns:1fr 1fr 2fr auto}.support-active-tickets .ticket-row{line-height:1.5;overflow-wrap:anywhere}.support-performance table button{padding:5px 0;background:transparent;border:0;color:var(--accent);text-align:left}.support-staff-filters[aria-busy=true]{opacity:.7}
@media(max-width:760px){.support-shift{align-items:stretch;flex-direction:column;padding:18px;gap:14px}.support-shift-controls>button{flex:1;min-width:120px}.support-staff-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.support-ticket-filters{grid-template-columns:1fr 1fr}.support-ticket-filters label:nth-child(3){grid-column:1/-1}.support-staff-log td,.support-performance td{padding:10px 8px}.support-staff-log td:first-child{min-width:120px}.support-staff-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Ticket metadata is shared across the support queue and employee workspace. */
.support-queue-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;text-align:left;white-space:normal;line-height:1.45}.support-queue-row strong{overflow-wrap:anywhere}.support-queue-meta{grid-column:1/-1;display:flex;gap:10px 24px;flex-wrap:wrap;font-size:12px;font-weight:400;color:#a7bcc8}.support-queue-status{font-size:12px;align-self:start}.support-queue-wait{color:#ffd189}.support-queue-needs{color:#f3bb86}.support-ticket-filters{grid-template-columns:repeat(2,minmax(120px,1fr)) minmax(160px,2fr) minmax(160px,1fr) auto}
@media(max-width:760px){.support-queue-row{grid-template-columns:minmax(0,1fr)}.support-queue-meta{flex-direction:column;gap:5px}.support-queue-status{grid-row:2}.support-ticket-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.support-ticket-filters label:nth-child(3){grid-column:1/-1}.support-ticket-filters button{align-self:end}}

/* Compact payment workspace; support retains its own existing geometry. */
body[data-panel=payments] #workBody>h2{font-size:18px;margin-bottom:10px}
body[data-panel=payments] #workBody p{margin:9px 0;line-height:1.45;font-size:12px}
body[data-panel=payments] #workBody h3{font-size:15px;margin:16px 0 10px}
body[data-panel=payments] .filters{gap:10px;margin-top:14px}
body[data-panel=payments] .filters label{gap:5px;font-size:12px}
body[data-panel=payments] .metric-grid{gap:10px;margin:14px 0;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
body[data-panel=payments] .metric{padding:12px;border-radius:7px;min-width:0}
body[data-panel=payments] .metric strong{font-size:23px;margin-top:8px;overflow-wrap:anywhere}
body[data-panel=payments] .metric small{font-size:11px;margin-top:7px;line-height:1.35}
body[data-panel=payments] .metric span{font-size:11px}
body[data-panel=payments] .chart-card{padding:14px;margin:14px 0}
body[data-panel=payments] .dashboard-chart{max-height:240px}
body[data-panel=payments] .chart-dates{margin:8px 0 14px}
body[data-panel=payments] .chart-legend{gap:14px;font-size:11px}
body[data-panel=payments] table{font-size:12px;margin:12px 0}
body[data-panel=payments] td,body[data-panel=payments] th{padding:9px 10px}
body[data-panel=payments] .pagination{margin-top:14px;gap:10px}
body[data-panel=payments] .cascade-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px;align-items:start}
body[data-panel=payments] .cascade-card{min-width:0;margin:0;padding:12px;border-radius:8px}
body[data-panel=payments] .cascade-heading{gap:10px;margin:0 0 8px}
body[data-panel=payments] .cascade-heading h3{font-size:15px;margin:0!important}
body[data-panel=payments] .cascade-heading>span{font-size:11px;text-align:right;flex-shrink:0}
body[data-panel=payments] .cascade-route{display:grid;grid-template-columns:24px minmax(0,1fr) 36px 66px;gap:8px;padding:9px 0;min-height:65px}
body[data-panel=payments] .route-number{width:24px;height:24px;font-size:11px;align-self:start;margin-top:4px}
body[data-panel=payments] .route-info{min-width:0}
body[data-panel=payments] .route-info strong{font-size:13px;line-height:1.3}
body[data-panel=payments] .route-info small{font-size:11px;line-height:1.3;margin-top:3px}
body[data-panel=payments] .route-toggle{margin:0;min-width:36px;min-height:36px;justify-content:center;font-size:0;gap:0}
body[data-panel=payments] .route-toggle input{appearance:none;-webkit-appearance:none;position:relative;width:30px;height:18px;min-height:18px;padding:0;border:1px solid #5c7180;border-radius:20px;background:#293e49;cursor:pointer;flex:0 0 30px;transition:background .15s}
body[data-panel=payments] .route-toggle input:before{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#b8c8d1;transition:transform .15s}
body[data-panel=payments] .route-toggle input:checked{background:var(--accent-bg);border-color:var(--accent-border)}
body[data-panel=payments] .route-toggle input:checked:before{transform:translateX(12px);background:var(--accent)}
body[data-panel=payments] .route-toggle input:disabled{cursor:default;opacity:.55}
body[data-panel=payments] .route-controls{gap:4px;margin:0;align-self:center}
body[data-panel=payments] .route-controls button{width:31px;min-height:32px;padding:4px;font-size:15px}
@media(min-width:761px){
 body.authenticated[data-panel=payments] header{width:188px;height:82px;padding:14px 16px;gap:3px}
 body.authenticated[data-panel=payments] main{margin-left:188px;padding:0 18px 20px}
 body.authenticated[data-panel=payments] header strong{max-width:88px;font-size:12px}
 body.authenticated[data-panel=payments] header strong span{font-size:8px}
 body.authenticated[data-panel=payments] header .language-picker{right:12px;top:16px}
 body.authenticated[data-panel=payments] header .language-picker select{width:64px;min-height:28px;font-size:10px}
 body.authenticated[data-panel=payments] #tabs input{min-width:0}
 body.authenticated[data-panel=payments] .toolbar{height:56px;min-height:56px;margin:0 -18px 18px;padding:0 18px;gap:12px}
 body.authenticated[data-panel=payments] .toolbar h1{font-size:16px}
 body.authenticated[data-panel=payments] #tabs{top:82px;width:188px;padding:8px 10px 18px;gap:2px}
 body.authenticated[data-panel=payments] #tabs .nav-group{font-size:9px;letter-spacing:.09em;margin:14px 8px 5px}
 body.authenticated[data-panel=payments] #tabs button{font-size:12px;min-height:34px;padding:8px 9px}
 body[data-panel=payments] button,body[data-panel=payments] input,body[data-panel=payments] select{min-height:36px}
 body[data-panel=payments] input,body[data-panel=payments] select{padding:7px 9px}
 body[data-panel=payments] button{padding:7px 12px}
 body[data-panel=payments] .table-sort{min-height:28px;padding:3px 0}
}
@media(min-width:1180px){body[data-panel=payments] .cascade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 body.authenticated[data-panel=payments] header{height:60px;padding:10px 14px}
 body.authenticated[data-panel=payments] main{margin-top:60px;padding:0 12px 18px}
 body.authenticated[data-panel=payments] .toolbar{min-height:58px;margin:0 -12px 16px;padding:7px 12px;gap:8px}
 body.authenticated[data-panel=payments] #tabs{top:118px}
 body[data-panel=payments] .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body[data-panel=payments] .metric{padding:11px}
 body[data-panel=payments] .metric strong{font-size:21px}
 body[data-panel=payments] .cascade-card{padding:10px}
 body[data-panel=payments] .cascade-route{grid-template-columns:22px minmax(0,1fr) 94px;gap:2px 8px;padding:8px 0;min-height:98px}
 body[data-panel=payments] .route-number{width:22px;height:22px;grid-row:1/3}
 body[data-panel=payments] .route-info{grid-column:2;grid-row:1/3}
 body[data-panel=payments] .route-toggle{grid-column:3;grid-row:1;min-height:40px;min-width:44px;justify-self:end}
 body[data-panel=payments] .route-controls{grid-column:3;justify-self:end;grid-row:2;gap:6px}
 body[data-panel=payments] .route-controls button{width:44px;min-height:44px;padding:8px}
 body[data-panel=payments] .route-info strong{font-size:13px}
 body[data-panel=payments] .route-info small{font-size:11px}
}

/* Read-only channel metrics retain the compact payment cascade grid. */
body[data-panel=payments] .cascade-statistics{border:1px solid #304451;border-radius:7px;padding:10px 12px;margin-top:12px;background:#13212b}
body[data-panel=payments] .cascade-stat-filters{grid-template-columns:minmax(140px,1fr) minmax(130px,1fr) minmax(130px,1fr) auto;margin-top:8px}
body[data-panel=payments] .cascade-stat-note{margin:7px 0 0!important;font-size:11px!important;color:#8fa8b6}
body[data-panel=payments] .route-metrics{display:grid;gap:3px;margin-top:6px;padding-top:5px;border-top:1px dashed #32444e;color:#bfd0da;font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums}
body[data-panel=payments] .route-metrics-unavailable{color:#91a5b0}
@media(max-width:760px){body[data-panel=payments] .cascade-stat-filters{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-panel=payments] .cascade-statistics{padding:10px}body[data-panel=payments] .cascade-stat-filters label:first-child{grid-column:auto}body[data-panel=payments] .route-metrics{font-size:10px}}

/* Withdrawal investigation is independent of support and other detail drawers. */
.ops-detail.withdrawal-detail{width:min(1120px,96vw)}.withdrawal-detail .wi-summary{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:12px 0}.wi-tabs{display:flex;gap:8px;border-bottom:1px solid #344854;padding:8px 0 14px;position:sticky;top:42px;background:#14212c;z-index:1}.wi-tabs button{background:transparent;border-color:#344854}.wi-tabs button[aria-selected=true]{background:var(--accent-bg);border-color:var(--accent-border)}.wi-pane{padding-top:16px;min-width:0}.wi-pane>button{margin:8px 8px 0 0}.wi-pane dl{grid-template-columns:minmax(140px,1fr) minmax(0,3fr)}.wi-pane dd{white-space:pre-wrap;overflow-wrap:anywhere}.wi-note{font-size:12px;color:#9fb3bf}.wi-balances{display:flex;gap:20px;flex-wrap:wrap;padding:12px 0;font-weight:600}.wi-timeline{display:grid;grid-template-columns:170px 1fr;gap:12px}.wi-timeline time{color:#91a8b6}.wi-filters{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));margin-top:0}.wi-history td{vertical-align:top;white-space:normal;min-width:135px}.wi-history td small{display:block;font-size:11px;color:#9fb3bf;margin-top:5px}.wi-history td strong{display:block}.wi-history details{margin-top:10px}.wi-history details dl{display:block;font-size:11px}.wi-history details dt{margin-top:8px;color:#91a8b6}.wi-history details dd{margin:3px 0;overflow-wrap:anywhere}.wi-history summary{cursor:pointer;color:var(--accent)}
@media(max-width:760px){.ops-detail.withdrawal-detail{width:100vw;padding:14px}.wi-tabs{top:42px;gap:5px}.wi-tabs button{font-size:12px;padding:8px;flex:1;min-height:44px}.wi-pane dl{grid-template-columns:1fr}.wi-pane dt{color:#9fb3bf}.wi-pane dd{margin:0 0 10px}.wi-history table,.wi-history tbody{display:block}.wi-history tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #304451;border-radius:7px;padding:8px;margin:10px 0}.wi-history tr:first-child{display:none}.wi-history td{padding:7px;border:0;min-width:0;overflow-wrap:anywhere}.wi-history td:first-child{grid-column:1/-1;color:#a9bdc8}.wi-history td:nth-child(4){grid-column:1/-1}.wi-timeline{grid-template-columns:1fr;gap:4px}.wi-summary{font-size:13px}.wi-filters label:first-child{grid-column:auto}}