/* Readability layer — loaded last so ClinicOS stays comfortable on large screens. */
body {
  font-size: 14px;
  line-height: 1.65;
}

button,
input,
select,
textarea {
  font-size: 13.5px;
}

.primary,
.secondary {
  min-height: 44px;
  font-size: 13px;
}

.brand-row > div > b,
.login-brand b,
.mobile-logo b {
  font-size: 21px;
}

.brand-row small,
.login-brand small,
.branch-picker small,
.profile-row small {
  font-size: 10.5px;
}

.branch-picker b,
.profile-row b {
  font-size: 12.5px;
}

.sidebar nav > p {
  font-size: 10.5px;
}

.nav-item {
  min-height: 46px;
}

.nav-item span {
  font-size: 13px;
}

.nav-item i {
  font-size: 17px;
}

.nav-item small {
  min-width: 22px;
  font-size: 10px;
}

.global-search input {
  font-size: 13px;
}

.global-search kbd,
.system-live,
.today small {
  font-size: 10.5px;
}

.today b {
  font-size: 12px;
}

.welcome .eyebrow,
.module-hero .eyebrow {
  font-size: 11.5px;
}

.welcome h1 {
  font-size: 30px;
  line-height: 1.35;
}

.welcome p {
  font-size: 13px;
}

.stat-card small,
.module-stat small {
  font-size: 11.5px;
}

.stat-card strong {
  font-size: 27px;
}

.stat-card p,
.module-stat p {
  font-size: 10.5px;
}

.card-head h2,
.table-toolbar h2 {
  font-size: 17px;
}

.card-head p,
.table-toolbar p {
  font-size: 11.5px;
}

.text-button,
.select {
  font-size: 11.5px;
}

.appointment-time b,
.patient-info b,
.queue-row b,
.quick-grid b,
.patient-cell b,
.activity-row b,
.load-row b {
  font-size: 12.5px;
}

.appointment-time small,
.patient-info small,
.queue-row small,
.quick-grid small,
.patient-cell small,
.activity-row small,
.load-row small,
.doctor-info,
.status,
.tag {
  font-size: 10.5px;
}

.quick-grid > button {
  min-height: 92px;
}

table th {
  font-size: 11.5px;
}

table td {
  font-size: 12.5px;
}

.module-hero h2 {
  font-size: 22px;
}

.module-hero p {
  font-size: 12px;
}

.module-stat strong,
.record-summary b {
  font-size: 22px;
}

.record-summary small,
.record-details p,
.guide-copy p {
  font-size: 11.5px;
}

.guide-copy > b {
  font-size: 14px;
}

.notification-row b {
  font-size: 12px;
}

.notification-row span,
.notification-row small {
  font-size: 10.5px;
}

.modal-head h2 {
  font-size: 20px;
}

.modal-head p {
  font-size: 12px;
}

.form-grid label > span,
.surface-field > span {
  font-size: 11.5px;
}

.form-grid input,
.form-grid select,
.form-grid textarea {
  font-size: 13px;
}

.safe-note,
.safe-note p,
.toast p,
.tooth-editor-empty,
.history-loading,
.history-error {
  font-size: 11.5px;
}

.history-title b {
  font-size: 14px;
}

.history-title span,
.history-title em,
.patient-alerts b,
.patient-alerts span {
  font-size: 10.5px;
}

.history-group h4 {
  font-size: 12px;
}

.history-group article b {
  font-size: 11.5px;
}

.history-group article span,
.history-group article small,
.history-empty {
  font-size: 10.5px;
}

.odontogram h3 {
  font-size: 17px;
}

.odontogram p {
  font-size: 11.5px;
}

.tooth-legend span {
  font-size: 10px;
}

.selected-tooth span {
  font-size: 10px;
}

.selected-tooth b {
  font-size: 23px;
}

.surface-picker label {
  font-size: 11px;
}

.login-card .eyebrow,
.login-card label span,
.login-help,
.soft-label,
.feature-list span {
  font-size: 12px;
}

.login-card h2 {
  font-size: 28px;
}

.login-card > p,
.art-copy p {
  font-size: 14px;
}

@media (max-width: 650px) {
  .welcome h1 {
    font-size: 25px;
  }

  .nav-item span {
    font-size: 14px;
  }

  .dental-arch {
    min-width: 740px;
  }
}