/* Desktop appointment focus promotes the existing contact card into the native top layer. */
.szc-doctor-contact-shell .szc-doctor-contact__card-close { display: none; }
.szc-doctor-contact-shell > .szc-doctor-contact.szc-contact-spotlight {
    position: fixed;
    inset: var(--szc-contact-focus-top) auto auto var(--szc-contact-focus-left);
    width: var(--szc-contact-focus-width);
    max-width: calc(100vw - 32px);
    max-height: var(--szc-contact-focus-height);
    height: auto;
    margin: 0;
    padding: 24px;
    outline: none;
    overflow: auto;
    overscroll-behavior: contain;
    box-shadow: var(--szc-profile-card-shadow, 0 6px 25px 6px rgba(0, 0, 0, .09));
}
.szc-doctor-contact.szc-contact-spotlight::backdrop { background: rgba(34, 34, 34, .42); }
.szc-doctor-contact-shell > .szc-doctor-contact.szc-contact-spotlight .szc-doctor-contact__heading { padding-right: 44px; }
.szc-doctor-contact.szc-contact-spotlight:focus,
.szc-doctor-contact.szc-contact-spotlight .szc-doctor-contact__heading:focus { outline: none; }
.szc-doctor-contact-shell .szc-contact-spotlight > .szc-doctor-contact__card-close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--e-global-color-primary, #222);
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    transition: none;
}
.szc-doctor-contact-shell .szc-contact-spotlight > .szc-doctor-contact__card-close:is(:focus, :active) {
    color: var(--e-global-color-primary, #222);
    background: transparent;
    border: 0;
    box-shadow: none;
}
.szc-doctor-contact-shell .szc-contact-spotlight > .szc-doctor-contact__card-close:hover {
    color: var(--e-global-color-primary, #222);
    background: var(--e-global-color-c260a02, #f2f4f6);
}
.szc-doctor-contact-shell .szc-contact-spotlight > .szc-doctor-contact__card-close:focus-visible {
    outline: 2px solid var(--e-global-color-text, #50595f);
    outline-offset: 2px;
}
/* Unsupported native interfaces leave the original contact links available inline. */
.szc-contact-ready .szc-doctor-contact-shell.szc-contact-inline-fallback > .szc-doctor-contact { display: block; }
.szc-contact-ready .szc-doctor-contact-shell.szc-contact-inline-fallback > .szc-doctor-contact-dock { display: none; }