/* HTNS readable typography pass · v196
   Raises undersized mobile labels and helper copy without changing permissions,
   data, navigation, or the established visual language. */

/* App chrome */
#mainApp #whoHi,
#mainApp .top #whoHi{
  font-size:13.5px !important;
  line-height:1.28 !important;
}
#mainApp .top #btnLang,
#mainApp .top #btnLang button,
#mainApp .top #btnLang button[data-set-lang="vi"],
#mainApp .top #btnLang button[data-set-lang="en"]{
  font-size:10.5px !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
}
#mainApp #syncStatus{
  font-size:12px !important;
  line-height:1.25 !important;
}

/* Login: keep the clean composition while making secondary copy easier to read. */
#gate .login-member-trigger-label,
#gate .login-member-trigger-arrow{
  font-size:14px !important;
}
#gate #gHint{
  font-size:13px !important;
  line-height:1.35 !important;
}

/* Home: important labels, dates, names, and quick actions. */
#mainApp #view-home .assignment-hero .kicker,
#mainApp #view-home .home-card-kicker{
  font-size:10px !important;
  line-height:11px !important;
  letter-spacing:.045em !important;
}
#mainApp #view-home .assignment-hero h3{
  font-size:16px !important;
  line-height:18px !important;
}
#mainApp #view-home .assignment-hero .meta{
  font-size:11.5px !important;
  line-height:13px !important;
}
#mainApp #view-home .assignment-hero .actions .btn{
  min-width:108px !important;
  font-size:10px !important;
  line-height:1.1 !important;
  letter-spacing:.025em !important;
}
#mainApp #view-home .home-sermon-copy{
  grid-template-rows:11px minmax(0,1fr) !important;
}
#mainApp #view-home .home-sermon-date small,
#mainApp #view-home .home-worship-date small,
#mainApp #view-home .home-next-event-ref .home-event-date small,
#mainApp #view-home .home-next-event-ref .event-chip.home-event-date small{
  font-size:9px !important;
  line-height:10px !important;
  letter-spacing:.065em !important;
}
#mainApp #view-home .home-sermon-date b,
#mainApp #view-home .home-worship-date b,
#mainApp #view-home .home-next-event-ref .home-event-date b,
#mainApp #view-home .home-next-event-ref .event-chip.home-event-date b{
  font-size:19px !important;
  line-height:20px !important;
}
#mainApp #view-home .home-sermon-pastor small,
#mainApp #view-home .home-sermon-support small{
  font-size:9px !important;
  line-height:10px !important;
}
#mainApp #view-home .home-sermon-pastor b,
#mainApp #view-home .home-sermon-support b{
  font-size:12px !important;
  line-height:1.08 !important;
}
#mainApp #view-home .home-sermon-pastor span{
  font-size:10px !important;
  line-height:1.12 !important;
}
#mainApp #view-home .home-worship-song-list{
  font-size:12px !important;
  line-height:1.2 !important;
}
#mainApp #view-home .home-worship-song-key{
  font-size:10px !important;
}
#mainApp #view-home .home-next-event-ref .home-event-title,
#mainApp #view-home .home-next-event-ref .home-event-copy h4{
  font-size:12.5px !important;
  line-height:1.14 !important;
}
#mainApp #view-home .home-next-event-ref .home-event-copy .muted{
  font-size:10.5px !important;
  line-height:1.12 !important;
}
#mainApp #view-home .home-next-event-ref .home-event-church-only-badge{
  font-size:9px !important;
  line-height:10px !important;
}
#mainApp #view-home .home-team-dashboard-head .home-section-title,
#mainApp #view-home .home-section-title,
#mainApp #view-home .home-bottom-title,
#mainApp #view-home .home-quick-title{
  font-size:12px !important;
  line-height:1.08 !important;
}
#mainApp #view-home .home-team-dashboard-head .home-team-date{
  font-size:12px !important;
}
#mainApp #view-home .home-team-title,
#mainApp #view-home .home-team-card:not([open]) .home-team-title{
  font-size:14px !important;
  line-height:1.08 !important;
}
#mainApp #view-home .home-team-count,
#mainApp #view-home .home-team-card:not([open]) .home-team-count{
  font-size:10.5px !important;
  line-height:1.15 !important;
}
#mainApp #view-home .home-team-empty{
  font-size:11.5px !important;
  line-height:1.3 !important;
}
#mainApp #view-home .home-team-role{
  font-size:10.5px !important;
  line-height:1.15 !important;
}
#mainApp #view-home .home-team-person,
#mainApp #view-home .home-team-person-chip{
  font-size:12px !important;
  line-height:1.18 !important;
}
#mainApp #view-home .home-quick-ref > span:not(.qi){
  font-size:10.5px !important;
  line-height:1.12 !important;
  letter-spacing:-.01em !important;
}
/* Give the now-larger Home copy a little more breathing room while preserving parity. */
#mainApp #view-home .hero.assignment-hero:not(:has(.assignment-setlist)),
#mainApp #view-home .home-sermon-card,
#mainApp #view-home .home-worship-card,
#mainApp #view-home .home-next-event-ref{
  height:68px !important;
  min-height:68px !important;
}
#mainApp #view-home .home-team-card:not([open]),
#mainApp #view-home .home-team-card:not([open]) > .home-team-card-head{
  height:62px !important;
  min-height:62px !important;
}

/* Schedule: role labels, team tabs, counts, controls, and helper copy. */
#view-schedule .schedule-month-title{
  font-size:16px !important;
  line-height:1.15 !important;
}
#view-schedule .schedule-date-box > span,
#view-schedule .simple-date-nav .schedule-date-box > span{
  font-size:13px !important;
}
#view-schedule .simple-team-tab{
  font-size:11px !important;
  line-height:1.15 !important;
}
#view-schedule .simple-team-tab small{
  font-size:9px !important;
  line-height:1 !important;
}
#view-schedule .simple-team-editor-head h3{
  font-size:16px !important;
}
#view-schedule .simple-team-editor-head p{
  font-size:11.5px !important;
  line-height:1.3 !important;
}
#view-schedule .simple-fill-pill{
  font-size:11px !important;
}
#view-schedule .simple-role-label{
  font-size:12px !important;
  line-height:1.2 !important;
}
#view-schedule .simple-role-star{
  font-size:12px !important;
}
#view-schedule .simple-schedule-select,
#view-schedule .quick-person-select,
#view-schedule .quick-person-static{
  font-size:12.5px !important;
}
#view-schedule .simple-discard-btn,
#view-schedule .simple-save-btn,
#view-schedule .schedule-alert,
#view-schedule .schedule-conflict-title{
  font-size:12px !important;
  line-height:1.25 !important;
}

/* Events: event names and date/time are primary reading content. */
#view-events .event-page-card .mon,
#view-events .events-date-box > span{
  font-size:9.5px !important;
  line-height:10px !important;
}
#view-events .event-page-title{
  font-size:13px !important;
  line-height:1.2 !important;
}
#view-events .event-page-time{
  font-size:11px !important;
  line-height:1.2 !important;
}
#view-events .events-add-btn{
  font-size:12px !important;
}

/* Resources overview and editors. */
#view-albums .resources-hero-copy h2{
  font-size:16px !important;
}
#view-albums .resources-hero-copy p{
  font-size:11.5px !important;
  line-height:1.3 !important;
}
#view-albums .resource-announcement-title b,
#view-albums .resource-preach-copy h3,
#view-albums .resource-team-group-copy b{
  font-size:14px !important;
  line-height:1.15 !important;
}
#view-albums .resource-announcement-title small,
#view-albums .resource-preach-copy p,
#view-albums .resource-team-group-copy small{
  font-size:11px !important;
  line-height:1.25 !important;
}
#view-albums .resource-announcement-count{
  font-size:12px !important;
}
#view-albums .resource-announcement-empty,
#view-albums .resource-library-empty,
#view-albums .resource-library-readonly,
#view-albums .resource-preach-empty,
#view-albums .resource-preach-readonly{
  font-size:11.5px !important;
  line-height:1.45 !important;
}
#view-albums .resource-preach-roster-head,
#view-albums .resource-preach-editor-grid label > span{
  font-size:9.5px !important;
}
#view-albums .resource-preach-editor-grid input,
#view-albums .resource-preach-editor-grid select,
#view-albums .resource-announcement-editor-grid input,
#view-albums .resource-notes-grid input{
  font-size:12px !important;
}
#view-albums .resource-announcement-btn,
#view-albums .resource-preach-save,
#view-albums .resource-preach-cancel,
#view-albums .resource-preach-add,
#view-albums .resource-preach-edit,
#view-albums .resource-preach-remove,
#view-albums .resource-notes-btn,
#view-albums .resource-note-action,
#view-albums .resource-library-remove,
.media-resource-editor-btn{
  font-size:11px !important;
  line-height:1.15 !important;
}
#view-albums .media-resource-tab,
#view-albums .worship-resource-tab{
  font-size:10.5px !important;
  line-height:1.22 !important;
}
#view-albums .media-resource-panel-head b,
#view-albums .worship-resource-panel-head b,
#view-albums .media-trouble-item b{
  font-size:13px !important;
  line-height:1.2 !important;
}
#view-albums .media-resource-panel-head small,
#view-albums .worship-resource-panel-head small,
#view-albums .media-resource-revision,
#view-albums .media-resource-list li,
#view-albums .media-trouble-item p{
  font-size:11px !important;
  line-height:1.4 !important;
}

/* Songbook library and utility screens. */
#view-albums .htns-songbook-brand-copy b{
  font-size:13px !important;
}
#view-albums .htns-songbook-brand-copy small{
  font-size:10.5px !important;
  line-height:1.25 !important;
}
#view-albums .htns-songbook-connection{
  font-size:9.5px !important;
  letter-spacing:.035em !important;
}
#view-albums .htns-songbook-tab{
  font-size:10px !important;
  line-height:1.1 !important;
  letter-spacing:.02em !important;
}
#view-albums .htns-songbook-tab-count{
  min-width:19px !important;
  height:19px !important;
  font-size:9px !important;
}
#view-albums .htns-songbook-search input{
  font-size:12px !important;
}
#view-albums .htns-songbook-search small{
  font-size:10px !important;
}
#view-albums .htns-songbook-chip{
  font-size:10.5px !important;
}
#view-albums .htns-songbook-summary-copy{
  font-size:10.5px !important;
  line-height:1.3 !important;
}
#view-albums .htns-songbook-summary-copy b{
  font-size:12px !important;
}
#view-albums .htns-songbook-sort{
  min-width:106px !important;
  font-size:11px !important;
}
#view-albums .htns-songbook-row-main b{
  font-size:13px !important;
}
#view-albums .htns-songbook-row-main small,
#view-albums .htns-songbook-row-side small{
  font-size:10.5px !important;
}
#view-albums .htns-songbook-row-tag{
  font-size:9.5px !important;
}
#view-albums .htns-songbook-key{
  font-size:10.5px !important;
}
#view-albums .htns-songbook-empty b,
#view-albums .htns-songbook-card-head b,
#view-albums .htns-songbook-set-card b{
  font-size:13px !important;
}
#view-albums .htns-songbook-empty p,
#view-albums .htns-songbook-card-head small,
#view-albums .htns-songbook-set-card small,
#view-albums .htns-songbook-health-item small,
#view-albums .htns-songbook-sunday-item small,
#view-albums .htns-songbook-readiness,
#view-albums .htns-songbook-explain,
#view-albums .htns-songbook-rights-notice,
.htns-songbook-source-rights,
.htns-songbook-offline-note,
.htns-songbook-verify-list small,
.htns-songbook-preflight-list > div{
  font-size:10.5px !important;
  line-height:1.4 !important;
}
#view-albums .htns-songbook-mini-btn,
.htns-songbook-source-actions button,
.htns-songbook-section-jumps button{
  font-size:10px !important;
}
.htns-songbook-field label,
.htns-songbook-screen-head small,
.htns-songbook-attachment-copy small,
.htns-songbook-offline-live,
.htns-songbook-source-strip small,
.htns-songbook-source-strip em,
#view-albums .htns-songbook-key-flow,
#view-albums .htns-songbook-row-main b .htns-songbook-arrangement{
  font-size:10px !important;
}
.htns-songbook-field input,
.htns-songbook-field select,
.htns-songbook-field textarea,
.htns-songbook-screen button{
  font-size:12px !important;
}
.htns-songbook-local-toast{
  font-size:12px !important;
}

/* Me/Profile: descriptions, status badges, managers, and administrative actions. */
#mainApp #view-profile .me-section-title{
  font-size:14px !important;
  line-height:1.15 !important;
}
#mainApp #view-profile .me-pref-title,
#mainApp #view-profile .me-power-title{
  font-size:12.5px !important;
  line-height:1.18 !important;
}
#mainApp #view-profile .me-pref-sub,
#mainApp #view-profile .me-power-sub{
  font-size:10.5px !important;
  line-height:1.3 !important;
}
#mainApp #view-profile .me-pref-item,
#mainApp #view-profile .me-power-row{
  min-height:54px !important;
}
#mainApp #view-profile .me-date-label{
  font-size:11.5px !important;
}
#mainApp #view-profile .me-availability-add{
  font-size:10px !important;
  line-height:1.15 !important;
}
#mainApp #view-profile .me-availability-item span,
#mainApp #view-profile .me-availability-empty span{
  font-size:10.5px !important;
  line-height:1.25 !important;
}
#mainApp #view-profile .me-availability-item .date-val{
  font-size:11px !important;
}
#mainApp #view-profile .me-super-album-title{
  font-size:13px !important;
}
#mainApp #view-profile .me-super-album-desc{
  font-size:10.5px !important;
  line-height:1.25 !important;
}
#mainApp #view-profile .me-super-badge{
  font-size:8.5px !important;
}
#mainApp #view-profile .me-album-link-wrap input{
  font-size:10.5px !important;
}
#mainApp #view-profile .me-album-update{
  font-size:9.5px !important;
}
#mainApp #view-profile .me-album-note{
  font-size:9.5px !important;
  line-height:1.25 !important;
}
#mainApp #view-profile .roster-toggle-title,
#mainApp #view-profile .role-manager-title,
#mainApp #view-profile .member-compact-name{
  font-size:13px !important;
}
#mainApp #view-profile .roster-toggle-sub,
#mainApp #view-profile .role-manager-sub{
  font-size:10px !important;
  line-height:1.25 !important;
}
#mainApp #view-profile .roster-count,
#mainApp #view-profile .role-manager-count,
#mainApp #view-profile .member-role-count-chip-v155,
#mainApp #view-profile .role-library-count-v152{
  font-size:9px !important;
}
#mainApp #view-profile .member-manager-v152 #rosterPersonList .roster-person-name,
#mainApp #view-profile .role-library-v152 .role-library-head-v152 > b{
  font-size:11px !important;
}
#mainApp #view-profile .member-manager-v152 .member-role-limit-v152,
#mainApp #view-profile .member-manager-v152 .member-role-choice-v152 span,
#mainApp #view-profile .role-library-v152 .role-library-names-v152 > span{
  font-size:9.5px !important;
}
#mainApp #view-profile .role-library-v152 .role-library-manage-v152,
#mainApp #view-profile .role-library-v152 .add-row .field,
#mainApp #view-profile .role-library-v152 .add-row .add-plus{
  font-size:10px !important;
}
#mainApp #view-profile .me-admin-action,
#mainApp #view-profile .me-admin-logout{
  font-size:11px !important;
}

/* Common overlays and editors. */
#modal .song-editor-intro,
#modal .simple-song-readonly,
#modal .feedback-intro,
#modal .pad-sub,
#modal .pin-tries,
#modal .my-schedule-date,
.app-date-picker-title,
.notif-pop-empty,
.notif-clear-all-btn,
.notif-clear-confirm-sheet p{
  font-size:13px !important;
  line-height:1.35 !important;
}
#modal .song-editor-actions .btn,
#modal .song-editor-row input,
#modal .song-editor-row select,
#modal .song-library-pick{
  font-size:13px !important;
}

@media(max-width:350px){
  /* Maintain readability on the narrowest supported phones by stacking rather
     than shrinking text back to unreadable sizes. */
  #mainApp #view-profile .me-super-album-card{
    grid-template-columns:1fr !important;
  }
  #mainApp #view-profile .me-album-link-wrap,
  #mainApp #view-profile .me-album-update{
    grid-column:1 !important;
  }
  #view-albums .htns-songbook-tab{
    font-size:9.5px !important;
  }
  #mainApp #view-home .home-quick-ref > span:not(.qi){
    font-size:10px !important;
  }
}

/* Final specificity guards for older high-priority compact rules. */
html body #mainApp .top #whoHi,
html body #mainApp #whoHi{
  font-size:13.5px !important;
  line-height:1.28 !important;
}
html body #mainApp #syncStatus{
  font-size:12px !important;
}
html body #mainApp #view-home .assignment-hero .kicker,
html body #mainApp #view-home .home-card-kicker{
  font-size:10.5px !important;
  line-height:11.5px !important;
}
html body #view-schedule .simple-team-tabs .simple-team-tab > span{
  font-size:11px !important;
  line-height:1.1 !important;
}
html body #view-schedule .simple-team-tabs .simple-team-tab > small{
  font-size:9.5px !important;
  line-height:1 !important;
}
html body #view-albums .resources-hero .resources-hero-copy h2{
  font-size:16px !important;
}
html body #mainApp #view-profile .me-admin-manager-stack .roster-toggle-sub,
html body #mainApp #view-profile .me-admin-manager-stack .role-manager-sub{
  font-size:10.5px !important;
  line-height:1.25 !important;
}
html body #mainApp #view-profile .me-admin-manager-stack .roster-count,
html body #mainApp #view-profile .me-admin-manager-stack .role-manager-count{
  font-size:9.5px !important;
}

@media(max-width:390px){
  /* Use vertical space instead of shrinking long profile actions. */
  #mainApp #view-profile .me-availability-stack{
    grid-template-columns:1fr !important;
  }
  #mainApp #view-profile .me-availability-add{
    width:100% !important;
    min-width:0 !important;
    font-size:11px !important;
  }
  #mainApp #view-profile .me-super-album-card{
    grid-template-columns:1fr !important;
  }
  #mainApp #view-profile .me-album-link-wrap,
  #mainApp #view-profile .me-album-update{
    grid-column:1 !important;
    width:100% !important;
  }
  #mainApp #view-profile .me-album-update{
    min-height:42px !important;
    height:42px !important;
    font-size:10.5px !important;
  }
}

@media(max-width:350px){
  /* Give the Sunday Team title its natural width on narrow phones instead of
     forcing it into the left third of a three-column header. */
  #mainApp #view-home .home-team-dashboard-head{
    grid-template-columns:minmax(0,1fr) auto !important;
    row-gap:5px !important;
  }
  #mainApp #view-home .home-team-dashboard-head .home-section-title{
    grid-column:1 !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  #mainApp #view-home .home-team-dashboard-head .home-team-date{
    grid-column:2 !important;
    justify-self:end !important;
  }
  #mainApp #view-home .home-team-dashboard-head .home-team-live{
    grid-column:1 / -1 !important;
    justify-self:end !important;
  }
}