/**
 * RL247 Admin UX — läsbar, mobil-först, samma tokens som startsidan.
 * Ljusa kort + mörk text (hög kontrast). Accenter: grön + orange. Inget blått.
 */

html.rl247-admin-page {
  --rl247-admin-on: var(--rl247-green-action, #4ade80);
  --rl247-admin-on-ink: #14532d;
  --rl247-admin-done-bg: var(--rl247-badge-green-bg, #bbf7d0);
  --rl247-admin-done-fg: var(--rl247-badge-green-text, #15803d);
  --rl247-admin-accent: var(--rl247-orange, #fb923c);
  --rl247-admin-accent-ink: #9a3412;
  --rl247-admin-warn: var(--rl247-edit-yellow, #eab308);
  --rl247-admin-card: #ffffff;
  --rl247-admin-line: var(--rl247-border-light, #e2e8f0);
  --rl247-admin-ink: var(--rl247-text-primary, #121926);
  --rl247-admin-muted: var(--rl247-text-secondary, #6b7280);
  --rl247-admin-soft: #eef2f6;
  --rl247-admin-radius: var(--rl247-radius-card, 14px);
  --rl247-admin-gap: 0.75rem;
}

/* ── Page frame ── */
html.rl247-admin-page #root .max-w-4xl.mx-auto,
html.rl247-admin-page #root .max-w-6xl.mx-auto,
html.rl247-admin-page #root .max-w-3xl.mx-auto {
  width: 100% !important;
  max-width: 42rem !important;
  padding-left: max(1rem, var(--sa-left, 0px)) !important;
  padding-right: max(1rem, var(--sa-right, 0px)) !important;
  box-sizing: border-box !important;
}

@media (min-width: 900px) {
  html.rl247-admin-page #root .max-w-4xl.mx-auto,
  html.rl247-admin-page #root .max-w-6xl.mx-auto {
    max-width: 52rem !important;
  }
}

html.rl247-admin-page body,
html.rl247-admin-page #root {
  overflow-x: clip !important;
}

/* Head */
html.rl247-admin-page #root .mb-8.flex.items-center.gap-4,
html.rl247-admin-page .rl247-page-head {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.75rem !important;
  margin-bottom: 0.85rem !important;
}

html.rl247-admin-page #root h1[class*="text-"] {
  color: var(--rl247-admin-ink) !important;
  font-weight: 800 !important;
  font-size: 1.625rem !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  margin: 0 !important;
}

html.rl247-admin-page #root .mb-8.flex.items-center.gap-4 p,
html.rl247-admin-page #root h1 + p {
  color: var(--rl247-admin-muted) !important;
  font-size: 0.9375rem !important;
  margin-top: 0.2rem !important;
}

.rl247-admin-intro {
  margin: 0 0 1.15rem;
  padding: 0.85rem 1rem;
  background: #e8edf2;
  border-radius: var(--rl247-admin-radius);
  color: var(--rl247-admin-muted);
  font-size: 0.875rem;
  line-height: 1.45;
}

.rl247-admin-intro strong {
  color: var(--rl247-admin-ink);
  font-weight: 700;
}

/* ── Cards: white, clear type ── */
html.rl247-admin-page #root [class*="rounded-xl"].border,
html.rl247-admin-page [data-rl247-admin-card] {
  background: var(--rl247-admin-card) !important;
  border: 1px solid var(--rl247-admin-line) !important;
  border-radius: var(--rl247-admin-radius) !important;
  box-shadow: none !important;
  color: var(--rl247-admin-ink) !important;
  overflow: hidden !important;
}

html.rl247-admin-page #root [class*="rounded-xl"].border > [class*="p-6"],
html.rl247-admin-page #root [class*="rounded-xl"].border > [class*="p-4"],
html.rl247-admin-page #root [data-rl247-admin-card] > [class*="p-"] {
  padding: 1rem 1.1rem !important;
  color: var(--rl247-admin-ink) !important;
}

html.rl247-admin-page #root .space-y-4 {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--rl247-admin-gap) !important;
}

html.rl247-admin-page #root .space-y-4 > * + * {
  margin-top: 0 !important;
}

html.rl247-admin-page #root .mb-8 + .mb-8 {
  margin-top: var(--rl247-admin-gap) !important;
}

/* Typography defaults inside admin */
html.rl247-admin-page #root [data-rl247-admin-card] h3,
html.rl247-admin-page #root [data-rl247-admin-card] h4,
html.rl247-admin-page #root [class*="rounded-xl"].border h3,
html.rl247-admin-page #root [class*="rounded-xl"].border h4,
html.rl247-admin-page #root [class*="rounded-xl"].border .font-semibold,
html.rl247-admin-page #root [class*="rounded-xl"].border .font-medium,
html.rl247-admin-page #root [class*="rounded-xl"].border label {
  color: var(--rl247-admin-ink) !important;
}

html.rl247-admin-page #root [class*="rounded-xl"].border p,
html.rl247-admin-page #root [class*="rounded-xl"].border .text-slate-500,
html.rl247-admin-page #root [class*="rounded-xl"].border .text-slate-600,
html.rl247-admin-page #root [class*="rounded-xl"].border .text-muted-foreground,
html.rl247-admin-page #root [class*="rounded-xl"].border .text-sm,
html.rl247-admin-page #root [class*="rounded-xl"].border .text-xs,
html.rl247-admin-page #root [class*="rounded-xl"].border li {
  color: var(--rl247-admin-muted) !important;
}

html.rl247-admin-page #root [class*="rounded-xl"].border svg {
  color: var(--rl247-admin-muted) !important;
  stroke: currentColor !important;
}

/* Page canvas stays light — never paint min-h-screen black */
html.rl247-admin-page #root .min-h-screen.bg-slate-50,
html.rl247-admin-page #root .min-h-screen {
  background: #f4f8fa !important;
}

/* Soft panels — light gray only, never black */
html.rl247-admin-page #root .bg-slate-50,
html.rl247-admin-page #root .bg-slate-100 {
  background: #eef2f6 !important;
  border-color: #e2e8f0 !important;
  color: #121926 !important;
}

html.rl247-admin-page #root .bg-slate-50 h4,
html.rl247-admin-page #root .bg-slate-50 label,
html.rl247-admin-page #root .bg-slate-50 .font-medium {
  color: #121926 !important;
}

html.rl247-admin-page #root .bg-slate-50 p,
html.rl247-admin-page #root .bg-slate-50 .text-sm,
html.rl247-admin-page #root .bg-slate-50 .text-xs,
html.rl247-admin-page #root .bg-slate-50 .text-slate-500,
html.rl247-admin-page #root .bg-slate-50 .text-slate-600 {
  color: #6b7280 !important;
}

/* Inputs */
html.rl247-admin-page #root input:not([type="checkbox"]):not([type="radio"]),
html.rl247-admin-page #root textarea,
html.rl247-admin-page #root select,
html.rl247-admin-page #root [role="combobox"] {
  background: #fff !important;
  color: var(--rl247-admin-ink) !important;
  border: 1px solid var(--rl247-admin-line) !important;
  border-radius: var(--rl247-radius-ui, 6px) !important;
  min-height: 2.75rem !important;
}

/* Primary buttons — home dark */
html.rl247-admin-page #root button.bg-primary:not([role="checkbox"]):not([role="switch"]),
html.rl247-admin-page #root button[class*="bg-slate-900"]:not([role="checkbox"]):not([role="switch"]) {
  background: var(--rl247-bg-btn, #121926) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--rl247-radius-ui, 6px) !important;
  min-height: 2.75rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

html.rl247-admin-page #root button.border:not([role="checkbox"]):not([role="switch"]) {
  border-radius: var(--rl247-radius-ui, 6px) !important;
  color: var(--rl247-admin-ink) !important;
  background: #fff !important;
  border-color: var(--rl247-admin-line) !important;
}

/* ═══════════════════════════════════════════
   Badges — orange / green (never blue, never white-on-light)
   ═══════════════════════════════════════════ */
html.rl247-admin-page #root .bg-blue-50,
html.rl247-admin-page #root .bg-blue-100,
html.rl247-admin-page #root [class*="bg-blue-"] {
  background: #ffedd5 !important;
  color: #9a3412 !important;
  border: none !important;
  font-weight: 700 !important;
}
html.rl247-admin-page #root .bg-blue-50 *,
html.rl247-admin-page #root .bg-blue-100 *,
html.rl247-admin-page #root [class*="bg-blue-"] * {
  color: #9a3412 !important;
}

html.rl247-admin-page #root .bg-green-50,
html.rl247-admin-page #root .bg-green-100,
html.rl247-admin-page #root [class*="bg-green-5"],
html.rl247-admin-page #root [class*="bg-green-1"] {
  background: #bbf7d0 !important;
  color: #15803d !important;
  border: none !important;
  font-weight: 700 !important;
}
html.rl247-admin-page #root .bg-green-50 *,
html.rl247-admin-page #root .bg-green-100 *,
html.rl247-admin-page #root [class*="bg-green-5"] *,
html.rl247-admin-page #root [class*="bg-green-1"] * {
  color: #15803d !important;
}

html.rl247-admin-page #root .bg-amber-50,
html.rl247-admin-page #root .bg-amber-100,
html.rl247-admin-page #root [class*="bg-amber-"] {
  background: #ffedd5 !important;
  color: var(--rl247-admin-accent-ink) !important;
  border-color: #fdba74 !important;
}

html.rl247-admin-page #root .text-blue-600,
html.rl247-admin-page #root .text-blue-700,
html.rl247-admin-page #root .text-blue-800,
html.rl247-admin-page #root [class*="text-blue-"] {
  color: var(--rl247-admin-muted) !important;
}

html.rl247-admin-page #root .text-amber-600,
html.rl247-admin-page #root .text-amber-700,
html.rl247-admin-page #root .text-amber-800 {
  color: var(--rl247-admin-accent-ink) !important;
}

html.rl247-admin-page #root .text-green-600,
html.rl247-admin-page #root .text-green-700,
html.rl247-admin-page #root .text-green-800 {
  color: var(--rl247-admin-done-fg) !important;
}

/* Default badge (Admin role) */
html.rl247-admin-page #root [class*="rounded-md"].border-transparent.bg-primary,
html.rl247-admin-page #root [class*="Badge"] {
  background: var(--rl247-bg-btn, #121926) !important;
  color: #fff !important;
}

/* Session count — muted text; warning = orange pill only */
html.rl247-admin-page #root span.text-xs.font-medium.text-slate-400,
html.rl247-admin-page #root span.text-xs.font-medium:not(.text-amber-600) {
  background: transparent !important;
  color: #6b7280 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
}

html.rl247-admin-page #root span.text-xs.font-medium.text-amber-600,
html.rl247-admin-page #root span.text-amber-600 {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.2rem 0.55rem !important;
  border-radius: 999px !important;
  background: #ffedd5 !important;
  color: var(--rl247-admin-accent-ink) !important;
  font-weight: 700 !important;
}

/* ═══════════════════════════════════════════
   Checkbox — square & visible
   ═══════════════════════════════════════════ */
html.rl247-admin-page #root button[role="checkbox"],
html.rl247-admin-page #root [role="checkbox"] {
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  min-height: 1.25rem !important;
  max-width: 1.25rem !important;
  max-height: 1.25rem !important;
  padding: 0 !important;
  flex: 0 0 1.25rem !important;
  border-radius: 0.35rem !important;
  border: 2px solid #94a3b8 !important;
  background: #fff !important;
  box-shadow: none !important;
  aspect-ratio: 1 / 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.rl247-admin-page #root [role="checkbox"][data-state="checked"] {
  background: var(--rl247-admin-on) !important;
  border-color: var(--rl247-admin-on) !important;
  color: #052e16 !important;
}

html.rl247-admin-page #root [role="checkbox"] svg {
  width: 0.85rem !important;
  height: 0.85rem !important;
  color: #052e16 !important;
  stroke: #052e16 !important;
}

/* ═══════════════════════════════════════════
   Switch — green when on
   ═══════════════════════════════════════════ */
html.rl247-admin-page #root [role="switch"] {
  width: 2.75rem !important;
  height: 1.5rem !important;
  min-width: 2.75rem !important;
  min-height: 1.5rem !important;
  max-height: 1.5rem !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: none !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
}

html.rl247-admin-page #root [role="switch"][data-state="checked"] {
  background: var(--rl247-admin-on) !important;
}

html.rl247-admin-page #root [role="switch"][data-state="unchecked"] {
  background: #cbd5e1 !important;
}

html.rl247-admin-page #root [role="switch"] > span,
html.rl247-admin-page #root [role="switch"] span {
  background: #fff !important;
  width: 1.15rem !important;
  height: 1.15rem !important;
  border-radius: 999px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.2) !important;
}

html.rl247-admin-page #root button[role="checkbox"],
html.rl247-admin-page #root button[role="switch"] {
  min-height: unset !important;
}

/* ═══════════════════════════════════════════
   Funktioner
   ═══════════════════════════════════════════ */
html.rl247-admin-funktioner #root .space-y-4 > div .flex.items-center.justify-between.gap-4 {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.85rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html.rl247-admin-funktioner #root .space-y-4 > div .flex-1 {
  min-width: 0 !important;
}

html.rl247-admin-funktioner #root .space-y-4 > div .flex-1 > .flex.items-center.gap-2 > [class*="bg-amber-100"] {
  display: none !important;
}

html.rl247-admin-funktioner #root .space-y-4 > div [class*="text-lg"] {
  color: var(--rl247-admin-ink) !important;
  font-size: 1.0625rem !important;
  font-weight: 700 !important;
  word-break: break-word !important;
}

html.rl247-admin-funktioner #root .space-y-4 > div .flex.items-center.justify-between.gap-4 > .flex.items-center.gap-2 {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding-top: 0.85rem !important;
  border-top: 1px solid var(--rl247-admin-line) !important;
}

html.rl247-admin-funktioner #root .space-y-4 > div button.inline-flex:not([role="switch"]):not([role="checkbox"]) {
  min-height: 2.35rem !important;
  padding: 0.4rem 0.9rem !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  background: #ffedd5 !important;
  color: var(--rl247-admin-accent-ink) !important;
  border: 1px solid #fdba74 !important;
  white-space: nowrap !important;
}

html.rl247-admin-funktioner #root .space-y-4 > div .flex.flex-col.items-end {
  align-items: flex-end !important;
  gap: 0.25rem !important;
  min-width: 4.75rem !important;
}

html.rl247-admin-funktioner #root .space-y-4 > div .flex.flex-col.items-end .text-xs,
html.rl247-admin-funktioner #root .space-y-4 > div .flex.flex-col.items-end label {
  color: var(--rl247-admin-muted) !important;
  font-size: 0.6875rem !important;
  white-space: nowrap !important;
}

@media (min-width: 720px) {
  html.rl247-admin-funktioner #root .space-y-4 > div .flex.items-center.justify-between.gap-4 {
    flex-direction: row !important;
    align-items: center !important;
  }

  html.rl247-admin-funktioner #root .space-y-4 > div .flex.items-center.justify-between.gap-4 > .flex.items-center.gap-2 {
    width: auto !important;
    flex: 0 0 auto !important;
    border-top: none !important;
    padding-top: 0 !important;
  }
}

/* Help card lists */
html.rl247-admin-funktioner #root ul li {
  color: var(--rl247-admin-muted) !important;
}

/* ═══════════════════════════════════════════
   Användare
   ═══════════════════════════════════════════ */
html.rl247-admin-users #root .space-y-4 > [class*="rounded-xl"] h3 {
  color: var(--rl247-admin-ink) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}

html.rl247-admin-users #root .space-y-4 > [class*="rounded-xl"] p.break-all,
html.rl247-admin-users #root .space-y-4 > [class*="rounded-xl"] p.text-sm {
  color: var(--rl247-admin-muted) !important;
}

/* User card action row = whole header — never a filled panel */
html.rl247-admin-users #root .rl247-user-card-actions {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: inherit !important;
  box-shadow: none !important;
}

/* Role editor soft row only */
html.rl247-admin-users #root .rl247-user-role-editor .bg-slate-50,
html.rl247-admin-users #root .flex.flex-wrap.items-center.gap-3.p-3.bg-slate-50 {
  background: #eef2f6 !important;
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  color: #121926 !important;
}

html.rl247-admin-users #root .rl247-user-card-actions > button,
html.rl247-admin-users #root .rl247-user-logs-btn {
  color: #121926 !important;
  background: #fff !important;
}

html.rl247-admin-users #root .rl247-user-role-editor select,
html.rl247-admin-users #root .rl247-user-role-editor button {
  color: #121926 !important;
  background: #fff !important;
}

html.rl247-admin-users #root .rl247-delete-user-btn {
  color: #dc2626 !important;
}

/* Role segment */
html.rl247-admin-users .rl247-invite-role-btns {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.5rem !important;
  width: 100% !important;
}

html.rl247-admin-users .rl247-invite-role-btns > button {
  width: 100% !important;
  min-height: 2.75rem !important;
  height: 2.75rem !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html.rl247-admin-users .rl247-invite-role-btns > button[class*="bg-slate-900"],
html.rl247-admin-users .rl247-invite-role-btns > button.bg-primary {
  background: #121926 !important;
  color: #fff !important;
  border: none !important;
}

html.rl247-admin-users .rl247-invite-role-btns > button:not([class*="bg-slate-900"]):not(.bg-primary) {
  background: #fff !important;
  color: var(--rl247-admin-ink) !important;
  border: 1px solid var(--rl247-admin-line) !important;
}

/* Invite tabs — soft segment, same as Expert */
html.rl247-admin-users .rl247-invite-tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.25rem !important;
  padding: 0.25rem !important;
  margin: 0.15rem 0 1.1rem !important;
  background: #eef2f6 !important;
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  box-sizing: border-box !important;
}

html.rl247-admin-users .rl247-invite-tabs > button {
  min-height: 2.35rem !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 0.8125rem !important;
  background: transparent !important;
  color: #6b7280 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

html.rl247-admin-users .rl247-invite-tabs > button[data-state="active"] {
  background: #121926 !important;
  color: #fff !important;
}

/* Place rows */
html.rl247-admin-users #root .max-h-60 .flex.items-center.gap-3,
html.rl247-admin-users #root .space-y-2 .flex.items-center.gap-3.p-2 {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.65rem 0.35rem !important;
  border-radius: 8px !important;
  min-width: 0 !important;
}

html.rl247-admin-users #root .max-h-60 label,
html.rl247-admin-users #root .space-y-2 .flex.items-center.gap-3 label {
  color: var(--rl247-admin-ink) !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Invite CTA */
html.rl247-admin-users #root .rl247-invite-panel button.h-11,
html.rl247-admin-users #root .rl247-invite-panel button[class*="px-6"] {
  background: var(--rl247-admin-accent) !important;
  color: #1c1917 !important;
  border: none !important;
  font-weight: 700 !important;
}

/* Dense list rows (Platser) */
html.rl247-admin-users #root .flex.items-center.justify-between.p-3 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  align-items: center !important;
  padding: 0.75rem 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--rl247-admin-line) !important;
  background: transparent !important;
  border-radius: 0 !important;
}

html.rl247-admin-users #root .flex.items-center.justify-between.p-3:last-child {
  border-bottom: none !important;
}

html.rl247-admin-users #root .flex.items-center.justify-between.p-3:hover {
  background: transparent !important;
}

/* ═══════════════════════════════════════════
   Expert
   ═══════════════════════════════════════════ */
html.rl247-admin-expert #root nav[role="tablist"] {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  gap: 0.25rem !important;
  padding: 0.25rem !important;
  margin-bottom: 1rem !important;
  background: #eef2f6 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html.rl247-admin-expert #root nav[role="tablist"] button {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  min-height: 2.35rem !important;
  height: auto !important;
  padding: 0.45rem 0.85rem !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 0.8125rem !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #6b7280 !important;
  border: none !important;
  box-sizing: border-box !important;
}

html.rl247-admin-expert #root nav[role="tablist"] button[class*="bg-slate-900"] {
  background: #121926 !important;
  color: #fff !important;
  border: none !important;
  min-height: 2.35rem !important;
  height: auto !important;
  padding: 0.45rem 0.85rem !important;
}

@media (min-width: 1024px) {
  html.rl247-admin-expert #root .flex.flex-col.lg\:flex-row {
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }

  html.rl247-admin-expert #root nav[role="tablist"] {
    flex-direction: column !important;
    overflow: visible !important;
    width: 12.5rem !important;
    max-width: 12.5rem !important;
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
    position: sticky !important;
    top: 1rem !important;
  }

  html.rl247-admin-expert #root nav[role="tablist"] button {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

html.rl247-admin-expert #root .grid.grid-cols-2 {
  grid-template-columns: 1fr !important;
  gap: 0.875rem !important;
}

@media (min-width: 768px) {
  html.rl247-admin-expert #root .grid.grid-cols-2 {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Kill home shortcuts */
#rl247-home-admin-grid,
.rl247-home-admin-grid,
[data-rl247-tour="home-admin-grid"] {
  display: none !important;
}


html.rl247-admin-page #root button.rl247-admin-cta,
html.rl247-admin-page #root .rl247-invite-panel button.h-11,
html.rl247-admin-page #root .rl247-invite-panel button[class*="px-6"] {
  background: #fb923c !important;
  color: #1c1917 !important;
  border: none !important;
  font-weight: 800 !important;
}

html.rl247-admin-page #root button.h-8.w-8 {
  background: #ffedd5 !important;
  border: 1px solid #fdba74 !important;
  color: #9a3412 !important;
  border-radius: 8px !important;
}
html.rl247-admin-page #root button.h-8.w-8 svg {
  color: #9a3412 !important;
  stroke: #9a3412 !important;
}


/* Expert mail / forms — readable mobile layout */
html.rl247-admin-expert #root label {
  color: #121926 !important;
  font-weight: 600 !important;
}
html.rl247-admin-expert #root input:not([type="color"]):not([type="checkbox"]),
html.rl247-admin-expert #root textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  padding: 0.65rem 0.85rem !important;
}
html.rl247-admin-expert #root textarea {
  min-height: 11rem !important;
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif !important;
}
html.rl247-admin-expert #root .border-t {
  border-color: #e2e8f0 !important;
}
html.rl247-admin-expert #root .bg-amber-50,
html.rl247-admin-expert #root .bg-blue-50 {
  background: #fff7ed !important;
  border-color: #fdba74 !important;
  color: #9a3412 !important;
}
html.rl247-admin-expert #root .bg-amber-50 *,
html.rl247-admin-expert #root .bg-blue-50 * {
  color: #9a3412 !important;
}
html.rl247-admin-expert #root code {
  background: #ffedd5 !important;
  color: #9a3412 !important;
}