/* Operator cabinet — single UI typeface (overrides legacy Arial/Verdana rules). */
:root {
  --cabinet-font: "Varela Round", "Segoe UI", sans-serif;
}

body,
body .app-layout,
body #app-auth-gate,
body .app-office-setup-gate,
body .app-connect-error-gate,
body .agency-profile-picker,
body #app-connecting-overlay,
body .app-connecting-overlay,
body .office-sending-column,
body .read-letter-notify,
body .office-notify-stack,
.mode-compose-sender,
#app-boot-spinner,
#app-mode-spinner {
  font-family: var(--cabinet-font);
}

body .app-layout :not(i[class*="fi-rr-"]),
body #app-auth-gate :not(i[class*="fi-rr-"]),
body .app-office-setup-gate :not(i[class*="fi-rr-"]),
body .app-connect-error-gate :not(i[class*="fi-rr-"]),
body .agency-profile-picker :not(i[class*="fi-rr-"]),
body #app-connecting-overlay :not(i[class*="fi-rr-"]),
body .app-connecting-overlay :not(i[class*="fi-rr-"]),
body .office-sending-column :not(i[class*="fi-rr-"]),
.mode-compose-sender :not(i[class*="fi-rr-"]),
#app-boot-spinner :not(i[class*="fi-rr-"]),
#app-mode-spinner :not(i[class*="fi-rr-"]) {
  font-family: var(--cabinet-font) !important;
}

i[class^="fi-rr-"]:before,
i[class*=" fi-rr-"]:before {
  font-family: uicons-regular-rounded !important;
}