/* Traxtic Operations OS V0.8.6.77 — one canonical four-card KPI geometry.
   Finance is the visual reference. Existing dots/icons/content are preserved. */
:root{--tx-top-kpi-h:104px;--tx-top-kpi-radius:16px;--tx-top-kpi-gap:12px;--tx-top-kpi-pad-y:16px;--tx-top-kpi-pad-x:17px}
:is(.v5-kpi-row.four,.pro-health-strip,#view-invoices .v08657-kpis,#view-customers .v08666-akte-summary,.analytics-kpi-grid,#view-settings .system-status-strip){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--tx-top-kpi-gap)!important;align-items:stretch!important;margin-bottom:14px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important}
:is(.v5-kpi-row.four>article,.pro-health-strip>div,#view-invoices .v08657-kpis>article,#view-customers .v08666-akte-summary>article,.analytics-kpi-grid>article,#view-settings .system-status-strip>div){min-width:0!important;min-height:var(--tx-top-kpi-h)!important;height:var(--tx-top-kpi-h)!important;padding:var(--tx-top-kpi-pad-y) var(--tx-top-kpi-pad-x)!important;border:1px solid var(--border,var(--line))!important;border-radius:var(--tx-top-kpi-radius)!important;background:var(--panel)!important;box-shadow:none!important;box-sizing:border-box!important;align-content:start!important}
/* Health cards retain the semantic dot grid; only their outer surface is canonical. */
.pro-health-strip>div{display:grid!important;grid-template-columns:12px minmax(0,1fr)!important;column-gap:9px!important;align-items:center!important}
.pro-health-strip>div>.health-dot{grid-row:1/3;align-self:start!important;margin-top:4px!important}
.pro-health-strip>div>strong{grid-column:2;font-size:19px!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.015em!important;font-variant-numeric:tabular-nums}
.pro-health-strip>div>small{grid-column:2;margin-top:5px!important;font-size:10.5px!important;line-height:1.35!important;font-weight:650!important;color:var(--text-faint)!important}
:is(.v5-kpi-row.four>article,#view-invoices .v08657-kpis>article,#view-customers .v08666-akte-summary>article,.analytics-kpi-grid>article,#view-settings .system-status-strip>div) small{font-size:10.5px!important;line-height:1.25!important;font-weight:760!important;color:var(--text-faint)!important}
:is(.v5-kpi-row.four>article,#view-invoices .v08657-kpis>article,#view-customers .v08666-akte-summary>article,.analytics-kpi-grid>article,#view-settings .system-status-strip>div) strong{font-size:23px!important;line-height:1.05!important;font-weight:850!important;letter-spacing:-.018em!important;font-variant-numeric:tabular-nums}
:is(.v5-kpi-row.four>article,#view-invoices .v08657-kpis>article,#view-customers .v08666-akte-summary>article,.analytics-kpi-grid>article,#view-settings .system-status-strip>div) :is(em,span:not(.status)){font-size:10.5px!important;line-height:1.35!important;color:var(--text-soft)!important}
/* Icon-based cards retain their icons and horizontal content layout. */
.v5-kpi-row.four>article{align-items:center!important}
@media(max-width:1250px){:is(.v5-kpi-row.four,.pro-health-strip,#view-invoices .v08657-kpis,#view-customers .v08666-akte-summary,.analytics-kpi-grid,#view-settings .system-status-strip){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){:is(.v5-kpi-row.four,.pro-health-strip,#view-invoices .v08657-kpis,#view-customers .v08666-akte-summary,.analytics-kpi-grid,#view-settings .system-status-strip){grid-template-columns:1fr!important}:is(.v5-kpi-row.four>article,.pro-health-strip>div,#view-invoices .v08657-kpis>article,#view-customers .v08666-akte-summary>article,.analytics-kpi-grid>article,#view-settings .system-status-strip>div){height:auto!important;min-height:96px!important}}
/* natural mouse-wheel chaining across nested workspaces */
:is(#view-customers .v06-akte-aside,#view-invoices .finance-workspace,#view-invoices .finance-inspector,.txi-panel .txi-body,.action-modal-card){overscroll-behavior:auto!important}

/* Approved operational KPI family. B1 Analytics and other module surfaces do
   not consume this selector. Container width determines readable card columns. */
.view .tx-top-kpi{container-type:inline-size;min-width:0;max-width:100%;margin:0 0 14px;padding:0;border:0;background:none;box-shadow:none}
.view .tx-top-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}
.view .tx-top-kpi-grid[data-kpi-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.view .tx-top-kpi-card{display:flex;align-items:center;min-width:0;height:120px;box-sizing:border-box;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:none;cursor:default;transform:none;transition:none}
.view .tx-top-kpi-content{display:grid;gap:8px;min-width:0;width:100%;text-align:left}
.view .tx-top-kpi-label{display:block;color:var(--text-soft)!important;font:600 12px/16px var(--tx-ui-font)!important;letter-spacing:0!important;text-transform:none;white-space:nowrap}
.view .tx-top-kpi-value{display:block;color:var(--text)!important;font:710 28px/34px var(--tx-ui-font)!important;letter-spacing:-.3px!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.view .tx-top-kpi-note{display:block;margin-top:-2px;color:var(--text-soft)!important;font:400 11px/16px var(--tx-ui-font)!important;letter-spacing:0!important;white-space:normal;overflow-wrap:anywhere}
@container(max-width:995px){.view .tx-top-kpi-grid[data-kpi-columns]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:479px){.view .tx-top-kpi-grid[data-kpi-columns]{grid-template-columns:minmax(0,1fr)}}