#nurseryDetailPage .detail-tabs .nursery-nav-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  flex: 0 0 auto;
  padding: 10px 8px;
  margin: 3px 0;
  border: 1px solid rgba(91, 112, 120, .25);
  border-radius: 20px;
  background: rgba(91, 112, 120, .045);
}
#nurseryDetailPage .detail-tabs .nursery-nav-section:not(:has(> :not([hidden]))) { display: none; }
#nurseryDetailPage .detail-tabs .nursery-nav-section .menu-subgroup { margin: 0; padding: 0; }
html body.dark-mode #nurseryDetailPage .nursery-nav-section { border-color: #485b62; background: rgba(118, 142, 151, .06); }
.data-connection-grid > .nursery-data-security { grid-column: 1 / -1; }
.receipt-management-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.receipt-management-actions button { min-height: 34px; height: auto; padding: 7px 12px; }
.receipt-management-actions button:disabled { opacity: .38 !important; cursor: not-allowed; }
.receipt-management-actions .receipt-delete-button { color: #a34242; }
.issued-receipt > .receipt-management-actions { grid-column: 1 / -1; }
.receipt-editor input[readonly] { opacity: .65; background: rgba(91, 112, 120, .06); }
.deleted-receipt-note { font-size: 12px; color: var(--muted); }
.nursery-card.nursery-card-test { border: 2px dashed #ba8126; background: #fffaf0; }
.nursery-test-badge,
.topbar-nursery-identity .nursery-test-badge {
  display: inline-flex !important;
  align-items: center;
  width: max-content;
  padding: 4px 9px;
  margin-inline-start: 6px;
  border: 1px solid #b37b20;
  border-radius: 7px;
  background: #fff0c9;
  color: #744a08 !important;
  font-size: 11px !important;
  font-weight: 800;
  line-height: 1.4;
  vertical-align: middle;
  white-space: nowrap;
}
.nursery-card > .nursery-test-badge { margin: 12px 0 0; }
body.dark-mode .nursery-card.nursery-card-test { border-color: #d3a553 !important; background: #30291b !important; }
body.dark-mode .nursery-test-badge { background: #493615 !important; color: #ffe0a0 !important; border-color: #d3a553 !important; }
.receipt-editor { width: min(740px, calc(100vw - 30px)); max-height: 90vh; overflow: auto; }
.receipt-editor-body { display: grid; gap: 16px; padding: 20px 26px; }
.receipt-editor-body fieldset { border: 1px solid var(--line, #bcc7cb); border-radius: 12px; padding: 12px; min-width: 0; }
.receipt-editor-body label { display: grid; gap: 6px; }
.receipt-editor-body .receipt-edit-line { grid-template-columns: minmax(0, 1fr) 125px; align-items: center; margin: 8px 0; }
.receipt-editor-body :is(input, select, textarea) { width: 100%; min-width: 0; padding: 9px; border: 1px solid var(--line, #bcc7cb); border-radius: 8px; font: inherit; }
.receipt-edit-payment { display: grid; grid-template-columns: 1fr 110px 1fr; gap: 10px; margin-bottom: 10px; }
.receipt-edit-totals { padding: 12px; background: rgba(91, 112, 120, .09); border-radius: 10px; font-weight: bold; }
#receiptEditorError { padding: 0 26px; }
.setup-identity[hidden] { display: none !important; }
/* Keep user first and setup immediately next to language in both languages. */
/* Keep the account at the outside edge; mirror the group for Arabic. */
html body .topbar-actions { direction: ltr; flex-direction: row-reverse; }
html body.rtl-ui .topbar-actions { flex-direction: row; }
html body .topbar-actions > .account-tools { order: 1 !important; }
html body .topbar-actions > .header-theme-button { order: 2 !important; }
html body .topbar-actions > #setupGuideButton { order: 4 !important; }
html body .topbar-actions > #languageToggleButton { order: 3 !important; }
html body .topbar-actions > #addNurseryButton { order: 5 !important; }
.fee-instalment-date { direction: ltr !important; text-align: center !important; }
@media (max-width: 600px) { .receipt-edit-payment { grid-template-columns: 1fr; } .receipt-editor-body { padding: 14px; } }

/* One geometry for every top-level capsule, including the standalone overview. */
html body #nurseryDetailPage .detail-tabs :is(.menu-group-toggle,.overview-menu-item,.contact-us-menu-item) {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  margin-block: 0 !important;
  padding: 8px 12px !important;
  grid-template-columns: 18px minmax(0,1fr) 18px !important;
  gap: 6px !important;
  text-align: center !important;
}
html body #nurseryDetailPage .detail-tabs > .overview-menu-item {
  width: calc(100% - 18px) !important;
  margin-inline: 9px !important;
  flex-shrink: 0;
}
html body #nurseryDetailPage .detail-tabs button.menu-group-toggle strong,
html body #nurseryDetailPage .detail-tabs button.overview-menu-item .detail-tab-label,
html body #nurseryDetailPage .detail-tabs button.contact-us-menu-item .detail-tab-label {
  grid-column: 2 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  text-transform: none !important;
}
html body.rtl-ui #nurseryDetailPage .detail-tabs button.menu-group-toggle strong,
html body.rtl-ui #nurseryDetailPage .detail-tabs button.overview-menu-item .detail-tab-label,
html body.rtl-ui #nurseryDetailPage .detail-tabs button.contact-us-menu-item .detail-tab-label { font-size: 16px !important; }
html body #nurseryDetailPage .detail-tabs :is(.menu-group-toggle,.overview-menu-item,.contact-us-menu-item) > b {
  grid-column: 3 !important;
  grid-row: 1 !important;
  font-size: 0 !important;
  justify-self: center !important;
}
html body #nurseryDetailPage .detail-tabs :is(.menu-group-toggle,.overview-menu-item,.contact-us-menu-item) > b::after { content: '›'; font-size: 20px; }
html body.rtl-ui #nurseryDetailPage .detail-tabs :is(.menu-group-toggle,.overview-menu-item,.contact-us-menu-item) > b::after { content: '‹'; }

/* Header and data share eight identical columns, including the three actions. */
#discountRulesTable { overflow-x: auto; }
html body #discountRulesTable > .discount-row {
  display: grid !important;
  grid-template-columns: minmax(170px,1.4fr) minmax(180px,1.2fr) 90px 150px 90px 140px 100px 100px !important;
  gap: 12px !important;
  min-width: 1140px;
  width: 100%;
  padding: 14px 18px !important;
  align-items: center !important;
}
html body #discountRulesTable > .discount-row > :is(strong,span,b,button) {
  display: flex !important;
  justify-self: stretch !important;
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  white-space: normal;
}
html body #discountRulesTable > .discount-head { font-size: 13px !important; text-transform: none !important; }