/* =========================================================
   UTP V2 Workspace UI Foundation
   ---------------------------------------------------------
   Canonical internal visual grammar for all business
   workspaces.

   Page patterns:
   A. Workspace: Navigation -> Control Surface -> Overview
   B. Register:  Navigation -> Header -> Filters -> List
   C. Dossier:   Navigation -> Entity Header -> Tabs -> Content
   D. Workflow:  Navigation -> Process Header -> Form -> Summary

   Workspace CSS remains allowed and expected for business-
   specific UI. Shared geometry, typography, controls and
   surfaces should consume Platform tokens/components.
   ========================================================= */

/* ---------------------------------------------------------
   01. Page rhythm
   --------------------------------------------------------- */

.utp-ui-page {
    display: grid;
    gap: var(--utp-ui-page-gap);
    min-width: 0;
    font-family: var(--utp-ui-font-family);
    color: var(--utp-ui-text);
}

.utp-ui-section {
    min-width: 0;
}

.utp-ui-stack {
    display: grid;
    gap: var(--utp-ui-space-4);
}

.utp-ui-stack--sm {
    gap: var(--utp-ui-space-3);
}

.utp-ui-stack--lg {
    gap: var(--utp-ui-space-6);
}

/* ---------------------------------------------------------
   02. Canonical content header
   --------------------------------------------------------- */

.utp-ui-page-header,
.utp-ui-entity-header,
.utp-ui-process-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--utp-ui-space-6);
    min-width: 0;
}

.utp-ui-page-header__content,
.utp-ui-entity-header__content,
.utp-ui-process-header__content {
    min-width: 0;
}

.utp-ui-eyebrow {
    margin: 0 0 6px;
    color: var(--utp-ui-accent);
    font-size: var(--utp-ui-font-eyebrow);
    font-weight: var(--utp-ui-weight-strong);
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.utp-ui-title {
    margin: 0;
    color: var(--utp-ui-text);
    font-size: var(--utp-ui-font-page-title);
    font-weight: var(--utp-ui-weight-medium);
    line-height: var(--utp-ui-line-tight);
    letter-spacing: -.025em;
}

.utp-ui-description {
    margin: 6px 0 0;
    max-width: 760px;
    color: var(--utp-ui-text-muted);
    font-size: var(--utp-ui-font-body);
    line-height: var(--utp-ui-line-body);
}

.utp-ui-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--utp-ui-space-2);
    flex-wrap: wrap;
}

/* ---------------------------------------------------------
   03. Shared surfaces
   --------------------------------------------------------- */

.utp-ui-panel,
.utp-ui-card,
.utp-ui-control-surface,
.utp-ui-list,
.utp-ui-table-shell {
    background: var(--utp-ui-surface);
    border: var(--utp-ui-border-width) solid var(--utp-ui-border);
    color: var(--utp-ui-text);
}

.utp-ui-panel {
    border-radius: var(--utp-ui-radius-panel);
    padding: var(--utp-ui-panel-padding-lg);
}

.utp-ui-card {
    border-radius: var(--utp-ui-radius-card);
    padding: var(--utp-ui-panel-padding);
}

.utp-ui-control-surface {
    border-radius: var(--utp-ui-radius-panel);
    padding: var(--utp-ui-panel-padding);
    background: var(--utp-ui-surface-soft);
}

.utp-ui-control-surface--dark {
    border-color: rgba(255,255,255,.08);
    background: var(--utp-ui-nav-bg);
    color: var(--utp-ui-text-on-dark);
    box-shadow: var(--utp-ui-shadow-soft);
}

.utp-ui-list,
.utp-ui-table-shell {
    overflow: hidden;
    border-radius: var(--utp-ui-radius-card);
}

/* ---------------------------------------------------------
   04. Section/card typography
   --------------------------------------------------------- */

.utp-ui-section-title,
.utp-ui-card-title {
    margin: 0;
    color: var(--utp-ui-text);
    font-weight: var(--utp-ui-weight-medium);
    line-height: var(--utp-ui-line-tight);
}

.utp-ui-section-title {
    font-size: var(--utp-ui-font-section-title);
}

.utp-ui-card-title {
    font-size: var(--utp-ui-font-card-title);
}

.utp-ui-body {
    color: var(--utp-ui-text-secondary);
    font-size: var(--utp-ui-font-body);
    line-height: var(--utp-ui-line-body);
}

.utp-ui-helper,
.utp-ui-meta {
    color: var(--utp-ui-text-muted);
    line-height: 1.45;
}

.utp-ui-helper {
    font-size: var(--utp-ui-font-helper);
}

.utp-ui-meta {
    font-size: var(--utp-ui-font-meta);
}

/* ---------------------------------------------------------
   05. Canonical form controls
   --------------------------------------------------------- */

.utp-ui-field {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.utp-ui-label {
    color: var(--utp-ui-text-secondary);
    font-size: var(--utp-ui-font-label);
    font-weight: var(--utp-ui-weight-bold);
    line-height: 1.25;
}

.utp-ui-input,
.utp-ui-select,
.utp-ui-textarea {
    width: 100%;
    min-width: 0;
    border: var(--utp-ui-border-width) solid var(--utp-ui-border-strong);
    border-radius: var(--utp-ui-radius-control);
    background: var(--utp-ui-surface);
    color: var(--utp-ui-text);
    font-family: var(--utp-ui-font-family);
    font-size: var(--utp-ui-font-body);
    font-weight: var(--utp-ui-weight-medium);
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.utp-ui-input,
.utp-ui-select {
    height: var(--utp-ui-control-height);
    padding: 0 14px;
}

.utp-ui-textarea {
    min-height: 112px;
    padding: 12px 14px;
    resize: vertical;
}

.utp-ui-input::placeholder,
.utp-ui-textarea::placeholder {
    color: var(--utp-ui-text-muted);
    opacity: 1;
}

.utp-ui-input:focus,
.utp-ui-select:focus,
.utp-ui-textarea:focus {
    outline: 0;
    border-color: var(--utp-ui-accent);
    box-shadow: 0 0 0 3px rgba(255, 106, 71, .12);
}

/* ---------------------------------------------------------
   06. Buttons
   --------------------------------------------------------- */

.utp-ui-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: var(--utp-ui-control-height);
    padding: 0 16px;
    border: var(--utp-ui-border-width) solid transparent;
    border-radius: var(--utp-ui-radius-control);
    font-family: var(--utp-ui-font-family);
    font-size: var(--utp-ui-font-label);
    font-weight: var(--utp-ui-weight-strong);
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition:
        transform .16s ease,
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease;
}

.utp-ui-button:hover {
    transform: translateY(-1px);
    text-decoration: none;
}

.utp-ui-button--primary {
    background: var(--utp-ui-primary-action);
    border-color: var(--utp-ui-primary-action);
    color: #fff;
}

.utp-ui-button--primary:hover {
    background: var(--utp-ui-primary-action-hover);
    border-color: var(--utp-ui-primary-action-hover);
    color: #fff;
}

.utp-ui-button--accent {
    background: var(--utp-ui-accent);
    border-color: var(--utp-ui-accent);
    color: #fff;
    box-shadow: var(--utp-ui-shadow-control);
}

.utp-ui-button--accent:hover {
    background: var(--utp-ui-accent-hover);
    border-color: var(--utp-ui-accent-hover);
    color: #fff;
}

.utp-ui-button--secondary {
    background: var(--utp-ui-surface-soft);
    border-color: var(--utp-ui-border);
    color: var(--utp-ui-text-secondary);
}

.utp-ui-button--danger {
    background: #fff7f6;
    border-color: #f3d3cf;
    color: var(--utp-ui-danger);
}

/* ---------------------------------------------------------
   07. Status / badges
   --------------------------------------------------------- */

.utp-ui-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: var(--utp-ui-radius-pill);
    background: #f0f2f5;
    color: var(--utp-ui-text-muted);
    font-size: var(--utp-ui-font-meta);
    font-weight: var(--utp-ui-weight-bold);
    line-height: 1;
}

.utp-ui-badge--active,
.utp-ui-badge--accent {
    background: var(--utp-ui-accent-soft);
    color: var(--utp-ui-accent-hover);
}

.utp-ui-badge--success {
    background: #edf8f3;
    color: var(--utp-ui-success);
}

.utp-ui-badge--danger {
    background: #fff1ef;
    color: var(--utp-ui-danger);
}

/* ---------------------------------------------------------
   08. Workspace/module navigation
   --------------------------------------------------------- */

.utp-ui-workspace-nav {
    display: flex;
    align-items: center;
    gap: var(--utp-ui-space-3);
    min-height: var(--utp-ui-nav-height);
    padding: 10px 18px;
    border-radius: var(--utp-ui-nav-radius);
    background: var(--utp-ui-nav-bg);
}

.utp-ui-workspace-nav__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 15px;
    border-radius: var(--utp-ui-radius-control);
    color: rgba(255, 255, 255, .78);
    font-size: var(--utp-ui-font-label);
    font-weight: var(--utp-ui-weight-bold);
    line-height: 1;
    text-decoration: none;
}

.utp-ui-workspace-nav__item.is-active {
    background: var(--utp-ui-accent);
    color: #fff;
    box-shadow: var(--utp-ui-shadow-control);
}

.utp-ui-workspace-nav__item.is-disabled {
    opacity: .45;
    pointer-events: none;
}

/* ---------------------------------------------------------
   09. Dossier / secondary tabs
   --------------------------------------------------------- */

.utp-ui-tabs {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: var(--utp-ui-tabs-height);
    padding: 4px;
    overflow-x: auto;
    border: var(--utp-ui-border-width) solid var(--utp-ui-border);
    border-radius: var(--utp-ui-radius-card);
    background: var(--utp-ui-surface-soft);
}

.utp-ui-tabs__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 10px;
    color: var(--utp-ui-text-secondary);
    font-size: var(--utp-ui-font-label);
    font-weight: var(--utp-ui-weight-bold);
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.utp-ui-tabs__item.is-active {
    background: var(--utp-ui-surface);
    color: var(--utp-ui-accent-hover);
    box-shadow: 0 1px 4px rgba(15, 23, 42, .08);
}

/* ---------------------------------------------------------
   10. Entity / dossier header
   --------------------------------------------------------- */

.utp-ui-entity-header {
    padding: var(--utp-ui-panel-padding-lg);
    border: var(--utp-ui-border-width) solid var(--utp-ui-border);
    border-radius: var(--utp-ui-radius-panel);
    background: var(--utp-ui-surface);
}

.utp-ui-entity-title {
    margin: 0;
    color: var(--utp-ui-text);
    font-size: var(--utp-ui-font-page-title);
    font-weight: var(--utp-ui-weight-medium);
    line-height: var(--utp-ui-line-tight);
    letter-spacing: -.025em;
}

.utp-ui-entity-meta {
    display: flex;
    align-items: center;
    gap: var(--utp-ui-space-3);
    flex-wrap: wrap;
    margin-top: 8px;
    color: var(--utp-ui-text-muted);
    font-size: var(--utp-ui-font-meta);
}

/* ---------------------------------------------------------
   11. Grids
   --------------------------------------------------------- */

.utp-ui-grid {
    display: grid;
    gap: var(--utp-ui-space-4);
    min-width: 0;
}

.utp-ui-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.utp-ui-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.utp-ui-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* ---------------------------------------------------------
   12. Canonical list row
   --------------------------------------------------------- */

.utp-ui-list-row {
    display: grid;
    align-items: center;
    gap: var(--utp-ui-space-4);
    min-height: 62px;
    padding: 12px 16px;
    border-bottom: var(--utp-ui-border-width) solid var(--utp-ui-border);
    background: var(--utp-ui-surface);
}

.utp-ui-list-row:last-child {
    border-bottom: 0;
}

/* ---------------------------------------------------------
   13. Empty state
   --------------------------------------------------------- */

.utp-ui-empty {
    padding: var(--utp-ui-space-8);
    border: var(--utp-ui-border-width) dashed var(--utp-ui-border-strong);
    border-radius: var(--utp-ui-radius-panel);
    background: var(--utp-ui-surface-subtle);
    text-align: center;
}

.utp-ui-empty__title {
    margin: 0;
    color: var(--utp-ui-text);
    font-size: var(--utp-ui-font-card-title);
    font-weight: var(--utp-ui-weight-bold);
}

.utp-ui-empty__description {
    margin: 6px auto 0;
    max-width: 560px;
    color: var(--utp-ui-text-muted);
    font-size: var(--utp-ui-font-body);
    line-height: var(--utp-ui-line-body);
}

/* ---------------------------------------------------------
   14. Compatibility bridge for existing shared Platform
       classes. This centralizes shared values now, while
       business screens migrate incrementally to utp-ui-*.
   --------------------------------------------------------- */

.utp-panel,
.utp-card,
.utp-toolbar,
.utp-workspace-header,
.utp-workspace-panel {
    border-color: var(--utp-ui-border);
    color: var(--utp-ui-text);
    font-family: var(--utp-ui-font-family);
}

.utp-card,
.utp-toolbar {
    border-radius: var(--utp-ui-radius-card);
}

.utp-panel,
.utp-workspace-header,
.utp-workspace-panel {
    border-radius: var(--utp-ui-radius-panel);
}

.utp-btn {
    border-radius: var(--utp-ui-radius-control);
    font-size: var(--utp-ui-font-label);
    font-family: var(--utp-ui-font-family);
}

.utp-badge {
    font-size: var(--utp-ui-font-meta);
}

.utp-workspace-eyebrow,
.utp-kicker,
.utp-eyebrow {
    color: var(--utp-ui-accent);
    font-size: var(--utp-ui-font-eyebrow);
}

.utp-workspace-header__title h1,
.utp-workspace-title {
    color: var(--utp-ui-text);
    font-size: var(--utp-ui-font-page-title);
    font-weight: var(--utp-ui-weight-medium);
}

.utp-workspace-header__title p,
.utp-workspace-subtitle {
    color: var(--utp-ui-text-muted);
    font-size: var(--utp-ui-font-body);
}

/* ---------------------------------------------------------
   15. Tablet
   --------------------------------------------------------- */

@media (max-width: 1024px) {
    .utp-ui-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .utp-ui-page-header,
    .utp-ui-entity-header,
    .utp-ui-process-header {
        align-items: stretch;
        flex-direction: column;
    }

    .utp-ui-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .utp-ui-grid--2,
    .utp-ui-grid--3,
    .utp-ui-grid--4 {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   Workspace Documents utility
   ---------------------------------------------------------
   Documents is a canonical workspace-level utility.
   It is visible in every business workspace even before
   the workspace document module is activated.
   ========================================================= */

.utp-workspace-modules__utilities,
.utp-workspace-modules__market-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--utp-ui-space-2);
    margin-left: auto;
}

.utp-workspace-modules__item.is-disabled {
    opacity: .42;
    cursor: default;
    pointer-events: none;
    user-select: none;
}

.utp-workspace-modules__documents-link {
    white-space: nowrap;
}

/* ---------------------------------------------------------
   16. Canonical Workspace Home Pattern
   Navigation -> Primary Control Surface -> Summary Strip -> End
   --------------------------------------------------------- */

.utp-ui-summary-strip {
    display: grid;
    gap: var(--utp-ui-space-4);
    min-width: 0;
}

.utp-ui-summary-strip--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.utp-ui-summary-strip--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.utp-ui-summary-card {
    display: grid;
    align-content: start;
    gap: 8px;
    min-width: 0;
    min-height: 126px;
    padding: var(--utp-ui-panel-padding);
    border: var(--utp-ui-border-width) solid var(--utp-ui-border);
    border-radius: var(--utp-ui-radius-card);
    background: var(--utp-ui-surface);
    color: var(--utp-ui-text);
    text-decoration: none;
}

.utp-ui-summary-card:hover { text-decoration: none; }

.utp-ui-summary-card__label {
    color: var(--utp-ui-accent);
    font-size: var(--utp-ui-font-eyebrow);
    font-weight: var(--utp-ui-weight-strong);
    letter-spacing: .07em;
    text-transform: uppercase;
}

.utp-ui-summary-card__value {
    color: var(--utp-ui-text);
    font-size: var(--utp-ui-font-card-title);
    font-weight: var(--utp-ui-weight-semibold);
    line-height: var(--utp-ui-line-tight);
}

.utp-ui-summary-card__meta {
    color: var(--utp-ui-text-muted);
    font-size: var(--utp-ui-font-body);
    line-height: var(--utp-ui-line-body);
}

.utp-ui-summary-card.is-planned {
    background: var(--utp-ui-surface-subtle);
    opacity: .72;
}

.utp-ui-home-placeholder-control {
    display: grid;
    gap: 4px;
    margin-top: var(--utp-ui-space-5);
    min-height: var(--utp-ui-control-height-lg);
    padding: 12px 14px;
    border: var(--utp-ui-border-width) dashed var(--utp-ui-border-strong);
    border-radius: var(--utp-ui-radius-control);
    background: var(--utp-ui-surface-subtle);
}

@media (max-width: 1100px) {
    .utp-ui-summary-strip--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* =========================================================
   17. Canonical Workspace Home renderer
   Navigation -> Primary Control Surface -> Summary Strip -> End
   ========================================================= */

.utp-ui-workspace-home {
    display: grid;
    gap: var(--utp-ui-space-5);
    min-width: 0;
}

.utp-ui-workspace-home__control {
    display: grid;
    gap: var(--utp-ui-space-5);
}

.utp-ui-workspace-home__header {
    min-width: 0;
}

.utp-ui-workspace-home__controls {
    min-width: 0;
}

.utp-ui-workspace-home__controls form {
    margin: 0;
}

.utp-ui-workspace-home .utp-ui-summary-card {
    position: relative;
}

.utp-ui-workspace-home .utp-ui-summary-card:not(.is-planned):hover {
    border-color: var(--utp-ui-border-accent);
}

.utp-ui-summary-card__status {
    margin-top: auto;
    color: var(--utp-ui-text-muted);
    font-size: var(--utp-ui-font-meta);
    font-weight: var(--utp-ui-weight-bold);
    text-transform: uppercase;
}

.utp-ui-workspace-home__filter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, .45fr) auto;
    gap: var(--utp-ui-space-3);
    align-items: end;
}

.utp-ui-workspace-home__filter--4 {
    grid-template-columns: minmax(0, 1.4fr) minmax(180px, .65fr) minmax(160px, .5fr) auto;
}

.utp-ui-workspace-home__filter .utp-ui-field {
    min-width: 0;
}

@media (min-width: 768px) and (max-width: 1120px) {
    .utp-ui-workspace-home__filter,
    .utp-ui-workspace-home__filter--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Canonical operational overview: composed dark surface with internal dividers.
   Visual geometry follows Directory's existing home surface; no workspace-local values. */
.utp-ui-operational-overview {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,.36);
    border-radius: 26px;
    background: linear-gradient(135deg,rgba(29,40,57,.9),rgba(29,31,42,.88) 52%,rgba(20,31,47,.9));
    box-shadow: 0 24px 70px rgba(2,6,23,.2);
    backdrop-filter: blur(20px);
    color: var(--utp-ui-text-on-dark);
}
.utp-ui-operational-overview__heading { padding: var(--utp-ui-panel-padding-lg); border-bottom: 1px solid rgba(148,163,184,.16); }
.utp-ui-operational-overview__heading h2 { margin: 0; color: inherit; font-size: var(--utp-ui-font-page-title); font-weight: var(--utp-ui-weight-strong); }
.utp-ui-operational-overview__metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.utp-ui-operational-overview__metric { display: flex; flex-direction: column; gap: var(--utp-ui-space-2); min-width: 0; padding: var(--utp-ui-panel-padding-lg); }
.utp-ui-operational-overview__metric + .utp-ui-operational-overview__metric { border-left: 1px solid rgba(148,163,184,.16); }
.utp-ui-operational-overview__label { color: var(--utp-ui-text-on-dark); font-size: var(--utp-ui-font-body); }
.utp-ui-operational-overview__value { font-size: var(--utp-ui-font-page-title); line-height: var(--utp-ui-line-tight); }
.utp-ui-operational-overview__hint { color: rgba(255,255,255,.65); font-size: var(--utp-ui-font-eyebrow); }
.utp-ui-operational-overview__activity { border-top: 1px solid rgba(148,163,184,.16); padding: var(--utp-ui-panel-padding-lg); }
.utp-ui-operational-overview__activity-header { display: flex; align-items: center; justify-content: space-between; gap: var(--utp-ui-space-4); }
.utp-ui-operational-overview__activity-header h3 { margin: 0; color: inherit; font-size: var(--utp-ui-font-body); }
.utp-ui-operational-overview__activity-header > span { color: rgba(255,255,255,.65); }
.utp-ui-operational-overview__columns { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: var(--utp-ui-space-3); padding: var(--utp-ui-space-4) 0; border-bottom: 1px solid rgba(148,163,184,.16); color: rgba(255,255,255,.65); }
.utp-ui-operational-overview__columns span:last-child { text-align: right; }
.utp-ui-operational-overview__empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--utp-ui-space-2); min-height: 120px; text-align: center; color: rgba(255,255,255,.7); }
.utp-ui-operational-overview__empty strong { color: var(--utp-ui-text-on-dark); }
@media(max-width: 900px) { .utp-ui-operational-overview__metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .utp-ui-operational-overview__metric:nth-child(3) { border-left: 0; } .utp-ui-operational-overview__metric:nth-child(n+3) { border-top: 1px solid rgba(148,163,184,.16); } }

/* Finance Overview shell: same transparent outer-frame treatment as Directory Home.
   Scope strictly to the overview; Finance operational modules retain the light frame. */
html body .utp-platform-workspace-window:has(.utp-finance-home) {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
/* Use the exact Directory Home canonical dark surface rather than a new Finance palette. */
html body .utp-platform-workspace-window .utp-finance-home .utp-ui-operational-overview {
    border: 1px solid rgba(148,163,184,.36);
    border-radius: 26px;
    background: linear-gradient(135deg,rgba(29,40,57,.9),rgba(29,31,42,.88) 52%,rgba(20,31,47,.9));
    box-shadow: 0 24px 70px rgba(2,6,23,.2);
    backdrop-filter: blur(20px);
    color: #fff;
}
/* Shared workspace heading rules default to dark text; dark control surfaces override them. */
html body .utp-platform-workspace-window .utp-finance-home .utp-ui-operational-overview__heading h2,
html body .utp-platform-workspace-window .utp-finance-home .utp-ui-operational-overview__activity-header h3 {
    color: #fff;
}
html body .utp-platform-workspace-window .utp-finance-home .utp-ui-operational-overview__columns,
html body .utp-platform-workspace-window .utp-finance-home .utp-ui-operational-overview__activity-header > span,
html body .utp-platform-workspace-window .utp-finance-home .utp-ui-operational-overview__empty > span {
    color: rgba(255,255,255,.7);
}
html body .utp-platform-workspace-window .utp-finance-home .utp-ui-operational-overview__empty strong {
    color: #fff;
}

/* Finance V1: compact operational register headings and empty state only. */
.utp-finance-home .utp-ui-operational-overview__columns { padding: var(--utp-ui-space-2) 0; font-size: var(--utp-ui-font-label); }
.utp-finance-home .utp-ui-operational-overview__empty { min-height: 64px; gap: var(--utp-ui-space-1); padding: var(--utp-ui-space-2) 0; font-size: var(--utp-ui-font-label); }
.utp-finance-home .utp-ui-operational-overview__empty strong { font-size: var(--utp-ui-font-body); }