/* Stable production overrides for the admin dashboard.
   This file is loaded last to neutralize older visual experiments. */

.auth-view .login-preferences { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 16px 0 0; }
.auth-view .remember-password-option { display: inline-flex; align-items: center; gap: 8px; margin: 0; cursor: pointer; font-size: 14px; color: #164d3e; }
.auth-view .remember-password-option input[type="checkbox"] { width: 16px; height: 16px; min-height: 0; padding: 0; margin: 0; flex: 0 0 16px; appearance: auto; accent-color: #008b65; box-shadow: none; }
.auth-view .remember-password-option input:focus-visible { outline: 2px solid #008b65; outline-offset: 3px; }
.auth-view .remember-password-option span { margin: 0; font-size: 14px; white-space: nowrap; }
.auth-view #rememberPasswordHint { min-width: 0; font-size: 12px; line-height: 1.6; color: #6e847a; overflow-wrap: anywhere; }

.admin-shell {
  background: #f5faf8 !important;
}

.brand-mark {
  position: relative !important;
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid #d8eee7 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

.brand-mark img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.brand-mark::after {
  content: "辰" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  color: #087b61 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

.sidebar .brand-mark::after {
  display: none !important;
}

.auth-view .auth-brand-lockup {
  position: absolute !important;
  left: 42px !important;
  top: 38px !important;
  z-index: 3 !important;
  display: inline-flex !important;
  width: auto !important;
  height: 44px !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 7px 14px 7px 8px !important;
  align-items: center !important;
  gap: 9px !important;
  overflow: hidden !important;
  border: 1px solid rgba(190, 255, 240, 0.28) !important;
  border-radius: 999px !important;
  background: rgba(4, 58, 47, 0.32) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 14px 34px rgba(2, 34, 28, 0.14) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
}

.auth-view .auth-brand-lockup::after {
  content: "辰耀星能" !important;
  position: relative !important;
  z-index: 1 !important;
  color: rgba(239, 255, 251, 0.92) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.auth-view .auth-brand-lockup img {
  display: block !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  object-fit: cover !important;
  object-position: center 34% !important;
  border-radius: 9px !important;
  opacity: 0.96 !important;
  filter: saturate(1.1) contrast(1.03) !important;
}

.auth-view .auth-copy {
  min-height: 620px !important;
  padding: 92px 64px 58px !important;
}

.auth-view .auth-copy .eyebrow {
  margin-top: auto !important;
}

.auth-view .auth-form {
  min-width: 0 !important;
}

.auth-view .password-input-wrap {
  position: relative !important;
}

.auth-view .password-input-wrap input {
  padding-right: 58px !important;
}

.auth-view .password-toggle-btn {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  z-index: 2 !important;
  display: grid !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  place-items: center !important;
  overflow: hidden !important;
  transform: translateY(-50%) !important;
  color: #08745b !important;
  border: 1px solid #bbe5d9 !important;
  border-radius: 12px !important;
  background: #e9fbf5 !important;
}

.auth-view .password-toggle-btn svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.auth-view .password-toggle-btn .icon-eye-off {
  display: none !important;
}

.auth-view .password-toggle-btn.is-visible .icon-eye {
  display: none !important;
}

.auth-view .password-toggle-btn.is-visible .icon-eye-off {
  display: block !important;
}

@media (max-width: 980px) {
  .auth-view .auth-brand-lockup {
    left: 28px !important;
    top: 28px !important;
  }

  .auth-view .auth-copy {
    min-height: 320px !important;
    padding: 86px 34px 34px !important;
  }
}

.admin-section[data-panel="overview"].active {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
  grid-template-rows: auto !important;
  grid-template-areas: "banner banner" "main nav" !important;
  gap: 18px !important;
  min-height: calc(100vh - 86px) !important;
  padding: 24px !important;
  align-content: start !important;
  align-items: start !important;
  overflow: auto !important;
  background: #f5faf8 !important;
}

.admin-section[data-panel="overview"] .overview-hero,
.admin-section[data-panel="overview"] .hero-orb,
.admin-section[data-panel="overview"] .hero-workflow,
.admin-section[data-panel="overview"] .hero-status-board,
.admin-section[data-panel="overview"] .pixel-blast-layer {
  display: none !important;
}

.admin-section[data-panel="overview"] svg {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.admin-section[data-panel="overview"] .overview-dashboard-grid {
  grid-area: main !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 18px !important;
  min-width: 0 !important;
  width: 100% !important;
  align-self: start !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
}

.admin-section[data-panel="overview"] .todo-center {
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: stretch !important;
  align-self: start !important;
}

.admin-section[data-panel="overview"] .overview-quick-nav {
  grid-area: nav !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel,
.admin-section[data-panel="overview"] .todo-center,
.admin-section[data-panel="overview"] .overview-quick-nav {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 22px !important;
  overflow: hidden !important;
  transform: none !important;
  border: 1px solid #dceae5 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 10px 26px rgba(20, 62, 50, 0.06) !important;
}

.admin-section[data-panel="overview"] .overview-panel-heading,
.admin-section[data-panel="overview"] .todo-center > .section-head,
.admin-section[data-panel="overview"] .overview-quick-nav-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #e4eee9 !important;
}

.admin-section[data-panel="overview"] .overview-panel-heading span,
.admin-section[data-panel="overview"] .todo-eyebrow,
.admin-section[data-panel="overview"] .overview-quick-nav-head span {
  display: block !important;
  margin: 0 0 6px !important;
  color: #0c8e70 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

.admin-section[data-panel="overview"] .overview-panel-heading h3,
.admin-section[data-panel="overview"] .todo-center h3,
.admin-section[data-panel="overview"] .overview-quick-nav-head strong {
  margin: 0 !important;
  color: #073d31 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

.admin-section[data-panel="overview"] .overview-panel-heading p,
.admin-section[data-panel="overview"] .todo-center .section-head p,
.admin-section[data-panel="overview"] .overview-quick-nav-head small {
  margin: 4px 0 0 !important;
  color: #6f8980 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(140px, 1fr)) !important;
  grid-template-rows: auto !important;
  gap: 14px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 12px !important;
  min-width: 0 !important;
  min-height: 126px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 1px solid #dfece8 !important;
  border-top-width: 3px !important;
  border-radius: 8px !important;
  background: #fbfefd !important;
  box-shadow: none !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-card::before {
  display: none !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-card:nth-child(1) {
  border-top-color: #d87474 !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-card:nth-child(2) {
  border-top-color: #5085ab !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-card:nth-child(3) {
  border-top-color: #bd9646 !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-card:nth-child(4) {
  border-top-color: #209b79 !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-icon,
.admin-section[data-panel="overview"] .overview-summary-panel .metric-icon svg,
.admin-section[data-panel="overview"] .overview-summary-panel .metric-icon svg * {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-card > span:not(.metric-icon),
.admin-section[data-panel="overview"] .overview-summary-panel .metric-card > strong,
.admin-section[data-panel="overview"] .overview-summary-panel .metric-card > small {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-card > span:not(.metric-icon) {
  margin: 0 0 10px !important;
  color: #5d766e !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-card > strong {
  grid-column: 1 / -1 !important;
  margin: 0 0 10px !important;
  color: #073d31 !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 780 !important;
  overflow-wrap: anywhere;
  white-space: normal !important;
  font-variant-numeric: tabular-nums;
}

.admin-section[data-panel="overview"] .overview-summary-panel .metric-card > small {
  grid-column: 1 / -1 !important;
  align-self: end !important;
  color: #718a82 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.admin-section[data-panel="overview"] #floatingTodoNote,
.admin-section[data-panel="overview"] .floating-todo-note {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  justify-self: stretch !important;
  align-self: start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
}

.admin-section[data-panel="overview"] .todo-drag-handle,
.admin-section[data-panel="overview"] .todo-toggle-btn {
  display: none !important;
}

.admin-section[data-panel="overview"] .todo-list {
  display: grid !important;
  gap: 10px !important;
  max-height: none !important;
  overflow: visible !important;
}

.admin-section[data-panel="overview"] .overview-quick-nav {
  align-self: start !important;
}

.admin-section[data-panel="overview"] .overview-quick-nav-head {
  display: block !important;
}

.admin-section[data-panel="overview"] .overview-quick-nav-groups {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
}

.admin-section[data-panel="overview"] .overview-quick-nav-groups section,
.admin-section[data-panel="overview"] .overview-quick-nav-groups section:last-child {
  display: grid !important;
  gap: 8px !important;
}

.admin-section[data-panel="overview"] .overview-quick-nav-groups h4 {
  margin: 0 0 4px !important;
  color: #073d31 !important;
  font-size: 14px !important;
}

.admin-section[data-panel="overview"] .overview-quick-nav-groups button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid #e1ece8 !important;
  border-radius: 6px !important;
  background: #f8fbfa !important;
  color: #073d31 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

@media (max-width: 1360px) {
  .admin-section[data-panel="overview"].active {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "main"
      "nav" !important;
  }

  .admin-section[data-panel="overview"] .overview-summary-panel .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .admin-section[data-panel="overview"] .overview-summary-panel .metric-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Keep tasks in normal flow below the summary, not in a floating-note slot. */
.admin-section[data-panel="overview"].active {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 340px) !important;
  grid-template-rows: auto auto !important;
  grid-template-areas: "banner banner" "main nav" !important;
  column-gap: 18px !important;
  row-gap: 18px !important;
  align-items: start !important;
  align-content: start !important;
}

.overview-energy-banner {
  grid-area: banner;
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  height: 190px;
  overflow: hidden;
  isolation: isolate;
  background: #e7f1f4;
}

.overview-energy-image {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 65%;
}

.overview-energy-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(248, 252, 250, 0.32);
}

.overview-energy-copy {
  padding: 24px 32px;
  color: #113e35;
  text-shadow: 0 1px 10px rgba(255, 255, 255, 0.7);
}

.overview-energy-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
}

.overview-energy-copy h2 {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 12px 0;
  font-size: 28px;
  line-height: 1.3;
  letter-spacing: 0;
}

.overview-energy-copy h2 span {
  font-size: 15px;
  font-weight: 500;
}

.overview-energy-copy p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.admin-section[data-panel="overview"] .overview-dashboard-grid {
  display: grid !important;
  grid-template-areas: "summary" "work" "insights" !important;
  align-content: start !important;
}

.admin-section[data-panel="overview"] .overview-summary-panel {
  grid-area: summary !important;
}

.admin-section[data-panel="overview"] .overview-quick-nav {
  grid-area: nav !important;
}

.admin-section[data-panel="overview"] #floatingTodoNote.todo-center {
  grid-area: work !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  justify-self: stretch !important;
  align-self: start !important;
  margin: 0 !important;
  transform: none !important;
}

.admin-section[data-panel="overview"] .todo-center .todo-list-track {
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)) !important;
}

@media (min-width: 720px) and (max-width: 1360px) {
  .admin-section[data-panel="overview"] .overview-quick-nav-groups {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1360px) {
  .admin-section[data-panel="overview"].active {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "banner"
      "summary"
      "nav"
      "work"
      "insights" !important;
  }

  .admin-section[data-panel="overview"] .overview-dashboard-grid {
    display: contents !important;
  }

  .admin-section[data-panel="overview"] #floatingTodoNote.todo-center {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    margin-top: 0 !important;
  }
}

.admin-section[data-panel="overview"] .overview-insights {
  grid-area: insights;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  min-width: 0;
  padding: 22px 0;
  border-top: 1px solid #dceae5;
}

.overview-insights > section {
  min-width: 0;
}

.overview-insight-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
}

.overview-insight-heading h3 {
  margin: 5px 0 0;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
  color: #173d35;
}

.overview-eyebrow {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  color: #56756c;
}

.overview-text-action {
  flex-shrink: 0;
  padding: 6px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #08745b;
  font-size: 12px;
  cursor: pointer;
}

.overview-period,
.overview-activity-count {
  color: #61776f;
  font-size: 12px;
  line-height: 1.5;
}

.overview-period {
  margin: 12px 0;
}

.overview-billing-totals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding-bottom: 16px;
}

.overview-billing-totals span,
.overview-billing-totals strong {
  display: block;
  overflow-wrap: anywhere;
}

.overview-billing-totals span {
  margin-bottom: 6px;
  font-size: 12px;
  color: #61776f;
}

.overview-billing-totals strong {
  font-size: 22px;
  font-variant-numeric: tabular-nums;
  color: #173d35;
}

.overview-billing-totals > div:last-child strong {
  color: #08745b;
}

.overview-month-list,
.overview-activity-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.overview-month-head,
.overview-month-row {
  display: grid;
  grid-template-columns: 40px minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.overview-month-head {
  padding: 10px 0;
  border-block: 1px solid #dceae5;
  color: #61776f;
}

.overview-month-head > span:last-child,
.overview-month-saving {
  text-align: right;
}

.overview-month-row {
  min-height: 44px;
  padding: 8px 0;
  border-bottom: 1px solid #e4eee9;
  color: #27483f;
}

.overview-month-row span {
  overflow-wrap: anywhere;
}

.overview-month-track {
  display: block;
  height: 5px;
  margin-top: 5px;
  background: #e0e8ed;
}

.overview-month-track i {
  display: block;
  height: 100%;
  background: #5085ab;
}

.overview-activity-list {
  margin-top: 12px;
}

.overview-activity-entry {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 10px;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 65px;
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid #dceae5;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
  cursor: pointer;
}

.overview-activity-entry:hover {
  background: #eaf3f0;
}

.overview-activity-entry:focus-visible,
.overview-text-action:focus-visible {
  outline: 2px solid #08745b;
  outline-offset: 2px;
}

.overview-activity-kind {
  padding-left: 8px;
  border-left: 3px solid #5085ab;
  color: #466b85;
  font-size: 11px;
  line-height: 1.4;
}

.overview-activity-kind.lead,
.overview-activity-kind.ticket {
  border-color: #bb8457;
  color: #946035;
}

.overview-activity-kind.policy {
  border-color: #209b79;
  color: #18745c;
}

.overview-activity-copy {
  min-width: 0;
}

.overview-activity-copy strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.5;
  color: #27483f;
}

.overview-activity-copy time {
  display: block;
  margin-top: 4px;
  color: #61776f;
  font-size: 11px;
  line-height: 1.5;
}

.overview-activity-arrow {
  color: #61776f;
}

.overview-no-activity {
  padding: 30px 0;
  border-top: 1px solid #dceae5;
  color: #61776f;
  font-size: 13px;
}

@media (max-width: 980px) {
  .admin-section[data-panel="overview"] .overview-insights {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Let small screens use the full width instead of retaining the desktop rail. */
@media (max-width: 760px) {
  .overview-energy-banner {
    height: 180px;
  }

  .overview-energy-copy {
    padding: 20px;
  }

  .overview-energy-copy h2 {
    font-size: 24px;
  }

  .overview-energy-image {
    object-position: 60% 65%;
  }

  .admin-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .admin-shell .sidebar {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 10px 12px !important;
    min-width: 0 !important;
  }

  .sidebar .brand-block {
    display: none !important;
  }

  .sidebar .side-nav {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 4px !important;
  }

  .sidebar .nav-item {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 112px !important;
    min-height: 44px !important;
    padding: 10px 20px !important;
  }

  .admin-shell .workspace {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  .workspace .topbar {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 14px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: "title" "search" "actions" !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  .topbar .topbar-actions {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }

  .topbar .topbar-user {
    flex: 1 1 100% !important;
    order: -1;
  }

  .admin-section[data-panel="overview"].active,
  .admin-section:not([data-panel="overview"]) {
    padding: 14px !important;
  }

  .admin-section .section-head,
  .admin-section .table-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  .auth-view .auth-copy h1 {
    font-size: 32px !important;
    line-height: 1.3 !important;
  }

  .auth-view .auth-form .section-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .auth-view .login-state {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    justify-self: start;
  }
}
/* Inbox remains in document flow and never covers an active editor. */
.service-inbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 20px;
  border-bottom: 1px solid #b7dbd1;
  background: #edf8f4;
  color: #194c40;
}
.service-inbox-copy { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; min-width: 0; }
.service-inbox-copy strong { font-size: 15px; }
.service-inbox-copy span { font-size: 14px; overflow-wrap: anywhere; }
.service-inbox-copy small { font-size: 12px; color: #a4412e; }
.service-inbox-actions { display: flex; flex-wrap: wrap; gap: 8px; flex-shrink: 0; }
.service-inbox-actions .secondary-btn { min-height: 36px; margin: 0; padding: 7px 12px; font-size: 13px; }
@media (max-width: 720px) {
  .service-inbox { align-items: stretch; flex-direction: column; padding: 12px; }
  .service-inbox-actions { flex-shrink: 1; }
}