/* Shared supporting information in the staff CRM. Primary records, editable
   values, status colours and invoice documents keep their own typography. */
:root {
    --secondary-text-color: #606f83;
    --secondary-text-size: 12px;
    --secondary-value-size: 13px;
    --secondary-heading-size: 14px;
    --secondary-text-weight: 400;
}

.app-shell:not(.customer-portal-shell) :is(
    .muted,
    .field-help,
    .field-note,
    .entity-meta,
    .summary-label,
    .settings-note,
    .settings-copy-row > span,
    .settings-field-label > label,
    .field-label-text,
    .panel-title .muted,
    .record-summary-kicker,
    .record-summary-list-row > span:first-child,
    .record-meta-copy > strong,
    .record-meta-grid > div > strong,
    .detail-card > strong,
    .project-quick-summary-item > span,
    .agreement-summary-item > span,
    .agreement-support-summary > span,
    .support-ticket-subject-meta,
    .support-message-sender-line > span,
    .support-file-selection,
    .support-sidebar-field > span,
    .support-sidebar-readonly-row > span,
    .support-sidebar-field-heading > label,
    .support-compose-meta-row > span:first-child,
    .secondary-info-label
):where(:not(.invoice-preview-document *)) {
    color: var(--secondary-text-color);
    font-size: var(--secondary-text-size);
    font-weight: var(--secondary-text-weight);
    line-height: 1.45;
    text-transform: none;
    letter-spacing: normal;
}

.app-shell:not(.customer-portal-shell) .table .muted:where(:not(.invoice-preview-document *)) {
    font-size: inherit;
}

.app-shell:not(.customer-portal-shell) :is(
    .panel-title h2,
    .panel-title h3,
    .detail-card > h3,
    .settings-field-group-heading > h3,
    .settings-footer-title,
    .secondary-info-heading
):where(:not(.invoice-preview-document *)) {
    color: var(--secondary-text-color);
    font-size: var(--secondary-heading-size);
    font-weight: var(--secondary-text-weight);
    line-height: 1.4;
}

/* Customer overview cards and the shared record information used by Sales,
   Projects, HR and Admin. Semantic badges retain their warning/status colour. */
.app-shell:not(.customer-portal-shell) :is(
    .record-summary-list-row > strong,
    .record-summary-list-row > .record-summary-link,
    .record-meta-copy > span:not(.badge, .status-badge),
    .empty-state,
    .agreement-support-summary > strong,
    .agreement-secondary-card > p,
    .agreement-secondary-card > p > strong,
    .support-compose-meta-row > strong,
    .support-sidebar-readonly-row > strong,
    .support-message-sender-line > strong,
    .attendance-automation-message,
    .secondary-info-value
):where(:not(.invoice-preview-document *)) {
    color: var(--secondary-text-color);
    font-size: var(--secondary-value-size);
    font-weight: var(--secondary-text-weight);
    line-height: 1.45;
}

.app-shell:not(.customer-portal-shell) .record-summary-list-row > .record-summary-link:hover,
.app-shell:not(.customer-portal-shell) .record-summary-list-row > .record-summary-link:focus-visible {
    color: var(--brand-primary);
    text-decoration: underline;
}

/* Keep customer/project identity and numerical summary metrics prominent. */
.app-shell:not(.customer-portal-shell) .record-summary-list-row.is-contrast-row > :is(strong, .record-summary-link):where(:not(.invoice-preview-document *)) {
    color: var(--ink);
    font-size: 14px;
}

.app-shell:not(.customer-portal-shell) .project-progress-sidebar :is(
    .project-progress-heading h3,
    .project-progress-section-title h4,
    .project-access-panel h3
):where(:not(.invoice-preview-document *)) {
    color: var(--secondary-text-color);
    font-size: var(--secondary-value-size);
    font-weight: var(--secondary-text-weight);
    line-height: 1.4;
}

.app-shell:not(.customer-portal-shell) .project-progress-sidebar :is(
    .project-progress-score > span,
    .project-progress-dates dt,
    .project-progress-dates dd,
    .project-progress-section-title > span,
    .project-progress-empty > strong,
    .project-progress-empty > p,
    .project-progress-good,
    .project-action-item > div > strong,
    .project-action-item p,
    .project-action-item p > b,
    .project-milestone-summary-copy > strong,
    .project-milestone-summary-copy > small,
    .project-milestone-detail > p,
    .project-milestone-form > label,
    .project-access-panel .muted
):where(:not(.invoice-preview-document *)) {
    color: var(--secondary-text-color);
    font-size: var(--secondary-text-size);
    font-weight: var(--secondary-text-weight);
    line-height: 1.45;
}

/* Dense status/reference cards use the same supporting size; headline totals
   in normal summary cards and primary table cells are intentionally separate. */
.app-shell:not(.customer-portal-shell) :is(
    .attendance-automation-summary,
    .settings-detail-summary
) .summary-value {
    color: var(--secondary-text-color);
    font-size: var(--secondary-value-size);
    font-weight: var(--secondary-text-weight);
    line-height: 1.45;
}