/* Unified operational and financial workspaces */
.wb-replaced,.wb-legacy-finance{display:none!important}#finance-hub [hidden],#workspace-overview [hidden]{display:none!important}
#finance-hub>.head,#dashboard>.head{gap:22px;flex-wrap:wrap}.fh-topline,.wb-statusline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9195a1;font-size:11px;margin:0 0 17px}.fh-metrics,.wb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}.fh-metric,.wb-metrics>button{display:flex;flex-direction:column;align-items:start;gap:10px;padding:20px;text-align:left;border:1px solid #e0e3e9;border-radius:16px;background:white;color:#242833;cursor:pointer}.fh-metric>span,.wb-metrics>button>span{font-size:12px;color:#626773}.fh-metric strong,.wb-metrics strong{font-size:clamp(22px,2vw,31px);font-weight:750;letter-spacing:-1px;line-height:1.25;font-variant-numeric:tabular-nums}.fh-metric small,.wb-metrics small{font-size:10px;color:#9196a2;line-height:1.5}.fh-metric.fh-warn{background:#fff8f0;border-color:#f0dfc4}.fh-metric.fh-warn strong{color:#a16b22}.fh-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #e0e2e8;padding-bottom:12px;margin-bottom:20px}.fh-tabs button{font:inherit;font-size:12px;color:#7c818d;border:0;border-radius:9px;background:transparent;padding:11px 14px;cursor:pointer}.fh-tabs button[aria-current=page]{background:#222733;color:#fff;font-weight:650}.fh-panel,.fh-list,.fh-calendar,.wb-panel{background:#fff;border:1px solid #dfe3e9;border-radius:16px;overflow:hidden;min-width:0}.fh-block-head,.wb-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px}.fh-block-head h2,.wb-panel-head h2{font-size:17px;margin:0 0 5px;line-height:1.35}.fh-block-head small{font-size:11px;color:#9196a1}.fh-overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:18px}.fh-calendar{margin-bottom:20px}.fh-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 20px;gap:8px}.fh-days button{display:flex;flex-direction:column;gap:10px;text-align:left;background:#f7f9fb;border:1px solid #e8ebf0;border-radius:11px;padding:13px 10px;color:#4e586c;cursor:pointer}.fh-days span{font-size:10px;font-weight:650;text-transform:capitalize;color:#9196a1;white-space:nowrap}.fh-days b{font-size:12px;white-space:nowrap}.fh-days small{font-size:9px;color:#969ba8}.fh-good{color:#288066!important}.fh-bad{color:#b26031!important}.fh-note,.wb-note{font-size:10px;line-height:1.65;color:#969ba6;margin:0;padding:12px 20px}.fh-table-wrap{overflow-x:auto}.fh-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.fh-table th{font-size:10px;color:#878d99;background:#f8fafc;padding:12px 15px;white-space:nowrap;border-block:1px solid #e9edf2;font-weight:600}.fh-table td{padding:16px 15px;border-bottom:1px solid #eef0f4;vertical-align:middle}.fh-table td:first-child{min-width:180px;max-width:350px}.fh-table small{display:block;color:#9298a6;font-size:10px;margin-top:5px;line-height:1.55}.fh-table b{font-weight:650;line-height:1.5}.fh-table .btn{font-size:10px;white-space:nowrap;display:inline-block;margin:2px;padding:8px 10px}.fh-table tbody tr:hover{background:#fcfcfe}.fh-number{font-variant-numeric:tabular-nums;white-space:nowrap}.fh-type{display:inline-block;background:#f1f3f7;color:#838a9a;font-size:9px;padding:3px 6px;border-radius:5px;margin-top:6px}.fh-badge,.wb-badge{display:inline-block;font-size:9px;border-radius:6px;background:#f1f3f8;color:#7d8595;padding:5px 7px;white-space:nowrap}.fh-badge.bad{color:#ae6031;background:#fff0e4}.fh-badge.good,.wb-badge.good{background:#eaf5f0;color:#337b64}.fh-badge.wait{background:#fff7df;color:#9b7b29}.fh-empty,.wb-empty{padding:28px 22px;font-size:12px;color:#9399a5;line-height:1.7}.fh-review-row{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:0;border-top:1px solid #eef0f4;padding:17px 20px;text-align:left;cursor:pointer}.fh-review-row>span:nth-child(2){flex:1;min-width:0}.fh-review-row b{font-size:12px;line-height:1.5;display:block}.fh-review-row small{display:block;color:#9298a5;font-size:10px;margin-top:5px}.fh-review-row strong{font-size:12px;white-space:nowrap}.fh-review-icon{width:34px;height:38px;flex:none;background:#f4f2ec;border-radius:8px;display:grid;place-items:center;color:#9c8861}.fh-panel-foot{font-size:10px;color:#9298a4;line-height:1.7;padding:20px}.fh-filters{display:flex;gap:12px;align-items:end;padding:0 20px 20px;flex-wrap:wrap}.fh-filters label{display:flex;flex-direction:column;gap:7px;color:#7f8694;font-size:10px;min-width:150px;flex:1}.fh-filters label:first-child{flex:2;min-width:240px}.fh-filters input,.fh-filters select{width:100%;border:1px solid #dde2e9;border-radius:9px;padding:11px;font:inherit;color:#343e50;background:#fff;min-height:42px;font-size:12px}.fh-filters input:focus,.fh-filters select:focus{outline:2px solid #c2d3ef;outline-offset:1px}.fh-links{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0 6px;align-items:center}.fh-links a,.fh-links button{font-size:11px;color:#788398;text-decoration:none;border:0;background:transparent;padding:5px;cursor:pointer}.fh-error{margin-bottom:18px;border-radius:12px;padding:14px 17px;background:#fff0ec;border:1px solid #f2d9ce;color:#a35f49;font-size:12px;line-height:1.7}.fh-error .btn{padding:5px 9px;font-size:11px}.fh-metric:hover,.fh-review-row:hover,.wb-metrics>button:hover{border-color:#bfc8d7;background:#fafbfe}
.wb-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.wb-quick>button{display:flex;align-items:center;gap:12px;border:1px solid #e0e4eb;background:white;border-radius:13px;padding:16px;text-align:left;cursor:pointer}.wb-quick i{width:36px;height:38px;border-radius:9px;background:#f3f4f8;color:#6d7893;display:grid;place-items:center;font-style:normal;font-size:22px;flex:none}.wb-quick b{display:block;font-size:12px;color:#343b49}.wb-quick small{display:block;font-size:9px;color:#9299a7;margin-top:5px;line-height:1.5}.wb-quick>button>span:last-child{margin-left:auto;color:#b2b9c5}.wb-home-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,1fr);gap:18px;margin-bottom:20px}.wb-eyebrow{display:block;letter-spacing:1.2px;font-size:9px;color:#9ba3b1;font-weight:700;margin-bottom:8px}.wb-order{display:flex;align-items:center;gap:14px;width:100%;padding:17px 22px;border:0;border-top:1px solid #eef0f4;text-align:left;background:white;cursor:pointer}.wb-order:hover{background:#fafbfd}.wb-order>span:nth-child(2){flex:1;min-width:0}.wb-order b{display:block;font-size:12px;font-weight:650;color:#424c60;line-height:1.5}.wb-order small{display:block;font-size:10px;color:#929baa;margin-top:5px}.wb-order>span:last-child{font-size:9px;color:#9da8ba;white-space:nowrap}.wb-dot{width:7px;height:7px;border-radius:50%;flex:none;background:#adb6c8}.wb-dot.bad{background:#c97653;box-shadow:0 0 0 4px #f8eee8}.wb-dot.wait{background:#cfaa5c}.wb-dot.good{background:#7eaf96}.wb-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 20px;gap:9px}.wb-flow button{position:relative;display:flex;flex-direction:column;gap:7px;align-items:start;padding:16px;border:1px solid #e8ecf3;background:#f8fafd;border-radius:11px;text-align:left;cursor:pointer}.wb-flow b{font-size:25px;color:#53637f}.wb-flow span{font-size:10px;color:#8791a3}.wb-flow i{position:absolute;right:14px;top:16px;color:#b8c1d0;font-size:13px;font-style:normal}.wb-finance{margin-bottom:20px}.wb-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#edf0f5;border-block:1px solid #edf0f5}.wb-finance-grid button{border:0;display:flex;flex-direction:column;gap:9px;align-items:start;padding:20px 22px;background:#fff;text-align:left;cursor:pointer}.wb-finance-grid span{font-size:11px;color:#788498}.wb-finance-grid b{font-size:23px;color:#364764;letter-spacing:-.7px}.wb-finance-grid small{font-size:9px;line-height:1.65;color:#98a1b0}.wb-cashier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 22px 22px}.wb-cashier-grid>button{padding:18px;border:1px solid #e7ebf2;border-radius:12px;text-align:left;background:#fafcfd;cursor:pointer}.wb-cashier-grid h3{margin:10px 0 12px;font-size:14px;color:#44526a}.wb-cashier-grid b{font-size:26px;color:#3e5776;display:block}.wb-cashier-grid small{display:block;color:#98a3b2;font-size:10px;margin-top:8px}.wb-bad{color:#af6244!important}.wb-bottom-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.wb-bottom-links button{display:flex;flex-direction:column;gap:7px;align-items:start;text-align:left;background:#edf0f5;border:0;border-radius:11px;padding:18px;color:#7a879e;cursor:pointer}.wb-bottom-links b{font-size:12px}.wb-bottom-links small{font-size:10px;color:#9da7b6}.wb-home-link{border:0;color:#8e98aa;background:#ffffff08;border-radius:9px;padding:6px 9px;cursor:pointer;margin-left:auto;font-size:18px}
@media(min-width:1200px){body:not(.copycenter-role) .app{grid-template-columns:194px minmax(0,1fr)!important}body:not(.copycenter-role) #sidebar{width:194px!important;padding:17px 10px!important;align-items:stretch!important}body:not(.copycenter-role) #sidebar .brand{padding:0 5px 18px!important;gap:9px!important}body:not(.copycenter-role) #sidebar .brand>div:nth-child(2){display:block!important}body:not(.copycenter-role) #sidebar .brand b{font-size:13px!important}body:not(.copycenter-role) #sidebar .brand small{font-size:8px!important}body:not(.copycenter-role) #sidebar .logo,body:not(.copycenter-role) #sidebar .logo img{height:33px!important;width:33px!important}body:not(.copycenter-role) #sidebar .nav button,body:not(.copycenter-role) #sidebar .nav a{display:flex;flex-direction:row!important;justify-content:start!important;align-items:center!important;gap:9px!important;font-size:11px!important;line-height:1.35!important;min-height:40px!important;padding:9px 10px!important;text-align:left!important;white-space:normal!important}body:not(.copycenter-role) #sidebar .nav button[hidden],body:not(.copycenter-role) #sidebar .nav a[hidden]{display:none!important}body:not(.copycenter-role) #sidebar .nav i{font-size:17px!important;width:18px!important;flex:none!important}body:not(.copycenter-role) #sidebar .side-state{font-size:9px!important;padding:14px 9px!important}body:not(.copycenter-role) #sidebar .side-state b{font-size:9px!important;line-height:1.6!important}body:not(.copycenter-role) #sidebar .nav-group summary{font-size:11px!important;text-align:left!important;padding:12px 10px!important}body:not(.copycenter-role) #sidebar .brand .wb-home-link{display:none}.wb-legacy-finance{display:none!important}}
@media(max-width:1150px){.fh-overview-grid,.wb-home-grid{grid-template-columns:1fr}.fh-metric,.wb-metrics>button{padding:16px}.fh-metric strong,.wb-metrics strong{font-size:23px}.wb-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.fh-days{overflow:auto;grid-template-columns:repeat(7,minmax(105px,1fr))}}
@media(max-width:760px){.fh-metrics,.wb-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fh-metric strong{font-size:22px}.fh-metric small{font-size:9px}.fh-tabs{flex-wrap:nowrap;overflow:auto}.fh-tabs button{white-space:nowrap;flex:none;font-size:11px;padding:10px}.fh-block-head,.wb-panel-head{padding:17px;flex-wrap:wrap}.fh-block-head h2,.wb-panel-head h2{font-size:16px}.fh-days{padding-inline:14px}.wb-finance-grid,.wb-cashier-grid,.wb-bottom-links{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-finance-grid button{padding:16px}.wb-finance-grid b{font-size:21px}.wb-quick>button{padding:13px 10px;gap:8px}.wb-quick i{width:30px;font-size:19px}.wb-quick>button>span:last-child{display:none}.wb-order{padding:16px}.wb-order>span:last-child{display:none}.fh-filters label{min-width:120px}.fh-filters label:first-child{flex-basis:100%}.wb-bottom-links button{padding:15px}.wb-bottom-links small{line-height:1.5}.wb-statusline{font-size:9px}.wb-home-link{display:none}}
#finance-hub a.btn{text-decoration:none}.fh-priority-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:0;border-top:1px solid #edf0f5;padding:16px 22px;cursor:pointer}.fh-priority-row>span:nth-child(2){flex:1;min-width:0}.fh-priority-row b{display:block;font-size:12px;color:#45516a;line-height:1.5}.fh-priority-row small{display:block;font-size:10px;color:#98a1b0;line-height:1.6;margin-top:4px}.fh-priority-row strong{font-size:13px;color:#465e7d;text-align:right;white-space:nowrap}.fh-priority-row strong small{font-size:9px;font-weight:400}.fh-priority-row:hover{background:#fafcfe}
