/* User-pinned direction: quiet translucent surfaces, pill controls, aligned forms.
   Color remains meaningful for appointments, expenses, destructive actions and errors. */
:root { --admin-glass: rgba(255,255,255,.76); --admin-selection: rgba(210,216,224,.46); }
#adminApp .overview-broadcast-reminder { background: var(--admin-glass); border-radius: 24px; }
#adminApp .overview-broadcast-reminder .btn { border-radius: 999px; background: var(--admin-glass); }
#adminApp :is(.segmented-tabs, .client-status-tabs, .finance-period-tabs, .mobile-planner-resources, .communication-channel-nav) button,
#adminApp :is(.overview-day-stepper, .employee-week-stepper, .employee-filter-chip, .mobile-employee-days button, .work-schedule-mobile-days button) { border-radius: 999px; }
#adminApp .settings-script-row .textarea { min-height: 96px; height: auto; }
#adminApp .employee-schedule-page { width: 100%; margin-inline: 0; max-width: 100%; }
#adminApp :is(.btn, .icon-btn, .admin-logout-button, .nav-tab, .nav-section-toggle, .teacher-work-tabs button) { border-radius: 999px; }
#adminApp :is(.filter-tab, .request-filter, .task-filter, .segmented-control button, .overview-day-switch, .overview-today-button) { border-radius: 999px; }
#adminApp :is(.btn-secondary, .icon-btn, .admin-logout-button):not(.btn-danger) { background: var(--admin-glass); }
.admin-layout > .admin-nav { background: rgba(245,247,249,.9); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
#adminApp :is(.migration-section, .migration-state, .settings-directory-group, .workflow-panel, .overview-reminder-card, .reminder-card) { background: var(--admin-glass); border-radius: 24px; }
#adminApp :is(.input, .textarea, select) { border-radius: 16px; }
#adminApp .admin-nav .sidebar-account { grid-template-columns: 32px minmax(0,1fr); gap: 8px 10px; padding: 12px 4px 0; align-items: center; }
#adminApp .sidebar-account .sidebar-account-avatar { grid-column: 1; grid-row: 1; width: 32px; height: 32px; margin: 0; align-self: center; }
#adminApp .sidebar-account > div { display: grid; gap: 2px; grid-column: 2; grid-row: 1; min-width: 0; }
#adminApp .sidebar-account :is(strong,small) { grid-column: auto; grid-row: auto; margin: 0; }
#adminApp .sidebar-account strong { font-size: 13px; line-height: 18px; font-weight: 600; overflow-wrap: anywhere; }
#adminApp .sidebar-account .admin-logout-button { grid-column: 1 / -1; grid-row: 2; width: 100%; min-height: 36px; margin: 0; }
#adminApp .migration-page .workflow-form { padding: 0; }
#adminApp .migration-save { padding-inline: 24px; }
#staffAccessForm label { align-content: start; grid-auto-rows: max-content; }
#staffAccessForm :is(input:not([type=checkbox]), select) { height: 44px; }
.teachers-workbench .client-stat-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.teachers-workbench .client-stat-grid :is(strong,b) { font-size: 14px; line-height: 21px; overflow-wrap: anywhere; }
#adminApp .client-detail-panel .client-detail-close { display: flex; position: sticky; top: 8px; margin: 0 0 12px auto; width: 44px; height: 44px; z-index: 5; }
#adminApp .settings-template-field .textarea, #adminApp .settings-script-card .textarea { min-height: 136px; height: auto; resize: vertical; }
@media (max-width: 980px) {
  .admin-layout > .admin-nav { z-index: 88; }
}
@media (max-width: 760px) {
  #adminApp .settings-script-row .textarea { min-height: 136px; }
  #adminApp .sidebar-account .admin-logout-button { min-height: 44px; }
  #adminApp .migration-save { padding-inline: 20px; }
  .teachers-workbench .client-stat-grid { grid-template-columns: minmax(0,1fr); }
}