/* Reference-led frosted command workspace. All figures remain live. */
body.glass-panel{--bg:#e7eae8;--surface:rgba(255,255,255,.58);--soft:rgba(255,255,255,.42);--text:#1e2827;--muted:#72807d;--subtle:#8a9692;--border:rgba(255,255,255,.72);--teal:#27322f;--teal-soft:rgba(255,255,255,.65);--sidebar-width:0;background:#e5e7e6;color:var(--text);font-family:'Inter','Segoe UI',sans-serif;padding:24px}
.glass-panel .app-shell{margin:0 auto;padding:0;max-width:1600px;min-height:calc(100vh - 48px);border:1px solid #ffffffab;border-radius:26px;background:radial-gradient(ellipse at 8% 58%,#dceef180,transparent 62%),radial-gradient(ellipse at 70% 12%,#eeecda65,transparent 60%),#e9eeea;box-shadow:0 18px 65px #4b62550b;overflow:clip}
.glass-panel .topbar{position:relative;inset:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 28px 14px;height:auto;min-height:100px;border:0;background:transparent;box-shadow:none;width:100%;z-index:30}
.glass-panel .sidebar{display:contents;transform:none;width:auto}.glass-panel .sidebar .brand{width:145px;flex:0 0 145px;padding:4px 0;background:none;border:0;align-self:flex-start}.glass-panel .brand img{width:140px;height:48px;object-fit:contain}.glass-panel .brand>span,.glass-panel .sidebar-bottom,.glass-panel .nav-label{display:none}
.glass-panel .sidebar nav{position:static;flex:1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px;padding:4px;background:#ffffff30;border:1px solid #ffffff30;border-radius:15px;overflow:visible;margin:0;max-width:none}
.glass-panel .sidebar nav a{display:flex;align-items:center;gap:8px;padding:11px 12px;min-height:43px;font-size:12px;font-weight:500;white-space:nowrap;border-radius:11px;border:1px solid transparent;color:#37403d;margin:0;background:none}.glass-panel .sidebar nav a i{width:17px;height:17px;color:inherit}.glass-panel .sidebar nav a.selected{color:#fff;background:#252b28;box-shadow:0 3px 7px #101a1615;border-color:#ffffff70}.glass-panel .sidebar nav a.selected i{color:#fff}.glass-panel .sidebar nav a.selected:before{display:none}.glass-panel .sidebar nav a:hover:not(.selected){background:#fff9}.glass-panel .sidebar .nav-count{display:none}
.glass-panel .welcome,.glass-panel .global-search,.glass-panel .topbar .mobile-menu{display:none}.glass-panel .topbar-actions{margin:4px 0 0;gap:10px;flex-shrink:0}.glass-panel .topbar .icon-button,.glass-panel .profile-button{width:43px;height:43px;border:1px solid #ffffff85;border-radius:12px;background:#ffffff60;color:#2f3b36;box-shadow:none}.glass-panel .profile-button{width:62px}.glass-panel .profile-avatar{background:#e0e8e2;color:#314039}.glass-panel .profile-menu{background:#f6f8f5;border-radius:15px;box-shadow:0 12px 35px #1c302322}
.glass-panel main{padding:16px 28px 28px}.glass-panel .page-heading,.glass-panel.operation-home .page-heading{padding:0;margin:10px 0 26px;border:0;background:none}.glass-panel .page-heading h1,.glass-panel.operation-home .page-heading h1{font-size:31px;line-height:1.2;font-weight:500;letter-spacing:-1.2px;color:#17231e}.glass-panel .page-heading p{font-size:13px;line-height:1.6;margin-top:9px}.glass-panel .development-note{background:#ffffff38;border-color:#ffffff50;color:#79847c;font-size:10px;border-radius:10px;margin-bottom:20px}.glass-panel .development-note .tag{background:transparent;border-color:#ffffff80;color:inherit}
.glass-panel .button{border-radius:10px;font-size:12px;min-height:38px;padding:10px 16px;border-color:#ffffffa6;box-shadow:none}.glass-panel .button.primary{background:#28302c;border-color:#ffffff80;color:white}.glass-panel .button.secondary{background:#ffffff70;color:var(--text)}.glass-panel input,.glass-panel select,.glass-panel textarea{background:#ffffff8c;border:1px solid #dbe3de;border-radius:10px;color:var(--text);font-size:13px}.glass-panel input:focus,.glass-panel select:focus,.glass-panel textarea:focus{outline:2px solid #69aba05c;outline-offset:1px}
.glass-panel .metrics,.glass-panel .report-metrics{border:0;border-radius:0;background:transparent;box-shadow:none;gap:12px;margin:0 0 24px;grid-template-columns:repeat(5,minmax(0,1fr))}.glass-panel .metrics article,.glass-panel .report-metrics article{border:1px solid #ffffff80!important;border-radius:17px;min-height:128px;background:#ffffff32;padding:18px 20px;box-shadow:none;overflow:hidden}.glass-panel .metric-label{font-size:11px;font-weight:500;letter-spacing:0;color:#48544f}.glass-panel .metric-label small{font-size:10px}.glass-panel .metrics strong,.glass-panel .report-metrics strong{font-size:28px;letter-spacing:-1px;font-weight:500;margin-top:14px;color:#1d2924}.glass-panel .report-metrics .metric-chart{height:32px;opacity:.45}.glass-panel .chart-area{opacity:.12}
.glass-panel .operation-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.glass-panel .volume-panel{grid-column:1;grid-row:1}.glass-panel .operation-grid>#transactions{grid-column:1;grid-row:2}.glass-panel .operation-aside{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:16px}.glass-panel .operation-aside>#overview-section{min-height:280px}.glass-panel .firm-summary{grid-column:1 / -1}
.glass-panel .volume-panel,.glass-panel #transactions,.glass-panel #overview-section,.glass-panel #events-section,.glass-panel .firm-summary,.glass-panel .pending-panel,.glass-panel .access-panel,.glass-panel .account-row,.glass-panel .bank-card,.glass-panel .proxy-row,.glass-panel .connection-row,.glass-panel .ops-inspector{border:1px solid #ffffff8f;border-radius:18px;background:#ffffff48;backdrop-filter:blur(14px);box-shadow:none;overflow:hidden}
.glass-panel .section-heading,.glass-panel .operation-grid .section-heading{padding:17px 18px;background:transparent;border-color:#ffffff80}.glass-panel .section-heading h2{font-size:16px;font-weight:500;letter-spacing:-.3px}.glass-panel .volume-chart{padding:0 14px}.volume-chart svg{display:block;width:100%;height:auto;min-height:220px;overflow:visible}.volume-chart text{fill:#6f7d77;font:11px 'Segoe UI',sans-serif}.volume-grid line{stroke:#b9cec5;stroke-width:.7;stroke-dasharray:4 5}.volume-investment,.volume-withdrawal{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.volume-investment{stroke:#e68b31}.volume-withdrawal{stroke:#6345b5}.volume-legend{display:flex;align-items:center;gap:18px;padding:14px 20px;font-size:11px;color:#67766e}.volume-legend span{display:flex;align-items:center;gap:7px}.volume-legend strong{margin-left:auto;font-weight:500;background:#ffffff7c;padding:8px;border-radius:9px;color:#2f3b35}.volume-dot{display:inline-block;width:9px;height:9px;border-radius:50%}.volume-dot.investment{background:#e68b31}.volume-dot.withdrawal{background:#6345b5}
.glass-panel .period-controls{border:0;background:#ffffff40;border-radius:10px;gap:4px;padding:3px;margin:0}.glass-panel .period-controls button{font-size:11px;padding:8px 12px;border:0;border-radius:8px;background:transparent}.glass-panel .period-controls button.selected,.glass-panel .status-tabs button.selected,.glass-panel .queue-tabs button.selected{background:#27312c;color:#fff;border-radius:8px;box-shadow:none}.glass-panel .queue-tabs{background:transparent;border-color:#ffffff70;padding:8px 18px;gap:10px}.glass-panel .queue-tabs button{min-height:32px;padding:7px 10px;font-size:12px}.glass-panel .queue-tabs button.selected:after{display:none}
.glass-panel th{background:#ffffff40;color:#77847b;font-size:10px;border-color:#ffffff80}.glass-panel td{font-size:12px;border-color:#ffffff70}.glass-panel tbody tr:hover{background:#ffffff50}.glass-panel .table-wrap{background:transparent;border:0;box-shadow:none;border-radius:0}.glass-panel .empty-table{padding:40px 20px;background:transparent}.glass-panel .account-row{padding:19px 20px}.glass-panel .account-identity strong{font-size:14px;font-weight:500}.glass-panel .status-tabs,.glass-panel .settings-tabs{background:#ffffff40;border:1px solid #ffffff80;border-radius:12px;padding:5px}.glass-panel .settings-tabs [aria-selected=true]{background:#27312c;color:white;border-radius:9px}.glass-panel .settings-tabs [aria-selected=true] i{color:white}.glass-panel .settings-tabs button:after{display:none}.glass-panel .badge{border:0;border-radius:7px;font-weight:500}.glass-panel .monitor-account{padding:18px;border-color:#ffffff90}.glass-panel .monitor-account strong{font-size:13px;font-weight:500}.glass-panel .monitor-account small{font-size:11px}.glass-panel .monitor-foot{padding:15px 18px;gap:10px}.glass-panel .operation-aside .event p{font-size:12px}.glass-panel .operation-aside .event{border-color:#ffffff90;padding:15px 18px}.glass-panel .form-dialog{background:#f1f5f1;border-radius:20px;border:1px solid #fff;box-shadow:0 20px 70px #223a2930}.glass-panel .form-dialog::backdrop{background:#263b3445;backdrop-filter:blur(4px)}.glass-panel .page-footer{color:#7f8b83;font-size:10px}
.dark .glass-panel{--text:#e0e9e4;--muted:#a7b7ad;--surface:#26372f;--border:#42544a;background:#17251d}.dark .glass-panel .app-shell{background:radial-gradient(ellipse at 8% 58%,#1d44443d,transparent 62%),#22332a}.dark .glass-panel .sidebar nav a,.dark .glass-panel .page-heading h1,.dark .glass-panel .metrics strong{color:#e0e9e4}.dark .glass-panel .sidebar nav a.selected{background:#d5e2d9;color:#24352a}.dark .glass-panel .sidebar nav a.selected i{color:#24352a}.dark .glass-panel input,.dark .glass-panel select,.dark .glass-panel textarea,.dark .glass-panel .form-dialog{background:#2e4036;color:#e0e9e4}.dark .glass-panel .topbar .icon-button,.dark .glass-panel .profile-button{background:#35483d;color:#e0e9e4}
@media(max-width:1100px){body.glass-panel{padding:12px}.glass-panel .app-shell{border-radius:20px;min-height:calc(100vh - 24px)}.glass-panel .topbar{padding:18px 20px;align-items:center;min-height:76px;gap:14px}.glass-panel .sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:270px;height:100dvh;transform:translateX(-110%);background:#edf3ee;border-right:1px solid #fff;flex-direction:column;z-index:60;overflow:auto;padding:20px;box-shadow:20px 0 60px #16302320}.glass-panel .sidebar.open{transform:translateX(0)}.glass-panel .sidebar .brand{flex:0 0 auto;align-self:auto;width:auto;margin-bottom:24px}.glass-panel .sidebar nav{display:flex;flex-direction:column;align-items:stretch;flex:none;width:100%;max-width:none}.glass-panel .sidebar nav a{font-size:14px;min-height:46px}.glass-panel .topbar .mobile-menu{display:flex}.glass-panel .welcome{display:block;flex:1}.glass-panel .welcome strong{font-weight:500;font-size:14px}.glass-panel .welcome small{font-size:10px}.glass-panel main{padding:12px 20px 24px}.glass-panel .metrics,.glass-panel .report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.glass-panel .operation-grid{grid-template-columns:minmax(0,1fr) 290px}.glass-panel .page-heading h1,.glass-panel.operation-home .page-heading h1{font-size:28px}}
@media(max-width:760px){body.glass-panel{padding:8px}.glass-panel .app-shell{min-height:calc(100vh - 16px);border-radius:17px}.glass-panel .topbar{padding:14px 12px;gap:9px}.glass-panel .topbar-actions{gap:7px;margin:0}.glass-panel .topbar .icon-button{width:35px;height:35px}.glass-panel .profile-button{width:47px;height:35px}.glass-panel main{padding:8px 14px 22px}.glass-panel .page-heading,.glass-panel.operation-home .page-heading{margin:10px 0 18px;flex-wrap:wrap}.glass-panel .page-heading h1,.glass-panel.operation-home .page-heading h1{font-size:26px}.glass-panel .metrics,.glass-panel .report-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.glass-panel .metrics article,.glass-panel .report-metrics article{padding:14px;min-height:107px;border-radius:13px}.glass-panel .metrics strong,.glass-panel .report-metrics strong{font-size:24px}.glass-panel .operation-grid{display:flex;flex-direction:column;gap:12px}.glass-panel .operation-aside{display:flex;flex-direction:column;gap:12px}.glass-panel .volume-panel{order:0}.glass-panel #transactions{order:1}.glass-panel .operation-aside{order:2}.glass-panel .firm-summary{order:3}.glass-panel .volume-panel .section-heading{flex-wrap:wrap;gap:12px}.glass-panel .volume-legend{gap:10px;flex-wrap:wrap;padding:12px 14px;font-size:10px}.glass-panel .volume-legend strong{margin-left:0}.glass-panel .volume-chart{padding:0 3px}.volume-chart svg{min-height:170px}.glass-panel .account-row{padding:16px}.glass-panel .detail-actions{flex-wrap:wrap}.glass-panel .settings-tabs{overflow-x:auto;flex-wrap:nowrap}.glass-panel .settings-tabs button{flex-shrink:0}.glass-panel .development-note{font-size:9px}}
.glass-panel .brand img{mix-blend-mode:multiply;border-radius:0;background:transparent;padding:0}.glass-panel .report-metrics article:before{display:none}.glass-panel .report-metrics .metric-label{font-weight:400}.glass-panel .sidebar nav{height:auto}.glass-panel .report-metrics .metric-label small{white-space:normal;text-align:right}
.glass-panel.menu-open .topbar{z-index:60}
@media(min-width:1101px){.glass-panel .drawer-close{display:none}}
@media(prefers-reduced-motion:reduce){.glass-panel *{scroll-behavior:auto;transition:none!important}}
/* The workspace fills the screen; only content retains breathing room. */
body.glass-panel{padding:0}
.glass-panel .app-shell{max-width:none;width:100%;min-height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}
.glass-panel main{max-width:none;width:100%}
@media(max-width:1100px){body.glass-panel{padding:0}.glass-panel .app-shell{min-height:100dvh;border-radius:0}}
@media(max-width:760px){body.glass-panel{padding:0}.glass-panel .app-shell{min-height:100dvh;border-radius:0}}
.glass-panel #api-settings-section{margin-top:32px}
.delivery-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 22px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.delivery-summary small{display:block;color:var(--muted);font-size:12px}.delivery-summary strong{display:block;margin-top:8px;font-size:24px;font-weight:500}
/* FixaPay-wide blue glass theme. */
body.glass-panel{--bg:#edf5fc;--surface:rgba(255,255,255,.58);--soft:rgba(232,245,255,.65);--text:#243957;--muted:#7891ae;--subtle:#8ba4bd;--border:rgba(255,255,255,.74);--teal:#315da6;--teal-soft:#e2f1ff;background:#edf5fc;color:var(--text)}
.glass-panel .app-shell{background:radial-gradient(ellipse at 8% 65%,#b5e8f357,transparent 62%),radial-gradient(ellipse at 80% 12%,#d1e1ff78,transparent 60%),#edf5fc}
.glass-panel .sidebar nav a{color:#4a6280}.glass-panel .sidebar nav a.selected{background:#2a4788;color:#fff}
.glass-panel .page-heading h1,.glass-panel.operation-home .page-heading h1,.glass-panel .metrics strong,.glass-panel .report-metrics strong{color:#243d6b}
.glass-panel .metric-label{color:#6d87a3}.glass-panel .button.primary,.glass-panel .period-controls button.selected,.glass-panel .status-tabs button.selected,.glass-panel .queue-tabs button.selected,.glass-panel .settings-tabs [aria-selected=true]{background:#2d5097;color:#fff}
.glass-panel .topbar .icon-button,.glass-panel .profile-button{color:#4d7098;background:#ffffff80}.glass-panel .profile-avatar{background:#e0edfa;color:#3d6091}.glass-panel .profile-menu{background:#f2f7fd}.glass-panel .development-note{color:#7893ac;background:#ffffff35}
.glass-panel .sidebar.open{background:#edf5fc}.glass-panel .form-dialog{background:#f0f7ff;border-color:#fff}.glass-panel .form-dialog::backdrop{background:#203e624a}.glass-panel .volume-chart text{fill:#718dad}.glass-panel .volume-grid line{stroke:#adc6df}.glass-panel .volume-legend{color:#718bad}.glass-panel .volume-legend strong{color:#35577e}.glass-panel .page-footer{color:#839bb5}
.dark body.glass-panel{--bg:#09172c;--surface:rgba(20,40,73,.66);--soft:rgba(31,56,91,.58);--text:#dce8fa;--muted:#91a9ca;--subtle:#7493ba;--border:rgba(139,175,223,.16);--teal:#6fbbe9;--teal-soft:rgba(67,129,197,.18);background:#09172c;color:var(--text)}
.dark .glass-panel .app-shell{background:radial-gradient(ellipse at 8% 60%,#0e536532,transparent 60%),radial-gradient(ellipse at 85% 10%,#244d852c,transparent 60%),#0c1c35}
.dark .glass-panel .sidebar nav{background:#203a5c40;border-color:#819edb15}.dark .glass-panel .sidebar nav a{color:#b0c5e2}.dark .glass-panel .sidebar nav a.selected{background:#315c9d;color:#fff}.dark .glass-panel .sidebar nav a.selected i{color:#fff}.dark .glass-panel .sidebar nav a:hover:not(.selected){background:#34577f50}
.dark .glass-panel .page-heading h1,.dark .glass-panel.operation-home .page-heading h1,.dark .glass-panel .metrics strong,.dark .glass-panel .report-metrics strong{color:#e0ecff}.dark .glass-panel .metric-label{color:#abc0db}
.dark .glass-panel .volume-panel,.dark .glass-panel #transactions,.dark .glass-panel #overview-section,.dark .glass-panel #events-section,.dark .glass-panel .firm-summary,.dark .glass-panel .pending-panel,.dark .glass-panel .access-panel,.dark .glass-panel .account-row,.dark .glass-panel .bank-card,.dark .glass-panel .proxy-row,.dark .glass-panel .connection-row,.dark .glass-panel .ops-inspector,.dark .glass-panel .report-metrics article{background:rgba(23,44,78,.52);border-color:#94b2e126!important;box-shadow:inset 0 1px 0 #b6ceef08;backdrop-filter:blur(18px)}
.dark .glass-panel .topbar .icon-button,.dark .glass-panel .profile-button{background:#263f6260;border-color:#a5c2ee20;color:#abc9f4}.dark .glass-panel .profile-avatar{background:#31517b;color:#dce9ff}.dark .glass-panel .profile-menu,.dark .glass-panel .sidebar.open,.dark .glass-panel .form-dialog{background:#142847;color:#dce8fa;border-color:#82a3d329}
.dark .glass-panel input,.dark .glass-panel select,.dark .glass-panel textarea{background:#182f5080;color:#deebff;border-color:#97b4db28}.dark .glass-panel input::placeholder,.dark .glass-panel textarea::placeholder{color:#7793b5}.dark .glass-panel .button.secondary{background:#2a497055;color:#c6dbfa;border-color:#9bbde22c}.dark .glass-panel .button.primary{background:#3569b7;border-color:#91b8ee3b}
.dark .glass-panel .settings-tabs,.dark .glass-panel .status-tabs,.dark .glass-panel .period-controls{background:#203b5e4a;border-color:#abc5e21f}.dark .glass-panel .development-note{background:#152e4d60;border-color:#96b6e21c;color:#92accb}.dark .glass-panel th{background:#233f5b50;color:#96b0d0;border-color:#9dbbdd1b}.dark .glass-panel td,.dark .glass-panel .section-heading,.dark .glass-panel .monitor-account,.dark .glass-panel .operation-aside .event{border-color:#9dbbdd18}.dark .glass-panel tbody tr:hover{background:#35619124}
.dark .glass-panel .volume-grid line{stroke:#7396c04a}.dark .glass-panel .volume-chart text,.dark .glass-panel .volume-legend{fill:#91accd;color:#91accd}.dark .glass-panel .volume-legend strong{background:#2c4d753b;color:#c4dcff}.dark .glass-panel .brand img{mix-blend-mode:normal;background:#eff6ff;border-radius:8px;padding:4px}.dark .glass-panel .page-footer{color:#7693b6}
/* Controls follow the original command-center reference. */
.glass-panel button,.glass-panel .button{font-family:inherit;font-weight:500;letter-spacing:0;transition:background .16s,border-color .16s,box-shadow .16s}
.glass-panel .button,.glass-panel .icon-button,.glass-panel .profile-button,.glass-panel .status-tabs button,.glass-panel .queue-tabs button,.glass-panel .settings-tabs button,.glass-panel .period-controls button{border-radius:10px;box-shadow:none}
.glass-panel .button.primary,.glass-panel .sidebar nav a.selected,.glass-panel .status-tabs button.selected,.glass-panel .queue-tabs button.selected,.glass-panel .settings-tabs [aria-selected=true],.glass-panel .period-controls button.selected{background:#252b30;color:#fff;border-color:#ffffff8c;box-shadow:0 2px 5px #1224360b}
.glass-panel .sidebar nav a.selected i,.glass-panel .settings-tabs [aria-selected=true] i{color:inherit}
.glass-panel .button.primary:hover,.glass-panel .sidebar nav a.selected:hover{background:#363f46;border-color:#ffffffd9}
.glass-panel .button.secondary,.glass-panel .topbar .icon-button,.glass-panel .profile-button{background:#ffffff78;color:#35434d;border:1px solid #ffffffa3}
.glass-panel .button.secondary:hover,.glass-panel .topbar .icon-button:hover,.glass-panel .profile-button:hover{background:#ffffffbf;border-color:#fff;box-shadow:0 2px 6px #28455b08}
.glass-panel .status-tabs,.glass-panel .period-controls,.glass-panel .settings-tabs{background:#ffffff40;border-color:#ffffff73;box-shadow:none}
.glass-panel .status-tabs button:not(.selected),.glass-panel .period-controls button:not(.selected),.glass-panel .settings-tabs button:not([aria-selected=true]){background:transparent;color:#677780;border-color:transparent}
.glass-panel .status-tabs button:not(.selected):hover,.glass-panel .period-controls button:not(.selected):hover,.glass-panel .settings-tabs button:not([aria-selected=true]):hover{background:#ffffff80;color:#35434d}
.glass-panel .transaction-action.approve{background:#e3efea;color:#4a7a64;border-color:#ffffffa3}.glass-panel .transaction-action.reject{background:#f5e6e7;color:#a3696e;border-color:#ffffffa3}
.glass-panel .button:disabled,.glass-panel button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
.glass-panel input[type=checkbox],.glass-panel input[type=radio]{accent-color:#303b43}
.glass-panel input:not([type=checkbox]):not([type=radio]),.glass-panel select,.glass-panel textarea{border-radius:10px;border-color:#dce6ed;background:#ffffff78;box-shadow:none}
.glass-panel .dark .button{box-shadow:none}
.dark .glass-panel .button.primary,.dark .glass-panel .sidebar nav a.selected,.dark .glass-panel .status-tabs button.selected,.dark .glass-panel .queue-tabs button.selected,.dark .glass-panel .settings-tabs [aria-selected=true],.dark .glass-panel .period-controls button.selected{background:#dbe5ef;color:#1d2d42;border-color:#ffffff9c;box-shadow:none}
.dark .glass-panel .sidebar nav a.selected i,.dark .glass-panel .settings-tabs [aria-selected=true] i{color:inherit}
.dark .glass-panel .button.primary:hover,.dark .glass-panel .sidebar nav a.selected:hover{background:#eff4fa;color:#172d45}
.dark .glass-panel .button.secondary,.dark .glass-panel .topbar .icon-button,.dark .glass-panel .profile-button{background:#ffffff09;color:#c2d0e2;border-color:#ffffff1e}
.dark .glass-panel .button.secondary:hover,.dark .glass-panel .topbar .icon-button:hover,.dark .glass-panel .profile-button:hover{background:#ffffff15;border-color:#ffffff32}
.dark .glass-panel .status-tabs button:not(.selected),.dark .glass-panel .period-controls button:not(.selected),.dark .glass-panel .settings-tabs button:not([aria-selected=true]){color:#92a8c3;background:transparent}
.dark .glass-panel .status-tabs button:not(.selected):hover,.dark .glass-panel .period-controls button:not(.selected):hover,.dark .glass-panel .settings-tabs button:not([aria-selected=true]):hover{background:#ffffff0d;color:#d5e2f5}
.dark .glass-panel .transaction-action.approve{background:#447e6829;color:#94c9b0;border-color:#96ceb421}.dark .glass-panel .transaction-action.reject{background:#9a626426;color:#daa6ac;border-color:#d4a0a325}
.dark .glass-panel input:not([type=checkbox]):not([type=radio]),.dark .glass-panel select,.dark .glass-panel textarea{background:#ffffff07;border-color:#ffffff20;color:#d7e5f8}.dark .glass-panel input[type=checkbox],.dark .glass-panel input[type=radio]{accent-color:#bdcde1}
body .popup-actions button{border-radius:10px;font-weight:500;background:#ffffffb0;border-color:#e0e6eb;color:#44515b;box-shadow:none}body .popup-actions .popup-accept{background:#252b30;border-color:#252b30;color:#fff}.dark body .popup-actions button{background:#ffffff0a;border-color:#ffffff22;color:#bacde2}.dark body .popup-actions .popup-accept{background:#dbe5ef;border-color:#dbe5ef;color:#1d2d42}
.notification-sound-control{position:relative;display:flex;align-items:center}
.sound-settings-menu{position:absolute;top:calc(100% + 12px);right:0;width:320px;padding:16px;border:1px solid #ffffffd0;border-radius:16px;background:#eef6ffed;backdrop-filter:blur(24px);box-shadow:0 16px 45px #25466620;color:#283c57;z-index:80}
.sound-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sound-menu-heading strong{font-size:14px;font-weight:600}.sound-menu-heading .icon-button{width:28px!important;height:28px!important;border:0!important;background:transparent!important}
.sound-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;margin:0;border-bottom:1px solid #bfd4e537;cursor:pointer;font-size:12px;font-weight:400}.sound-option>input{position:absolute!important;width:42px;height:24px;right:0;opacity:0;cursor:pointer;margin:0;z-index:2}
.sound-switch{width:42px;height:24px;background:#c1cfdd;border:1px solid #b1c2d5;border-radius:20px;flex-shrink:0;position:relative;transition:background .15s}.sound-switch:before{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 1px 3px #22384b20;transition:transform .15s}.sound-option>input:checked+.sound-switch{background:#2c455d;border-color:#2c455d}.sound-option>input:checked+.sound-switch:before{transform:translateX(18px)}.sound-option>input:focus-visible+.sound-switch{outline:3px solid #68b7df70;outline-offset:3px}
.sound-menu-note{display:block;margin:14px 0;line-height:1.6;font-size:10px;color:#8195ac}.sound-settings-menu #notification-test-sound{width:100%;min-height:34px}
.dark .sound-settings-menu{background:#142947ed;border-color:#94b5e12b;color:#d6e4f8;box-shadow:0 20px 50px #020b224a}.dark .sound-option{border-color:#a4c0e418}.dark .sound-switch{background:#304763;border-color:#465b74}.dark .sound-option>input:checked+.sound-switch{background:#8daecd;border-color:#8daecd}.dark .sound-menu-note{color:#8aa3c2}
@media(max-width:760px){.sound-settings-menu{position:fixed;left:12px;right:12px;top:75px;width:auto;max-height:calc(100dvh - 95px);overflow:auto}}
/* Labels size their controls instead of being cropped by fixed widths. */
.glass-panel .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:auto;min-height:40px;padding:10px 16px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;max-width:100%;flex-shrink:0}
.glass-panel .button.small{min-height:34px;padding:8px 12px;line-height:1.4}
.glass-panel .settings-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px;overflow:visible}
.glass-panel .settings-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;min-width:max-content;max-width:none;min-height:43px;height:auto;flex:0 0 auto;padding:11px 18px;line-height:1.4;white-space:nowrap;overflow:visible;font-size:13px}
.glass-panel .settings-tabs button i{width:18px;height:18px;flex:0 0 18px}.glass-panel .sidebar nav a{min-width:max-content;line-height:1.4;height:auto;padding:11px 14px}
.glass-panel .status-tabs button,.glass-panel .queue-tabs button,.glass-panel .period-controls button{min-width:max-content;width:auto;height:auto;line-height:1.4;white-space:nowrap;flex-shrink:0;padding:9px 13px}
.glass-panel .transaction-action{min-width:max-content;white-space:nowrap;overflow-wrap:normal}.glass-panel .deposit-row-actions{flex-wrap:wrap;gap:6px}.glass-panel .dialog-footer{flex-wrap:wrap;gap:10px}.glass-panel .dialog-footer .button{min-width:110px;flex:0 1 auto}
.glass-panel .button i{flex-shrink:0}.glass-panel .settings-tabs button [data-icon],.glass-panel .settings-tabs button svg{flex-shrink:0}
@media(max-width:760px){.glass-panel .settings-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;max-width:100%;padding:7px;scroll-padding-inline:7px}.glass-panel .settings-tabs button{padding:10px 15px;min-height:43px}.glass-panel .status-tabs,.glass-panel .queue-tabs{overflow-x:auto;max-width:100%;flex-wrap:nowrap}.glass-panel .button{padding:10px 13px}.glass-panel .dialog-footer .button{flex:1 1 120px}.glass-panel .heading-actions{flex-wrap:wrap;max-width:100%}}
.glass-panel #system-health-panel{border:1px solid #ffffff8f;border-radius:18px;background:#ffffff48;backdrop-filter:blur(14px);overflow:hidden}
.health-gauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px 16px 20px}.health-gauge{text-align:center;min-width:0}.health-gauge svg{display:block;width:100%;height:auto}.health-gauge path{fill:none;stroke-width:4;stroke-linecap:round}.health-track{stroke:#c4d5e34d}.health-progress{stroke:#5c8ecb}.health-active .health-progress{stroke:#43acc5}.health-unavailable .health-progress{stroke:#d49261}.health-gauge text{fill:#2d486c;font:500 26px 'Segoe UI',sans-serif}.health-gauge>span{display:block;font-size:11px;line-height:1.4;color:#768da6;margin-top:2px}.health-foot{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:16px 18px;border-top:1px solid #ffffff7a;font-size:11px;color:#8297ae}.health-foot .button{width:100%}
.dark .glass-panel #system-health-panel{background:rgba(23,44,78,.52);border-color:#94b2e126;box-shadow:inset 0 1px 0 #b6ceef08}.dark .health-gauge text{fill:#dce9fb}.dark .health-gauge>span,.dark .health-foot{color:#92a9c8}.dark .health-track{stroke:#7791b22e}.dark .health-foot{border-color:#9dbbdd18}
/* Real operation durations, ten-minute target. */
.health-gauge.duration-good .health-progress{stroke:#35ac7a}.health-gauge.duration-warning .health-progress{stroke:#dda139}.health-gauge.duration-late .health-progress{stroke:#df5b69}.health-gauge.duration-empty .health-progress{stroke:#879cb8}.health-gauge text{font-size:13px}.health-gauge.duration-late text{fill:#cf4d5c}.dark .health-gauge.duration-late text{fill:#ff8b96}.health-foot{gap:6px}
.glass-panel #pending-matches-panel{border:1px solid #ffffff8f;border-radius:18px;background:#ffffff48;backdrop-filter:blur(14px);overflow:hidden}.pending-match-total{padding:18px;display:flex;flex-direction:column;gap:6px}.pending-match-total small,.pending-match-row small{color:#8297ae;font-size:11px}.pending-match-total>strong{font-size:27px;font-weight:500;color:#2d486c}.pending-match-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid #ffffff80;color:inherit;text-decoration:none;font-size:12px}.pending-match-row>div{display:flex;flex-direction:column;gap:5px;min-width:0}.pending-match-row strong{overflow-wrap:anywhere}.pending-match-row>strong{white-space:nowrap;color:#4385b7}.pending-match-empty{padding:12px 18px 22px;color:#8297ae;font-size:12px}.dark .glass-panel #pending-matches-panel{background:rgba(23,44,78,.52);border-color:#94b2e126}.dark .pending-match-total>strong{color:#dce9fb}.dark .pending-match-row{border-color:#9dbbdd18}