/* Business theme: navy navigation, technology blue actions, quiet grey canvas. */
:root{
  --navy:#10294a;--blue:#2563eb;--bg:#f3f4f6;--line:#e5eaf0;--muted:#64748b;
  --red:#b91c1c;--green:#15803d;--ink:#1f2937;--surface:#fff;--control-radius:8px;
  --shadow-sm:0 1px 2px rgb(15 23 42 / 5%);--shadow-panel:0 2px 8px rgb(15 23 42 / 4%);
}
body.modern-ui{background:var(--bg)!important;color:var(--ink);font-family:"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.55}
body.modern-ui .main{min-width:0;max-width:1680px;padding:24px;align-self:start}
body.modern-ui .side{background:var(--navy);box-shadow:2px 0 12px rgb(15 23 42 / 6%)}
.modern-ui .brand{letter-spacing:.2px}.modern-ui .brand small{color:#b6c8df;font-size:12px}
.modern-ui .nav button{border-radius:8px;padding:10px 12px;margin:4px 0;color:#d6e3f3;min-height:40px}
.modern-ui .nav button.on{background:#1c4475;color:#fff;box-shadow:inset 3px 0 #60a5fa}
.modern-ui .nav button:hover{background:#1a3b63;color:#fff}
.modern-ui :is(.btn,button.link-btn){border-radius:var(--control-radius)!important;box-shadow:var(--shadow-sm);transition:background-color .15s,border-color .15s}
.modern-ui .btn:not(.ghost):not(.danger){background:var(--blue);color:#fff}
.modern-ui .btn.ghost{background:white;border-color:#d7e0ec;color:#334155}
.modern-ui .btn.danger{background:#fff5f5;border-color:#fecaca;color:#b91c1c}
.modern-ui .btn:hover:not(:disabled){filter:brightness(.97)}
.modern-ui button:disabled{cursor:not-allowed;opacity:.55}
.modern-ui :is(input,select,textarea):not([type=checkbox]):not([type=radio]){border-radius:var(--control-radius)!important;border-color:#cbd5e1;box-shadow:var(--shadow-sm);background-color:#fff;color:var(--ink);min-height:36px}
.modern-ui :is(input,select,textarea):focus{border-color:#3b82f6;outline:2px solid #bfdbfe;outline-offset:1px}
.modern-ui :is(button,a,summary,[tabindex]):focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
.modern-ui :is(.panel,.card,.finance-box){border-radius:12px!important;border-color:var(--line);box-shadow:var(--shadow-panel)}
.modern-ui .top{margin-bottom:18px;gap:12px;flex-wrap:wrap}.modern-ui .top h1{font-size:24px;letter-spacing:-.5px;font-weight:750}
.modern-ui .top p{font-size:13px}.modern-ui label{color:#475569}
.modern-ui .tabs button{border-radius:6px 6px 0 0}.modern-ui .tabs button.on{color:#1d4ed8;background:#eff6ff}
.modern-ui .flow-nav-title{color:#a8bfdf;letter-spacing:0}.modern-ui .flow-nav-group{border-color:#254363}
.status-badge{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;padding:4px 9px!important;border-radius:999px!important;font-size:12px!important;font-weight:650!important;line-height:1.5;white-space:nowrap;box-shadow:none!important;border:0!important}
.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none;opacity:.8}
body.modern-ui .status-badge,body.modern-ui #workOrders .status-badge{border-radius:999px!important}
body.modern-ui #workOrderRows .link-btn{background:#eff6ff!important;color:#1d4ed8!important;border:0!important;border-radius:6px!important}
.status-badge--danger{background:#fee2e2!important;color:#991b1b!important}
.status-badge--success{background:#dcfce7!important;color:#166534!important}
.status-badge--warning{background:#fef3c7!important;color:#92400e!important}
.status-badge--neutral{background:#eef2f6!important;color:#475569!important}
.ui-table-scroll{overflow:auto!important;max-height:62vh;position:relative;border:1px solid var(--line);border-radius:10px;scrollbar-gutter:stable}
.ui-table-scroll:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.modern-ui .ui-table-scroll table{border-collapse:separate;border-spacing:0;border:0;width:100%;font-size:13px}
.modern-ui .ui-table-scroll :is(th,td){border:0!important;border-bottom:1px solid #edf1f5!important;padding:12px 10px;vertical-align:middle}
.modern-ui .ui-table-scroll thead{position:sticky;top:0;z-index:3}
.modern-ui .ui-table-scroll th{position:sticky;top:0;background:#f1f5f9!important;color:#475569;font-size:12px;font-weight:650;white-space:nowrap;box-shadow:0 1px 0 #dfe6ee}
.modern-ui .ui-table-scroll tbody tr:nth-child(even)>td{background:#f8fafc}
.modern-ui .ui-table-scroll tbody tr:hover>td{background:#eef5ff}
.modern-ui .ui-table-scroll .workflow-overdue td{background:#fff4f4!important}
.modern-ui .ui-actions-cell{text-align:right!important;white-space:nowrap}
.modern-ui .ui-table-scroll .ui-actions-head{right:0;z-index:4}
.modern-ui .ui-table-scroll .ui-actions-cell{position:sticky;right:0;z-index:1;background:#fff!important;box-shadow:-6px 0 8px rgb(15 23 42 / 3%)}
.modern-ui .ui-actions-cell :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px!important;margin:2px;min-height:32px;min-width:32px;width:auto;font-size:12px;border-radius:7px;border:1px solid #dbe4ef;background:#fff;color:#2454a4;text-decoration:none;vertical-align:middle;box-shadow:var(--shadow-sm)}
.modern-ui .ui-actions-cell .danger{color:#b91c1c;border-color:#fecaca;background:#fff7f7}
.ui-icon{width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.overview-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:4px 0 18px}
.overview-heading h2{margin:0;font-size:19px;color:#183456}.overview-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}
.overview-date{font-size:12px;color:var(--muted);white-space:nowrap}
.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.overview-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow-panel);min-width:0;display:flex;flex-direction:column}
.overview-card-top{display:flex;align-items:center;gap:12px;color:#475569;font-size:13px;font-weight:600}
.overview-symbol{width:42px;height:42px;border-radius:10px;background:var(--tone-bg);color:var(--tone);display:grid;place-items:center;flex:none}.overview-symbol .ui-icon{width:23px;height:23px}
.overview-card strong{font-size:32px;font-weight:750;line-height:1.2;letter-spacing:-.8px;display:block;margin:18px 0 10px;color:#102f52;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.overview-card small{font-size:12px;color:var(--muted);display:block;line-height:1.6;margin-bottom:14px}
.overview-card button{align-self:start;margin-top:auto;background:none;border:0;padding:5px 0;color:var(--tone);font-size:12px;cursor:pointer}
.overview-card[data-tone=blue]{--tone:#1d4ed8;--tone-bg:#dbeafe}.overview-card[data-tone=orange]{--tone:#9a3412;--tone-bg:#ffedd5}.overview-card[data-tone=red]{--tone:#b91c1c;--tone-bg:#fee2e2}.overview-card[data-tone=green]{--tone:#166534;--tone-bg:#dcfce7}
.overview-quick{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:20px}.overview-quick>span{font-size:13px;color:#475569;margin-right:6px}
.overview-details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px}.overview-details>summary{font-weight:650;color:#334155;cursor:pointer;padding:5px 0}.overview-details[open]>summary{margin-bottom:18px}
.overview-details>.ops-summary{margin-top:10px}.overview-details>.panel{box-shadow:none!important;border:0!important;padding:0;margin-top:20px}
.modern-ui #operationsWorkbenchBody{min-width:0}.modern-ui .ops-summary-card{box-shadow:none;border-radius:8px;padding:12px}
.modern-ui #operationsWorkbench .top p{max-width:70ch}
@media(max-width:1100px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-ui #workOrders .toolbar{grid-template-columns:1fr 1fr!important}.modern-ui #workOrders .toolbar>label:first-child{grid-column:1/-1}}
@media(max-width:767px){body.modern-ui .main{padding:14px}.overview-grid{gap:10px}.overview-card{padding:14px}.overview-card strong{font-size:27px}.overview-card-top{gap:8px;font-size:12px}.overview-symbol{width:32px;height:32px}.overview-symbol .ui-icon{width:20px;height:20px}.overview-quick{padding:14px}.overview-heading{align-items:start;flex-direction:column;gap:4px}.overview-details{padding:12px}.modern-ui .ui-actions-cell :is(button,a){min-height:44px;min-width:44px}.ui-table-scroll{max-height:58vh}.modern-ui .top h1{font-size:21px}.modern-ui .top .btn{min-height:40px}}
@media(max-width:390px){.overview-grid{grid-template-columns:1fr}.overview-card{display:grid;grid-template-columns:1fr auto;gap:6px 12px}.overview-card strong{margin:0;grid-column:2;grid-row:1/3;align-self:center}.overview-card small{margin:0}.overview-card button{grid-column:1/-1}}
@media(max-width:767px){.modern-ui #workOrders .row{flex-wrap:wrap;align-items:end}.modern-ui #workOrders .row>label{flex:1 0 100%;min-width:0}.modern-ui #workOrders .row>button{flex:1 1 calc(50% - 8px);max-width:100%;white-space:normal}.modern-ui #financeManagement .reference-actionbar{display:flex;gap:8px;flex-wrap:wrap}.modern-ui #financeManagement .reference-actionbar>*{max-width:100%}}
@media(prefers-reduced-motion:reduce){.modern-ui *{scroll-behavior:auto!important;transition:none!important}}
@media print{.overview-quick,.overview-card button{display:none}.ui-table-scroll{max-height:none!important;overflow:visible!important}.ui-table-scroll thead,.ui-table-scroll th{position:static}.modern-ui .side{display:none}.modern-ui .panel,.overview-card{box-shadow:none}}