/* Unified neutral dark theme — loaded last so every screen shares one system. */
body.dark-mode{
  --forest:#f4f4f4;--forest-2:#d7d9da;--sage:#b8bbbd;--mint:#17191a;
  --cream:#020303;--ink:#f1f1f1;--muted:#9a9d9f;--line:#292d2f;--white:#111314;
  --card-surface:#111314;--card-border:#292d2f;--surface:#111314;--soft:#191b1c;
  --accent:#f3f3f3;--shadow:0 16px 44px rgba(0,0,0,.34);
  color:#f1f1f1!important;background:#020303!important;color-scheme:dark;
}
body.dark-mode :is(.app-shell,.workspace,.content,.page,.page-content,#nurseryDetailPage,.detail-view,.main-content){background:#020303!important;color:#f1f1f1!important}
body.dark-mode :is(.sidebar,.detail-sidebar,.report-sidebar){background:#000!important;border-color:#222628!important}
body.dark-mode :is(.topbar,.detail-topbar,.page-header){background:#020303!important;border-color:#222628!important;box-shadow:none!important}
body.dark-mode :is(h1,h2,h3,h4,h5,h6,strong,b,th,legend,label){color:#f1f1f1!important}
body.dark-mode :is(p,small,dt,.muted,.subtitle,.helper-text){color:#989b9d!important}
body.dark-mode :is(.eyebrow,.section-kicker){color:#7d8284!important}

body.dark-mode :is(.panel,.stat-card,.today-stat-card,.management-card,.nursery-card,.academic-year-row,.year-comparison-card,.finance-setting-card,.collection-summary-card,.collection-step,.billing-list-panel,.family-detail,.family-list-item,.linked-children article,.staff-data-row,.app-user-row,.permission-group,.checkbox-field,.notification-responsibility-grid label,.internal-message-item,.internal-message-card,.internal-message-viewer,.message-reply,.theme-preference-card,.receipt-search-panel,.report-subject-search>div,.student-code-settings,.registration-history-sheet,.inline-report-document){
  background:#111314!important;border-color:#292d2f!important;color:#f1f1f1!important;box-shadow:none!important;
}
body.dark-mode :is(.panel,.stat-card,.today-stat-card,.management-card,.nursery-card,.family-list-item,.linked-children article,.billing-row,.staff-data-row,.internal-message-item){transition:background .15s ease,border-color .15s ease!important}
body.dark-mode :is(.nursery-card,.management-card,.family-list-item,.linked-children article,.billing-row,.staff-data-row,.internal-message-item):hover{background:#17191a!important;border-color:#3a3e40!important;box-shadow:none!important;transform:none!important}
body.dark-mode :is(.family-list-item.active,.billing-row.active,.internal-message-item.active,.staff-summary article.active,.current-academic-row){background:#191b1c!important;border-color:#505456!important;box-shadow:inset 3px 0 #e9e9e9!important}

body.dark-mode :is(input,select,textarea,.list-search,.family-search,.academic-search,.search input,.secondary-button,.icon-button,.header-theme-button,.signed-in-user-chip,.account-tools-menu){
  background:#141617!important;border-color:#2c3032!important;color:#eeeeee!important;box-shadow:none!important;
}
body.dark-mode :is(input,select,textarea)::placeholder{color:#686d70!important}
body.dark-mode :is(input,select,textarea):hover{border-color:#3a3e40!important}
body.dark-mode :is(input,select,textarea):focus{border-color:#666b6e!important;box-shadow:0 0 0 3px rgba(255,255,255,.07)!important;outline:none!important}
body.dark-mode :is(option,optgroup){background:#141617!important;color:#eeeeee!important}
body.dark-mode input[type="checkbox"]{accent-color:#f3f3f3}

body.dark-mode :is(.primary-button,.danger-action-button:not(.danger-button),button.primary-action){background:#f4f4f4!important;border-color:#f4f4f4!important;color:#111!important;box-shadow:none!important}
body.dark-mode :is(.primary-button,.danger-action-button:not(.danger-button),button.primary-action):hover{background:#fff!important;border-color:#fff!important;color:#050505!important;transform:none!important}
body.dark-mode :is(.secondary-button,.icon-button){background:#17191a!important;border-color:#303436!important;color:#e5e5e5!important}
body.dark-mode :is(.secondary-button,.icon-button):hover{background:#202324!important;border-color:#44494b!important;color:#fff!important;opacity:1!important;visibility:visible!important}
body.dark-mode :is(.danger-button,.fee-delete-button){background:#241817!important;border-color:#6f3834!important;color:#e4a7a1!important}
body.dark-mode :is(.danger-button,.fee-delete-button):not(:disabled):hover{background:#8f3f38!important;border-color:#a64a42!important;color:#fff!important;opacity:1!important;visibility:visible!important}
body.dark-mode button:disabled{opacity:.45!important}

body.dark-mode :is(.detail-tabs button,.report-nav-items button,.menu-group-toggle,.report-section-toggle,.utility-shortcuts button){background:transparent!important;border-color:transparent!important;color:#a5a8aa!important}
body.dark-mode :is(.detail-tabs button,.report-nav-items button,.menu-group-toggle,.report-section-toggle,.utility-shortcuts button):hover{background:#151718!important;color:#f1f1f1!important;border-color:#242729!important}
body.dark-mode :is(.detail-tabs button.active,.report-nav-items button.active,.menu-subgroup:not(.collapsed)>.menu-group-toggle){background:#191b1c!important;border-color:#292d2f!important;color:#fff!important;box-shadow:none!important}
body.dark-mode :is(.detail-tab-icon,.overview-card-icon,.today-stat-icon,.family-avatar,.child-avatar,.summary-icon,.management-icon,.notification-summary i,.student-code-settings-icon){background:#1b1e1f!important;color:#c8cbcc!important;border-color:#303436!important}
body.dark-mode .primary-shortcuts{background:#050606!important;border-color:#292d2f!important;box-shadow:none!important}

body.dark-mode :is(.parent-modal-backdrop,.modal-backdrop,.profile-drawer-backdrop,.setup-wizard-backdrop){background:rgba(0,0,0,.72)!important;backdrop-filter:none!important}
body.dark-mode :is(.parent-modal,.modal-card,.profile-drawer,.selection-modal,.internal-messages-modal,.setup-wizard,.login-card){background:#0d0f10!important;border:1px solid #292d2f!important;color:#f1f1f1!important;box-shadow:0 28px 90px rgba(0,0,0,.58)!important}
body.dark-mode :is(.parent-modal-header,.parent-modal-footer,.modal-heading,.profile-section,.student-drawer-actions,.form-actions){border-color:#292d2f!important;background:#0d0f10!important}
body.dark-mode :is(.parent-modal-header>button,.drawer-close,[data-close-message],[data-close-year-details]){background:#191b1c!important;color:#b5b8ba!important;border-color:#292d2f!important}
body.dark-mode :is(.parent-pane,.parent-tabs,.secondary-fields,.student-photo-crop-body){background:#0d0f10!important}
body.dark-mode :is(.parent-tabs button,.secondary-toggle,.optional-note,.student-photo-confirm-body,.structure-delete-content,.copy-classes-summary,.year-result-help){background:#151718!important;border-color:#303436!important;color:#e7e7e7!important}

body.dark-mode :is(.billing-list-head,.finance-ledger-head,.report-preview-columns,.fees-head,.discount-head,.promotion-student-head,.app-user-head,.registration-history-head,.annual-result-head,.promotion-map-header){background:#181a1b!important;color:#9b9ea0!important;border-color:#303436!important}
body.dark-mode :is(table,tr,td,th,.report-preview-row,.fees-row,.discount-row,.finance-ledger-row,.registration-history-row,.promotion-student-row,.annual-result-row,.promotion-map-row){border-color:#292d2f!important}
body.dark-mode :is(tr:hover td,.clickable-report-row:hover){background:#17191a!important}
body.dark-mode :is(.parent-contact-strip,.bill-contact,.serial-examples,.attendance-report-cards article,.cashbox-movement-summary article,.fee-load-result-grid>div,.summary-receipts>div,.payment-balance,.finance-rule-note,.future-billing,.empty-structure,.family-detail-empty){background:#151718!important;border-color:#292d2f!important;color:#e8e8e8!important}
body.dark-mode .linked-children{background:transparent!important;border-color:#292d2f!important}

body.dark-mode :is(.status.active,.bill-status.paid,.app-user-row em.active,.promotion-result-pill.passed){background:#14251d!important;color:#83c7a2!important;border-color:#315c45!important}
body.dark-mode :is(.warning,.bill-status.due,.promotion-result-pill.repeat){background:#292113!important;color:#d5b270!important;border-color:#604b24!important}
body.dark-mode :is(.bill-status.overdue,.promotion-result-pill.pending,.form-error){background:#291817!important;color:#e09a93!important;border-color:#6c3531!important}
body.dark-mode :is(.child-count,.year-comparison-card header>span,.future-billing>b,.form-section-title>span){background:#1b1e1f!important;color:#aaaeb0!important;border-color:#303436!important}
body.dark-mode :is(.profile-alert,.app-user-validation-banner,.promotion-problem-focus){background:#241a18!important;border-color:#633b35!important;color:#e8c0b9!important}

body.dark-mode .toast{background:#f4f4f4!important;color:#111!important;border-color:#fff!important;box-shadow:0 16px 50px rgba(0,0,0,.5)!important}
body.dark-mode :is(.account-tools-menu,.collection-parent-results,.discount-account-results,.global-search-results){background:#111314!important;border-color:#303436!important;box-shadow:0 18px 50px rgba(0,0,0,.52)!important}
body.dark-mode :is(.account-tools-menu button,.collection-parent-results button,.discount-account-results button,.global-search-results button){background:transparent!important;color:#e6e6e6!important;border-color:#25292b!important}
body.dark-mode :is(.account-tools-menu button,.collection-parent-results button,.discount-account-results button,.global-search-results button):hover{background:#191b1c!important;color:#fff!important}

body.dark-mode .a4-preview{background:#090a0a!important;border-color:#292d2f!important}
body.dark-mode .a4-statement{background:#111314!important;color:#ededed!important;border-color:#303436!important;box-shadow:none!important}
body.dark-mode .a4-statement :is(.a4-fee-head,.statement-discounts,.a4-statement-totals>div){background:#181a1b!important;border-color:#303436!important}
body.dark-mode .a4-statement :is(.a4-fee-row,.a4-statement-heading,.a4-child-section,footer){border-color:#303436!important}

body.dark-mode ::-webkit-scrollbar{width:10px;height:10px}
body.dark-mode ::-webkit-scrollbar-track{background:#060707}
body.dark-mode ::-webkit-scrollbar-thumb{background:#303436;border:2px solid #060707;border-radius:999px}
body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#474c4e}
body.dark-mode *{scrollbar-color:#303436 #060707}

@media print{
  body.dark-mode .a4-statement{background:#fff!important;color:#1c1c1c!important}
  body.dark-mode .a4-statement *{color:#1c1c1c!important;border-color:#bbb!important}
}

/* Final teal purge: legacy overview rules use ID selectors and !important. */
html body.dark-mode .topbar,
html body.dark-mode #nurseryDetailPage,
html body.dark-mode #nurseryDetailPage .detail-view,
html body.dark-mode #nurseryDetailPage #detailOverviewView,
html body.dark-mode #nurseryDetailPage #detailOverviewView .detail-layout,
html body.dark-mode #nurseryDetailPage #detailOverviewView .detail-layout>div{
  background:#020303!important;color:#f1f1f1!important;border-color:#222628!important;
}
html body.dark-mode #nurseryDetailPage :is(.overview-group,.panel,.stat-card,.today-stat-card,.year-comparison-card,.management-card,.empty-structure){
  background:#111314!important;color:#f1f1f1!important;border-color:#292d2f!important;box-shadow:none!important;
}
html body.dark-mode #nurseryDetailPage :is(.academic-group,.staff-group) :is(.stat-card,.overview-card-icon),
html body.dark-mode #nurseryDetailPage .today-stat-icon,
html body.dark-mode #nurseryDetailPage :is(.detail-tab-icon,.management-icon){
  background:#1b1e1f!important;color:#c8cbcc!important;border-color:#303436!important;box-shadow:none!important;
}
html body.dark-mode #nurseryDetailPage .primary-shortcuts,
html body.dark-mode #nurseryDetailPage .hero-tools .primary-shortcuts{
  background:#0d0f10!important;color:#f1f1f1!important;border-color:#292d2f!important;box-shadow:none!important;
}
html body.dark-mode #nurseryDetailPage .primary-shortcuts :is(button,[data-personal-shortcut],[data-quick-action])>span{
  background:#191b1c!important;color:#c8cbcc!important;border-color:#303436!important;box-shadow:none!important;filter:none!important;
}
html body.dark-mode #nurseryDetailPage .detail-tabs,
html body.dark-mode #nurseryDetailPage .detail-tabs .menu-subgroup{
  background:#000!important;color:#f1f1f1!important;border-color:#222628!important;box-shadow:none!important;
}
html body.dark-mode #nurseryDetailPage .detail-tabs button,
html body.dark-mode #nurseryDetailPage .detail-tabs .menu-group-toggle{
  background:transparent!important;color:#a5a8aa!important;border-color:#303436!important;box-shadow:none!important;
}
html body.dark-mode #nurseryDetailPage .detail-tabs button:hover{
  background:#151718!important;color:#f1f1f1!important;border-color:#34383a!important;
}
html body.dark-mode #nurseryDetailPage .detail-tabs button.active{
  background:#f2f2f2!important;color:#101112!important;border-color:#f2f2f2!important;
}
html body.dark-mode #nurseryDetailPage .detail-tabs button.active .detail-tab-icon{
  background:#dedede!important;color:#111!important;border-color:#dedede!important;
}
html body.dark-mode #nurseryDetailPage :is(.primary-button,.collection-submit),
html body.dark-mode #nurseryDetailPage .empty-structure .primary-button{
  background:#f4f4f4!important;color:#111!important;border-color:#f4f4f4!important;box-shadow:none!important;
}
html body.dark-mode #nurseryDetailPage :is(.year-comparison-card>span,.year-comparison-badge,.student-total-card small b,.manager-badge,.child-count,.linked-children-heading>span){
  background:#1b1e1f!important;color:#aaaeb0!important;border-color:#303436!important;
}
html body.dark-mode #nurseryDetailPage :is(.year-fee-bar,.year-metric>i,.mini-progress){background:#202324!important}
html body.dark-mode #nurseryDetailPage :is(.year-fee-bar i,.year-metric>i>i,.mini-progress i){background:#aeb2b4!important}
html body.dark-mode .topbar>.search{background:#111314!important;border-color:#303436!important;box-shadow:none!important}
html body.dark-mode .topbar>.search:focus-within{border-color:#666b6e!important;box-shadow:0 0 0 3px rgba(255,255,255,.06)!important}
html body.dark-mode :is(.signed-in-user-chip,.header-theme-button,.account-tools-button){background:#111314!important;border-color:#292d2f!important;color:#e7e7e7!important}

/* Dashboard cards: black fill, definition comes from the outline only. */
html body.dark-mode #nurseryDetailPage #detailOverviewView :is(.overview-group,.panel,.stat-card,.today-stat-card,.year-comparison-card,.empty-structure){
  background:#020303!important;
  border-color:#3b4042!important;
  box-shadow:none!important;
}
html body.dark-mode #nurseryDetailPage #detailOverviewView :is(.overview-group,.panel){
  outline:0!important;
}
html body.dark-mode #nurseryDetailPage #detailOverviewView :is(.stat-card,.today-stat-card):hover{
  background:#070808!important;
  border-color:#62676a!important;
}
html body.dark-mode #nurseryDetailPage #detailOverviewView :is(.overview-card-icon,.today-stat-icon){
  background:#151718!important;
  border-color:#34383a!important;
}
html body.dark-mode #nurseryDetailPage .detail-tabs :is(.overview-menu-item,.contact-us-menu-item){
  background:transparent!important;color:#f1f1f1!important;border-color:#303436!important;opacity:1!important;
}
html body.dark-mode #nurseryDetailPage .detail-tabs :is(.overview-menu-item,.contact-us-menu-item) .detail-tab-label{color:#f1f1f1!important;opacity:1!important}
html body.dark-mode #nurseryDetailPage .detail-tabs :is(.overview-menu-item,.contact-us-menu-item):hover{
  background:#151718!important;color:#f1f1f1!important;border-color:#34383a!important;
}
html body.dark-mode #nurseryDetailPage .detail-tabs :is(.overview-menu-item,.contact-us-menu-item).active{
  background:#191b1c!important;color:#f1f1f1!important;border-color:#3b4042!important;
}
html body.dark-mode #nurseryDetailPage #detailFeesView :is(.panel,.fee-catalogue-panel,#gradeFeesTable,#otherFeesTable,.fees-row){background:#020303!important;color:#f1f1f1!important;border-color:#303436!important;box-shadow:none!important}
html body.dark-mode #nurseryDetailPage #detailFeesView :is(.fees-head,.fee-load-result-grid>div){background:#151718!important;color:#c8cbcc!important;border-color:#34383a!important}
html body.dark-mode #nurseryDetailPage #detailFeesView :is(input,select,.secondary-button,.fee-row-actions button){background:#111314!important;color:#e9e9e9!important;border-color:#34383a!important}
html body.dark-mode #nurseryDetailPage #detailFeesView .primary-button{background:#f4f4f4!important;color:#111!important;border-color:#f4f4f4!important}

/* Shortcut editor is a standard application window, not a page-coloured card. */
html body.dark-mode #nurseryDetailPage .shortcut-picker{
  background:var(--theme-surface-raised,#0d0f10)!important;
  color:var(--theme-text,#f1f1f1)!important;
  border-color:var(--theme-border,#303436)!important;
  box-shadow:var(--theme-shadow,0 20px 60px rgba(0,0,0,.52))!important;
}
html body.dark-mode #nurseryDetailPage .shortcut-picker>b,
html body.dark-mode #nurseryDetailPage .shortcut-picker>footer,
html body.dark-mode #nurseryDetailPage .shortcut-picker .shortcut-picker-list{
  background:var(--theme-window-bar-bg,#0d0f10)!important;
  color:var(--theme-text,#f1f1f1)!important;
  border-color:var(--theme-border,#303436)!important;
}
html body.dark-mode #nurseryDetailPage .shortcut-picker-list>button{
  background:transparent!important;
  color:var(--theme-text,#f1f1f1)!important;
  border-color:transparent!important;
}
html body.dark-mode #nurseryDetailPage .shortcut-picker-list>button:hover{
  background:var(--theme-control-hover,#191b1c)!important;
  border-color:var(--theme-border-strong,#565b5e)!important;
}
html body.dark-mode #nurseryDetailPage .shortcut-picker>footer>.finish-shortcut-edit{
  background:#f4f4f4!important;
  background-image:none!important;
  color:#111111!important;
  border-color:#f4f4f4!important;
  filter:none!important;
  box-shadow:none!important;
}

/* Function keys are the circle content; the retired mini badge never renders. */
#nurseryDetailPage .primary-shortcuts .shortcut-items>button>span{
  display:grid!important;
  place-items:center!important;
  font:800 17px/1 "DM Sans",sans-serif!important;
  letter-spacing:-.35px!important;
}
#nurseryDetailPage .primary-shortcuts .shortcut-function-key{display:none!important}

/* Parents workspace: neutral token surfaces, with enough specificity to beat
   the retired teal page rules in styles.css. */
html body.dark-mode #nurseryDetailPage #detailFamiliesView .family-workspace,
html body.dark-mode #nurseryDetailPage #detailFamiliesView .family-list,
html body.dark-mode #nurseryDetailPage #detailFamiliesView .family-detail{
  background:var(--theme-workspace-bg,#020303)!important;
  color:var(--theme-text,#f1f1f1)!important;
  border-color:var(--theme-border,#303436)!important;
  box-shadow:none!important;
}
html body.dark-mode #nurseryDetailPage #detailFamiliesView :is(.family-profile-head,.parent-contact-strip,.linked-children,.linked-children article,.family-detail-empty){
  background:var(--theme-surface,#020303)!important;
  color:var(--theme-text,#f1f1f1)!important;
  border-color:var(--theme-border,#303436)!important;
  box-shadow:none!important;
}
html body.dark-mode #nurseryDetailPage #detailFamiliesView .empty-parent-note{
  background:var(--theme-message-bg,#111314)!important;
  color:var(--theme-message-text,#f1f1f1)!important;
  border-color:var(--theme-message-border,#303436)!important;
  box-shadow:none!important;
}
html body.dark-mode #nurseryDetailPage #detailFamiliesView .empty-parent-note :is(strong,span){
  color:inherit!important;
}
html body.dark-mode #nurseryDetailPage #detailFamiliesView .family-list-item{
  background:var(--theme-surface,#020303)!important;
  color:var(--theme-text,#f1f1f1)!important;
  border-color:var(--theme-border,#303436)!important;
  box-shadow:none!important;
}
html body.dark-mode #nurseryDetailPage #detailFamiliesView .family-list-item.active{
  background:var(--theme-selected-bg,#191b1c)!important;
  border-color:var(--theme-border-strong,#565b5e)!important;
  box-shadow:inset 3px 0 var(--theme-text,#f1f1f1)!important;
}
html body.dark-mode #nurseryDetailPage #detailFamiliesView :is(.family-avatar,.child-avatar){
  background:var(--theme-surface-soft,#151718)!important;
  color:var(--theme-text-muted,#a5a8aa)!important;
  border-color:var(--theme-border,#303436)!important;
}
html body.dark-mode #nurseryDetailPage #detailFamiliesView .primary-button{
  background:var(--theme-primary-bg,#f4f4f4)!important;
  color:var(--theme-primary-text,#111)!important;
  border-color:var(--theme-primary-bg,#f4f4f4)!important;
  box-shadow:none!important;
}

/* Every dialog uses the central window and control tokens. */
html body.dark-mode .parent-modal-backdrop :is(.parent-modal,.payment-modal),
html body.dark-mode .parent-modal-backdrop :is(.parent-modal-header,.parent-modal-footer,.parent-tabs,.parent-pane,.parent-fields,.secondary-fields){
  background:var(--theme-window-bar-bg,#0d0f10)!important;
  color:var(--theme-text,#f1f1f1)!important;
  border-color:var(--theme-border,#303436)!important;
}
html body.dark-mode .parent-modal-backdrop .parent-tabs button{
  background:var(--theme-control,#111314)!important;
  color:var(--theme-text-muted,#a5a8aa)!important;
  border-color:var(--theme-border,#303436)!important;
  box-shadow:none!important;
}
html body.dark-mode .parent-modal-backdrop .parent-tabs button.active{
  background:var(--theme-selected-bg,#191b1c)!important;
  color:var(--theme-text,#f1f1f1)!important;
  border-color:var(--theme-border-strong,#565b5e)!important;
  box-shadow:0 0 0 2px var(--theme-text,#f1f1f1)!important;
}
html body.dark-mode .parent-modal-backdrop :is(.primary-button,button[type="submit"]){
  background:var(--theme-primary-bg,#f4f4f4)!important;
  color:var(--theme-primary-text,#111)!important;
  border-color:var(--theme-primary-bg,#f4f4f4)!important;
  box-shadow:none!important;
}
html body.dark-mode #parentModalBackdrop #parentForm .parent-modal-footer button.primary-button[type="submit"],
html body.dark-mode .parent-modal-backdrop .parent-modal form .parent-modal-footer button.primary-button[type="submit"]{
  background-color:#f4f4f4!important;
  background-image:none!important;
  border-color:#f4f4f4!important;
  color:#111111!important;
  filter:none!important;
  opacity:1!important;
  box-shadow:none!important;
}
html body.dark-mode .parent-modal-backdrop :is(.secondary-button,.secondary-toggle,input,select,textarea){
  background:var(--theme-control,#111314)!important;
  color:var(--theme-text,#f1f1f1)!important;
  border-color:var(--theme-border,#303436)!important;
  box-shadow:none!important;
}

/* Global data-surface map. These categories are deliberately token-driven so
   every future theme can be changed from the table in theme-system.css. */
html body.dark-mode #nurseryDetailPage :is(.attendance-register,.attendance-table,.staff-data-table,.discount-table,.annual-results-table,.promotion-panel,.programme-panel,.collection-form-card,.collection-summary-card,.expense-form,.expense-control,.finance-ledger,.report-preview,.registration-history-sheet,.contact-us-panel,.promotion-settings-panel){background:var(--theme-panel-bg)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:none!important}
html body.dark-mode #nurseryDetailPage :is(.attendance-head,.attendance-data-head,.staff-data-head,.discount-head,.annual-result-head,.report-preview-columns,.finance-ledger-head,.registration-history-head,.promotion-map-head){background:var(--theme-table-head-bg)!important;color:var(--theme-text-muted)!important;border-color:var(--theme-border)!important}
html body.dark-mode #nurseryDetailPage :is(.attendance-row,.attendance-data-row,.staff-data-row,.discount-row,.annual-result-row,.report-preview-row,.clickable-report-row,.finance-ledger-row,.promotion-map-row,.promotion-student-row,.collection-step,.collection-fee-item,.parent-result-row){background:var(--theme-table-row-bg)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:none!important}
html body.dark-mode #nurseryDetailPage :is(.attendance-toolbar,.annual-results-toolbar,.promotion-toolbar,.report-filters,.expense-report-filters,.collection-toolbar,input,select,textarea){background:var(--theme-filter-bg)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important;box-shadow:none!important}
html body.dark-mode #nurseryDetailPage :is(.primary-button,.collection-submit,.save-register-button){background:var(--theme-action-bg)!important;color:var(--theme-action-text)!important;border-color:var(--theme-action-bg)!important;background-image:none!important;box-shadow:none!important}
html body.dark-mode #nurseryDetailPage :is(.report-preview-row,.annual-result-row,.promotion-map-row,.promotion-student-row,.parent-result-row){background-color:var(--theme-table-row-bg)!important}

/* Dashboard hierarchy: student summary and staff summary are full-width peers. */
#detailOverviewView .detail-layout>div{grid-template-columns:1fr!important;grid-template-rows:auto minmax(185px,auto) minmax(150px,auto) minmax(250px,1fr)!important;grid-template-areas:"today-heading" "students" "staff-group" "rooms"!important}
#detailOverviewView .student-overview-group{grid-area:students;display:grid;grid-template-rows:auto 1fr;gap:14px;padding:16px 18px!important}
#detailOverviewView .student-overview-total{text-align:center;display:grid;justify-items:center;gap:2px}
#detailOverviewView .student-overview-total .eyebrow{margin:0!important}
#detailOverviewView .student-overview-total strong{font:800 48px/1 "Manrope";letter-spacing:-3px}
#detailOverviewView .student-overview-total span{font-size:10px;color:var(--theme-text-muted)}
#detailOverviewView .student-overview-group .today-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
#detailOverviewView .student-overview-group>.today-stats{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;position:static!important}
#detailOverviewView .student-overview-group .today-stat-card{height:100%;min-height:84px!important}
#detailOverviewView .staff-group{grid-area:staff-group;width:100%;padding:14px 18px!important}
#detailOverviewView .staff-overview-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
#detailOverviewView .staff-overview-cards .stat-card{min-height:92px!important;height:100%!important}
#detailOverviewView .year-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
#detailOverviewView .year-comparison-card{min-height:280px!important}
#detailOverviewView .year-comparison-card{order:initial!important}
#detailOverviewView .academic-group{display:none!important}
#detailOverviewView .year-placeholder{display:grid!important;place-items:center!important;border-style:dashed!important;background:transparent!important;text-align:center}
#detailOverviewView .year-placeholder>div{display:grid;justify-items:center;gap:8px;color:var(--theme-text-muted)}
#detailOverviewView .year-placeholder span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--theme-surface-soft);font-size:25px}
#detailOverviewView .year-placeholder :is(p,h2,small){margin:0}
@media(max-width:760px){#detailOverviewView .student-overview-group .today-stats,#detailOverviewView .staff-overview-cards{grid-template-columns:1fr 1fr!important}#detailOverviewView .year-comparison-grid{grid-template-columns:1fr!important}#detailOverviewView .year-comparison-card{order:initial!important}}

/* Dashboard viewport fit: headings must never sit underneath the shortcut bar,
   and the three year cards should be visible without an artificial crop. */
#detailOverviewView.active{
  height:auto!important;
  min-height:calc(100vh - 207px)!important;
  overflow:visible!important;
}
#detailOverviewView .detail-layout,
#detailOverviewView .detail-layout>div{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
#detailOverviewView .today-heading{
  position:relative!important;
  z-index:2!important;
  min-height:42px!important;
  padding-top:4px!important;
  align-items:center!important;
}
#detailOverviewView .statistics-period-control{position:relative!important;z-index:3!important}
#detailOverviewView .student-overview-group{min-height:0!important;padding:13px 16px!important;gap:10px!important}
#detailOverviewView .student-overview-total strong{font-size:42px!important}
#detailOverviewView .student-overview-group .today-stat-card{min-height:72px!important;padding:10px 12px!important}
#detailOverviewView .staff-group{min-height:0!important;padding:11px 16px!important}
#detailOverviewView .staff-group .overview-section-heading{margin-bottom:7px!important}
#detailOverviewView .staff-overview-cards .stat-card{min-height:76px!important}
#detailOverviewView .year-comparison-card{min-height:238px!important;padding:14px 16px!important}
#detailOverviewView .year-comparison-card header{min-height:44px!important;margin-bottom:8px!important}
#detailOverviewView .year-card-metrics{grid-template-rows:72px 1fr 8px!important}
#detailOverviewView .year-finance-lines>div{min-height:31px!important}

@media(min-width:1000px){
  #detailOverviewView .detail-layout>div{
    grid-template-rows:auto auto auto auto!important;
    align-content:start!important;
  }
}