:root {
  --eyeston-navy: #1f3f68;
  --eyeston-green: #36a66a;
  --eyeston-navy-deep: #071525;
  --eyeston-green-deep: #268452;
  --eyeston-light-bg: #f4f8fb;
  --eyeston-light-card: #ffffff;
  --eyeston-muted-ink: #5d6f84;
  --eyeston-dark-bg: #121212;
  --eyeston-dark-panel: #161616;
  --eyeston-split: linear-gradient(115deg, #1f3f68 50%, #36a66a 50.2%);
}

.eyeston-icon {
  width: 24px;
  height: 24px;
  color: var(--eyeston-navy-deep);
}

[data-theme="dark"] .eyeston-icon {
  color: inherit;
  stroke: currentColor;
}

[data-theme="dark"] .soft-icon .eyeston-icon,
[data-theme="dark"] .heading-icon .eyeston-icon,
[data-theme="dark"] .meta-icon .eyeston-icon,
[data-theme="dark"] .doctor-module-mark .eyeston-icon,
[data-theme="dark"] .booking-share-icon .eyeston-icon,
[data-theme="dark"] .clinical-note-marker .eyeston-icon {
  color: inherit !important;
  stroke: currentColor !important;
  filter: none !important;
}

.eyeston-avatar-frame {
  width: 44px;
  height: 44px;
  padding: 2px;
  border-radius: 12px;
  background: var(--eyeston-split);
}

.eyeston-avatar-frame > img,
.eyeston-avatar-frame > svg {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #fff;
  object-fit: cover;
}

.eyeston-status-badge {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  min-height: 28px;
  padding: 0;
  border-radius: 0;
  border: 0;
  font-weight: 750;
  letter-spacing: .04em;
  font-size: .72rem;
}

.eyeston-status-badge svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.status-scheduled { color: var(--eyeston-muted-ink); }
.status-checked-in { color: var(--eyeston-navy); }
.status-waiting { color: var(--eyeston-navy); background: color-mix(in srgb, var(--eyeston-navy) 8%, transparent); }
.status-in-consultation { color: var(--eyeston-green); }
.status-billing {
  color: var(--eyeston-navy);
  border-image: var(--eyeston-split) 1;
}
.status-completed { color: var(--eyeston-green-deep); }

.eyeston-diagonal-strip {
  height: 4px;
  background: var(--eyeston-split);
}

.eyeston-illustration {
  color: #111;
  max-width: 100%;
  height: auto;
}

[data-theme="dark"] .eyeston-illustration {
  color: #f8fafc;
  filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.28));
}

[data-theme="dark"] .eyeston-illustration [color="#111111"],
[data-theme="dark"] .eyeston-illustration [color="#111"],
[data-theme="dark"] .eyeston-illustration [color="#1a202c"] {
  color: #f8fafc !important;
}

[data-theme="dark"] .eyeston-illustration .line,
[data-theme="dark"] .eyeston-illustration .line-thin,
[data-theme="dark"] .eyeston-illustration .thin,
[data-theme="dark"] .eyeston-illustration .soft-line {
  stroke: #f8fafc !important;
  opacity: 1 !important;
}

[data-theme="dark"] .eyeston-illustration .accent-navy,
[data-theme="dark"] .eyeston-illustration .navy,
[data-theme="dark"] .eyeston-illustration [fill="#1f3f68"] {
  fill: #1f3f68 !important;
}

[data-theme="dark"] .eyeston-illustration .accent-green,
[data-theme="dark"] .eyeston-illustration .green,
[data-theme="dark"] .eyeston-illustration [fill="#36a66a"] {
  fill: #5dd68a !important;
}

[data-theme="dark"] .eyeston-illustration .soft {
  opacity: 0.26 !important;
}

[data-theme="dark"] .eyeston-illustration .black-fill,
[data-theme="dark"] .eyeston-illustration .ink,
[data-theme="dark"] .eyeston-illustration [fill="#000"],
[data-theme="dark"] .eyeston-illustration [fill="#000000"],
[data-theme="dark"] .eyeston-illustration [fill="#1a202c"] {
  fill: #f8fafc !important;
}

[data-theme="dark"] .eyeston-illustration [stroke="#111"],
[data-theme="dark"] .eyeston-illustration [stroke="#111111"],
[data-theme="dark"] .eyeston-illustration [stroke="#1a202c"] {
  stroke: #f8fafc !important;
}

[data-theme="dark"] .welcome-card-illustration .eyeston-illustration {
  opacity: 0.96;
}