.theme-switch {
  position: relative;
  flex-shrink: 0;
  z-index: 60;
}
.theme-toggle {
  width: 35px;
  height: 35px;
  border: 1px solid var(--line);
  color: #315848;
  background: #f1f6f3;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 20px;
  padding: 0;
}
.theme-menu {
  position: absolute;
  top: 46px;
  inset-inline-end: 0;
  width: 190px;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 15px 45px #112f3c20;
}
.theme-menu button {
  display: block;
  text-align: right;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #244b3c;
  font-size: 12px;
}
.theme-menu button[aria-checked="true"] {
  background: #e6f1e9;
  font-weight: 600;
}
.theme-switch-admin {
  position: fixed;
  top: 15px;
  left: 18px;
}
html[data-theme="dark"] {
  --text: #e0ebe5 !important;
  --surface: #101e25 !important;
  --bg: #162831 !important;
  --muted: #a0b5ac !important;
  --line: #30454b !important;
  --green: #64c39d !important;
  --mint: #23473b !important;
  --hero_start: #173039 !important;
  --hero_end: #15262d !important;
  --admin-bg: #0d1c23;
}
html[data-theme="dark"] body {
  background: #101e25;
  color: #e0ebe5;
}
html[data-theme="dark"] .theme-toggle {
  background: #203b41;
  color: #d5efdf;
}
html[data-theme="dark"] .theme-menu {
  background: #1b3038;
}
html[data-theme="dark"] .theme-menu button {
  color: #dbece2;
}
html[data-theme="dark"] .theme-menu button[aria-checked="true"] {
  background: #2b4a43;
}
html[data-theme="dark"]
  :is(
    .drug-card,
    .searchbox,
    .filter-search,
    .contact-info,
    .floating,
    .chat,
    .chat-head,
    .bubble.bot,
    .quick-chat,
    .quick-chat form,
    .chat form,
    dialog,
    .outline,
    .request-item,
    .tabs button,
    .suggestions button,
    .chat-media button,
    .chat-media label
  ) {
  background: #1a3038;
  color: #e0ebe5;
  border-color: #30454b;
}
html[data-theme="dark"] :is(input, textarea, select) {
  color: #e0ebe5;
  background-color: transparent;
}
html[data-theme="dark"] select option {
  color: #e0ebe5;
  background: #1a3038;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #9bb1a7;
}
html[data-theme="dark"] :is(.popular button, .drug-icon, .floating b, .badge, .service-hours span) {
  background: #24473d;
  color: #bdebd1;
}
html[data-theme="dark"]
  :is(.searchbox button, .quick-chat form button, .chat form button, .order-form button, .primary) {
  background: #5abf96;
  color: #092d22;
}
html[data-theme="dark"] .bubble.user {
  background: #284e40;
  color: #d8efdf;
}
html[data-theme="dark"] .tabs button.active {
  background: #2d5d4d;
  color: #e2f8e8;
}
html[data-theme="dark"] .map-placeholder {
  background: #1a3038;
  border-color: #30454b;
}
html[data-theme="dark"] .card-bottom {
  border-color: #30454b;
}
html[data-theme="dark"] .login-screen {
  background: radial-gradient(ellipse at top right, #153735, #0b1c25 70%);
}
html[data-theme="dark"] .workspace {
  color: #e0ebe5;
}
html[data-theme="dark"]
  :is(
    .admin-card,
    .login-card,
    .save-bar,
    .editor-preview,
    .chat-list button,
    .admin-message,
    .form-grid input,
    .form-grid textarea,
    .form-grid select,
    .editor-row textarea,
    .editor-row input,
    .table-search,
    .login-card input
  ) {
  background: #182c34;
  color: #e0ebe5;
  border-color: #30454b;
}
html[data-theme="dark"] :is(.form-grid textarea, .reply-form textarea, .admin-messages, pre) {
  background: #10232b;
  color: #d9ebe0;
  border-color: #30454b;
}
html[data-theme="dark"]
  :is(
    .admin-banner,
    .notification-example,
    .status-chip,
    .secondary,
    .chat-list button.active,
    .admin-message.admin,
    .admin-message.assistant
  ) {
  background: #23483d;
  color: #d1ecd9;
  border-color: #3b6053;
}
html[data-theme="dark"] .admin-banner p {
  color: #b6cec0;
}
html[data-theme="dark"]
  :is(.editor-row, .preview-toolbar, .maintenance-toggle, .notification-item, td, th, .user-card) {
  border-color: #30454b;
}
html[data-theme="dark"] .danger {
  background: #4a2a2d;
  border-color: #704248;
  color: #f0c4c4;
}
@media (max-width: 700px) {
  .theme-toggle {
    width: 32px;
    height: 32px;
    font-size: 18px;
  }
  .theme-switch-admin {
    top: 14px;
    left: 12px;
  }
  .admin-sidebar .user-card {
    left: 60px;
  }
}
html[data-theme="dark"]
  :is(.social-link, .order-form input:not([type="checkbox"]), .order-form textarea) {
  background: #1a3038;
  color: #e0ebe5;
  border-color: #30454b;
}
html[data-theme="dark"]
  :is(.summary-grid small, .help, .editor-row label, .admin-table th, .notification-item small) {
  color: #a8c0b2;
}
html[data-theme="dark"] .summary-grid span {
  color: #7fd3aa;
}
html[data-theme="dark"] .error {
  color: #efaaa4 !important;
}