.doctor-schedule-disclaimer-actions-v22-8-1 {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.doctor-schedule-disclaimer-actions-v22-8-1 > button,
.doctor-schedule-disclaimer-actions-v22-8-1 > a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 13px;
  border: 1px solid #cfe2ef;
  border-radius: 12px;
  color: #17455b;
  background: #ffffff;
  font: inherit;
  font-size: 9px;
  line-height: 1;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.doctor-schedule-disclaimer-actions-v22-8-1 > .is-primary-v22-8-1 {
  border-color: #0b8792;
  color: #ffffff;
  background: #0b8792;
}

.doctor-schedule-disclaimer-actions-v22-8-1 > a {
  border-color: #a7e7ba;
  color: #166534;
  background: #f0fdf4;
}

@media (max-width: 1080px) {
  .doctor-schedule-audit-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .doctor-schedule-item-v1 {
    grid-template-columns: minmax(200px, 1.2fr) minmax(150px, 0.8fr);
  }

  .doctor-schedule-badges-v1 {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .doctor-schedule-information-body-v1 {
    padding: 12px;
  }

  .doctor-schedule-root-v1 {
    gap: 12px;
  }

  .doctor-schedule-loading-v1,
  .doctor-schedule-error-v1 {
    min-height: 130px;
    padding: 16px;
    border-radius: 17px;
  }

  .doctor-schedule-error-v1 {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .doctor-schedule-error-v1 button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .doctor-schedule-period-notice-v1 {
    align-items: flex-start;
    padding: 11px 12px;
    border-radius: 14px;
  }

  .doctor-schedule-period-notice-v1 p {
    font-size: 9.5px;
  }

  .doctor-schedule-period-v2 {
    min-height: 50px;
    padding: 9px 11px;
    border-radius: 14px;
  }

  .doctor-schedule-period-v2 > span {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    font-size: 12px;
  }

  .doctor-schedule-period-v2 > strong {
    font-size: 10.5px;
  }

  .doctor-schedule-step-v1 {
    gap: 10px;
    padding: 12px;
    border-radius: 17px;
  }

  .doctor-schedule-step-heading-v1 > span {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    font-size: 10px;
  }

  .doctor-schedule-step-heading-v1 strong {
    font-size: 11px;
  }

  .doctor-schedule-service-tabs-v1 {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .doctor-schedule-service-tab-v1 {
    min-height: 58px;
    padding: 9px 10px;
    border-radius: 14px;
  }

  .doctor-schedule-service-tab-v1 > span {
    width: 34px;
    height: 34px;
    border-radius: 11px;
  }

  .doctor-schedule-service-tab-v1 strong {
    font-size: 10px;
  }

  .doctor-schedule-group-tab-v1 {
    min-width: max-content;
    min-height: 38px;
    padding: 0 13px;
    font-size: 9px;
  }

  .doctor-schedule-search-v1 {
    min-height: 45px;
    border-radius: 13px;
  }

  .doctor-schedule-search-v1 input {
    height: 43px;
    font-size: 10px;
  }

  .doctor-schedule-results-heading-v1 {
    align-items: flex-start;
  }

  .doctor-schedule-results-heading-v1 > small {
    display: none;
  }

  .doctor-schedule-polyclinic-v1 {
    border-radius: 15px;
  }

  .doctor-schedule-polyclinic-v1 > summary {
    min-height: 66px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 9px;
    padding: 10px;
  }

  .doctor-schedule-polyclinic-icon-v1 {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    font-size: 13px;
  }

  .doctor-schedule-polyclinic-copy-v1 strong {
    font-size: 10.5px;
  }

  .doctor-schedule-polyclinic-flags-v1 {
    display: none;
  }

  .doctor-schedule-polyclinic-chevron-v1 {
    width: 30px;
    height: 30px;
  }

  .doctor-schedule-polyclinic-body-v1 {
    gap: 7px;
    padding: 7px;
  }

  .doctor-schedule-item-v1 {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px;
    border-radius: 14px;
  }

  .doctor-schedule-doctor-v1 strong {
    font-size: 10px;
  }

  .doctor-schedule-badges-v1,
  .doctor-schedule-note-v1,
  .doctor-schedule-source-v1 {
    grid-column: 1;
  }

  .doctor-schedule-badges-v1 {
    justify-content: flex-start;
  }

  .doctor-schedule-source-v1 {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .doctor-schedule-disclaimer-v1 {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    padding: 12px;
    border-radius: 15px;
  }

  .doctor-schedule-disclaimer-v1 > a {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 390px) {
  .doctor-schedule-group-tab-v1 {
    min-width: max-content;
  }
}

/* =========================================================
   LABORATORIUM — LAZY ASSET V4
   Gambar dimuat saat accordion dibuka, bukan pada HTML awal.
   ========================================================= */

.lab-information-image-button-v1 {
  position: relative;
}

.lab-information-card-v1.is-loading-v4
  .lab-information-image-button-v1,
.lab-information-card-v1.is-error-v4
  .lab-information-image-button-v1 {
  min-height: 220px;
  background:
    radial-gradient(circle at 20% 18%, rgba(38, 109, 211, 0.13), transparent 34%),
    linear-gradient(145deg, #f7fbff, #edf4fb);
}

.lab-information-card-v1.is-loading-v4
  .lab-information-image-button-v1 img,
.lab-information-card-v1.is-error-v4
  .lab-information-image-button-v1 img {
  display: none;
}

.lab-information-image-loading-v4 {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  padding: 24px;
  color: #1d4f91;
  font-size: 0.88rem;
  font-weight: 800;
  text-align: center;
}

.lab-information-image-loading-v4 > i {
  font-size: 1.3rem;
}

.lab-information-card-v1.is-loading-v4
  .lab-information-image-loading-v4,
.lab-information-card-v1.is-error-v4
  .lab-information-image-loading-v4 {
  display: flex;
}

.lab-information-card-v1.is-error-v4
  .lab-information-image-loading-v4 {
  color: #b4232b;
}

.lab-information-card-v1.is-loading-v4
  .lab-information-zoom-badge-v1,
.lab-information-card-v1.is-error-v4
  .lab-information-zoom-badge-v1 {
  display: none;
}

.lab-information-card-v1.is-ready-v4
  .lab-information-image-loading-v4 {
  display: none;
}

@media (max-width: 640px) {
  .lab-information-card-v1.is-loading-v4
    .lab-information-image-button-v1,
  .lab-information-card-v1.is-error-v4
    .lab-information-image-button-v1 {
    min-height: 168px;
  }
}

.doctor-mobile-disclaimer-actions-v22-8-1 {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 2px;
  }

  .doctor-mobile-disclaimer-actions-v22-8-1 > button,
  .doctor-mobile-disclaimer-actions-v22-8-1 > a {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid #cfe2ef;
    border-radius: 13px;
    color: #17455b;
    background: #ffffff;
    font: inherit;
    font-size: 9.5px;
    line-height: 1.15;
    font-weight: 950;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }

  .doctor-mobile-disclaimer-actions-v22-8-1 > .is-primary-v22-8-1 {
    border-color: #0b8792;
    color: #ffffff;
    background: #0b8792;
  }

  .doctor-mobile-disclaimer-actions-v22-8-1 > a {
    grid-column: 1 / -1;
    border-color: #a7e7ba;
    color: #166534;
    background: #f0fdf4;
  }

  .doctor-mobile-detail-v13 {
    padding-top: 18px;
  }

  .doctor-mobile-detail-intro-v13 {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 0 2px 18px;
    border-bottom: 1px solid #dfe8ef;
  }

  .doctor-mobile-detail-intro-v13 > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #087681;
    background: #dff4f4;
    font-size: 16px;
  }

  .doctor-mobile-detail-intro-v13 small {
    display: block;
    margin: 1px 0 5px;
    color: #35768a;
    font-size: 8px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: 0.045em;
    text-transform: uppercase;
  }

  .doctor-mobile-detail-intro-v13 h1 {
    margin: 0;
    color: #17223a;
    font-size: clamp(19px, 5.7vw, 27px);
    line-height: 1.18;
    font-weight: 950;
    letter-spacing: -0.04em;
    overflow-wrap: anywhere;
  }

  .doctor-mobile-detail-intro-v13 p {
    margin: 7px 0 0;
    color: #6e7f93;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 800;
  }

  .doctor-mobile-detail-heading-v13 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 2px 10px;
  }

  .doctor-mobile-detail-heading-v13 small,
  .doctor-mobile-detail-heading-v13 strong {
    display: block;
  }

  .doctor-mobile-detail-heading-v13 small {
    margin-bottom: 3px;
    color: #75869a;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .doctor-mobile-detail-heading-v13 strong {
    color: #1e2d43;
    font-size: 12px;
    font-weight: 950;
  }

  .doctor-mobile-detail-heading-v13 > span {
    max-width: 48%;
    overflow: hidden;
    padding: 6px 8px;
    border-radius: 999px;
    color: #5b4b8a;
    background: #f1edff;
    font-size: 7.5px;
    line-height: 1;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .doctor-mobile-schedule-list-v13 {
    overflow: hidden;
    border: 1px solid #dde6ef;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
  }

  .doctor-mobile-schedule-row-v13 {
    display: grid;
    gap: 8px;
    padding: 13px 14px;
    border-bottom: 1px solid #edf1f5;
    background: #ffffff;
  }

  .doctor-mobile-schedule-row-v13:last-child {
    border-bottom: 0;
  }

  .doctor-mobile-schedule-row-v13.has-closed-v14 {
    background:
      linear-gradient(
        90deg,
        rgba(254, 226, 226, 0.2),
        transparent 42%
      ),
      #ffffff;
  }

  .doctor-mobile-doctor-v14 {
    min-width: 0;
    padding: 0 1px;
  }

  .doctor-mobile-doctor-v14 strong {
    display: block;
    color: #17223a;
    font-size: 11.5px;
    line-height: 1.42;
    font-weight: 950;
    overflow-wrap: anywhere;
  }

  .doctor-mobile-slot-list-v14 {
    display: grid;
    gap: 0;
  }

  .doctor-mobile-slot-v14 {
    display: grid;
    gap: 5px;
    padding: 7px 1px;
    border-top: 1px solid #edf1f5;
  }

  .doctor-mobile-slot-v14:first-child {
    border-top: 0;
  }

  .doctor-mobile-slot-v14.is-closed-v14 {
    color: #991b1b;
  }

  .doctor-mobile-slot-main-v14 {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 10px;
    color: #40566d;
    font-size: 9px;
    line-height: 1.42;
    font-weight: 850;
  }

  .doctor-mobile-slot-day-v14 {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .doctor-mobile-slot-time-v14 {
    color: #2672ba;
    font-weight: 900;
    white-space: nowrap;
  }

  .doctor-mobile-slot-v14.is-closed-v14
    .doctor-mobile-slot-time-v14 {
    color: #991b1b;
  }

  .doctor-mobile-badges-v13 {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
  }

  .doctor-mobile-badges-v13 em {
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 7px;
    border-radius: 999px;
    font-size: 7.5px;
    line-height: 1;
    font-style: normal;
    font-weight: 950;
    white-space: nowrap;
  }

  .doctor-mobile-badges-v13 em.is-closed-v13 {
    color: #991b1b;
    background: #fee2e2;
  }

  .doctor-mobile-badges-v13 em.is-change-v13 {
    color: #92400e;
    background: #fef3c7;
  }

  .doctor-mobile-badges-v13 em.is-special-v13 {
    color: #5b21b6;
    background: #ede9fe;
  }

  .doctor-mobile-note-v13 {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 7px;
    margin: 0;
    padding: 7px 8px;
    border: 1px solid #e3e9f1;
    border-radius: 11px;
    color: #52647b;
    background: #f8fafc;
    font-size: 9px;
    line-height: 1.5;
    font-weight: 700;
  }

  .doctor-mobile-note-v13 i {
    margin-top: 2px;
    color: #64748b;
  }

  .doctor-mobile-slot-badges-v14 {
    gap: 4px;
  }

  .doctor-mobile-state-v13 {
    min-height: 100%;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 9px;
    padding: 28px;
    text-align: center;
  }

  .doctor-mobile-state-v13 > span {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #087681;
    background: #e2f6f6;
    font-size: 19px;
  }

  .doctor-mobile-state-v13 strong {
    color: #203248;
    font-size: 14px;
    font-weight: 950;
  }

  .doctor-mobile-state-v13 p {
    max-width: 310px;
    margin: 0;
    color: #708196;
    font-size: 11px;
    line-height: 1.55;
    font-weight: 700;
  }

  .doctor-mobile-state-v13.is-error-v13 > span {
    color: #b4232b;
    background: #feecec;
  }

  .doctor-mobile-state-v13 > button {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 5px;
    padding: 0 16px;
    border: 0;
    border-radius: 13px;
    color: #ffffff;
    background: #087681;
    font-family: inherit;
    font-size: 10px;
    font-weight: 950;
  }
}

@media (max-width: 380px) {
  .doctor-mobile-list-v13,
  .doctor-mobile-detail-v13 {
    padding-right: 9px;
    padding-left: 9px;
  }

  .doctor-mobile-finder-v13 {
    margin-right: -9px;
    margin-left: -9px;
    padding-right: 9px;
    padding-left: 9px;
  }

  .doctor-mobile-polyclinic-row-v13 {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 9px;
    padding: 11px 9px;
  }

  .doctor-mobile-polyclinic-icon-v13 {
    width: 38px;
    height: 38px;
    border-radius: 12px;
  }

  .doctor-mobile-polyclinic-copy-v13 strong {
    font-size: 10.5px;
  }

  .doctor-mobile-slot-main-v14 {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .doctor-mobile-slot-time-v14 {
    white-space: normal;
  }

  .doctor-mobile-results-head-v13 > span {
    display: none;
  }
}

.medika-feedback-v1 {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid #dbe7f5;
  border-radius: 16px;
  background: #f8fbff;
}

.medika-feedback-question-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.medika-feedback-question-v1 > div:first-child {
  display: grid;
  gap: 3px;
}

.medika-feedback-question-v1 strong {
  color: #17365f;
  font-size: 14px;
}

.medika-feedback-question-v1 small {
  color: #7890ad;
  font-size: 11px;
}

.medika-feedback-buttons-v1 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.medika-feedback-buttons-v1 button,
.medika-feedback-reasons-v1 button {
  border: 1px solid #cbdcf2;
  border-radius: 999px;
  background: #fff;
  color: #214b80;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 12px;
  cursor: pointer;
}

.medika-feedback-buttons-v1 button:hover,
.medika-feedback-reasons-v1 button:hover {
  border-color: #2b67ca;
  background: #eef5ff;
}

.medika-feedback-reasons-v1 {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #ccd9e9;
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.medika-feedback-reasons-v1[hidden] {
  display: none !important;
}

.medika-feedback-reasons-v1 > span {
  width: 100%;
  color: #657d9b;
  font-size: 11px;
  font-weight: 700;
}

.medika-feedback-thanks-v1 {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #16734c;
  font-size: 12px;
  font-weight: 700;
}

.medika-ai-feedback-host-v1 .medika-feedback-v1 {
  margin-top: 12px;
  background: rgba(255, 255, 255, 0.72);
}

.admin-analytics-period-v1 {
  display: inline-flex;
  gap: 5px;
  padding: 4px;
  border: 1px solid #dbe5f2;
  border-radius: 12px;
  background: #f5f8fc;
}

.admin-analytics-period-v1 button {
  border: 0;
  border-radius: 9px;
  padding: 8px 11px;
  background: transparent;
  color: #6b7e98;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.admin-analytics-period-v1 button.is-active {
  background: #fff;
  color: #174eab;
  box-shadow: 0 4px 12px rgba(25, 76, 153, 0.12);
}

.admin-analytics-grid-v1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  margin-top: 18px;
}

.admin-analytics-grid-v1.is-top {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

.admin-analytics-trend-v1 {
  min-height: 240px;
  display: flex;
  align-items: stretch;
  gap: 6px;
  overflow-x: auto;
  padding: 18px 4px 4px;
}

.admin-analytics-trend-v1 > div {
  min-width: 24px;
  flex: 1 0 24px;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 8px;
  text-align: center;
}

.admin-analytics-trend-v1 > div > span {
  min-height: 180px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-bottom: 1px solid #dfe7f0;
}

.admin-analytics-trend-v1 i {
  display: block;
  width: 70%;
  min-height: 4px;
  border-radius: 7px 7px 2px 2px;
  background: linear-gradient(180deg, #2f79e6, #1e55b7);
}

.admin-analytics-trend-v1 small {
  color: #7b8ea6;
  font-size: 10px;
}

.admin-analytics-journey-v1 {
  display: grid;
  gap: 11px;
}

.admin-analytics-journey-v1 article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.admin-analytics-journey-v1 article > span {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: #edf4ff;
  color: #245eb8;
  font-size: 12px;
  font-weight: 900;
}

.admin-analytics-journey-v1 article > div {
  display: grid;
  gap: 7px;
}

.admin-analytics-journey-v1 article > div > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.admin-analytics-journey-v1 strong {
  color: #213e63;
  font-size: 13px;
}

.admin-analytics-journey-v1 b {
  color: #0e4aa5;
  font-size: 13px;
}

.admin-analytics-journey-v1 article > div > i {
  display: block;
  height: 7px;
  border-radius: 999px;
  background: #e8eef6;
  overflow: hidden;
}

.admin-analytics-journey-v1 em {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2e70d1, #3ea5db);
}

.admin-analytics-ai-v1 {
  margin-top: 18px;
}

.admin-analytics-ai-grid-v1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.admin-analytics-ai-grid-v1 .admin-stat-card-v4 {
  min-height: 132px;
}

.admin-analytics-table-v1 {
  display: grid;
  gap: 8px;
}

.admin-analytics-table-v1 article {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(80px, 0.7fr) minmax(90px, 0.8fr);
  gap: 10px;
  align-items: center;
  padding: 11px 12px;
  border: 1px solid #e1e8f1;
  border-radius: 13px;
  background: #fbfcfe;
}

.admin-analytics-table-v1 article > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.admin-analytics-table-v1 small {
  color: #8a9aaf;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.admin-analytics-table-v1 strong {
  color: #38516f;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.admin-analytics-table-v1 .is-primary strong {
  color: #173c6c;
  font-size: 13px;
}

.admin-analytics-feedback-v1 {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 14px;
}

.admin-analytics-feedback-v1 > div {
  padding: 15px;
  border: 1px solid #dce7f2;
  border-radius: 14px;
  background: #f8fbff;
  display: grid;
  gap: 4px;
}

.admin-analytics-feedback-v1 strong {
  color: #1753aa;
  font-size: 22px;
}

.admin-analytics-feedback-v1 span {
  color: #74879f;
  font-size: 11px;
  font-weight: 700;
}

.admin-analytics-privacy-v1 ul {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 9px;
  color: #4f6682;
  font-size: 13px;
  line-height: 1.5;
}

.admin-analytics-privacy-v1 > small {
  display: block;
  margin-top: 16px;
  padding: 11px 12px;
  border-radius: 12px;
  background: #edf8f3;
  color: #237153;
  font-weight: 700;
  line-height: 1.45;
}

.admin-analytics-setup-v1 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.admin-analytics-setup-v1 > span {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: #e9f3ff;
  color: #2465c5;
  font-size: 24px;
}

@media (max-width: 1120px) {
  .admin-analytics-ai-grid-v1 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .admin-analytics-grid-v1,
  .admin-analytics-grid-v1.is-top {
    grid-template-columns: 1fr;
  }

  .admin-analytics-ai-grid-v1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-analytics-setup-v1 {
    grid-template-columns: 1fr;
  }

  .medika-feedback-question-v1 {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 560px) {
  .admin-analytics-ai-grid-v1 {
    grid-template-columns: 1fr;
  }

  .admin-analytics-table-v1 article {
    grid-template-columns: 1fr;
  }

  .admin-analytics-feedback-v1 {
    grid-template-columns: 1fr;
  }

  .medika-feedback-buttons-v1 {
    width: 100%;
  }

  .medika-feedback-buttons-v1 button {
    flex: 1;
  }
}

.admin-secondary-button-v4.is-danger-soft {
  border-color: #fecaca;
  background: #fff7f7;
  color: #b42318;
}

.admin-secondary-button-v4.is-danger-soft:hover {
  border-color: #fca5a5;
  background: #fff1f1;
}

</style>

<style>


/* =========================================================
   MEDIKA V23.3 — Registration Guidance
   ========================================================= */

.schedule-registration-v23-3 {
  width: min(720px, 100%);
  padding: 4px;
}

.schedule-registration-head-v23-3 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  padding-bottom: 17px;
  border-bottom: 1px solid #e1e8f2;
}

.schedule-registration-head-v23-3 > span,
.schedule-registration-head-v23-3 > button {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid #dce6f3;
  border-radius: 14px;
  background: #f1f6fd;
  color: #1b55a8;
}

.schedule-registration-head-v23-3 > button {
  cursor: pointer;
}

.schedule-registration-head-v23-3 > button.is-back-v23-3 {
  background: #fff;
}

.schedule-registration-head-v23-3 small {
  display: block;
  color: #7d8ea6;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.schedule-registration-head-v23-3 h2 {
  margin: 3px 0 4px;
  color: #143767;
  font-size: clamp(19px, 2.3vw, 27px);
  font-weight: 950;
  letter-spacing: -.035em;
}

.schedule-registration-head-v23-3 p {
  margin: 0;
  color: #71829b;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.55;
}

.schedule-registration-note-v23-3,
.schedule-registration-requirement-v23-3 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid #dce7f4;
  border-radius: 16px;
  background: #f5f8fd;
}

.schedule-registration-note-v23-3 i,
.schedule-registration-requirement-v23-3 > i {
  color: #2059ad;
  margin-top: 2px;
}

.schedule-registration-note-v23-3 p,
.schedule-registration-requirement-v23-3 span {
  margin: 0;
  color: #607896;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.6;
}

.schedule-registration-requirement-v23-3 {
  border-color: #d7eadf;
  background: #f2faf6;
}

.schedule-registration-requirement-v23-3 > i {
  color: #187151;
}

.schedule-registration-choice-grid-v23-3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  margin-top: 16px;
}

.schedule-registration-choice-grid-v23-3 > button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 15px;
  border: 1px solid #dce6f3;
  border-radius: 17px;
  background: #fff;
  color: #173b6b;
  text-align: left;
  cursor: pointer;
}

.schedule-registration-choice-grid-v23-3 > button:hover {
  border-color: #abc4e6;
  box-shadow: 0 12px 26px rgba(21, 72, 140, .08);
}

.schedule-registration-choice-grid-v23-3 > button > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: #edf4ff;
  color: #1c56aa;
}

.schedule-registration-choice-grid-v23-3 strong,
.schedule-registration-choice-grid-v23-3 small {
  display: block;
}

.schedule-registration-choice-grid-v23-3 strong {
  font-size: 12px;
  font-weight: 900;
}

.schedule-registration-choice-grid-v23-3 small {
  margin-top: 3px;
  color: #7b8ba2;
  font-size: 9px;
  font-weight: 650;
}

.schedule-registration-steps-v23-3 {
  display: grid;
  gap: 11px;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
}

.schedule-registration-steps-v23-3 li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 13px 14px;
  border: 1px solid #e0e7f1;
  border-radius: 15px;
  background: #fff;
}

.schedule-registration-steps-v23-3 li > span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #eaf2ff;
  color: #1c55a8;
  font-size: 10px;
  font-weight: 900;
}

.schedule-registration-steps-v23-3 p {
  margin: 0;
  color: #607693;
  font-size: 11px;
  line-height: 1.62;
}

.schedule-registration-steps-v23-3 p strong {
  display: block;
  margin-bottom: 2px;
  color: #173b69;
  font-weight: 900;
}

.schedule-registration-apps-v23-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 16px;
}

.schedule-registration-apps-v23-3 a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 39px;
  padding: 0 13px;
  border-radius: 12px;
  background: #154a9f;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
}

@media (max-width: 620px) {
  .schedule-registration-choice-grid-v23-3 {
    grid-template-columns: 1fr;
  }

  .schedule-registration-v23-3 {
    padding: 0;
  }
}


/* =========================================================
   MEDIKA V23.3.1 — Schedule resilience / fallback
   ========================================================= */

.doctor-schedule-error-actions-v23-3-1,
.doctor-mobile-error-actions-v23-3-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.doctor-schedule-error-actions-v23-3-1 > button,
.doctor-mobile-error-actions-v23-3-1 > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.doctor-schedule-error-actions-v23-3-1 > button.is-secondary-v23-3-1,
.doctor-mobile-error-actions-v23-3-1 > button.is-secondary-v23-3-1 {
  border: 1px solid #d8e3f1;
  background: #fff;
  color: #45617f;
}

.doctor-schedule-fallback-v1 {
  border-color: #e5d7a8;
  background: #fff9e8;
}

.doctor-schedule-fallback-v1 i {
  color: #a97713;
}

@media (max-width: 620px) {
  .doctor-mobile-error-actions-v23-3-1 {
    width: 100%;
  }

  .doctor-mobile-error-actions-v23-3-1 > button {
    width: 100%;
  }
}