/**
 * Smart Tools typography — C360 type scale bridge.
 * Reference: css/c360-tokens.css, css/c360-typography.css, css/c360-shell.css
 * Load after c360-typography.css (via hub / BrokerLens module CSS @import).
 */

/* ── Hub pages (Smart Tools hub, mirrors Settings hub) ───────────────────── */

body.broker-c360-ui #content-container .c360-smart-tools-hub .card-title,
body.broker-c360-ui #content-container .c360-settings-hub .card-title {
  font-family: var(--fs);
  font-size: 13px;
  font-weight: 700;
  color: var(--navy);
}

body.broker-c360-ui #content-container .c360-smart-tools-hub .settings-hub-subtitle,
body.broker-c360-ui #content-container .c360-smart-tools-hub .smart-tools-hub-subtitle,
body.broker-c360-ui #content-container .c360-settings-hub .settings-hub-subtitle {
  font-family: var(--fb);
  font-size: var(--c360-body-size);
  font-weight: 400;
  line-height: var(--c360-body-lh);
  color: var(--ch2);
}

body.broker-c360-ui #content-container .c360-smart-tools-hub .settings-tile-label,
body.broker-c360-ui #content-container .c360-settings-hub .settings-tile-label {
  font-family: var(--fs);
  font-size: 12px;
  font-weight: 600;
  color: var(--ch);
  line-height: 1.3;
}

body.broker-c360-ui #content-container .c360-smart-tools-hub .settings-group .c360-type-card-title,
body.broker-c360-ui #content-container .c360-settings-hub .settings-group .c360-type-card-title {
  font-family: var(--fs);
  font-size: 13px;
  font-weight: 700;
  color: var(--navy);
}

/* ── BrokerLens shell baseline ───────────────────────────────────────────── */

body.broker-c360-ui #content-container .c360-brokerlens {
  font-family: var(--fb);
  font-size: var(--c360-body-size);
  line-height: var(--c360-body-lh);
  color: var(--ch);
}

body.broker-c360-ui #content-container .c360-brokerlens .card.c360-card .card-title,
body.broker-c360-ui #content-container .c360-brokerlens .card-h .card-title {
  font-family: var(--fs);
  font-size: 13px;
  font-weight: 700;
  color: var(--navy);
}

body.broker-c360-ui #content-container .c360-brokerlens .form-label:not(.form-check-label):not(.c360-label-sentence),
body.broker-c360-ui #content-container .c360-brokerlens label.col-form-label:not(.c360-label-sentence) {
  font-family: var(--fs);
  font-size: var(--c360-micro-label-size);
  font-weight: 800;
  letter-spacing: var(--c360-micro-label-ls);
  text-transform: none;
  color: var(--ch3);
  margin-bottom: 0.375rem;
  line-height: 1.35;
}

body.broker-c360-ui #content-container .c360-brokerlens .form-control,
body.broker-c360-ui #content-container .c360-brokerlens .form-select,
body.broker-c360-ui #content-container .c360-brokerlens textarea {
  font-family: var(--fb);
  font-size: var(--c360-body-size);
  font-weight: 400;
  color: var(--ch);
}

body.broker-c360-ui #content-container .c360-brokerlens .btn:not(.btn-link) {
  font-family: var(--fs);
  font-size: 12px;
  font-weight: 600;
}

body.broker-c360-ui #content-container .c360-brokerlens .btn-sm:not(.btn-link) {
  font-size: 11.5px;
}

/* Tables — match Claims / Settings c360-tasks-table scale (sentence-case headers) */
body.broker-c360-ui #content-container .c360-brokerlens .table:not(.c360-tasks-table) thead th {
  font-family: var(--fs);
  font-size: var(--c360-table-th-size);
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  letter-spacing: 0;
  color: var(--ch2);
}

body.broker-c360-ui #content-container .c360-brokerlens .table:not(.c360-tasks-table) tbody td {
  font-family: var(--fs);
  font-size: var(--c360-table-td-size);
  font-weight: 400;
  color: var(--ch);
}

/* Comparison section bands — match C360 table header scale (sentence case) */
body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-cmp-sec td {
  font-family: var(--fs);
  font-size: var(--c360-table-th-size);
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  color: var(--ch);
}

body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-cmp-sec .brokerlens-cmp-sec-summary {
  font-family: var(--fb);
  font-size: 11px;
  font-weight: 400;
  color: var(--ch2);
}

body.broker-c360-ui #content-container .c360-brokerlens .c360-tasks-table {
  font-family: var(--fs);
  font-size: var(--c360-table-td-size);
}

/* Topbar chrome */
body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-topbar-brand {
  font-family: var(--fs);
  font-size: 13px;
  font-weight: 800;
}

body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-nav-tab {
  font-family: var(--fs);
  font-size: 11.5px;
  font-weight: 600;
}

body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-stepper {
  font-family: var(--fs);
  font-size: 11.5px;
}

body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-stepper-num {
  font-size: 10px;
  font-weight: 700;
}

/* Client context strip */
body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-bp-name {
  font-family: var(--fs);
  font-size: 13px;
  font-weight: 600;
  color: var(--navy);
}

body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-forms-merged-client-name {
  font-family: var(--fs);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--navy);
  overflow: visible;
}

body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-bp-meta,
body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-bp-context-tag {
  font-family: var(--fs);
  font-size: 11px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-bp-avatar {
  font-family: var(--fs);
  font-size: 12px;
  font-weight: 700;
}

/* Chips / pills */
body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-chip {
  font-family: var(--fs);
  font-size: 12px;
  font-weight: 500;
}

/* Smart Forms hero — Montserrat titles, body subtitle scale */
body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-client-gate-note {
  font-family: var(--fb);
  font-size: var(--c360-body-size);
  color: var(--ch2);
}

body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-form-dropzone-title,
body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-form-dropzone-hint {
  font-family: var(--fb);
  font-size: var(--c360-body-size);
}

/* Phoenix fs-* utilities inside BrokerLens → C360 scale */
body.broker-c360-ui #content-container .c360-brokerlens .fs-9 {
  font-size: 11px !important;
}

body.broker-c360-ui #content-container .c360-brokerlens .fs-10 {
  font-size: 10.5px !important;
}

body.broker-c360-ui #content-container .c360-brokerlens .fs-8 {
  font-size: var(--c360-body-size) !important;
}

body.broker-c360-ui #content-container .c360-brokerlens .text-uppercase:not(.c360-preserve-uppercase) {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Workbench path cards */
body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-path-card-title {
  font-family: var(--fs);
  font-size: 13px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1.3;
}

body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-path-card-desc {
  font-family: var(--fb);
  font-size: var(--c360-body-size);
  color: var(--ch2);
  line-height: var(--c360-body-lh);
}

/* Selected documents list */
body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-selected-name {
  font-family: var(--fb);
  font-size: var(--c360-body-size);
  font-weight: 400;
  color: var(--ch);
}

body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-selected-row .badge {
  font-family: var(--fs);
  font-size: 10.5px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

/* Empty states */
body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-empty-title {
  font-family: var(--fs);
  font-size: 13px;
  font-weight: 700;
  color: var(--ch);
}

body.broker-c360-ui #content-container .c360-brokerlens .brokerlens-empty-msg {
  font-family: var(--fb);
  font-size: 12px;
  color: var(--ch2);
}

/* Client Files detail name */
body.broker-c360-ui #content-container .c360-brokerlens.brokerlens-ui-clients .brokerlens-clients-detail-head .brokerlens-cd-name {
  font-family: var(--fs);
  font-size: 13px;
  font-weight: 700;
  color: var(--navy) !important;
}

body.broker-c360-ui #content-container .c360-brokerlens.brokerlens-ui-clients .brokerlens-clients-detail-head .brokerlens-cd-meta {
  font-family: var(--fs);
  font-size: 11.5px;
  font-weight: 400;
  color: var(--ch2) !important;
}