/* UFOMS 1.7 Executive Design System. Namespaced to avoid changing business forms. */
:root{--ufx-navy:#142e42;--ufx-teal:#087f8c;--ufx-surface:#fff;--ufx-border:#e2eaf0;--ufx-muted:#68798a;--ufx-shadow:0 12px 36px rgba(22,48,65,.055)}
.ufoms-icon-sprite{pointer-events:none}.ufx-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.nav-link .nav-glyph{display:inline-flex;align-items:center;justify-content:center}.nav-link .nav-glyph .ufx-icon{width:18px;height:18px}
body.has-session{background:#f4f7fa}.topbar{border-bottom:1px solid #e1e9ef}.sidebar{background:linear-gradient(185deg,#142e42,#102537 80%)}.nav-group[open]{background:rgba(255,255,255,.045)}
.ufx-shell{color:#213448;font-size:.91rem;--ufx-accent:var(--accent,#087f8c)}.ufx-shell *{box-sizing:border-box}.ufx-shell button,.ufx-shell input,.ufx-shell select{font:inherit}.ufx-shell a{text-decoration:none}
.ufx-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 0 20px}.ufx-header-title h1{font-size:clamp(1.55rem,2vw,2.05rem);line-height:1.25;color:#142e42;margin:7px 0}.ufx-header-title p{margin:0;color:#65798c;max-width:760px;font-size:.89rem}.ufx-eyebrow{color:#168792;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:850}.ufx-live-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#13a98f;margin-inline-end:7px;box-shadow:0 0 0 4px #d7f8f0}.ufx-header-actions{display:flex;flex-wrap:wrap;gap:8px}
.ufx-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border-radius:11px;cursor:pointer;border:1px solid #d5e0e9;font-size:.83rem;font-weight:800;white-space:nowrap}.ufx-button .ufx-icon{width:17px;height:17px}.ufx-button-primary{background:#087f8c;border-color:#087f8c;color:white}.ufx-button-muted{background:white;color:#284457}.ufx-button:hover{filter:brightness(.96);transform:translateY(-1px)}.ufx-button:disabled{opacity:.6;cursor:wait}
.ufx-filterbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:white;border:1px solid var(--ufx-border);border-radius:16px;padding:14px 16px;box-shadow:var(--ufx-shadow)}.ufx-field{display:grid;gap:5px;min-width:140px;flex:1}.ufx-field label{font-size:.73rem;font-weight:750;color:#597080}.ufx-field select,.ufx-field input{width:100%;min-height:39px;margin:0;border:1px solid #d9e4ec;border-radius:9px;padding:7px 10px;color:#213448;background:#fbfdff;max-width:none}.ufx-custom-dates{display:flex;gap:12px;flex:2}.ufx-custom-dates[hidden]{display:none}.ufx-apply{flex:0 0 auto}.ufx-livebar{display:flex;justify-content:space-between;align-items:center;color:#7a8a96;font-size:.74rem;padding:9px 3px 15px;gap:8px}.ufx-livebar [role=status]{display:inline-flex;gap:5px;align-items:center}.ufx-shell.is-loading #ufx-content{opacity:.48;pointer-events:none;transition:opacity .18s}
.ufx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.ufx-metric{display:flex;min-width:0;flex-direction:column;gap:11px;background:white;border:1px solid var(--ufx-border);border-radius:16px;padding:17px 17px 14px;color:#1b3445;box-shadow:var(--ufx-shadow);transition:transform .18s,box-shadow .18s,border-color .18s}.ufx-metric:hover{transform:translateY(-3px);border-color:#9ccbd1;box-shadow:0 16px 30px rgba(14,66,85,.1)}.ufx-metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ufx-metric-label{font-size:.8rem;color:#63788a;font-weight:750;line-height:1.5}.ufx-metric-icon{border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#eaf3fa;color:#2f6888;padding:10px}.ufx-metric-icon .ufx-icon{width:20px;height:20px}.ufx-tone-success .ufx-metric-icon{background:#e1f8ef;color:#158565}.ufx-tone-warning .ufx-metric-icon{background:#fff0df;color:#c67b21}.ufx-tone-attention .ufx-metric-icon{background:#f3eaff;color:#8053bd}.ufx-tone-tasks .ufx-metric-icon{background:#e4f6f8;color:#0b8190}.ufx-metric-value{font-size:clamp(1.65rem,2.25vw,2.35rem);line-height:1;font-weight:850;letter-spacing:-.045em;color:#183247;font-variant-numeric:tabular-nums}.ufx-metric-foot{font-size:.73rem;font-weight:700;display:flex;align-items:center;gap:3px;color:#338b91}.ufx-metric-foot .ufx-icon{width:13px;height:13px;transform:rotate(180deg)}[dir=ltr] .ufx-metric-foot .ufx-icon{transform:rotate(0)}
.ufx-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:16px;margin-bottom:17px}.ufx-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ufx-panel{min-width:0;background:#fff;border:1px solid var(--ufx-border);border-radius:17px;padding:19px;box-shadow:var(--ufx-shadow)}.ufx-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.ufx-panel-heading h2{margin:5px 0 0;font-size:1.04rem;color:#1b3448}.ufx-text-link{color:#087f8c;font-size:.79rem;font-weight:750;white-space:nowrap}.ufx-text-link:hover{text-decoration:underline}.ufx-chart-layout{display:grid;grid-template-columns:185px minmax(0,1fr);align-items:center;gap:22px}.ufx-donut-wrap{text-align:center}.ufx-donut{width:156px;height:156px;border-radius:50%;background:conic-gradient(#087f8c var(--ufx-completion),#e8f0f3 0);display:grid;place-items:center;margin:auto;position:relative}.ufx-donut::before{position:absolute;content:"";inset:15px;background:white;border-radius:50%}.ufx-donut-center{z-index:1;display:grid;gap:2px}.ufx-donut-center strong{font-size:1.75rem;font-weight:850;color:#183549}.ufx-donut-center small{font-size:.72rem;color:#718697}.ufx-chart-summary{font-size:.75rem;color:#758797;margin:12px 0 0}.ufx-chart-bars{display:grid;gap:9px}.ufx-bar-item{display:block;border:1px solid transparent;padding:3px 5px 6px;border-radius:9px;color:#274457}.ufx-bar-item:hover,.ufx-bar-item.is-selected{background:#f1f8fa;border-color:#cfe7ea}.ufx-bar-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.77rem;margin-bottom:6px}.ufx-bar-meta strong{font-variant-numeric:tabular-nums}.ufx-bar-track{display:block;overflow:hidden;width:100%;height:8px;background:#e9f0f3;border-radius:99px}.ufx-bar-fill{display:block;height:100%;border-radius:99px;background:#087f8c;min-width:0;transition:width .2s}.ufx-status-completed{background:#13a57b}.ufx-status-awaiting_review{background:#a88ae5}.ufx-status-paused,.ufx-status-waiting_materials{background:#e7a656}.ufx-status-returned{background:#dc7777}.ufx-status-new{background:#7895ad}
.ufx-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ufx-quick-links a{padding:12px 11px;display:flex;align-items:center;gap:9px;min-width:0;border:1px solid #e2ebef;border-radius:11px;background:#f9fbfc;color:#1b3d50;font-size:.77rem;font-weight:750}.ufx-quick-links a>.ufx-icon:first-child{color:#168893}.ufx-quick-links a:hover{border-color:#a2d5d8;background:#eff9fa}.ufx-quick-links a span{flex:1}.ufx-quick-arrow{width:14px;height:14px;opacity:.55;transform:rotate(180deg)}[dir=ltr] .ufx-quick-arrow{transform:none}.ufx-tip{display:flex;gap:9px;align-items:start;margin-top:18px;background:#f1f8f9;border-radius:12px;color:#53788b;padding:12px}.ufx-tip .ufx-icon{margin-top:2px;color:#087f8c}.ufx-tip p{margin:0;font-size:.75rem;line-height:1.7}
.ufx-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px;border-bottom:1px solid #ebeff3;padding-bottom:10px}.ufx-tab{cursor:pointer;background:transparent;border:1px solid transparent;border-radius:9px;padding:7px 11px;color:#607789;font-size:.76rem;font-weight:750}.ufx-tab:hover,.ufx-tab.is-active{background:#eaf8f8;border-color:#c9e6e7;color:#087f8c}.ufx-table-scroll{overflow-x:auto;max-width:100%}.ufx-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.78rem}.ufx-table th{text-align:start;font-size:.72rem;padding:11px 9px;color:#728798;background:#f7fafc;font-weight:850;border-bottom:1px solid #e7edf1}.ufx-table td{padding:12px 9px;border-bottom:1px solid #edf1f4;color:#405769;vertical-align:middle}.ufx-table tbody tr:hover{background:#f8fcfd}.ufx-table tbody tr[hidden]{display:none}.ufx-strong-link{display:block;color:#224961;font-weight:750;white-space:normal;min-width:120px}.ufx-strong-link:hover{color:#078c97;text-decoration:underline}.ufx-cell-sub{display:block;color:#90a0ad;font-size:.7rem;margin-top:4px;direction:ltr;text-align:start}.ufx-pill{display:inline-block;border-radius:99px;padding:5px 8px;white-space:nowrap;font-size:.7rem;font-weight:800;color:#4e6474;background:#f0f4f6}.ufx-pill-completed{background:#e0f8ed;color:#117c5d}.ufx-pill-in_progress,.ufx-pill-new{background:#e6f5ff;color:#246991}.ufx-pill-awaiting_review{background:#f1ebfb;color:#744baa}.ufx-pill-wait,.ufx-pill-waiting_materials,.ufx-pill-paused{background:#fff3e5;color:#a66a2d}.ufx-pill-returned{background:#ffeded;color:#a94848}.ufx-mini-button{border:0;border-radius:8px;background:#087f8c;color:white;cursor:pointer;padding:7px 11px;font-size:.73rem;font-weight:800}.ufx-mini-button:hover{background:#096876}.ufx-empty{text-align:center;padding:27px!important;color:#8697a4!important}.ufx-muted{font-size:.77rem;color:#7c8d98}.ufx-list-note{margin-top:12px}.ufx-active-filter{display:flex;align-items:center;gap:9px;font-size:.78rem;padding:8px 11px;border-radius:10px;background:#ecf7f8;margin-bottom:10px;color:#236b74}.ufx-active-filter a{color:#087f8c;font-weight:800}
/* All table pages: lighter headers and coherent interactive states */
.page-content>.panel .table-wrap, .page-content>.panel>.table-wrap{border-radius:13px;border-color:#e1eaf0}.page-content .table-wrap table thead th{font-weight:800;letter-spacing:.008em;background:#f5f8fa}.page-content .table-wrap tbody tr:hover{background:#f0f9fa}.page-content .badge{border-radius:99px;padding:.25em .65em}
.ufx-approvals-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.ufx-approvals-heading h1{margin:0}.ufx-approval-landing{background:white;border:1px solid #e2ebf0;border-radius:17px;box-shadow:var(--ufx-shadow);padding:18px;margin-top:16px}.ufx-approval-landing .table-wrap{border:1px solid #e4edf1}.ufx-approval-landing .table-wrap table th{background:#f4f8fa}.ufx-approval-landing .table-wrap tbody tr:hover{background:#eff9fa}
@media(max-width:1280px){.ufx-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ufx-main-grid{grid-template-columns:minmax(0,1fr) minmax(245px,.8fr)}}
@media(max-width:960px){.ufx-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ufx-main-grid,.ufx-bottom-grid{grid-template-columns:1fr}.ufx-chart-layout{grid-template-columns:180px 1fr}}
@media(max-width:640px){.ufx-header{flex-wrap:wrap}.ufx-header-actions{width:100%}.ufx-header-actions .ufx-button{flex:1}.ufx-metrics{gap:9px}.ufx-metric{padding:13px;min-height:128px}.ufx-metric-value{font-size:1.75rem}.ufx-metric-icon{padding:7px}.ufx-metric-label{font-size:.74rem}.ufx-chart-layout{display:flex;flex-direction:column}.ufx-chart-bars{width:100%}.ufx-filterbar{gap:9px}.ufx-field{min-width:120px}.ufx-custom-dates{width:100%;flex-basis:100%}.ufx-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.ufx-panel{padding:15px}.ufx-livebar{flex-wrap:wrap}.ufx-approvals-heading{flex-wrap:wrap}}
@media(max-width:380px){.ufx-metrics{grid-template-columns:1fr 1fr}.ufx-metric{padding:11px}.ufx-metric-icon .ufx-icon{width:16px;height:16px}.ufx-quick-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ufx-shell *, .ufx-shell *::before,.ufx-shell *::after{transition:none!important;animation:none!important}}
@media print{.ufx-filterbar,.ufx-header-actions,.ufx-apply,.ufx-tabs,.sidebar,.topbar{display:none!important}.ufx-panel,.ufx-metric{box-shadow:none!important;break-inside:avoid}.ufx-metrics{grid-template-columns:repeat(4,1fr)}}