#hlMaintenanceAdminCard.hl-maintenance-admin-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  border: 1px solid #d8e7f3;
  background: linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: 0 16px 42px rgba(16, 61, 105, .08);
}
#hlMaintenanceAdminCard .hl-maintenance-admin-copy > p { margin: 8px 0 0; color: #6b8297; line-height: 1.6; }
#hlMaintenanceAdminCard .hl-maintenance-admin-message {
  margin-top: 16px; padding: 13px 15px; border-radius: 14px; background: #f2f7fb;
  border: 1px solid #e0ebf4; display: grid; gap: 5px;
}
#hlMaintenanceAdminCard .hl-maintenance-admin-message span { color: #7890a4; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .035em; }
#hlMaintenanceAdminCard .hl-maintenance-admin-message strong { color: #173d61; font-size: 14px; line-height: 1.55; }
#hlMaintenanceAdminCard .hl-maintenance-admin-actions { min-width: 250px; display: grid; justify-items: stretch; gap: 10px; }
#hlMaintenanceAdminCard .hl-maintenance-status {
  width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 7px 11px;
  border-radius: 999px; background: #eef4f8; color: #5f7488; font-size: 13px; font-weight: 800;
}
#hlMaintenanceAdminCard .hl-maintenance-status::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: #8aa0b3; }
#hlMaintenanceAdminCard .hl-maintenance-status[data-state="off"] { background: #edf9f2; color: #167548; }
#hlMaintenanceAdminCard .hl-maintenance-status[data-state="off"]::before { background: #21a765; }
#hlMaintenanceAdminCard .hl-maintenance-status[data-state="on"] { background: #fff2ef; color: #b13f2f; }
#hlMaintenanceAdminCard .hl-maintenance-status[data-state="on"]::before { background: #e25743; }
#hlMaintenanceAdminCard .hl-maintenance-toggle {
  min-height: 48px; border: 0; border-radius: 14px; padding: 10px 18px; background: #0b82e6; color: #fff; font: inherit;
  font-weight: 800; cursor: pointer; box-shadow: 0 10px 24px rgba(11, 130, 230, .22);
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease, background .18s ease;
}
#hlMaintenanceAdminCard .hl-maintenance-toggle:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 13px 28px rgba(11, 130, 230, .28); }
#hlMaintenanceAdminCard .hl-maintenance-toggle[data-enabled="true"] { background: #d84d3b; box-shadow: 0 10px 24px rgba(216, 77, 59, .20); }
#hlMaintenanceAdminCard .hl-maintenance-toggle:disabled { cursor: wait; opacity: .58; transform: none; }
#hlMaintenanceAdminCard #hlMaintenanceFeedback { min-height: 18px; color: #6f8498; font-size: 12px; }
#hlMaintenanceAdminCard #hlMaintenanceFeedback.is-error { color: #b53428; }
#hlMaintenanceAdminCard #hlMaintenanceFeedback.is-success { color: #167548; }
@media (max-width: 760px) {
  #hlMaintenanceAdminCard.hl-maintenance-admin-card { grid-template-columns: 1fr; gap: 18px; }
  #hlMaintenanceAdminCard .hl-maintenance-admin-actions { min-width: 0; width: 100%; }
  #hlMaintenanceAdminCard .hl-maintenance-toggle { width: 100%; }
}