@font-face {
  font-family: "Medlink Graphik";
  src: url("../real-mobile/fonts/GraphikLCG-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Medlink Graphik";
  src: url("../real-mobile/fonts/GraphikLCG-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
}

@font-face {
  font-family: "Medlink Graphik";
  src: url("../real-mobile/fonts/GraphikLCG-Semibold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}

[data-medlink-app],
[data-medlink-demo] {
  --medlinkm-font: "Medlink Graphik", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --medlinkm-ink: #000a21;
  --medlinkm-muted: #778096;
  --medlinkm-faint: #a7afbf;
  --medlinkm-bg: #f4f7fb;
  --medlinkm-paper: #ffffff;
  --medlinkm-line: rgba(16, 39, 83, .09);
  --medlinkm-blue: #0c44bb;
  --medlinkm-bright: #2868f0;
  --medlinkm-sky: #7bc8f6;
  --medlinkm-violet: #928ff6;
  --medlinkm-purple: #754fda;
  --medlinkm-mint: #77d7b6;
  --medlinkm-ease: cubic-bezier(.22, 1, .36, 1);
}

[data-medlink-app],
[data-medlink-app] *,
[data-medlink-app] *::before,
[data-medlink-app] *::after,
[data-medlink-demo],
[data-medlink-demo] *,
[data-medlink-demo] *::before,
[data-medlink-demo] *::after {
  box-sizing: border-box;
}

html body [data-medlink-app],
html body [data-medlink-app] *,
html body [data-medlink-demo],
html body [data-medlink-demo] * {
  font-family: var(--medlinkm-font) !important;
}

html body [data-medlink-app] {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  color: var(--medlinkm-ink);
  background:
    radial-gradient(circle at 94% 2%, rgba(146, 143, 246, .11), transparent 28%),
    var(--medlinkm-bg);
  font-size: 14px;
  line-height: 1.35;
  container: medlinkm-phone / size;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none !important;
  user-select: none !important;
  touch-action: manipulation;
}

html body [data-medlink-app] [hidden] {
  display: none !important;
}

html body [data-medlink-app] :is(h1, h2, h3, p, ol, ul, dl, dd, blockquote, figure, fieldset, legend) {
  margin: 0 !important;
  color: inherit !important;
}

html body [data-medlink-app] :is(button, input, textarea) {
  min-width: 0;
  margin: 0 !important;
  border: 0;
  color: inherit;
  background: transparent;
  box-shadow: none;
  font: inherit;
  letter-spacing: inherit !important;
  text-transform: none !important;
  appearance: none;
  -webkit-appearance: none;
}

html body [data-medlink-app] button {
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none !important;
  user-select: none !important;
}

html body [data-medlink-app] :is(input, textarea) {
  -webkit-user-select: text !important;
  user-select: text !important;
}

html body [data-medlink-app] :is(button, input, textarea):focus-visible {
  outline: 3px solid rgba(40, 104, 240, .35) !important;
  outline-offset: 2px !important;
}

html body [data-medlink-app] svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

html body [data-medlink-app] img {
  max-width: none !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  pointer-events: none;
  -webkit-user-drag: none;
}

html body [data-medlink-app][data-medlinkm-inactive] {
  pointer-events: none;
}

html body [data-medlink-app] .medlinkm-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html body [data-medlink-app] .medlinkm-view {
  position: absolute;
  z-index: 1;
  inset: 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(18px, 0, 0) scale(.995);
  transition: opacity .2s ease, transform .42s var(--medlinkm-ease), visibility 0s .42s;
}

html body [data-medlink-app] .medlinkm-view.medlinkm-is-active {
  z-index: 3;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  transition-delay: 0s;
}

html body [data-medlink-app] .medlinkm-scroll {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 54px 18px 112px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

html body [data-medlink-app] .medlinkm-scroll::-webkit-scrollbar {
  display: none;
}

html body [data-medlink-app] :is(.medlinkm-view--appointment, .medlinkm-view--note) .medlinkm-scroll {
  padding-bottom: 36px;
}

html body [data-medlink-app] .medlinkm-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 44px;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
}

html body [data-medlink-app] .medlinkm-brand,
html body [data-medlink-demo] .medlinkm-demo__brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

html body [data-medlink-app] .medlinkm-brand > span:last-child,
html body [data-medlink-demo] .medlinkm-demo__brand strong {
  color: var(--medlinkm-blue) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
}

html body [data-medlink-app] .medlinkm-brand__mark,
html body [data-medlink-demo] .medlinkm-brand__mark {
  position: relative;
  display: grid;
  width: 34px;
  height: 34px;
  color: var(--medlinkm-blue);
  background: linear-gradient(145deg, #eef5ff, #e3edff);
  border: 1px solid rgba(12, 68, 187, .11);
  border-radius: 12px;
  place-items: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
}

html body [data-medlink-app] .medlinkm-brand__mark i,
html body [data-medlink-demo] .medlinkm-brand__mark i {
  position: absolute;
  width: 15px;
  height: 7px;
  border: 2px solid currentColor;
  border-radius: 99px;
  transform: rotate(45deg) translateX(-4px);
}

html body [data-medlink-app] .medlinkm-brand__mark i:nth-child(2),
html body [data-medlink-demo] .medlinkm-brand__mark i:nth-child(2) {
  transform: rotate(45deg) translateX(4px);
}

html body [data-medlink-app] .medlinkm-brand__mark b,
html body [data-medlink-demo] .medlinkm-brand__mark b {
  position: absolute;
  right: 4px;
  top: 2px;
  display: grid;
  width: 11px;
  height: 11px;
  color: #fff;
  background: var(--medlinkm-bright);
  border-radius: 50%;
  font-size: 8px;
  line-height: 1;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-clinic-state {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  color: #557065;
  background: #edf9f5;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 600;
  white-space: nowrap;
}

html body [data-medlink-app] .medlinkm-clinic-state i {
  width: 6px;
  height: 6px;
  background: #32b98a;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(50,185,138,.13);
}

html body [data-medlink-app] .medlinkm-avatar {
  display: grid;
  width: 44px;
  height: 44px;
  color: #fff !important;
  background: linear-gradient(145deg, #173d87, #0c44bb 56%, #519ce8) !important;
  border: 3px solid #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 18px rgba(12, 68, 187, .17) !important;
  font-size: 11px;
  font-weight: 700;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-greeting {
  margin-bottom: 22px;
}

html body [data-medlink-app] .medlinkm-greeting p {
  margin-bottom: 6px !important;
  color: var(--medlinkm-muted) !important;
  font-size: 11px !important;
  font-weight: 500;
}

html body [data-medlink-app] .medlinkm-greeting h1 {
  color: var(--medlinkm-ink) !important;
  font-size: clamp(32px, 9cqw, 39px) !important;
  font-weight: 600 !important;
  letter-spacing: -.065em !important;
  line-height: .96 !important;
}

html body [data-medlink-app] .medlinkm-greeting h1 em {
  color: var(--medlinkm-blue);
  font-style: normal;
}

html body [data-medlink-app] .medlinkm-focus-card {
  position: relative;
  min-height: 244px;
  padding: 18px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 95% 5%, rgba(123, 200, 246, .65), transparent 34%),
    linear-gradient(145deg, #092d7a 0%, #0c44bb 56%, #356fec 100%);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 28px;
  box-shadow: 0 20px 42px rgba(9, 45, 122, .22);
}

html body [data-medlink-app] .medlinkm-focus-card::after {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 24px 24px;
  content: "";
  pointer-events: none;
  mask-image: linear-gradient(#000, transparent 90%);
}

html body [data-medlink-app] .medlinkm-focus-card > * {
  position: relative;
  z-index: 2;
}

html body [data-medlink-app] .medlinkm-focus-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}

html body [data-medlink-app] .medlinkm-focus-card > header span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255,255,255,.72);
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .11em;
  text-transform: uppercase;
}

html body [data-medlink-app] .medlinkm-focus-card > header span i {
  width: 7px;
  height: 7px;
  background: #8de9ca;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(141,233,202,.13);
}

html body [data-medlink-app] .medlinkm-focus-card > header time {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -.045em;
}

html body [data-medlink-app] .medlinkm-focus-card__patient {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

html body [data-medlink-app] .medlinkm-patient-avatar {
  display: grid;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 17px;
  font-size: 12px;
  font-weight: 700;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-patient-avatar--blue {
  color: #164cae;
  background: #dfeaff;
}

html body [data-medlink-app] .medlinkm-patient-avatar--violet {
  color: #6848c8;
  background: #ebe7ff;
}

html body [data-medlink-app] .medlinkm-patient-avatar--mint {
  color: #267a60;
  background: #ddf5ec;
}

html body [data-medlink-app] .medlinkm-focus-card__patient .medlinkm-patient-avatar {
  color: #fff;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.19);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}

html body [data-medlink-app] .medlinkm-focus-card__patient small {
  display: block;
  margin-bottom: 3px;
  color: rgba(255,255,255,.62);
  font-size: 9px;
}

html body [data-medlink-app] .medlinkm-focus-card__patient h2 {
  color: #fff !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  letter-spacing: -.035em !important;
  line-height: 1.1 !important;
}

html body [data-medlink-app] .medlinkm-focus-card__patient p {
  margin-top: 4px !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 10px !important;
}

html body [data-medlink-app] .medlinkm-focus-card__meta {
  display: flex;
  gap: 14px;
  margin: 18px 0 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.11);
}

html body [data-medlink-app] .medlinkm-focus-card__meta span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,.74);
  font-size: 9px;
}

html body [data-medlink-app] .medlinkm-focus-card__meta svg {
  width: 14px;
  height: 14px;
}

html body [data-medlink-app] .medlinkm-focus-card__open {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 45px;
  padding: 0 14px;
  color: var(--medlinkm-blue) !important;
  background: #fff !important;
  border-radius: 15px !important;
  font-size: 11px;
  font-weight: 650;
}

html body [data-medlink-app] .medlinkm-focus-card__open span {
  font-size: 16px;
}

html body [data-medlink-app] .medlinkm-focus-card__orb {
  position: absolute;
  z-index: 1;
  right: -54px;
  top: 45px;
  width: 140px;
  height: 140px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  box-shadow: inset 0 0 0 24px rgba(255,255,255,.018), inset 0 0 0 49px rgba(255,255,255,.018);
}

html body [data-medlink-app] .medlinkm-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin: 28px 2px 13px;
}

html body [data-medlink-app] .medlinkm-section-head span,
html body [data-medlink-app] .medlinkm-inner-head > div > span,
html body [data-medlink-app] .medlinkm-sheet-head > div > span,
html body [data-medlink-app] .medlinkm-record-card header span,
html body [data-medlink-app] .medlinkm-clinical-media > header span {
  display: block;
  margin-bottom: 3px;
  color: var(--medlinkm-muted);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .15em;
}

html body [data-medlink-app] .medlinkm-section-head h2 {
  font-size: 23px !important;
  font-weight: 600 !important;
  letter-spacing: -.045em !important;
}

html body [data-medlink-app] .medlinkm-section-head > button,
html body [data-medlink-app] .medlinkm-record-card header button {
  min-height: 44px;
  color: var(--medlinkm-blue);
  font-size: 10px;
  font-weight: 600;
}

html body [data-medlink-app] .medlinkm-agenda {
  overflow: hidden;
  background: rgba(255,255,255,.84);
  border: 1px solid var(--medlinkm-line);
  border-radius: 23px;
  box-shadow: 0 13px 30px rgba(17,48,95,.05);
}

html body [data-medlink-app] .medlinkm-agenda-row {
  display: grid;
  grid-template-columns: 43px 5px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 66px;
  padding: 10px 14px;
  text-align: left;
}

html body [data-medlink-app] .medlinkm-agenda-row + .medlinkm-agenda-row {
  border-top: 1px solid var(--medlinkm-line);
}

html body [data-medlink-app] .medlinkm-agenda-row time {
  color: var(--medlinkm-ink);
  font-size: 11px;
  font-weight: 650;
}

html body [data-medlink-app] .medlinkm-agenda-row > i {
  width: 5px;
  height: 28px;
  background: #d8e4f5;
  border-radius: 99px;
}

html body [data-medlink-app] .medlinkm-agenda-row--active > i {
  background: var(--medlinkm-bright);
}

html body [data-medlink-app] .medlinkm-agenda-row span {
  display: grid;
  gap: 3px;
}

html body [data-medlink-app] .medlinkm-agenda-row strong {
  font-size: 11px;
  font-weight: 600;
}

html body [data-medlink-app] .medlinkm-agenda-row small {
  color: var(--medlinkm-muted);
  font-size: 9px;
}

html body [data-medlink-app] .medlinkm-agenda-row > b {
  color: #a6afc0;
  font-size: 20px;
  font-weight: 400;
}

html body [data-medlink-app] .medlinkm-create-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 90px;
  margin-top: 12px !important;
  padding: 14px;
  text-align: left;
  background: #fff !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 23px !important;
}

html body [data-medlink-app] .medlinkm-create-card > span:first-child {
  display: grid;
  width: 42px;
  height: 42px;
  color: #fff;
  background: var(--medlinkm-blue);
  border-radius: 15px;
  font-size: 20px;
  place-items: center;
  box-shadow: 0 9px 20px rgba(12,68,187,.2);
}

html body [data-medlink-app] .medlinkm-create-card > span:nth-child(2) {
  display: grid;
  gap: 2px;
}

html body [data-medlink-app] .medlinkm-create-card small {
  color: var(--medlinkm-muted);
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .12em;
}

html body [data-medlink-app] .medlinkm-create-card strong {
  font-size: 13px;
  font-weight: 650;
}

html body [data-medlink-app] .medlinkm-create-card em {
  color: var(--medlinkm-muted);
  font-size: 9px;
  font-style: normal;
}

html body [data-medlink-app] .medlinkm-create-card > i {
  color: var(--medlinkm-blue);
  font-size: 19px;
  font-style: normal;
}

html body [data-medlink-app] .medlinkm-learning-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px;
  align-items: center;
  gap: 12px;
  min-height: 126px;
  margin-top: 12px;
  padding: 17px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 88% 0, rgba(146,143,246,.85), transparent 42%),
    linear-gradient(140deg, #111936, #19265a 68%, #35328c);
  border-radius: 24px;
}

html body [data-medlink-app] .medlinkm-learning-card > div > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255,255,255,.66);
  font-size: 8px;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html body [data-medlink-app] .medlinkm-learning-card > div > span i {
  width: 6px;
  height: 6px;
  background: #ff6e80;
  border-radius: 50%;
  animation: medlinkm-live 1.8s ease-in-out infinite;
}

html body [data-medlink-app] .medlinkm-learning-card h2 {
  margin-top: 9px !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -.035em !important;
}

html body [data-medlink-app] .medlinkm-learning-card p {
  margin-top: 4px !important;
  color: rgba(255,255,255,.54) !important;
  font-size: 9px !important;
}

html body [data-medlink-app] .medlinkm-learning-card > button {
  display: grid;
  width: 54px;
  height: 54px;
  color: #fff;
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 19px !important;
  backdrop-filter: blur(12px);
  place-items: center;
}

html body [data-medlink-app] .medlinkm-learning-card > button span {
  display: grid;
  width: 29px;
  height: 29px;
  padding-left: 2px;
  color: var(--medlinkm-blue);
  background: #fff;
  border-radius: 50%;
  font-size: 10px;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-inner-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

html body [data-medlink-app] .medlinkm-inner-head h2 {
  color: var(--medlinkm-ink) !important;
  font-size: 27px !important;
  font-weight: 600 !important;
  letter-spacing: -.055em !important;
}

html body [data-medlink-app] .medlinkm-round-control {
  display: grid;
  width: 48px;
  height: 48px;
  color: #fff !important;
  background: var(--medlinkm-blue) !important;
  border-radius: 17px !important;
  box-shadow: 0 10px 22px rgba(12,68,187,.2) !important;
  font-size: 22px;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-week {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
  padding: 7px;
  background: #fff;
  border: 1px solid var(--medlinkm-line);
  border-radius: 24px;
  box-shadow: 0 13px 28px rgba(17,48,95,.045);
}

html body [data-medlink-app] .medlinkm-week button {
  position: relative;
  display: grid;
  min-height: 76px;
  padding: 9px 4px 7px;
  border-radius: 18px !important;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-week button[aria-pressed="true"] {
  color: #fff;
  background: var(--medlinkm-blue) !important;
  box-shadow: 0 9px 18px rgba(12,68,187,.17);
}

html body [data-medlink-app] .medlinkm-week small {
  color: var(--medlinkm-muted);
  font-size: 8px;
  font-weight: 600;
}

html body [data-medlink-app] .medlinkm-week button[aria-pressed="true"] small {
  color: rgba(255,255,255,.65);
}

html body [data-medlink-app] .medlinkm-week b {
  font-size: 17px;
  font-weight: 600;
}

html body [data-medlink-app] .medlinkm-week i {
  display: grid;
  width: 16px;
  height: 16px;
  color: var(--medlinkm-blue);
  background: #e9f0ff;
  border-radius: 50%;
  font-size: 7px;
  font-style: normal;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-week button[aria-pressed="true"] i {
  color: var(--medlinkm-blue);
  background: #fff;
}

html body [data-medlink-app] .medlinkm-day-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 26px 3px 16px;
}

html body [data-medlink-app] .medlinkm-day-summary > div span {
  color: var(--medlinkm-ink);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.035em;
}

html body [data-medlink-app] .medlinkm-day-summary h3 {
  margin-top: 3px !important;
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
  font-weight: 400 !important;
}

html body [data-medlink-app] .medlinkm-day-summary__load {
  display: grid;
  gap: 3px;
  justify-items: end;
}

html body [data-medlink-app] .medlinkm-day-summary__load i {
  width: 56px;
  height: 5px;
  overflow: hidden;
  background: #dce5f3;
  border-radius: 99px;
}

html body [data-medlink-app] .medlinkm-day-summary__load i::after {
  display: block;
  width: 60%;
  height: 100%;
  background: var(--medlinkm-blue);
  border-radius: inherit;
  content: "";
  transition: width .35s var(--medlinkm-ease);
}

html body [data-medlink-app][data-medlinkm-date="19"] .medlinkm-day-summary__load i::after { width: 42%; }
html body [data-medlink-app][data-medlinkm-date="20"] .medlinkm-day-summary__load i::after { width: 76%; }
html body [data-medlink-app][data-medlinkm-date="21"] .medlinkm-day-summary__load i::after { width: 30%; }
html body [data-medlink-app][data-medlinkm-date="22"] .medlinkm-day-summary__load i::after { width: 64%; }

html body [data-medlink-app] .medlinkm-day-summary__load b {
  color: var(--medlinkm-muted);
  font-size: 8px;
  font-weight: 600;
}

html body [data-medlink-app] .medlinkm-timeline {
  display: grid;
  gap: 9px;
}

html body [data-medlink-app] .medlinkm-timeline__hour {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 8px;
}

html body [data-medlink-app] .medlinkm-timeline__hour time {
  color: var(--medlinkm-faint);
  font-size: 8px;
}

html body [data-medlink-app] .medlinkm-timeline__hour span {
  height: 1px;
  background: var(--medlinkm-line);
}

html body [data-medlink-app] .medlinkm-timeline-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: center;
  gap: 10px;
  min-height: 82px;
  margin-left: 50px !important;
  padding: 12px 13px;
  text-align: left;
  border-radius: 20px !important;
}

html body [data-medlink-app] .medlinkm-timeline-card--blue { background: #e5efff !important; }
html body [data-medlink-app] .medlinkm-timeline-card--violet { background: #eeeafd !important; }
html body [data-medlink-app] .medlinkm-timeline-card--mint { background: #e5f6ef !important; }

html body [data-medlink-app] .medlinkm-timeline-card > span {
  display: grid;
  gap: 2px;
}

html body [data-medlink-app] .medlinkm-timeline-card small {
  color: var(--medlinkm-blue);
  font-size: 8px;
  font-weight: 600;
}

html body [data-medlink-app] .medlinkm-timeline-card strong {
  font-size: 12px;
  font-weight: 650;
}

html body [data-medlink-app] .medlinkm-timeline-card em {
  color: var(--medlinkm-muted);
  font-size: 8px;
  font-style: normal;
}

html body [data-medlink-app] .medlinkm-timeline-card > i {
  display: grid;
  width: 42px;
  height: 42px;
  color: #164cae;
  background: rgba(255,255,255,.76);
  border-radius: 15px;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-open-slot {
  display: grid;
  grid-template-columns: 26px 42px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 48px;
  margin-left: 50px !important;
  padding: 7px 10px;
  color: var(--medlinkm-blue);
  border: 1px dashed rgba(12,68,187,.27) !important;
  border-radius: 17px !important;
  text-align: left;
}

html body [data-medlink-app] .medlinkm-open-slot > span {
  display: grid;
  width: 26px;
  height: 26px;
  color: #fff;
  background: var(--medlinkm-blue);
  border-radius: 9px;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-open-slot b { font-size: 10px; }
html body [data-medlink-app] .medlinkm-open-slot small { color: var(--medlinkm-muted); font-size: 8px; }

html body [data-medlink-app] .medlinkm-sheet-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;
}

html body [data-medlink-app] .medlinkm-back,
html body [data-medlink-app] .medlinkm-more {
  display: grid;
  width: 44px;
  height: 44px;
  background: #fff !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 7px 18px rgba(17,48,95,.05) !important;
  font-size: 17px;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-more {
  font-size: 11px;
  letter-spacing: .07em;
}

html body [data-medlink-app] .medlinkm-sheet-head h2 {
  color: var(--medlinkm-ink) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: -.045em !important;
  line-height: 1 !important;
}

html body [data-medlink-app] .medlinkm-sheet-head > b {
  color: var(--medlinkm-muted);
  font-size: 9px;
  font-weight: 600;
}

html body [data-medlink-app] .medlinkm-search-field {
  position: relative;
  display: block;
  margin-bottom: 19px;
}

html body [data-medlink-app] .medlinkm-search-field svg {
  position: absolute;
  left: 15px;
  top: 50%;
  width: 18px;
  height: 18px;
  color: var(--medlinkm-muted);
  transform: translateY(-50%);
  pointer-events: none;
}

html body [data-medlink-app] .medlinkm-search-field input {
  width: 100%;
  height: 52px;
  padding: 0 16px 0 45px;
  background: #fff !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 18px !important;
  font-size: 11px;
}

html body [data-medlink-app] .medlinkm-search-field input::placeholder {
  color: #a2abba;
  opacity: 1;
}

html body [data-medlink-app] .medlinkm-form-label {
  display: flex;
  justify-content: space-between;
  margin: 0 2px 9px;
}

html body [data-medlink-app] .medlinkm-form-label span,
html body [data-medlink-app] .medlinkm-form-section legend {
  color: var(--medlinkm-ink);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .11em;
}

html body [data-medlink-app] .medlinkm-form-label small {
  color: var(--medlinkm-muted);
  font-size: 9px;
}

html body [data-medlink-app] .medlinkm-patient-options {
  display: grid;
  gap: 7px;
}

html body [data-medlink-app] .medlinkm-patient-options > button {
  display: grid;
  grid-template-columns: 45px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 66px;
  padding: 9px 12px;
  text-align: left;
  background: #fff !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 20px !important;
  transition: border-color .2s ease, box-shadow .25s var(--medlinkm-ease), transform .25s var(--medlinkm-ease);
}

html body [data-medlink-app] .medlinkm-patient-options > button.medlinkm-is-selected {
  border-color: rgba(12,68,187,.36) !important;
  box-shadow: 0 10px 24px rgba(12,68,187,.08) !important;
  transform: translateY(-1px);
}

html body [data-medlink-app] .medlinkm-patient-options .medlinkm-patient-avatar {
  width: 45px;
  height: 45px;
  border-radius: 15px;
}

html body [data-medlink-app] .medlinkm-patient-options > button > span:nth-child(2) {
  display: grid;
  gap: 3px;
}

html body [data-medlink-app] .medlinkm-patient-options strong { font-size: 11px; font-weight: 600; }
html body [data-medlink-app] .medlinkm-patient-options small { color: var(--medlinkm-muted); font-size: 8px; }

html body [data-medlink-app] .medlinkm-patient-options > button > i {
  display: grid;
  width: 21px;
  height: 21px;
  color: transparent;
  border: 1px solid #d9e1ed;
  border-radius: 50%;
  font-size: 10px;
  font-style: normal;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-patient-options > button.medlinkm-is-selected > i {
  color: #fff;
  background: var(--medlinkm-blue);
  border-color: var(--medlinkm-blue);
}

html body [data-medlink-app] .medlinkm-patient-options > button[hidden] {
  display: none !important;
}

html body [data-medlink-app] .medlinkm-form-section {
  min-width: 0;
  padding: 0;
  border: 0;
  margin-top: 21px !important;
}

html body [data-medlink-app] .medlinkm-form-section legend {
  margin-bottom: 9px !important;
}

html body [data-medlink-app] .medlinkm-date-picks,
html body [data-medlink-app] .medlinkm-time-picks,
html body [data-medlink-app] .medlinkm-template-picks {
  display: grid;
  gap: 7px;
}

html body [data-medlink-app] .medlinkm-date-picks { grid-template-columns: repeat(4, 1fr); }
html body [data-medlink-app] .medlinkm-time-picks { grid-template-columns: repeat(4, 1fr); }
html body [data-medlink-app] .medlinkm-template-picks { grid-template-columns: repeat(3, 1fr); }

html body [data-medlink-app] .medlinkm-date-picks button {
  display: grid;
  min-height: 61px;
  padding: 9px 4px;
  background: #fff !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 17px !important;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-date-picks small {
  color: var(--medlinkm-muted);
  font-size: 8px;
}

html body [data-medlink-app] .medlinkm-date-picks b { font-size: 15px; font-weight: 600; }

html body [data-medlink-app] :is(.medlinkm-date-picks, .medlinkm-time-picks, .medlinkm-template-picks) button.medlinkm-is-selected {
  color: #fff;
  background: var(--medlinkm-blue) !important;
  border-color: var(--medlinkm-blue) !important;
  box-shadow: 0 8px 17px rgba(12,68,187,.14);
}

html body [data-medlink-app] .medlinkm-date-picks button.medlinkm-is-selected small { color: rgba(255,255,255,.65); }

html body [data-medlink-app] .medlinkm-time-picks button {
  min-height: 44px;
  background: #fff !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 14px !important;
  font-size: 10px;
  font-weight: 600;
}

html body [data-medlink-app] .medlinkm-text-field,
html body [data-medlink-app] .medlinkm-note-field {
  display: grid;
  gap: 8px;
  margin-top: 21px;
}

html body [data-medlink-app] .medlinkm-text-field > span,
html body [data-medlink-app] .medlinkm-note-field > span {
  color: var(--medlinkm-ink);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .06em;
}

html body [data-medlink-app] .medlinkm-text-field input,
html body [data-medlink-app] .medlinkm-note-field textarea {
  width: 100%;
  padding: 0 15px;
  background: #fff !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 17px !important;
  font-size: 11px;
}

html body [data-medlink-app] .medlinkm-text-field input { height: 50px; }

html body [data-medlink-app] .medlinkm-booking-summary {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  padding: 11px;
  background: #edf7f3;
  border: 1px solid rgba(63,166,129,.12);
  border-radius: 17px;
}

html body [data-medlink-app] .medlinkm-booking-summary > span {
  display: grid;
  width: 34px;
  height: 34px;
  color: #fff;
  background: #43b78e;
  border-radius: 12px;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-booking-summary p { display: grid; gap: 2px; }
html body [data-medlink-app] .medlinkm-booking-summary small { color: #668278; font-size: 8px; }
html body [data-medlink-app] .medlinkm-booking-summary strong { font-size: 9px; font-weight: 600; }

html body [data-medlink-app] .medlinkm-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 54px;
  margin-top: 13px !important;
  padding: 0 17px;
  color: #fff !important;
  background: linear-gradient(135deg, #0c44bb, #2868f0) !important;
  border-radius: 18px !important;
  box-shadow: 0 13px 25px rgba(12,68,187,.19) !important;
  font-size: 11px;
  font-weight: 650;
}

html body [data-medlink-app] .medlinkm-primary:disabled {
  cursor: wait;
  opacity: .68;
}

html body [data-medlink-app] .medlinkm-primary i {
  display: grid;
  width: 28px;
  height: 28px;
  background: rgba(255,255,255,.13);
  border-radius: 10px;
  font-size: 14px;
  font-style: normal;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-patient-hero {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 42px;
  align-items: center;
  gap: 13px;
  margin-bottom: 13px;
  padding: 17px;
  background: #fff;
  border: 1px solid var(--medlinkm-line);
  border-radius: 25px;
  box-shadow: 0 13px 28px rgba(17,48,95,.05);
}

html body [data-medlink-app] .medlinkm-patient-hero__avatar {
  display: grid;
  width: 64px;
  height: 64px;
  color: #fff;
  background:
    radial-gradient(circle at 70% 20%, rgba(123,200,246,.9), transparent 32%),
    linear-gradient(145deg, #092d7a, #2868f0);
  border-radius: 22px;
  font-size: 16px;
  font-weight: 700;
  place-items: center;
  box-shadow: 0 10px 22px rgba(12,68,187,.15);
}

html body [data-medlink-app] .medlinkm-patient-hero > div > span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #4c8a74;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html body [data-medlink-app] .medlinkm-patient-hero > div > span i {
  width: 5px;
  height: 5px;
  background: #43b78e;
  border-radius: 50%;
}

html body [data-medlink-app] .medlinkm-patient-hero h1 {
  margin-top: 5px !important;
  color: var(--medlinkm-ink) !important;
  font-size: 18px !important;
  font-weight: 650 !important;
  letter-spacing: -.04em !important;
  line-height: 1 !important;
}

html body [data-medlink-app] .medlinkm-patient-hero p {
  margin-top: 6px !important;
  color: var(--medlinkm-muted) !important;
  font-size: 8px !important;
}

html body [data-medlink-app] .medlinkm-patient-hero > button {
  display: grid;
  width: 42px;
  height: 42px;
  color: var(--medlinkm-blue);
  background: #edf3ff !important;
  border-radius: 15px !important;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-patient-hero > button svg { width: 19px; height: 19px; }

html body [data-medlink-app] .medlinkm-next-visit {
  padding: 15px 16px;
  color: #fff;
  background: linear-gradient(140deg, #0b327f, #0c44bb 58%, #2e6eee);
  border-radius: 22px;
  box-shadow: 0 13px 28px rgba(12,68,187,.16);
}

html body [data-medlink-app] .medlinkm-next-visit > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(255,255,255,.11);
}

html body [data-medlink-app] .medlinkm-next-visit > header span {
  color: rgba(255,255,255,.6);
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .12em;
}

html body [data-medlink-app] .medlinkm-next-visit > header b {
  padding: 5px 7px;
  color: #b9f0de;
  background: rgba(119,215,182,.12);
  border-radius: 99px;
  font-size: 7px;
  font-weight: 600;
}

html body [data-medlink-app] .medlinkm-next-visit > div {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
}

html body [data-medlink-app] .medlinkm-next-visit time {
  display: grid;
  width: 50px;
  height: 50px;
  color: #fff;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  font-size: 18px;
  font-weight: 650;
  place-content: center;
  text-align: center;
}

html body [data-medlink-app] .medlinkm-next-visit time small { color: rgba(255,255,255,.56); font-size: 7px; font-weight: 500; }
html body [data-medlink-app] .medlinkm-next-visit p { display: grid; gap: 2px; }
html body [data-medlink-app] .medlinkm-next-visit p strong { color: #fff; font-size: 14px; font-weight: 650; }
html body [data-medlink-app] .medlinkm-next-visit p span { color: rgba(255,255,255,.76); font-size: 9px; }
html body [data-medlink-app] .medlinkm-next-visit p small { color: rgba(255,255,255,.48); font-size: 8px; }
html body [data-medlink-app] .medlinkm-next-visit > div > i { font-size: 16px; font-style: normal; }

html body [data-medlink-app] .medlinkm-patient-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 12px;
}

html body [data-medlink-app] .medlinkm-patient-action {
  display: grid;
  grid-template-columns: 37px minmax(0, 1fr);
  align-items: center;
  gap: 2px 9px;
  min-height: 83px;
  padding: 12px;
  text-align: left;
  background: #fff !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 21px !important;
}

html body [data-medlink-app] .medlinkm-patient-action > span {
  grid-row: 1 / 3;
  display: grid;
  width: 37px;
  height: 37px;
  border-radius: 13px;
  font-size: 17px;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-patient-action--note > span { color: #fff; background: var(--medlinkm-blue); }
html body [data-medlink-app] .medlinkm-patient-action--ai > span { color: #6341c7; background: #ece8ff; }
html body [data-medlink-app] .medlinkm-patient-action strong { align-self: end; font-size: 10px; font-weight: 650; }
html body [data-medlink-app] .medlinkm-patient-action small { align-self: start; color: var(--medlinkm-muted); font-size: 7px; }

html body [data-medlink-app] .medlinkm-record-card,
html body [data-medlink-app] .medlinkm-clinical-media {
  margin-top: 12px;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--medlinkm-line);
  border-radius: 23px;
}

html body [data-medlink-app] .medlinkm-record-card > header,
html body [data-medlink-app] .medlinkm-clinical-media > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

html body [data-medlink-app] .medlinkm-record-card header h2 {
  font-size: 16px !important;
  font-weight: 650 !important;
  letter-spacing: -.035em !important;
}

html body [data-medlink-app] .medlinkm-record-card ol {
  padding: 0;
  list-style: none;
}

html body [data-medlink-app] .medlinkm-record-card li {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) 16px;
  gap: 10px;
  padding: 12px 0;
}

html body [data-medlink-app] .medlinkm-record-card li + li { border-top: 1px solid var(--medlinkm-line); }

html body [data-medlink-app] .medlinkm-record-card li > i {
  width: 7px;
  height: 7px;
  margin-top: 4px;
  background: #cbd8ed;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #f3f6fb;
}

html body [data-medlink-app] .medlinkm-record-card li:first-child > i { background: var(--medlinkm-blue); }
html body [data-medlink-app] .medlinkm-record-card li > div { display: grid; gap: 3px; }
html body [data-medlink-app] .medlinkm-record-card time { color: var(--medlinkm-muted); font-size: 7px; }
html body [data-medlink-app] .medlinkm-record-card li strong { font-size: 10px; font-weight: 600; }
html body [data-medlink-app] .medlinkm-record-card li p { color: var(--medlinkm-muted) !important; font-size: 8px !important; line-height: 1.45 !important; }
html body [data-medlink-app] .medlinkm-record-card li > b { color: var(--medlinkm-faint); font-size: 15px; font-weight: 400; }
html body [data-medlink-app] .medlinkm-record-card [data-medlinkm-completed-note] { background: linear-gradient(90deg, rgba(228,241,255,.68), transparent); }

html body [data-medlink-app] .medlinkm-clinical-media > header b {
  color: var(--medlinkm-muted);
  font-size: 8px;
  font-weight: 500;
}

html body [data-medlink-app] .medlinkm-clinical-media > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

html body [data-medlink-app] .medlinkm-clinical-media button {
  display: grid;
  gap: 7px;
  text-align: left;
}

html body [data-medlink-app] .medlinkm-clinical-media button > span {
  position: relative;
  display: block;
  height: 75px;
  overflow: hidden;
  border-radius: 16px;
}

html body [data-medlink-app] .medlinkm-clinical-media button > small { color: var(--medlinkm-muted); font-size: 8px; }

html body [data-medlink-app] .medlinkm-xray {
  background: radial-gradient(ellipse at 50% 82%, #bed6f1 0 18%, transparent 19%), linear-gradient(145deg, #152c4c, #38577d) !important;
}

html body [data-medlink-app] .medlinkm-xray::before,
html body [data-medlink-app] .medlinkm-xray::after {
  position: absolute;
  left: 15%;
  right: 15%;
  height: 18px;
  border: 3px solid rgba(226,241,255,.68);
  border-radius: 50%;
  content: "";
}

html body [data-medlink-app] .medlinkm-xray::before { top: 18px; border-bottom: 0; }
html body [data-medlink-app] .medlinkm-xray::after { top: 38px; border-top: 0; }

html body [data-medlink-app] .medlinkm-photo-protocol {
  background: linear-gradient(145deg, #dbe5ee, #f5d3ca) !important;
}

html body [data-medlink-app] .medlinkm-photo-protocol i,
html body [data-medlink-app] .medlinkm-photo-protocol b,
html body [data-medlink-app] .medlinkm-photo-protocol em {
  position: absolute;
  top: 24px;
  width: 38px;
  height: 23px;
  background: #fff9ec;
  border: 3px solid #c46f62;
  border-radius: 50% 50% 44% 44%;
}

html body [data-medlink-app] .medlinkm-photo-protocol i { left: 19px; transform: rotate(4deg); }
html body [data-medlink-app] .medlinkm-photo-protocol b { left: 52px; }
html body [data-medlink-app] .medlinkm-photo-protocol em { right: 18px; transform: rotate(-4deg); }

html body [data-medlink-app] .medlinkm-note-intro {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 14px;
  color: #fff;
  background: linear-gradient(140deg, #092e7d, #0c44bb 64%, #3b75ef);
  border-radius: 22px;
  box-shadow: 0 13px 26px rgba(12,68,187,.17);
}

html body [data-medlink-app] .medlinkm-note-intro > span {
  display: grid;
  width: 44px;
  height: 44px;
  color: var(--medlinkm-blue);
  background: #fff;
  border-radius: 15px;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-note-intro > div { display: grid; gap: 2px; }
html body [data-medlink-app] .medlinkm-note-intro small { color: rgba(255,255,255,.56); font-size: 7px; font-weight: 700; letter-spacing: .1em; }
html body [data-medlink-app] .medlinkm-note-intro strong { color: #fff; font-size: 12px; font-weight: 650; }
html body [data-medlink-app] .medlinkm-note-intro p { color: rgba(255,255,255,.58) !important; font-size: 8px !important; }
html body [data-medlink-app] .medlinkm-note-intro time { color: #fff; font-size: 13px; font-variant-numeric: tabular-nums; }

html body [data-medlink-app] .medlinkm-form-section--tooth {
  padding: 15px !important;
  background: #fff;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 21px;
}

html body [data-medlink-app] .medlinkm-tooth-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 3px;
}

html body [data-medlink-app] .medlinkm-tooth-grid button {
  display: grid;
  min-height: 53px;
  padding: 4px 1px;
  border-radius: 11px !important;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-tooth-grid button.medlinkm-is-selected { background: #e7efff !important; }

html body [data-medlink-app] .medlinkm-tooth-grid i {
  position: relative;
  width: 17px;
  height: 22px;
  background: linear-gradient(#fff, #edf2f7);
  border: 1px solid #ced8e5;
  border-radius: 7px 7px 9px 9px;
  box-shadow: 0 3px 5px rgba(35,58,88,.08);
}

html body [data-medlink-app] .medlinkm-tooth-grid button.medlinkm-is-selected i {
  background: var(--medlinkm-bright);
  border-color: var(--medlinkm-bright);
  box-shadow: 0 4px 9px rgba(40,104,240,.2);
}

html body [data-medlink-app] .medlinkm-tooth-grid b { color: var(--medlinkm-muted); font-size: 7px; font-weight: 500; }
html body [data-medlink-app] .medlinkm-tooth-grid button.medlinkm-is-selected b { color: var(--medlinkm-blue); font-weight: 700; }

html body [data-medlink-app] .medlinkm-template-picks button {
  min-height: 44px;
  padding: 0 8px;
  background: #fff !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 14px !important;
  font-size: 8px;
  font-weight: 600;
}

html body [data-medlink-app] .medlinkm-note-field > span {
  display: flex;
  justify-content: space-between;
}

html body [data-medlink-app] .medlinkm-note-field > span small {
  color: var(--medlinkm-muted);
  font-size: 8px;
  font-weight: 400;
}

html body [data-medlink-app] .medlinkm-note-field textarea {
  min-height: 104px;
  padding: 14px 15px;
  resize: none;
  line-height: 1.5;
}

html body [data-medlink-app] .medlinkm-note-checklist {
  display: grid;
  gap: 7px;
  margin-top: 13px;
}

html body [data-medlink-app] .medlinkm-note-checklist button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 9px 11px;
  text-align: left;
  background: #fff !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 17px !important;
}

html body [data-medlink-app] .medlinkm-note-checklist button > i {
  display: grid;
  width: 30px;
  height: 30px;
  color: transparent;
  border: 1px solid #ccd5e3;
  border-radius: 11px;
  font-style: normal;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-note-checklist button.medlinkm-is-checked > i {
  color: #fff;
  background: #43b78e;
  border-color: #43b78e;
}

html body [data-medlink-app] .medlinkm-note-checklist button > span { display: grid; gap: 2px; }
html body [data-medlink-app] .medlinkm-note-checklist strong { font-size: 9px; font-weight: 600; }
html body [data-medlink-app] .medlinkm-note-checklist small { color: var(--medlinkm-muted); font-size: 7px; }
html body [data-medlink-app] .medlinkm-primary--complete { margin-top: 18px !important; }

html body [data-medlink-app] .medlinkm-demo-disclaimer {
  margin-top: 12px !important;
  color: var(--medlinkm-muted) !important;
  font-size: 7px !important;
  text-align: center;
}

html body [data-medlink-app] .medlinkm-tabbar {
  position: absolute;
  z-index: 8;
  right: 10px;
  bottom: 10px;
  left: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  min-height: 72px;
  padding: 7px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(16,39,83,.08);
  border-radius: 23px;
  box-shadow: 0 15px 35px rgba(13,37,77,.13), inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter: blur(18px);
  transition: opacity .2s ease, transform .38s var(--medlinkm-ease);
}

html body [data-medlink-app] .medlinkm-tabbar button {
  display: grid;
  min-height: 56px;
  padding: 7px 4px 5px;
  color: #8a93a6;
  border-radius: 17px !important;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-tabbar button.medlinkm-is-active {
  color: var(--medlinkm-blue);
  background: #edf3ff !important;
}

html body [data-medlink-app] .medlinkm-tabbar svg { width: 20px; height: 20px; }
html body [data-medlink-app] .medlinkm-tabbar span { font-size: 8px; font-weight: 600; }

html body [data-medlink-app]:is([data-medlinkm-view="appointment"], [data-medlinkm-view="note"]) .medlinkm-tabbar {
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 110%, 0);
}

html body [data-medlink-app] .medlinkm-ai-layer {
  position: absolute;
  z-index: 30;
  inset: 0;
}

html body [data-medlink-app] .medlinkm-ai-backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,10,33,.43) !important;
  backdrop-filter: blur(3px);
  animation: medlinkm-fade-in .2s ease both;
}

html body [data-medlink-app] .medlinkm-ai-sheet {
  position: absolute;
  right: 8px;
  bottom: 8px;
  left: 8px;
  max-height: calc(100% - 44px);
  padding: 18px;
  overflow-y: auto;
  background: #fbfaff;
  border: 1px solid rgba(117,79,218,.15);
  border-radius: 28px;
  box-shadow: 0 28px 70px rgba(0,10,33,.27);
  animation: medlinkm-sheet-up .45s var(--medlinkm-ease) both;
}

html body [data-medlink-app] .medlinkm-ai-sheet > header {
  display: grid;
  grid-template-columns: 43px minmax(0, 1fr) 37px;
  align-items: center;
  gap: 10px;
}

html body [data-medlink-app] .medlinkm-ai-mark {
  display: grid;
  width: 43px;
  height: 43px;
  color: #6846ca;
  background: linear-gradient(145deg, #eeeaff, #ddd5ff);
  border-radius: 15px;
  font-size: 19px;
  place-items: center;
  box-shadow: inset 0 1px 0 #fff;
}

html body [data-medlink-app] .medlinkm-ai-sheet > header small {
  color: #7b64c3;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .11em;
}

html body [data-medlink-app] .medlinkm-ai-sheet > header h2 {
  margin-top: 3px !important;
  color: var(--medlinkm-ink) !important;
  font-size: 17px !important;
  font-weight: 650 !important;
  letter-spacing: -.035em !important;
}

html body [data-medlink-app] .medlinkm-ai-sheet > header button {
  display: grid;
  width: 37px;
  height: 37px;
  color: #796d9d;
  background: #eeeaf8 !important;
  border-radius: 13px !important;
  font-size: 21px;
  font-weight: 300;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-ai-patient {
  display: grid;
  grid-template-columns: 37px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  margin-top: 17px;
  padding: 10px;
  background: #f0edfb;
  border-radius: 17px;
}

html body [data-medlink-app] .medlinkm-ai-patient > span {
  display: grid;
  width: 37px;
  height: 37px;
  color: #fff;
  background: linear-gradient(145deg, #5d42bc, #928ff6);
  border-radius: 13px;
  font-size: 9px;
  font-weight: 700;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-ai-patient p { display: grid; gap: 2px; }
html body [data-medlink-app] .medlinkm-ai-patient strong { font-size: 9px; font-weight: 600; }
html body [data-medlink-app] .medlinkm-ai-patient small { color: var(--medlinkm-muted); font-size: 7px; }
html body [data-medlink-app] .medlinkm-ai-patient > i { color: #6653a5; font-size: 7px; font-style: normal; }

html body [data-medlink-app] .medlinkm-ai-question {
  margin: 18px 2px 9px !important;
  font-size: 10px !important;
  font-weight: 650;
}

html body [data-medlink-app] .medlinkm-ai-prompts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

html body [data-medlink-app] .medlinkm-ai-prompts button {
  min-height: 44px;
  padding: 0 11px;
  color: #5f4ca1;
  background: #fff !important;
  border: 1px solid rgba(117,79,218,.16) !important;
  border-radius: 99px !important;
  font-size: 8px;
}

html body [data-medlink-app] .medlinkm-ai-prompts button.medlinkm-is-selected {
  color: #fff;
  background: #7356cf !important;
}

html body [data-medlink-app] .medlinkm-ai-response {
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  gap: 9px;
  margin-top: 13px;
  padding: 13px;
  background: #fff;
  border: 1px solid rgba(117,79,218,.11);
  border-radius: 18px;
  box-shadow: 0 11px 24px rgba(81,54,154,.07);
}

html body [data-medlink-app] .medlinkm-ai-response > span {
  display: grid;
  width: 31px;
  height: 31px;
  color: #6a4ac6;
  background: #eeeaff;
  border-radius: 11px;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-ai-response p {
  color: #31384a !important;
  font-size: 8px !important;
  line-height: 1.55 !important;
}

html body [data-medlink-app] .medlinkm-ai-note {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 13px !important;
  color: var(--medlinkm-muted) !important;
  font-size: 7px !important;
}

html body [data-medlink-app] .medlinkm-ai-note i {
  display: grid;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  color: #6f5baa;
  background: #ece8f7;
  border-radius: 50%;
  font-style: normal;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-toast {
  position: absolute;
  z-index: 40;
  top: 54px;
  right: 13px;
  left: 13px;
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 10px;
  color: #fff;
  background: rgba(5,24,62,.95);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  box-shadow: 0 15px 36px rgba(0,10,33,.23);
  backdrop-filter: blur(16px);
  animation: medlinkm-toast-in .35s var(--medlinkm-ease) both;
}

html body [data-medlink-app] .medlinkm-toast > span {
  display: grid;
  width: 35px;
  height: 35px;
  color: #17483a;
  background: #98e6cc;
  border-radius: 12px;
  place-items: center;
}

html body [data-medlink-app] .medlinkm-toast p { display: grid; gap: 2px; }
html body [data-medlink-app] .medlinkm-toast strong { color: #fff; font-size: 9px; font-weight: 650; }
html body [data-medlink-app] .medlinkm-toast small { color: rgba(255,255,255,.6); font-size: 7px; }

@keyframes medlinkm-live {
  50% { opacity: .38; transform: scale(.84); }
}

@keyframes medlinkm-fade-in {
  from { opacity: 0; }
}

@keyframes medlinkm-sheet-up {
  from { opacity: 0; transform: translate3d(0, 30px, 0) scale(.98); }
}

@keyframes medlinkm-toast-in {
  from { opacity: 0; transform: translate3d(0, -15px, 0) scale(.97); }
}

html body [data-medlink-demo] {
  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 76% 35%, rgba(81,118,235,.23), transparent 33%),
    radial-gradient(circle at 17% 80%, rgba(146,143,246,.15), transparent 30%),
    #07132d;
  border-radius: 44px;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none !important;
  user-select: none !important;
}

html body [data-medlink-demo] :is(h2, p, ol) {
  margin: 0 !important;
  color: inherit !important;
}

html body [data-medlink-demo] .medlinkm-demo__shell {
  display: grid;
  grid-template-columns: minmax(300px, .88fr) minmax(430px, 1.12fr);
  align-items: center;
  gap: clamp(36px, 6vw, 92px);
  width: min(1260px, calc(100% - 48px));
  min-height: 940px;
  margin: 0 auto;
  padding: 70px 42px;
}

html body [data-medlink-demo] .medlinkm-demo__intro {
  position: relative;
  z-index: 2;
  max-width: 530px;
}

html body [data-medlink-demo] .medlinkm-demo__brand {
  margin-bottom: 46px;
}

html body [data-medlink-demo] .medlinkm-demo__brand .medlinkm-brand__mark {
  width: 43px;
  height: 43px;
  color: #fff;
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.12);
}

html body [data-medlink-demo] .medlinkm-demo__brand strong {
  color: #fff !important;
  font-size: 17px !important;
  letter-spacing: .03em !important;
}

html body [data-medlink-demo] .medlinkm-demo__kicker {
  margin-bottom: 18px !important;
  color: #88bffc !important;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: .18em;
}

html body [data-medlink-demo] .medlinkm-demo__intro > h2 {
  max-width: 510px;
  color: #fff !important;
  font-size: clamp(46px, 5vw, 78px) !important;
  font-weight: 600 !important;
  letter-spacing: -.072em !important;
  line-height: .91 !important;
}

html body [data-medlink-demo] .medlinkm-demo__lead {
  max-width: 470px;
  margin-top: 26px !important;
  color: rgba(229,237,255,.65) !important;
  font-size: clamp(15px, 1.4vw, 19px) !important;
  line-height: 1.48 !important;
}

html body [data-medlink-demo] .medlinkm-demo__flow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  max-width: 500px;
  margin-top: 42px !important;
  padding: 0;
  overflow: hidden;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 24px;
  list-style: none;
}

html body [data-medlink-demo] .medlinkm-demo__flow li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  min-height: 84px;
  padding: 14px;
  background: rgba(7,19,45,.78);
}

html body [data-medlink-demo] .medlinkm-demo__flow li > span {
  display: grid;
  width: 34px;
  height: 34px;
  color: #8ec8ff;
  background: rgba(55,112,230,.17);
  border-radius: 12px;
  font-size: 9px;
  font-weight: 700;
  place-items: center;
}

html body [data-medlink-demo] .medlinkm-demo__flow p { display: grid; gap: 4px; }
html body [data-medlink-demo] .medlinkm-demo__flow strong { color: #fff; font-size: 12px; font-weight: 600; }
html body [data-medlink-demo] .medlinkm-demo__flow small { color: rgba(229,237,255,.48); font-size: 9px; }

html body [data-medlink-demo] .medlinkm-demo__note {
  display: flex;
  align-items: center;
  gap: 9px;
  max-width: 475px;
  margin-top: 20px !important;
  color: rgba(229,237,255,.47) !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

html body [data-medlink-demo] .medlinkm-demo__note span {
  display: grid;
  flex: 0 0 auto;
  width: 25px;
  height: 25px;
  color: #a7ceff;
  background: rgba(110,166,246,.14);
  border: 1px solid rgba(110,166,246,.16);
  border-radius: 50%;
  place-items: center;
}

html body [data-medlink-demo] .medlinkm-demo__stage {
  position: relative;
  display: grid;
  min-height: 840px;
  place-items: center;
}

html body [data-medlink-demo] .medlinkm-demo__halo {
  position: absolute;
  width: min(680px, 100%);
  aspect-ratio: 1;
  background: radial-gradient(circle, rgba(44,100,231,.24), rgba(44,100,231,.07) 44%, transparent 69%);
  border-radius: 50%;
}

html body [data-medlink-demo] .medlinkm-phone {
  position: relative;
  z-index: 2;
  width: 393px;
  height: 852px;
  padding: 9px;
  background: linear-gradient(145deg, #262d38, #070a10 45%, #373f4b);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 58px;
  box-shadow: 0 54px 110px rgba(0,0,0,.48), inset 0 0 0 2px rgba(255,255,255,.08), inset 0 0 0 7px #080b10;
}

html body [data-medlink-demo] .medlinkm-phone__screen {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--medlinkm-bg);
  border-radius: 49px;
}

html body [data-medlink-demo] .medlinkm-phone__island {
  position: absolute;
  z-index: 70;
  top: 13px;
  left: 50%;
  width: 116px;
  height: 33px;
  background: #03050a;
  border-radius: 999px;
  box-shadow: inset -13px 0 18px rgba(34,51,75,.35);
  transform: translateX(-50%);
  pointer-events: none;
}

html body [data-medlink-demo] .medlinkm-phone__status {
  position: absolute;
  z-index: 69;
  top: 20px;
  right: 25px;
  left: 27px;
  display: flex;
  justify-content: space-between;
  color: var(--medlinkm-ink);
  font-size: 11px;
  font-weight: 650;
  pointer-events: none;
}

html body [data-medlink-demo] .medlinkm-phone__viewport {
  position: absolute;
  inset: 0;
}

html body [data-medlink-demo] .medlinkm-phone__home {
  position: absolute;
  z-index: 70;
  bottom: 7px;
  left: 50%;
  width: 118px;
  height: 4px;
  background: #101724;
  border-radius: 999px;
  transform: translateX(-50%);
  pointer-events: none;
}

html body [data-medlink-demo] .medlinkm-demo__status {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: -7px;
  left: 0;
  color: rgba(229,237,255,.5) !important;
  font-size: 10px !important;
  text-align: center;
}

@container medlinkm-phone (max-width: 370px) {
  html body [data-medlink-app] .medlinkm-scroll { padding-inline: 14px; }
  html body [data-medlink-app] .medlinkm-clinic-state span { display: none; }
  html body [data-medlink-app] .medlinkm-topbar { grid-template-columns: minmax(0, 1fr) 28px 42px; }
  html body [data-medlink-app] .medlinkm-clinic-state { width: 28px; height: 28px; padding: 0; justify-content: center; }
  html body [data-medlink-app] .medlinkm-focus-card { padding-inline: 15px; }
  html body [data-medlink-app] .medlinkm-patient-action { padding-inline: 9px; }
}

@media (max-width: 980px) {
  html body [data-medlink-demo] { border-radius: 34px; }
  html body [data-medlink-demo] .medlinkm-demo__shell {
    grid-template-columns: 1fr;
    width: min(720px, calc(100% - 30px));
    min-height: 0;
    padding: 54px 25px 70px;
  }
  html body [data-medlink-demo] .medlinkm-demo__intro { max-width: 620px; }
  html body [data-medlink-demo] .medlinkm-demo__intro > h2 { max-width: 610px; }
  html body [data-medlink-demo] .medlinkm-demo__stage { min-height: 870px; }
}

@media (max-width: 540px) {
  html body [data-medlink-demo] { border-radius: 24px; }
  html body [data-medlink-demo] .medlinkm-demo__shell {
    width: 100%;
    padding: 38px 14px 54px;
  }
  html body [data-medlink-demo] .medlinkm-demo__brand { margin-bottom: 32px; }
  html body [data-medlink-demo] .medlinkm-demo__intro > h2 { font-size: clamp(38px, 13vw, 54px) !important; }
  html body [data-medlink-demo] .medlinkm-demo__flow { grid-template-columns: 1fr; }
  html body [data-medlink-demo] .medlinkm-demo__stage { min-height: min(850px, 220vw); }
  html body [data-medlink-demo] .medlinkm-phone {
    width: min(393px, calc(100vw - 40px));
    height: min(852px, calc((100vw - 40px) * 2.168));
    border-radius: clamp(42px, 13vw, 58px);
  }
  html body [data-medlink-demo] .medlinkm-phone__screen { border-radius: clamp(35px, 11vw, 49px); }
}


@media (prefers-reduced-motion: reduce) {
  html body [data-medlink-app] *,
  html body [data-medlink-demo] * {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

html.brawus-v2-html body#body.brawus-v2 [data-medlink-app],
html.brawus-v2-html body#body.brawus-v2 [data-medlink-app] *,
html.brawus-v2-html body#body.brawus-v2 [data-medlink-demo],
html.brawus-v2-html body#body.brawus-v2 [data-medlink-demo] *,
html.brawus-v2-html body#body.brawus-v2 .medlink-case [data-medlink-app] :is(h1, h2, h3, strong, b, button, input, textarea, span, small, p) {
  font-family: "Medlink Graphik", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

/* 2026-08-23: premium clinical authority layer. Keep this block last. */
html body#body [data-medlink-app],
html body#body [data-medlink-demo] {
  --medlinkm-font: "Medlink Graphik", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --medlinkm-ink: #10231c;
  --medlinkm-ink-2: #263a32;
  --medlinkm-muted: #66736d;
  --medlinkm-faint: #8c9691;
  --medlinkm-bg: #f1f4ef;
  --medlinkm-paper: #fbfcf8;
  --medlinkm-line: rgba(16, 35, 28, .11);
  --medlinkm-pine: #1f6957;
  --medlinkm-pine-dark: #134b40;
  --medlinkm-pine-soft: #dfece6;
  --medlinkm-cobalt: #3157d5;
  --medlinkm-cobalt-soft: #e6ebfb;
  --medlinkm-clay: #b56c45;
  --medlinkm-shadow: 0 18px 48px rgba(40, 58, 51, .12);
}

html body#body [data-medlink-app] {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  contain: layout paint !important;
  overflow: hidden !important;
  color: var(--medlinkm-ink) !important;
  background:
    radial-gradient(circle at 92% 4%, rgba(49, 87, 213, .055), transparent 30%),
    linear-gradient(rgba(255, 255, 255, .18), rgba(255, 255, 255, 0) 24%),
    var(--medlinkm-bg) !important;
  font-family: var(--medlinkm-font) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  container: medlinkm-phone / inline-size !important;
}

html body#body [data-medlink-app],
html body#body [data-medlink-app] *,
html body#body [data-medlink-app] *::before,
html body#body [data-medlink-app] *::after {
  box-sizing: border-box !important;
  font-family: var(--medlinkm-font) !important;
}

html body#body [data-medlink-app] :is(button, input, textarea) {
  margin: 0 !important;
  color: var(--medlinkm-ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  font: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

html body#body [data-medlink-app] button:not(.medlinkm-ai-backdrop):not(.medlinkm-layer__backdrop) {
  min-width: 44px;
  min-height: 44px;
  touch-action: manipulation;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease, opacity .2s ease !important;
}

html body#body [data-medlink-app] button:not(:disabled):active {
  transform: translateY(1px) scale(.985) !important;
}

html body#body [data-medlink-app] button:disabled,
html body#body [data-medlink-app] button[aria-disabled="true"] {
  cursor: not-allowed !important;
  opacity: .48 !important;
}

html body#body [data-medlink-app] :is(button, input, textarea):focus-visible {
  outline: 3px solid rgba(49, 87, 213, .3) !important;
  outline-offset: 2px !important;
}

html body#body [data-medlink-app] :is(h1, h2, h3, strong, b, time) {
  color: inherit !important;
  font-variant-numeric: tabular-nums;
}

html body#body [data-medlink-app] :is(p, small, span, em, i, label, legend, dt, dd) {
  color: inherit;
}

html body#body [data-medlink-app] .medlinkm-view {
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  transform: translate3d(0, 10px, 0) scale(.995) !important;
}

html body#body [data-medlink-app] .medlinkm-view.medlinkm-is-active {
  transform: none !important;
}

html body#body [data-medlink-app] .medlinkm-scroll {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 54px 16px 112px !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
}

html body#body [data-medlink-app] :is(.medlinkm-view--appointment, .medlinkm-view--note) .medlinkm-scroll {
  padding-bottom: 38px !important;
}

html body#body [data-medlink-app] .medlinkm-topbar {
  grid-template-columns: minmax(0, 1fr) auto 44px !important;
  gap: 10px !important;
  margin-bottom: 24px !important;
}

html body#body [data-medlink-app] .medlinkm-brand {
  width: fit-content;
  gap: 9px !important;
  padding-right: 4px !important;
  color: var(--medlinkm-ink) !important;
}

html body#body [data-medlink-app] .medlinkm-brand__mark,
html body#body [data-medlink-demo] .medlinkm-brand__mark {
  width: 35px !important;
  height: 35px !important;
  color: var(--medlinkm-pine) !important;
  background: #eef4f0 !important;
  border: 1px solid rgba(31, 105, 87, .16) !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

html body#body [data-medlink-app] .medlinkm-brand__mark b,
html body#body [data-medlink-demo] .medlinkm-brand__mark b {
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
}

html body#body [data-medlink-app] .medlinkm-brand > span:last-child {
  color: var(--medlinkm-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
}

html body#body [data-medlink-app] .medlinkm-clinic-state {
  min-height: 32px;
  padding: 7px 10px !important;
  color: #315d50 !important;
  background: #e4eee9 !important;
  border: 1px solid rgba(31, 105, 87, .08) !important;
  border-radius: 11px !important;
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-clinic-state i {
  background: #2f9a77 !important;
  box-shadow: 0 0 0 4px rgba(47, 154, 119, .11) !important;
}

html body#body [data-medlink-app].medlinkm-is-paused .medlinkm-clinic-state {
  color: #79552d !important;
  background: #f4eadc !important;
}

html body#body [data-medlink-app].medlinkm-is-paused .medlinkm-clinic-state i {
  background: #b87932 !important;
  box-shadow: 0 0 0 4px rgba(184, 121, 50, .11) !important;
}

html body#body [data-medlink-app] .medlinkm-avatar {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  padding: 2px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(16, 35, 28, .14) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(25, 53, 43, .12) !important;
}

html body#body [data-medlink-app] .medlinkm-avatar img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 11px !important;
}

html body#body [data-medlink-app] .medlinkm-greeting {
  margin-bottom: 22px !important;
}

html body#body [data-medlink-app] .medlinkm-greeting p {
  margin-bottom: 7px !important;
  color: var(--medlinkm-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html body#body [data-medlink-app] .medlinkm-greeting h2 {
  max-width: 320px;
  color: var(--medlinkm-ink) !important;
  font-size: clamp(35px, 10cqw, 42px) !important;
  font-weight: 600 !important;
  letter-spacing: -.055em !important;
  line-height: .98 !important;
  text-wrap: balance;
}

html body#body [data-medlink-app] .medlinkm-greeting h2 em {
  color: var(--medlinkm-pine) !important;
  font-style: normal !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card {
  min-height: 236px !important;
  padding: 19px !important;
  color: #f7fbf8 !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(192, 221, 209, .18), transparent 34%),
    #174c40 !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 26px !important;
  box-shadow: 0 22px 44px rgba(19, 75, 64, .2) !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card::after {
  background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card > header {
  margin-bottom: 18px !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card > header span {
  color: rgba(247, 251, 248, .72) !important;
  font-size: 10px !important;
  letter-spacing: .09em !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card > header time {
  color: #fff !important;
  font-size: 25px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card__patient {
  grid-template-columns: 50px minmax(0, 1fr) !important;
  gap: 12px !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card__patient small,
html body#body [data-medlink-app] .medlinkm-focus-card__patient p,
html body#body [data-medlink-app] .medlinkm-focus-card__meta {
  color: rgba(247, 251, 248, .65) !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card__patient small {
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card__patient h2 {
  margin: 2px 0 3px !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: -.035em !important;
  line-height: 1.05 !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card__patient p,
html body#body [data-medlink-app] .medlinkm-focus-card__meta {
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card__meta {
  margin-top: 16px !important;
  padding-top: 13px !important;
  border-top-color: rgba(255, 255, 255, .12) !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card__open {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 15px !important;
  padding: 0 16px !important;
  color: var(--medlinkm-pine-dark) !important;
  background: #f8faf6 !important;
  border-radius: 15px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-focus-card__open:hover {
  background: #eaf2ed !important;
}

html body#body [data-medlink-app] .medlinkm-section-head {
  margin: 27px 2px 12px !important;
}

html body#body [data-medlink-app] .medlinkm-section-head span,
html body#body [data-medlink-app] .medlinkm-inner-head span,
html body#body [data-medlink-app] .medlinkm-sheet-head span,
html body#body [data-medlink-app] .medlinkm-form-label span,
html body#body [data-medlink-app] .medlinkm-form-section legend {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .13em !important;
}

html body#body [data-medlink-app] .medlinkm-section-head h2 {
  color: var(--medlinkm-ink) !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  letter-spacing: -.045em !important;
}

html body#body [data-medlink-app] .medlinkm-section-head > button {
  padding: 0 4px 0 12px !important;
  color: var(--medlinkm-ink-2) !important;
  font-size: 12px !important;
  font-weight: 550 !important;
}

html body#body [data-medlink-app] .medlinkm-agenda {
  overflow: hidden !important;
  background: rgba(251, 252, 248, .88) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 30px rgba(43, 59, 52, .045) !important;
}

html body#body [data-medlink-app] .medlinkm-agenda-row {
  grid-template-columns: 44px 4px minmax(0, 1fr) 18px !important;
  min-height: 68px !important;
  padding: 10px 14px !important;
  color: var(--medlinkm-ink) !important;
  background: transparent !important;
}

html body#body [data-medlink-app] .medlinkm-agenda-row + .medlinkm-agenda-row {
  border-top: 1px solid var(--medlinkm-line) !important;
}

html body#body [data-medlink-app] .medlinkm-agenda-row:hover {
  background: #f1f5f1 !important;
}

html body#body [data-medlink-app] .medlinkm-agenda-row time {
  color: var(--medlinkm-ink) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html body#body [data-medlink-app] .medlinkm-agenda-row > i {
  width: 4px !important;
  height: 34px !important;
  background: #b7c8c0 !important;
  border-radius: 999px !important;
}

html body#body [data-medlink-app] .medlinkm-agenda-row--active > i {
  background: var(--medlinkm-pine) !important;
}

html body#body [data-medlink-app] .medlinkm-agenda-row strong {
  color: var(--medlinkm-ink) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-agenda-row small {
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-agenda-row > b {
  color: var(--medlinkm-muted) !important;
  font-size: 19px !important;
}

html body#body [data-medlink-app] .medlinkm-create-card {
  grid-template-columns: 44px minmax(0, 1fr) 20px !important;
  min-height: 86px !important;
  margin-top: 14px !important;
  padding: 14px !important;
  color: var(--medlinkm-ink) !important;
  background: #e3ece7 !important;
  border: 1px solid rgba(31, 105, 87, .12) !important;
  border-radius: 21px !important;
}

html body#body [data-medlink-app] .medlinkm-create-card:hover {
  background: #d9e7e0 !important;
}

html body#body [data-medlink-app] .medlinkm-create-card > span:first-child {
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  border-radius: 14px !important;
}

html body#body [data-medlink-app] .medlinkm-create-card small {
  color: var(--medlinkm-muted) !important;
  font-size: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-create-card strong {
  color: var(--medlinkm-ink) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

html body#body [data-medlink-app] .medlinkm-create-card em {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-learning-card {
  min-height: 126px !important;
  margin-top: 14px !important;
  padding: 17px !important;
  color: #edf5f1 !important;
  background: #1c2f29 !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 34px rgba(16, 35, 28, .14) !important;
}

html body#body [data-medlink-app] .medlinkm-learning-card :is(h2, p, span) {
  color: inherit !important;
}

html body#body [data-medlink-app] .medlinkm-learning-card h2 {
  font-size: 17px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-learning-card p,
html body#body [data-medlink-app] .medlinkm-learning-card > div > span {
  color: rgba(237, 245, 241, .62) !important;
}

html body#body [data-medlink-app] .medlinkm-learning-card > button {
  width: 48px !important;
  height: 48px !important;
  color: var(--medlinkm-pine-dark) !important;
  background: #dcebe4 !important;
  border-radius: 16px !important;
}

html body#body [data-medlink-app] .medlinkm-inner-head,
html body#body [data-medlink-app] .medlinkm-sheet-head {
  gap: 12px !important;
  margin-bottom: 22px !important;
}

html body#body [data-medlink-app] .medlinkm-inner-head h2,
html body#body [data-medlink-app] .medlinkm-sheet-head h2 {
  color: var(--medlinkm-ink) !important;
  font-size: 27px !important;
  font-weight: 600 !important;
  letter-spacing: -.045em !important;
  line-height: 1.05 !important;
}

html body#body [data-medlink-app] .medlinkm-round-control,
html body#body [data-medlink-app] .medlinkm-back,
html body#body [data-medlink-app] .medlinkm-more {
  width: 46px !important;
  height: 46px !important;
  color: var(--medlinkm-ink) !important;
  background: rgba(251, 252, 248, .9) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 15px !important;
  box-shadow: 0 7px 18px rgba(32, 54, 45, .06) !important;
  font-size: 17px !important;
}

html body#body [data-medlink-app] .medlinkm-round-control:hover,
html body#body [data-medlink-app] .medlinkm-back:hover,
html body#body [data-medlink-app] .medlinkm-more:hover {
  background: #e7eee9 !important;
}

html body#body [data-medlink-app] .medlinkm-week {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 7px !important;
  background: rgba(251, 252, 248, .84) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 26px rgba(40, 58, 51, .04) !important;
}

html body#body [data-medlink-app] .medlinkm-week button {
  min-height: 72px !important;
  padding: 8px 2px !important;
  color: var(--medlinkm-muted) !important;
  background: transparent !important;
  border-radius: 16px !important;
}

html body#body [data-medlink-app] .medlinkm-week button[aria-pressed="true"] {
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  box-shadow: 0 10px 22px rgba(31, 105, 87, .2) !important;
}

html body#body [data-medlink-app] .medlinkm-week :is(small, b, i) {
  color: inherit !important;
}

html body#body [data-medlink-app] .medlinkm-week small {
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-week b {
  font-size: 16px !important;
  font-weight: 650 !important;
}

html body#body [data-medlink-app] .medlinkm-week i {
  min-width: 18px !important;
  height: 18px !important;
  font-size: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-day-summary {
  min-height: 80px !important;
  margin: 14px 0 18px !important;
  padding: 14px 16px !important;
  color: var(--medlinkm-ink) !important;
  background: #e2ece7 !important;
  border: 1px solid rgba(31, 105, 87, .1) !important;
  border-radius: 20px !important;
}

html body#body [data-medlink-app] .medlinkm-day-summary span {
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-day-summary h3 {
  color: var(--medlinkm-ink) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-day-summary__load {
  color: var(--medlinkm-pine) !important;
  background: #f7faf7 !important;
  border: 1px solid rgba(31, 105, 87, .1) !important;
}

html body#body [data-medlink-app] .medlinkm-timeline {
  gap: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-timeline__hour {
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-timeline__hour span {
  background: var(--medlinkm-line) !important;
}

html body#body [data-medlink-app] .medlinkm-timeline-card {
  min-height: 94px !important;
  padding: 15px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-left: 4px solid #82958c !important;
  border-radius: 19px !important;
  box-shadow: 0 10px 26px rgba(40, 58, 51, .045) !important;
}

html body#body [data-medlink-app] .medlinkm-timeline-card--blue {
  border-left-color: var(--medlinkm-cobalt) !important;
}

html body#body [data-medlink-app] .medlinkm-timeline-card--violet {
  border-left-color: #7d8d85 !important;
}

html body#body [data-medlink-app] .medlinkm-timeline-card--mint {
  border-left-color: var(--medlinkm-pine) !important;
}

html body#body [data-medlink-app] .medlinkm-timeline-card:hover {
  background: #f3f6f2 !important;
}

html body#body [data-medlink-app] .medlinkm-timeline-card small {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-timeline-card strong {
  color: var(--medlinkm-ink) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

html body#body [data-medlink-app] .medlinkm-timeline-card em {
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-timeline-card > i {
  color: var(--medlinkm-pine-dark) !important;
  background: var(--medlinkm-pine-soft) !important;
  border-radius: 13px !important;
}

html body#body [data-medlink-app] .medlinkm-open-slot {
  min-height: 66px !important;
  padding: 10px 14px !important;
  color: var(--medlinkm-pine-dark) !important;
  background: rgba(223, 236, 230, .62) !important;
  border: 1px dashed rgba(31, 105, 87, .32) !important;
  border-radius: 18px !important;
}

html body#body [data-medlink-app] .medlinkm-open-slot > span {
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
}

html body#body [data-medlink-app] .medlinkm-open-slot :is(b, small) {
  color: inherit !important;
}

html body#body [data-medlink-app] .medlinkm-sheet-head {
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  align-items: center !important;
}

html body#body [data-medlink-app] .medlinkm-sheet-head > b {
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-search-field {
  min-height: 58px !important;
  margin-bottom: 20px !important;
  padding: 0 16px !important;
  color: var(--medlinkm-muted) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 24px rgba(40, 58, 51, .04) !important;
}

html body#body [data-medlink-app] .medlinkm-search-field svg {
  width: 20px !important;
  height: 20px !important;
}

html body#body [data-medlink-app] .medlinkm-search-field input {
  height: 56px !important;
  color: var(--medlinkm-ink) !important;
  background: transparent !important;
  font-size: 13px !important;
}

html body#body [data-medlink-app] .medlinkm-search-field input::placeholder {
  color: #828d88 !important;
  opacity: 1 !important;
}

html body#body [data-medlink-app] .medlinkm-form-label {
  margin-bottom: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-form-label small {
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-patient-options {
  gap: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-patient-options > button {
  grid-template-columns: 48px minmax(0, 1fr) 28px !important;
  min-height: 76px !important;
  padding: 10px 13px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 20px !important;
}

html body#body [data-medlink-app] .medlinkm-patient-options > button:hover {
  background: #f3f6f2 !important;
}

html body#body [data-medlink-app] .medlinkm-patient-options > button.medlinkm-is-selected {
  background: #edf3ef !important;
  border-color: rgba(31, 105, 87, .5) !important;
  box-shadow: inset 0 0 0 1px rgba(31, 105, 87, .09) !important;
}

html body#body [data-medlink-app] .medlinkm-patient-options strong {
  color: var(--medlinkm-ink) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-patient-options small {
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-patient-options > button > i {
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  border: 1px solid rgba(31, 105, 87, .25) !important;
}

html body#body [data-medlink-app] .medlinkm-search-empty {
  display: grid;
  min-height: 184px;
  margin-top: 8px;
  padding: 24px 18px;
  color: var(--medlinkm-ink);
  background: var(--medlinkm-paper);
  border: 1px solid var(--medlinkm-line);
  border-radius: 21px;
  place-items: center;
  text-align: center;
}

html body#body [data-medlink-app] .medlinkm-search-empty[hidden] {
  display: none !important;
}

html body#body [data-medlink-app] .medlinkm-search-empty > span {
  display: grid;
  width: 44px;
  height: 44px;
  color: var(--medlinkm-pine) !important;
  background: var(--medlinkm-pine-soft);
  border-radius: 14px;
  font-size: 22px;
  place-items: center;
}

html body#body [data-medlink-app] .medlinkm-search-empty strong {
  color: var(--medlinkm-ink) !important;
  font-size: 13px !important;
}

html body#body [data-medlink-app] .medlinkm-search-empty small {
  max-width: 260px;
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-search-empty button {
  padding: 0 15px !important;
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  border-radius: 14px !important;
  font-size: 11px !important;
}

html body#body [data-medlink-app] .medlinkm-form-section {
  margin-top: 22px !important;
  padding: 0 !important;
}

html body#body [data-medlink-app] .medlinkm-form-section legend {
  margin-bottom: 10px !important;
}

html body#body [data-medlink-app] :is(.medlinkm-date-picks, .medlinkm-time-picks, .medlinkm-template-picks) {
  gap: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-date-picks {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

html body#body [data-medlink-app] .medlinkm-time-picks {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body#body [data-medlink-app] .medlinkm-template-picks {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body#body [data-medlink-app] :is(.medlinkm-date-picks, .medlinkm-time-picks, .medlinkm-template-picks) button {
  min-height: 54px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 16px !important;
}

html body#body [data-medlink-app] .medlinkm-date-picks button {
  min-height: 70px !important;
}

html body#body [data-medlink-app] :is(.medlinkm-date-picks, .medlinkm-time-picks, .medlinkm-template-picks) button.medlinkm-is-selected {
  color: #fff !important;
  background: var(--medlinkm-cobalt) !important;
  border-color: var(--medlinkm-cobalt) !important;
  box-shadow: 0 10px 24px rgba(49, 87, 213, .17) !important;
}

html body#body [data-medlink-app] :is(.medlinkm-date-picks, .medlinkm-time-picks, .medlinkm-template-picks) button.medlinkm-is-selected :is(small, b) {
  color: #fff !important;
}

html body#body [data-medlink-app] .medlinkm-date-picks small {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-date-picks b {
  color: var(--medlinkm-ink) !important;
  font-size: 17px !important;
}

html body#body [data-medlink-app] .medlinkm-time-picks button,
html body#body [data-medlink-app] .medlinkm-template-picks button {
  font-size: 12px !important;
  font-weight: 550 !important;
}

html body#body [data-medlink-app] .medlinkm-text-field,
html body#body [data-medlink-app] .medlinkm-note-field {
  margin-top: 22px !important;
  color: var(--medlinkm-ink) !important;
}

html body#body [data-medlink-app] .medlinkm-text-field > span,
html body#body [data-medlink-app] .medlinkm-note-field > span {
  margin-bottom: 10px !important;
  color: var(--medlinkm-ink) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html body#body [data-medlink-app] .medlinkm-text-field input,
html body#body [data-medlink-app] .medlinkm-note-field textarea {
  width: 100% !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 17px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html body#body [data-medlink-app] .medlinkm-text-field input {
  height: 56px !important;
  padding: 0 15px !important;
}

html body#body [data-medlink-app] .medlinkm-booking-summary {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  min-height: 70px !important;
  margin-top: 20px !important;
  padding: 12px 14px !important;
  color: var(--medlinkm-ink) !important;
  background: #e3eee8 !important;
  border: 1px solid rgba(31, 105, 87, .11) !important;
  border-radius: 19px !important;
}

html body#body [data-medlink-app] .medlinkm-booking-summary > span {
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  border-radius: 14px !important;
}

html body#body [data-medlink-app] .medlinkm-booking-summary small {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-booking-summary strong {
  color: var(--medlinkm-ink) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-primary {
  width: 100% !important;
  min-height: 58px !important;
  margin-top: 14px !important;
  padding: 0 16px !important;
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  border: 1px solid rgba(0, 0, 0, .02) !important;
  border-radius: 18px !important;
  box-shadow: 0 15px 28px rgba(31, 105, 87, .2) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

html body#body [data-medlink-app] .medlinkm-primary :is(span, i) {
  color: #fff !important;
}

html body#body [data-medlink-app] .medlinkm-primary:hover {
  background: var(--medlinkm-pine-dark) !important;
}

html body#body [data-medlink-app] .medlinkm-patient-hero {
  grid-template-columns: 58px minmax(0, 1fr) 46px !important;
  gap: 13px !important;
  min-height: 116px !important;
  margin-bottom: 13px !important;
  padding: 16px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 23px !important;
  box-shadow: 0 12px 28px rgba(40, 58, 51, .055) !important;
}

html body#body [data-medlink-app] .medlinkm-patient-hero__avatar {
  width: 58px !important;
  height: 58px !important;
  color: var(--medlinkm-pine-dark) !important;
  background: var(--medlinkm-pine-soft) !important;
  border: 1px solid rgba(31, 105, 87, .1) !important;
  border-radius: 18px !important;
  font-size: 16px !important;
}

html body#body [data-medlink-app] .medlinkm-patient-hero > div > span {
  color: #3b745f !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-patient-hero > div > span i {
  background: #3aa37d !important;
  box-shadow: 0 0 0 3px rgba(58, 163, 125, .12) !important;
}

html body#body [data-medlink-app] .medlinkm-patient-hero h2 {
  margin: 3px 0 4px !important;
  color: var(--medlinkm-ink) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: -.04em !important;
  line-height: 1.06 !important;
}

html body#body [data-medlink-app] .medlinkm-patient-hero p {
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-patient-hero > button {
  width: 46px !important;
  height: 46px !important;
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  border-radius: 15px !important;
  box-shadow: 0 9px 20px rgba(31, 105, 87, .18) !important;
}

html body#body [data-medlink-app] .medlinkm-next-visit {
  min-height: 154px !important;
  padding: 17px !important;
  color: #f5faf7 !important;
  background:
    radial-gradient(circle at 92% 6%, rgba(206, 230, 219, .13), transparent 34%),
    #1b3a31 !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 36px rgba(16, 35, 28, .17) !important;
}

html body#body [data-medlink-app] .medlinkm-next-visit > div {
  grid-template-columns: 50px minmax(0, 1fr) !important;
}

html body#body [data-medlink-app] .medlinkm-next-visit > header span {
  color: rgba(245, 250, 247, .62) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-next-visit > header b {
  color: #cce8db !important;
  background: rgba(204, 232, 219, .11) !important;
  border: 1px solid rgba(204, 232, 219, .12) !important;
}

html body#body [data-medlink-app] .medlinkm-next-visit time {
  color: #fff !important;
  background: rgba(255, 255, 255, .09) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
}

html body#body [data-medlink-app] .medlinkm-next-visit p strong,
html body#body [data-medlink-app] .medlinkm-next-visit > div > i {
  color: #fff !important;
}

html body#body [data-medlink-app] .medlinkm-next-visit p span {
  color: rgba(245, 250, 247, .76) !important;
}

html body#body [data-medlink-app] .medlinkm-next-visit p small,
html body#body [data-medlink-app] .medlinkm-next-visit time small {
  color: rgba(245, 250, 247, .56) !important;
}

html body#body [data-medlink-app] .medlinkm-patient-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 13px 0 !important;
}

html body#body [data-medlink-app] .medlinkm-patient-action {
  min-height: 112px !important;
  padding: 14px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 20px !important;
}

html body#body [data-medlink-app] .medlinkm-patient-action:hover {
  background: #f0f4f0 !important;
}

html body#body [data-medlink-app] .medlinkm-patient-action > span {
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  border-radius: 13px !important;
}

html body#body [data-medlink-app] .medlinkm-patient-action--ai > span {
  color: var(--medlinkm-cobalt) !important;
  background: var(--medlinkm-cobalt-soft) !important;
}

html body#body [data-medlink-app] .medlinkm-patient-action strong {
  color: var(--medlinkm-ink) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html body#body [data-medlink-app] .medlinkm-patient-action small {
  color: var(--medlinkm-muted) !important;
  font-size: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-record-card,
html body#body [data-medlink-app] .medlinkm-clinical-media {
  margin-top: 13px !important;
  padding: 16px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 23px !important;
  box-shadow: 0 10px 28px rgba(40, 58, 51, .04) !important;
}

html body#body [data-medlink-app] :is(.medlinkm-record-card, .medlinkm-clinical-media) > header {
  margin-bottom: 12px !important;
}

html body#body [data-medlink-app] .medlinkm-record-card header h2 {
  color: var(--medlinkm-ink) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -.025em !important;
}

html body#body [data-medlink-app] .medlinkm-record-card header button {
  padding: 0 4px 0 10px !important;
  color: var(--medlinkm-pine) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-record-card ol {
  overflow: hidden !important;
  border-top: 1px solid var(--medlinkm-line) !important;
}

html body#body [data-medlink-app] .medlinkm-record-card li {
  display: block !important;
  padding: 0 !important;
}

html body#body [data-medlink-app] .medlinkm-record-card li + li {
  border-top: 1px solid var(--medlinkm-line) !important;
}

html body#body [data-medlink-app] .medlinkm-record-card li > button {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) 18px !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 86px !important;
  padding: 13px 2px !important;
  color: var(--medlinkm-ink) !important;
  background: transparent !important;
  text-align: left !important;
}

html body#body [data-medlink-app] .medlinkm-record-card li > button:hover {
  background: #f1f5f1 !important;
}

html body#body [data-medlink-app] .medlinkm-record-card li > button > i {
  width: 7px !important;
  height: 7px !important;
  margin-top: 5px !important;
  background: #8b9a93 !important;
  border-radius: 50% !important;
}

html body#body [data-medlink-app] .medlinkm-record-card li:first-child > button > i {
  background: var(--medlinkm-pine) !important;
}

html body#body [data-medlink-app] .medlinkm-record-card li > button > span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html body#body [data-medlink-app] .medlinkm-record-card time {
  color: var(--medlinkm-muted) !important;
  font-size: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-record-card li strong {
  color: var(--medlinkm-ink) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-record-card li p {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
}

html body#body [data-medlink-app] .medlinkm-record-card li > button > b {
  align-self: center !important;
  color: var(--medlinkm-muted) !important;
  font-size: 18px !important;
}

html body#body [data-medlink-app] .medlinkm-clinical-media > header span,
html body#body [data-medlink-app] .medlinkm-clinical-media > header b {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-clinical-media > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-clinical-media button {
  display: grid !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  color: var(--medlinkm-ink) !important;
  background: transparent !important;
  text-align: left !important;
}

html body#body [data-medlink-app] .medlinkm-media-thumb {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1.42 !important;
  overflow: hidden !important;
  background: #dfe5e1 !important;
  border: 1px solid rgba(16, 35, 28, .08) !important;
  border-radius: 15px !important;
}

html body#body [data-medlink-app] .medlinkm-media-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .35s ease !important;
}

html body#body [data-medlink-app] .medlinkm-clinical-media button:hover .medlinkm-media-thumb img {
  transform: scale(1.025) !important;
}

html body#body [data-medlink-app] .medlinkm-media-thumb > i {
  position: absolute !important;
  right: 7px !important;
  bottom: 7px !important;
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  color: #fff !important;
  background: rgba(16, 35, 28, .78) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  font-style: normal !important;
  place-items: center !important;
}

html body#body [data-medlink-app] .medlinkm-clinical-media button > small {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-note-intro {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  min-height: 90px !important;
  padding: 14px !important;
  color: #f5faf7 !important;
  background: #1b3a31 !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 21px !important;
  box-shadow: 0 14px 30px rgba(16, 35, 28, .14) !important;
}

html body#body [data-medlink-app] .medlinkm-note-intro > span {
  color: var(--medlinkm-pine-dark) !important;
  background: #d9e9e1 !important;
  border-radius: 14px !important;
}

html body#body [data-medlink-app] .medlinkm-note-intro :is(strong, time) {
  color: #fff !important;
}

html body#body [data-medlink-app] .medlinkm-note-intro :is(small, p) {
  color: rgba(245, 250, 247, .62) !important;
}

html body#body [data-medlink-app] .medlinkm-form-section--tooth {
  padding: 14px !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 20px !important;
}

html body#body [data-medlink-app] .medlinkm-tooth-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-tooth-grid button {
  min-height: 64px !important;
  color: var(--medlinkm-muted) !important;
  background: #f2f5f2 !important;
  border: 1px solid rgba(16, 35, 28, .07) !important;
  border-radius: 14px !important;
}

html body#body [data-medlink-app] .medlinkm-tooth-grid button.medlinkm-is-selected {
  color: var(--medlinkm-pine-dark) !important;
  background: var(--medlinkm-pine-soft) !important;
  border-color: rgba(31, 105, 87, .28) !important;
}

html body#body [data-medlink-app] .medlinkm-tooth-grid i {
  background: #fff !important;
  border-color: #a7b3ad !important;
}

html body#body [data-medlink-app] .medlinkm-tooth-grid button.medlinkm-is-selected i {
  background: #f8fbf9 !important;
  border-color: var(--medlinkm-pine) !important;
}

html body#body [data-medlink-app] .medlinkm-tooth-grid b {
  color: inherit !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-note-field textarea {
  min-height: 120px !important;
  padding: 14px !important;
  resize: vertical !important;
}

html body#body [data-medlink-app] .medlinkm-note-field > span small {
  color: var(--medlinkm-muted) !important;
}

html body#body [data-medlink-app] .medlinkm-note-checklist {
  gap: 9px !important;
  margin-top: 14px !important;
}

html body#body [data-medlink-app] .medlinkm-note-checklist button {
  grid-template-columns: 36px minmax(0, 1fr) !important;
  min-height: 68px !important;
  padding: 11px 13px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 18px !important;
  text-align: left !important;
}

html body#body [data-medlink-app] .medlinkm-note-checklist button > i {
  color: transparent !important;
  background: #edf1ee !important;
  border: 1px solid #cbd4cf !important;
  border-radius: 11px !important;
}

html body#body [data-medlink-app] .medlinkm-note-checklist button.medlinkm-is-checked > i {
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  border-color: var(--medlinkm-pine) !important;
}

html body#body [data-medlink-app] .medlinkm-note-checklist strong {
  color: var(--medlinkm-ink) !important;
  font-size: 11px !important;
}

html body#body [data-medlink-app] .medlinkm-note-checklist small {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-demo-disclaimer {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
}

html body#body [data-medlink-app] .medlinkm-tabbar {
  z-index: 8 !important;
  right: 12px !important;
  bottom: 12px !important;
  left: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-height: 76px !important;
  padding: 6px !important;
  overflow: hidden !important;
  background: rgba(251, 252, 248, .94) !important;
  border: 1px solid rgba(16, 35, 28, .12) !important;
  border-radius: 22px !important;
  box-shadow: 0 17px 38px rgba(31, 48, 42, .16), inset 0 1px 0 rgba(255, 255, 255, .86) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
}

html body#body [data-medlink-app] .medlinkm-tabbar button {
  min-height: 62px !important;
  gap: 4px !important;
  color: var(--medlinkm-muted) !important;
  background: transparent !important;
  border-radius: 17px !important;
}

html body#body [data-medlink-app] .medlinkm-tabbar button:hover {
  background: #edf2ee !important;
}

html body#body [data-medlink-app] .medlinkm-tabbar button.medlinkm-is-active {
  color: var(--medlinkm-pine-dark) !important;
  background: var(--medlinkm-pine-soft) !important;
}

html body#body [data-medlink-app] .medlinkm-tabbar svg {
  width: 20px !important;
  height: 20px !important;
}

html body#body [data-medlink-app] .medlinkm-tabbar span {
  color: inherit !important;
  font-size: 9px !important;
  font-weight: 650 !important;
}

html body#body [data-medlink-app] .medlinkm-ai-layer,
html body#body [data-medlink-app] .medlinkm-layer {
  position: absolute !important;
  z-index: 20 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

html body#body [data-medlink-app] :is(.medlinkm-ai-layer, .medlinkm-layer)[hidden] {
  display: none !important;
}

html body#body [data-medlink-app] .medlinkm-ai-backdrop,
html body#body [data-medlink-app] .medlinkm-layer__backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: rgba(15, 28, 23, .48) !important;
  border-radius: 0 !important;
  backdrop-filter: blur(5px) !important;
}

html body#body [data-medlink-app] .medlinkm-ai-sheet,
html body#body [data-medlink-app] .medlinkm-sheet {
  position: absolute !important;
  z-index: 2 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: calc(100% - 42px) !important;
  padding: 18px 16px 24px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  color: var(--medlinkm-ink) !important;
  background: #f8faf6 !important;
  border: 1px solid rgba(16, 35, 28, .1) !important;
  border-bottom: 0 !important;
  border-radius: 28px 28px 0 0 !important;
  box-shadow: 0 -20px 50px rgba(16, 35, 28, .18) !important;
  overscroll-behavior: contain !important;
}

html body#body [data-medlink-app] .medlinkm-ai-sheet::before,
html body#body [data-medlink-app] .medlinkm-sheet::before {
  display: block !important;
  width: 42px !important;
  height: 4px !important;
  margin: -8px auto 16px !important;
  background: rgba(16, 35, 28, .2) !important;
  border-radius: 999px !important;
  content: "" !important;
}

html body#body [data-medlink-app] .medlinkm-ai-sheet > header,
html body#body [data-medlink-app] .medlinkm-sheet__header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 46px !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 15px !important;
}

html body#body [data-medlink-app] .medlinkm-ai-sheet > header {
  grid-template-columns: 44px minmax(0, 1fr) 46px !important;
}

html body#body [data-medlink-app] .medlinkm-ai-mark {
  width: 44px !important;
  height: 44px !important;
  color: var(--medlinkm-cobalt) !important;
  background: var(--medlinkm-cobalt-soft) !important;
  border-radius: 14px !important;
}

html body#body [data-medlink-app] .medlinkm-ai-sheet > header small,
html body#body [data-medlink-app] .medlinkm-sheet__header small {
  color: var(--medlinkm-muted) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
}

html body#body [data-medlink-app] .medlinkm-ai-sheet > header h2,
html body#body [data-medlink-app] .medlinkm-sheet__header h2 {
  color: var(--medlinkm-ink) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: -.04em !important;
  line-height: 1.08 !important;
}

html body#body [data-medlink-app] .medlinkm-ai-sheet > header > button,
html body#body [data-medlink-app] .medlinkm-sheet__header > button {
  width: 46px !important;
  height: 46px !important;
  color: var(--medlinkm-ink) !important;
  background: #e8eeea !important;
  border: 1px solid rgba(16, 35, 28, .08) !important;
  border-radius: 15px !important;
  font-size: 21px !important;
}

html body#body [data-medlink-app] .medlinkm-ai-patient {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  min-height: 68px !important;
  padding: 12px !important;
  color: var(--medlinkm-ink) !important;
  background: #e7eee9 !important;
  border: 1px solid rgba(31, 105, 87, .08) !important;
  border-radius: 18px !important;
}

html body#body [data-medlink-app] .medlinkm-ai-patient > span {
  color: var(--medlinkm-pine-dark) !important;
  background: #d4e6de !important;
  border-radius: 13px !important;
}

html body#body [data-medlink-app] .medlinkm-ai-patient strong {
  color: var(--medlinkm-ink) !important;
  font-size: 11px !important;
}

html body#body [data-medlink-app] .medlinkm-ai-patient small,
html body#body [data-medlink-app] .medlinkm-ai-patient > i {
  color: var(--medlinkm-muted) !important;
  font-size: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-ai-question {
  margin: 18px 0 10px !important;
  color: var(--medlinkm-ink) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-ai-prompts {
  gap: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-ai-prompts button {
  min-height: 50px !important;
  padding: 0 14px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 15px !important;
  font-size: 11px !important;
  font-weight: 550 !important;
  text-align: left !important;
}

html body#body [data-medlink-app] .medlinkm-ai-prompts button.medlinkm-is-selected {
  color: #fff !important;
  background: var(--medlinkm-cobalt) !important;
  border-color: var(--medlinkm-cobalt) !important;
}

html body#body [data-medlink-app] .medlinkm-ai-response {
  grid-template-columns: 34px minmax(0, 1fr) !important;
  margin-top: 10px !important;
  padding: 13px !important;
  color: var(--medlinkm-ink) !important;
  background: #e7eee9 !important;
  border: 1px solid rgba(31, 105, 87, .1) !important;
  border-radius: 17px !important;
}

html body#body [data-medlink-app] .medlinkm-ai-response > span {
  color: var(--medlinkm-cobalt) !important;
  background: #fff !important;
}

html body#body [data-medlink-app] .medlinkm-ai-response p,
html body#body [data-medlink-app] .medlinkm-ai-note {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
  line-height: 1.5 !important;
}

html body#body [data-medlink-app] .medlinkm-ai-note {
  margin-top: 12px !important;
}

html body#body [data-medlink-app] .medlinkm-ai-note i,
html body#body [data-medlink-app] .medlinkm-safe-note i {
  color: var(--medlinkm-pine) !important;
  background: var(--medlinkm-pine-soft) !important;
}

html body#body [data-medlink-app] .medlinkm-doctor-card {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 12px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 21px !important;
}

html body#body [data-medlink-app] .medlinkm-doctor-card img {
  display: block !important;
  width: 82px !important;
  height: 92px !important;
  object-fit: cover !important;
  border-radius: 16px !important;
}

html body#body [data-medlink-app] .medlinkm-doctor-card p {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
}

html body#body [data-medlink-app] .medlinkm-doctor-card p > span {
  color: #3b745f !important;
  font-size: 8px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-doctor-card p > span i {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  margin-right: 5px !important;
  background: #38a47c !important;
  border-radius: 50% !important;
}

html body#body [data-medlink-app] .medlinkm-doctor-card strong {
  color: var(--medlinkm-ink) !important;
  font-size: 13px !important;
}

html body#body [data-medlink-app] .medlinkm-doctor-card small {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
  line-height: 1.4 !important;
}

html body#body [data-medlink-app] .medlinkm-profile-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  margin: 10px 0 !important;
  overflow: hidden !important;
  background: var(--medlinkm-line) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 17px !important;
}

html body#body [data-medlink-app] .medlinkm-profile-stats > div {
  display: grid !important;
  gap: 4px !important;
  padding: 12px 8px !important;
  background: var(--medlinkm-paper) !important;
}

html body#body [data-medlink-app] .medlinkm-profile-stats dt {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-profile-stats dd {
  color: var(--medlinkm-ink) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html body#body [data-medlink-app] .medlinkm-setting-row,
html body#body [data-medlink-app] .medlinkm-reminder {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 68px !important;
  padding: 11px 13px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 18px !important;
  text-align: left !important;
}

html body#body [data-medlink-app] .medlinkm-setting-row > span {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) !important;
  gap: 2px 8px !important;
}

html body#body [data-medlink-app] .medlinkm-setting-row > span i {
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  width: 7px !important;
  height: 7px !important;
  background: var(--medlinkm-pine) !important;
  border-radius: 50% !important;
}

html body#body [data-medlink-app] .medlinkm-setting-row :is(b, small) {
  color: inherit !important;
}

html body#body [data-medlink-app] .medlinkm-setting-row b {
  font-size: 11px !important;
}

html body#body [data-medlink-app] .medlinkm-setting-row small {
  color: var(--medlinkm-muted) !important;
  font-size: 8px !important;
}

html body#body [data-medlink-app] :is(.medlinkm-setting-row, .medlinkm-reminder) > em,
html body#body [data-medlink-app] .medlinkm-reminder > i {
  position: relative !important;
  display: block !important;
  width: 42px !important;
  height: 25px !important;
  background: #cbd4cf !important;
  border-radius: 999px !important;
}

html body#body [data-medlink-app] :is(.medlinkm-setting-row, .medlinkm-reminder) > em::after,
html body#body [data-medlink-app] .medlinkm-reminder > i::after {
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 19px !important;
  height: 19px !important;
  background: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 5px rgba(16, 35, 28, .16) !important;
  content: "" !important;
  transition: transform .22s ease !important;
}

html body#body [data-medlink-app] :is(.medlinkm-setting-row[aria-pressed="true"], .medlinkm-reminder[aria-pressed="true"]) > :is(em, i) {
  background: var(--medlinkm-pine) !important;
}

html body#body [data-medlink-app] :is(.medlinkm-setting-row[aria-pressed="true"], .medlinkm-reminder[aria-pressed="true"]) > :is(em, i)::after {
  transform: translateX(17px) !important;
}

html body#body [data-medlink-app] .medlinkm-sheet-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-sheet-actions button {
  min-height: 50px !important;
  padding: 0 14px !important;
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  border-radius: 15px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-sheet-actions button + button {
  color: var(--medlinkm-ink) !important;
  background: #e8eeea !important;
}

html body#body [data-medlink-app] .medlinkm-action-list {
  display: grid !important;
  gap: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-action-list > button {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 11px !important;
  width: 100% !important;
  min-height: 72px !important;
  padding: 10px 12px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 18px !important;
  text-align: left !important;
}

html body#body [data-medlink-app] .medlinkm-action-list > button:hover {
  background: #edf2ee !important;
}

html body#body [data-medlink-app] .medlinkm-action-list > button > span {
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  color: var(--medlinkm-pine-dark) !important;
  background: var(--medlinkm-pine-soft) !important;
  border-radius: 14px !important;
  font-size: 18px !important;
  place-items: center !important;
}

html body#body [data-medlink-app] .medlinkm-action-list p {
  display: grid !important;
  gap: 3px !important;
}

html body#body [data-medlink-app] .medlinkm-action-list strong {
  color: var(--medlinkm-ink) !important;
  font-size: 11px !important;
}

html body#body [data-medlink-app] .medlinkm-action-list small {
  color: var(--medlinkm-muted) !important;
  font-size: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-action-list > button > i {
  color: var(--medlinkm-muted) !important;
  font-style: normal !important;
}

html body#body [data-medlink-app] .medlinkm-history-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin-bottom: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-history-tabs button {
  min-height: 46px !important;
  color: var(--medlinkm-muted) !important;
  background: #e9eeeb !important;
  border-radius: 14px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-history-tabs button.medlinkm-is-selected {
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
}

html body#body [data-medlink-app] .medlinkm-history-detail {
  padding: 17px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 20px !important;
}

html body#body [data-medlink-app] .medlinkm-history-detail > span {
  color: #3e755f !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
}

html body#body [data-medlink-app] .medlinkm-history-detail h3 {
  margin: 7px 0 8px !important;
  color: var(--medlinkm-ink) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -.03em !important;
}

html body#body [data-medlink-app] .medlinkm-history-detail > p {
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
  line-height: 1.55 !important;
}

html body#body [data-medlink-app] .medlinkm-history-detail dl {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  margin: 15px 0 0 !important;
  overflow: hidden !important;
  background: var(--medlinkm-line) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 14px !important;
}

html body#body [data-medlink-app] .medlinkm-history-detail dl > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 10px 8px !important;
  background: #f4f6f3 !important;
}

html body#body [data-medlink-app] .medlinkm-history-detail dt {
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-history-detail dd {
  overflow-wrap: anywhere !important;
  color: var(--medlinkm-ink) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-media-sheet figure {
  margin: 0 !important;
}

html body#body [data-medlink-app] .medlinkm-media-sheet figure > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 318px !important;
  object-fit: contain !important;
  background: #101b18 !important;
  border: 1px solid rgba(16, 35, 28, .12) !important;
  border-radius: 18px !important;
}

html body#body [data-medlink-app] .medlinkm-media-sheet figcaption {
  margin-top: 8px !important;
  color: var(--medlinkm-muted) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-app] .medlinkm-media-controls {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) 46px !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-media-controls button {
  width: 46px !important;
  height: 46px !important;
  color: var(--medlinkm-ink) !important;
  background: #e6ede8 !important;
  border-radius: 14px !important;
  font-size: 17px !important;
}

html body#body [data-medlink-app] .medlinkm-media-controls span {
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-align: center !important;
}

html body#body [data-medlink-app] .medlinkm-safe-note {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px !important;
  margin-top: 11px !important;
  color: var(--medlinkm-muted) !important;
  font-size: 8px !important;
  line-height: 1.45 !important;
}

html body#body [data-medlink-app] .medlinkm-safe-note i {
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  font-style: normal !important;
  place-items: center !important;
}

html body#body [data-medlink-app] .medlinkm-call-number {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 76px !important;
  padding: 12px !important;
  color: var(--medlinkm-ink) !important;
  background: var(--medlinkm-paper) !important;
  border: 1px solid var(--medlinkm-line) !important;
  border-radius: 19px !important;
}

html body#body [data-medlink-app] .medlinkm-call-number > span {
  display: grid !important;
  width: 48px !important;
  height: 48px !important;
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  border-radius: 15px !important;
  font-size: 19px !important;
  place-items: center !important;
}

html body#body [data-medlink-app] .medlinkm-call-number p {
  display: grid !important;
  gap: 2px !important;
}

html body#body [data-medlink-app] .medlinkm-call-number small {
  color: var(--medlinkm-muted) !important;
  font-size: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-call-number strong {
  color: var(--medlinkm-ink) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-sheet-copy {
  margin-top: 11px !important;
  color: var(--medlinkm-muted) !important;
  font-size: 10px !important;
  line-height: 1.55 !important;
}

html body#body [data-medlink-app] .medlinkm-learning-cover {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 10px 13px !important;
  min-height: 142px !important;
  padding: 16px !important;
  color: #f6faf7 !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(214, 234, 224, .15), transparent 37%),
    #1b3a31 !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 22px !important;
}

html body#body [data-medlink-app] .medlinkm-learning-cover > span {
  grid-column: 1 / -1 !important;
  width: fit-content !important;
  padding: 5px 8px !important;
  color: #fff !important;
  background: #a6573d !important;
  border-radius: 7px !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
}

html body#body [data-medlink-app] .medlinkm-learning-cover > strong {
  display: grid !important;
  width: 58px !important;
  height: 58px !important;
  color: var(--medlinkm-pine-dark) !important;
  background: #d9e9e1 !important;
  border-radius: 18px !important;
  font-size: 17px !important;
  place-items: center !important;
}

html body#body [data-medlink-app] .medlinkm-learning-cover p {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-app] .medlinkm-learning-cover small {
  color: rgba(246, 250, 247, .6) !important;
  font-size: 8px !important;
  font-weight: 400 !important;
}

html body#body [data-medlink-app] .medlinkm-reminder {
  grid-template-columns: 38px minmax(0, 1fr) 44px !important;
  margin-top: 11px !important;
}

html body#body [data-medlink-app] .medlinkm-reminder > span {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  color: var(--medlinkm-pine) !important;
  background: var(--medlinkm-pine-soft) !important;
  border-radius: 12px !important;
  place-items: center !important;
}

html body#body [data-medlink-app] .medlinkm-reminder p {
  display: grid !important;
  gap: 2px !important;
}

html body#body [data-medlink-app] .medlinkm-reminder strong {
  color: var(--medlinkm-ink) !important;
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-reminder small {
  color: var(--medlinkm-muted) !important;
  font-size: 8px !important;
}

html body#body [data-medlink-app] .medlinkm-toast {
  z-index: 30 !important;
  right: 14px !important;
  bottom: 96px !important;
  left: 14px !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  min-height: 66px !important;
  padding: 11px 13px !important;
  color: #f6faf7 !important;
  background: rgba(18, 42, 34, .96) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 36px rgba(16, 35, 28, .25) !important;
  backdrop-filter: blur(14px) !important;
}

html body#body [data-medlink-app] .medlinkm-toast > span {
  color: var(--medlinkm-pine-dark) !important;
  background: #d8e9e0 !important;
  border-radius: 12px !important;
}

html body#body [data-medlink-app] .medlinkm-toast strong {
  color: #fff !important;
  font-size: 10px !important;
}

html body#body [data-medlink-app] .medlinkm-toast small {
  color: rgba(246, 250, 247, .64) !important;
  font-size: 8px !important;
}

html body#body [data-medlink-demo] {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  overflow: hidden !important;
  color: #eef5f1 !important;
  background:
    radial-gradient(circle at 76% 22%, rgba(165, 203, 185, .12), transparent 28%),
    #14241e !important;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  border-radius: 38px !important;
  font-family: var(--medlinkm-font) !important;
}

html body#body [data-medlink-demo],
html body#body [data-medlink-demo] * {
  box-sizing: border-box !important;
  font-family: var(--medlinkm-font) !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__shell {
  display: grid !important;
  grid-template-columns: minmax(300px, .88fr) minmax(420px, 1.12fr) !important;
  align-items: center !important;
  gap: clamp(44px, 7vw, 110px) !important;
  width: min(1420px, calc(100% - 64px)) !important;
  min-height: 1020px !important;
  margin: 0 auto !important;
  padding: 78px 0 86px !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__intro {
  max-width: 580px !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__brand {
  margin-bottom: 54px !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__brand strong {
  color: #edf6f1 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__kicker {
  margin-bottom: 15px !important;
  color: #9ac3b1 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__intro > h2 {
  max-width: 570px !important;
  color: #f4f8f5 !important;
  font-size: clamp(48px, 5.3vw, 78px) !important;
  font-weight: 500 !important;
  letter-spacing: -.06em !important;
  line-height: .97 !important;
  text-wrap: balance !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__lead {
  max-width: 52ch !important;
  margin-top: 24px !important;
  color: rgba(233, 242, 237, .68) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__flow {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1px !important;
  margin: 36px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 20px !important;
  list-style: none !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__flow li {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  gap: 10px !important;
  min-height: 90px !important;
  padding: 15px !important;
  background: rgba(20, 36, 30, .9) !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__flow li > span {
  display: grid !important;
  width: 32px !important;
  height: 32px !important;
  color: #b6d7c7 !important;
  background: rgba(182, 215, 199, .1) !important;
  border: 1px solid rgba(182, 215, 199, .12) !important;
  border-radius: 10px !important;
  font-size: 9px !important;
  place-items: center !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__flow p {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__flow strong {
  color: #f2f7f4 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__flow small {
  color: rgba(233, 242, 237, .5) !important;
  font-size: 9px !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__note {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  gap: 10px !important;
  margin-top: 18px !important;
  color: rgba(233, 242, 237, .52) !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__note span {
  display: grid !important;
  width: 32px !important;
  height: 32px !important;
  color: #b6d7c7 !important;
  background: rgba(182, 215, 199, .1) !important;
  border-radius: 10px !important;
  place-items: center !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__stage {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
  min-height: 900px !important;
  place-items: center !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__halo {
  position: absolute !important;
  width: min(640px, 100%) !important;
  aspect-ratio: 1 !important;
  background: radial-gradient(circle, rgba(137, 183, 163, .2), rgba(137, 183, 163, 0) 67%) !important;
  border: 1px solid rgba(183, 216, 201, .08) !important;
  border-radius: 50% !important;
}

html body#body [data-medlink-demo] .medlinkm-phone {
  position: relative !important;
  z-index: 2 !important;
  width: 393px !important;
  height: 852px !important;
  padding: 10px !important;
  background: linear-gradient(145deg, #626963, #171c19 42%, #333a36) !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  border-radius: 59px !important;
  box-shadow: 0 44px 80px rgba(0, 0, 0, .38), inset 0 0 0 2px rgba(255, 255, 255, .09) !important;
}

html body#body [data-medlink-demo] .medlinkm-phone__screen {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: var(--medlinkm-bg) !important;
  border-radius: 50px !important;
}

html body#body [data-medlink-demo] .medlinkm-phone__viewport {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  overflow: hidden !important;
}

html body#body [data-medlink-demo] .medlinkm-phone__island {
  z-index: 12 !important;
  background: #070a08 !important;
  box-shadow: 0 6px 15px rgba(0, 0, 0, .18) !important;
}

html body#body [data-medlink-demo] .medlinkm-phone__status,
html body#body [data-medlink-demo] .medlinkm-phone__home {
  z-index: 13 !important;
  color: var(--medlinkm-ink) !important;
}

html body#body [data-medlink-demo] .medlinkm-phone__home {
  background: var(--medlinkm-ink) !important;
}

html body#body [data-medlink-demo] .medlinkm-demo__status {
  color: rgba(233, 242, 237, .58) !important;
  font-size: 10px !important;
}

@container medlinkm-phone (max-width: 370px) {
  html body#body [data-medlink-app] .medlinkm-scroll {
    padding-inline: 13px !important;
  }

  html body#body [data-medlink-app] .medlinkm-topbar {
    grid-template-columns: minmax(0, 1fr) 32px 44px !important;
    gap: 7px !important;
  }

  html body#body [data-medlink-app] .medlinkm-clinic-state {
    width: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
    place-content: center !important;
  }

  html body#body [data-medlink-app] .medlinkm-clinic-state span {
    display: none !important;
  }

  html body#body [data-medlink-app] .medlinkm-greeting h2 {
    font-size: 35px !important;
  }

  html body#body [data-medlink-app] .medlinkm-focus-card,
  html body#body [data-medlink-app] .medlinkm-record-card,
  html body#body [data-medlink-app] .medlinkm-clinical-media {
    padding-inline: 14px !important;
  }

  html body#body [data-medlink-app] .medlinkm-patient-action {
    padding-inline: 11px !important;
  }

  html body#body [data-medlink-app] .medlinkm-sheet,
  html body#body [data-medlink-app] .medlinkm-ai-sheet {
    padding-inline: 13px !important;
  }
}

@media (max-width: 980px) {
  html body#body [data-medlink-demo] {
    border-radius: 30px !important;
  }

  html body#body [data-medlink-demo] .medlinkm-demo__shell {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(720px, calc(100% - 30px)) !important;
    min-height: 0 !important;
    padding: 58px 20px 72px !important;
  }

  html body#body [data-medlink-demo] .medlinkm-demo__intro {
    max-width: 620px !important;
  }

  html body#body [data-medlink-demo] .medlinkm-demo__stage {
    min-height: 890px !important;
  }
}

@media (max-width: 540px) {
  html body#body [data-medlink-demo] {
    border-radius: 22px !important;
  }

  html body#body [data-medlink-demo] .medlinkm-demo__shell {
    width: 100% !important;
    padding: 40px 13px 52px !important;
  }

  html body#body [data-medlink-demo] .medlinkm-demo__brand {
    margin-bottom: 34px !important;
  }

  html body#body [data-medlink-demo] .medlinkm-demo__intro > h2 {
    font-size: clamp(38px, 13vw, 54px) !important;
  }

  html body#body [data-medlink-demo] .medlinkm-demo__flow {
    grid-template-columns: 1fr !important;
  }

  html body#body [data-medlink-demo] .medlinkm-demo__stage {
    min-height: min(850px, 220vw) !important;
  }

  html body#body [data-medlink-demo] .medlinkm-phone {
    width: min(393px, calc(100vw - 34px)) !important;
    height: min(852px, calc((100vw - 34px) * 2.168)) !important;
    border-radius: clamp(42px, 13vw, 58px) !important;
  }

  html body#body [data-medlink-demo] .medlinkm-phone__screen {
    border-radius: clamp(35px, 11vw, 49px) !important;
  }
}

/* Final selection authority: only the active patient carries a checkmark. */
html body#body [data-medlink-app] .medlinkm-patient-options > button > i {
  color: transparent !important;
  background: transparent !important;
  border-color: rgba(16, 35, 28, .18) !important;
}

html body#body [data-medlink-app] .medlinkm-patient-options > button.medlinkm-is-selected > i {
  color: #fff !important;
  background: var(--medlinkm-pine) !important;
  border-color: var(--medlinkm-pine) !important;
}

/* Canonical semantic checkmark and live-state authority. */
html body#body [data-medlink-app] .medlinkm-patient-options > button > i > svg { width: 10px !important; height: 10px !important; }
html body#body [data-medlink-app] .medlinkm-booking-summary > span > svg { width: 14px !important; height: 14px !important; }
html body#body [data-medlink-app] .medlinkm-record-card [data-medlinkm-completed-note] > button > b > svg { width: 13px !important; height: 13px !important; color: var(--medlinkm-pine) !important; }
html body#body [data-medlink-app] .medlinkm-note-intro > .medlinkm-note-live > i { width: 11px !important; height: 11px !important; background: #39b881 !important; border: 3px solid #dff5eb !important; border-radius: 50% !important; box-shadow: 0 0 0 4px rgba(57, 184, 129, .18) !important; }
html body#body [data-medlink-app] .medlinkm-note-checklist button > i > svg { width: 12px !important; height: 12px !important; }
html body#body [data-medlink-app] .medlinkm-primary--complete > i > svg { width: 13px !important; height: 13px !important; }
html body#body [data-medlink-app] .medlinkm-toast > span > svg { width: 12px !important; height: 12px !important; color: var(--medlinkm-pine-dark) !important; }