/* Compact public chrome and cards. Inputs and booking/payment dialogs retain
   their readable type and touch targets. Safe areas remain outside the bar. */
.pd-pronto-how-it-works > summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 48px;
    gap: 12px;
    cursor: pointer;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    color: #173d25;
}
.pd-pronto-how-it-works > summary::-webkit-details-marker { display: none; }
.pd-pronto-how-it-works > summary:focus-visible { outline: 2px solid #134e28; outline-offset: 2px; }
.pd-pronto-how-it-works[open] > summary { margin-bottom: 12px; }
.pd-pronto-how-it-works[open] > summary > span { transform: rotate(180deg); }
@media (max-width: 1024px) {
    :root, html.pwa-standalone, html.ios-browser {
        --appbar-h: 84px !important;
        --appbar-extra: 0px !important;
    }
    /* Border is included in the shared 84px navigation budget. */
    #appbar-bottom { box-sizing: content-box; height: calc(var(--appbar-h) - 1px) !important; }
    #appbar-bottom a { min-height: 48px; }
    #appbar-bottom a span,
    #appbar-bottom a .pd-appbar-pronto-label { font-size: clamp(11px,3.3vw,13px); }
    #ast-mobile-header .ast-primary-header-bar,
    #ast-mobile-header .main-header-bar { min-height: 58px !important; }
    #ast-mobile-header .ast-above-header-bar { min-height: 58px !important; }
    #ast-mobile-header .menu-toggle { height: 58px !important; line-height: 1 !important; white-space: nowrap; }
    #ast-mobile-header .ast-builder-grid-row { min-height: 58px !important; }
    #ast-mobile-header .ast-builder-grid-row-has-sides { grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; }
    #ast-mobile-header .ast-custom-button { white-space: nowrap; padding: 10px 12px !important; }
}
@media (max-width: 360px) {
    #ast-mobile-header .ast-custom-button { font-size: 17px; padding: 10px 0 !important; }
    #ast-mobile-header .menu-toggle { padding: 10px 8px !important; }
}
@media (max-width: 767px) {
    .pd-patient-account-dashboard-head h1,
    .pd-patient-account-card h1 { font-size: 24px !important; }
    .pd-patient-account-dashboard-head p { font-size: 15px !important; }
    .pd-pronto-attendance .pd-pronto-attendance-hero {
        min-height: 0;
        padding: 16px !important;
    }
    .pd-pronto-attendance-hero h1 { font-size: 25px !important; line-height: 1.18 !important; }
    .pd-pronto-attendance-scheduler .pd-pronto-attendance-guide { padding: 10px 16px !important; }
    .pd-pronto-attendance-guide .pd-pronto-attendance-clinical-notice { margin-top: 4px; }
    .pd-pronto-doctor-list .pd-pronto-doctor,
    .pd-pronto-doctor { grid-template-columns: 88px minmax(0, 1fr) !important; }
    .pd-pronto-doctor .pd-pronto-doctor-photo { width: 88px !important; height: 112px !important; }
    .pd-pronto-doctor .pd-pronto-doctor-name { font-size: 17px !important; }
    .pd-pronto-doctor .pd-pronto-doctor-bio {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .pronto-doutor-especialidades .pd-catalog-spotlight--urgent { padding: 16px !important; margin-bottom: 24px !important; }
    .pd-catalog-spotlight--urgent .pd-catalog-spotlight-icon,
    .pd-catalog-spotlight--urgent .pd-catalog-card-eyebrow,
    .pd-catalog-spotlight--urgent .pd-catalog-spotlight-footer > div > span { display: none !important; }
    .pd-catalog-spotlight--urgent .pd-catalog-spotlight-top { margin-bottom: 12px !important; }
    .pd-catalog-spotlight--urgent .pd-catalog-urgent-title-main { font-size: 25px !important; line-height: 1.15 !important; }
    .pd-catalog-spotlight--urgent .pd-catalog-urgent-title-detail { font-size: 15px !important; }
    .pd-catalog-spotlight--urgent .pd-catalog-card-description {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .pronto-doutor-especialidades .pd-catalog-spotlight-footer { gap: 12px; padding-top: 12px; }
    .pd-catalog-spotlight--urgent .pd-catalog-spotlight-footer strong { font-size: 22px !important; }
    .pd-catalog-spotlight--urgent .pd-catalog-card-action { min-height: 48px !important; font-size: 16px !important; }
    .pronto-doutor-especialidades .pd-catalog-specialty-card { padding: 16px !important; min-height: 0 !important; }
    .pronto-doutor-especialidades .pd-catalog-specialty-card h3 { font-size: 17px !important; margin-top: 12px !important; }
    .pronto-doutor-especialidades .pd-catalog-specialty-icon { width: 36px !important; height: 36px !important; }
    .pronto-doutor-especialidades .pd-catalog-specialty-card-footer { padding-top: 12px !important; }
}