/* .151: Finance-style work surfaces for Quality, Engineering and Procurement only. */
html.fsg-ui #v8-content .ops-app.ops-finance-style {max-width:1420px;margin:0 auto;color:var(--fsg-text);font:14px/1.55 var(--fsg-font);min-width:0}
html.fsg-ui #v8-content .ops-finance-style .ops-shell {width:100%;min-height:0;margin:0 0 28px;overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent}
html.fsg-ui #v8-content .ops-finance-style .ops-header {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;padding:0 0 20px;background:transparent;border:0;border-radius:0;box-shadow:none}
html.fsg-ui #v8-content .ops-finance-style .ops-header h1 {margin:0 0 10px;font-size:28px;line-height:1.25;letter-spacing:0}
html.fsg-ui #v8-content .ops-finance-style .ops-header p:not(.ops-kicker) {max-width:76ch;margin:0;line-height:1.6}
html.fsg-ui #v8-content .ops-finance-style .ops-header-tools {display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:280px;min-width:0}
html.fsg-ui #v8-content .ops-finance-style .ops-site-scope {font-size:12px;color:var(--fsg-text-muted);line-height:1.5;text-align:right;overflow-wrap:anywhere}
html.fsg-ui #v8-content .ops-finance-style .ops-tabs {margin:0 0 16px!important;max-width:100%;width:fit-content;border-radius:8px;box-shadow:var(--fsg-shadow-1);min-width:0}
html.fsg-ui #v8-content .ops-finance-style .ops-tab {font-size:13px;line-height:1.4;flex:0 0 auto}
html.fsg-ui #v8-content .ops-finance-style .ops-work-surface {padding:14px;background:#eef3f8;border:1px solid #cad5e2;border-radius:0 0 10px 10px;min-width:0}
html.fsg-ui #v8-content .ops-finance-style #opsStatus {background:transparent}
html.fsg-ui #v8-content .ops-finance-style #opsStatus:empty {display:none}
html.fsg-ui #v8-content .ops-finance-style #opsStatus:not(:empty) {margin:0 0 14px}
html.fsg-ui #v8-content .ops-finance-style #opsStatus .ops-alert {margin:0}
html.fsg-ui #v8-content .ops-finance-style .ops-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;border:0;background:transparent}
html.fsg-ui #v8-content .ops-finance-style .ops-metrics[hidden] {display:none!important}
html.fsg-ui #v8-content .ops-finance-style .ops-metric {min-width:0;padding:16px;background:#fff;border:1px solid var(--fsg-line);border-radius:10px;box-shadow:var(--fsg-shadow-1)}
html.fsg-ui #v8-content .ops-finance-style .ops-metric b {font-size:25px;line-height:1.25;overflow-wrap:anywhere;font-weight:600}
html.fsg-ui #v8-content .ops-finance-style .ops-metric span {font-size:13px;line-height:1.45;font-weight:400;margin-top:6px}
html.fsg-ui #v8-content .ops-finance-style #opsBody {padding:0;min-width:0;display:grid;gap:16px}
html.fsg-ui #v8-content .ops-finance-style :is(.ops-grid,.ops-dashboard-grid,.ops-quality-dashboard-grid) {grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;min-width:0}
html.fsg-ui #v8-content .ops-finance-style :is(.ops-card,.ops-quality-command) {padding:18px;background:#fff;border:1px solid var(--fsg-line);border-radius:9px;box-shadow:none;min-width:0;margin:0}
html.fsg-ui #v8-content .ops-finance-style .ops-card h2 {font-size:19px;line-height:1.4;margin:0 0 8px}
html.fsg-ui #v8-content .ops-finance-style .ops-card > p {margin:0 0 16px;line-height:1.6}
html.fsg-ui #v8-content .ops-finance-style .ops-panel-heading {gap:14px;align-items:flex-start;flex-wrap:wrap}
html.fsg-ui #v8-content .ops-finance-style .ops-launch-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
html.fsg-ui #v8-content .ops-finance-style .ops-launch-card {min-width:0;min-height:104px;padding:14px;text-align:left;border-radius:8px;background:#fff;border:1px solid var(--fsg-line);box-shadow:none;white-space:normal}
html.fsg-ui #v8-content .ops-finance-style .ops-launch-card :is(strong,span) {line-height:1.5;overflow-wrap:anywhere}
html.fsg-ui #v8-content .ops-finance-style .ops-workspace-help {padding:0;background:#fff;border:1px solid var(--fsg-line);border-radius:8px;min-width:0}
html.fsg-ui #v8-content .ops-finance-style .ops-workspace-help > summary {padding:12px 16px;min-height:44px;cursor:pointer;font-weight:600;line-height:1.5}
html.fsg-ui #v8-content .ops-finance-style .ops-help-body {padding:0 16px 16px;display:grid;gap:16px}
html.fsg-ui #v8-content .ops-finance-style .ops-help-body > .ops-card {padding:16px 0 0;border:0;border-top:1px solid var(--fsg-line);border-radius:0;background:transparent}
html.fsg-ui #v8-content .ops-finance-style :is(.ops-grid-3,.ops-grid-4) {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html.fsg-ui #v8-content .ops-finance-style .ops-stage-flow {grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
html.fsg-ui #v8-content .ops-finance-style .ops-stage {min-width:0;line-height:1.5;padding:12px;background:var(--fsg-surface-2);border:1px solid var(--fsg-line);border-radius:8px}
html.fsg-ui #v8-content .ops-finance-style .ops-quality-metrics {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0}
html.fsg-ui #v8-content .ops-finance-style .ops-quality-metric {padding:16px;min-width:0;border:1px solid var(--fsg-line);border-radius:9px;background:#fff;box-shadow:var(--fsg-shadow-1);text-align:left}
html.fsg-ui #v8-content .ops-finance-style .ops-quality-metric :is(b,span) {line-height:1.4;overflow-wrap:anywhere}
html.fsg-ui #v8-content .ops-finance-style .ops-quality-command {gap:16px;align-items:center}
html.fsg-ui #v8-content .ops-finance-style .ops-quality-command h2 {font-size:20px;line-height:1.35;margin:4px 0 8px}
html.fsg-ui #v8-content .ops-finance-style .ops-quality-command p:not(.ops-kicker) {margin:0;max-width:80ch;line-height:1.6}
html.fsg-ui #v8-content .ops-finance-style :is(.ops-form,.ops-decision-form) {gap:14px;min-width:0}
html.fsg-ui #v8-content .ops-finance-style .ops-field {min-width:0;gap:6px}
html.fsg-ui #v8-content .ops-finance-style .ops-field :is(input,select,textarea) {max-width:100%;min-width:0;line-height:1.5}
html.fsg-ui #v8-content .ops-finance-style :is(.ops-table-wrap,.ops-table-wrapper) {overflow:auto;max-width:100%;min-width:0}
html.fsg-ui #v8-content .ops-finance-style .ops-table :is(th,td) {padding:12px 10px;line-height:1.5;vertical-align:top}
html.fsg-ui #v8-content .ops-finance-style .ops-table th {background:#f5f8fc;white-space:normal}
html.fsg-ui #v8-content .ops-finance-style .ops-row {min-width:0;line-height:1.5}
html.fsg-ui #v8-content .ops-finance-style .ops-actions.compact {gap:8px;flex-wrap:wrap;min-width:0}
html.fsg-ui #v8-content .ops-finance-style .ops-header-tools .ops-button {background:#fff;color:var(--fsg-text);border:1px solid var(--fsg-line);white-space:normal}
@media(max-width:1100px){html.fsg-ui #v8-content .ops-finance-style :is(.ops-dashboard-grid,.ops-quality-dashboard-grid) {grid-template-columns:minmax(0,1fr)}html.fsg-ui #v8-content .ops-finance-style .ops-stage-flow {grid-template-columns:repeat(2,minmax(0,1fr))}html.fsg-ui #v8-content .ops-finance-style .ops-quality-metrics {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){html.fsg-ui #v8-content .ops-finance-style .ops-header {grid-template-columns:minmax(0,1fr);gap:12px;padding-bottom:16px}html.fsg-ui #v8-content .ops-finance-style .ops-header-tools {flex-direction:row;align-items:center;justify-content:space-between;max-width:none}html.fsg-ui #v8-content .ops-finance-style .ops-site-scope {max-width:48%}html.fsg-ui #v8-content .ops-finance-style .ops-grid {grid-template-columns:minmax(0,1fr)}html.fsg-ui #v8-content .ops-finance-style :is(.ops-metrics,.ops-quality-metrics) {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){html.fsg-ui #v8-content .ops-finance-style .ops-work-surface {padding:10px}html.fsg-ui #v8-content .ops-finance-style :is(.ops-card,.ops-quality-command) {padding:14px}html.fsg-ui #v8-content .ops-finance-style .ops-header h1 {font-size:24px}html.fsg-ui #v8-content .ops-finance-style :is(.ops-form,.ops-grid-3,.ops-grid-4,.ops-launch-grid,.ops-stage-flow) {grid-template-columns:minmax(0,1fr)}html.fsg-ui #v8-content .ops-finance-style .ops-launch-card {min-height:0}html.fsg-ui #v8-content .ops-finance-style .ops-button {min-height:44px;white-space:normal;line-height:1.45}html.fsg-ui #v8-content .ops-finance-style .ops-metric {padding:12px}html.fsg-ui #v8-content .ops-finance-style .ops-metric b {font-size:23px}}
@media(forced-colors:active){html.fsg-ui #v8-content .ops-finance-style :is(.ops-work-surface,.ops-card,.ops-metric,.ops-workspace-help,.ops-quality-metric) {border:1px solid CanvasText;background:Canvas;color:CanvasText}}

html.fsg-ui #v8-content .ops-finance-style .ops-row.active {background:#f6f5f3!important;border-color:var(--fsg-line)!important;border-inline-start:3px solid var(--fsg-orange-ink)!important}
html.fsg-ui #v8-content .ops-finance-style .ops-row:enabled:not([aria-disabled=true]):hover {background:#f3f3f1!important}
