/* Shared Google-style dialogs: quiet gray surfaces and compact, readable controls. */
:is(#delivery-unavailable-modal, #custom-confirm-modal, #info-modal, #review-prompt-modal, #cancel-order-modal, #review-modal, #admin-modal, #trans-confirm-modal, #schedule-modal) {
    padding:16px !important;
    align-items:center !important;
}
:is(#delivery-unavailable-panel, #custom-confirm-modal > div, #info-modal > div, #review-prompt-modal > div, #cancel-order-modal > div, #review-modal > div, #admin-modal > div.relative, #trans-confirm-panel, #schedule-panel) {
    border-radius:20px !important;
    padding:20px !important;
    background:#f1f3f4 !important;
    color:#202124;
    border:0 !important;
    box-shadow:0 12px 36px #0002 !important;
    max-height:calc(100dvh - 32px) !important;
    overflow-y:auto !important;
}
:is(#delivery-unavailable-panel, #custom-confirm-modal > div, #info-modal > div, #review-prompt-modal > div, #cancel-order-modal > div) { max-width:360px !important; }
:is(#custom-confirm-modal, #info-modal) > div > div > div:first-child,
#review-prompt-modal .pointer-events-none,
#review-prompt-modal .text-yellow-500 { display:none !important; }
:is(#delivery-unavailable-panel, #custom-confirm-modal, #info-modal, #review-prompt-modal, #cancel-order-modal) h3 { font-size:18px !important; line-height:1.4 !important; font-weight:500 !important; margin-bottom:8px !important; }
:is(#custom-confirm-modal, #info-modal, #review-prompt-modal, #cancel-order-modal) p { font-size:14px !important; line-height:1.5 !important; margin-bottom:12px !important; padding:0 !important; }
#delivery-unavailable-panel { align-items:stretch !important; text-align:left !important; }
#delivery-unavailable-panel button { align-self:flex-end; margin-top:12px !important; width:auto !important; min-width:64px; }
:is(#delivery-unavailable-panel button, #modal-cancel-btn, #modal-confirm-btn, #info-modal-btn, #review-no-btn, #review-yes-btn, #modal-proceed-btn, #modal-keep-btn, #trans-confirm-modal button, #admin-modal button[type="submit"], #review-modal button[type="submit"]) {
    background:#e8eaed !important;
    color:#1a73e8 !important;
    border:0 !important;
    border-radius:999px !important;
    padding:10px 18px !important;
    min-height:44px;
    font-size:14px !important;
    font-weight:500 !important;
    box-shadow:none !important;
}
:is(#custom-confirm-modal, #info-modal) .text-center { text-align:left !important; align-items:stretch !important; }
#info-modal .info-modal-mascot { display:block; width:140px; height:140px; object-fit:contain; flex-shrink:0; align-self:center; margin:0 auto 12px; }
.dark #info-modal .info-modal-mascot { background:#f1f3f4; border-radius:50%; }
#info-modal-btn { align-self:flex-end; width:auto !important; min-width:64px; }
:is(#delivery-unavailable-panel button, #modal-cancel-btn, #modal-confirm-btn, #info-modal-btn):hover { background:#dadce0 !important; }
.dark :is(#delivery-unavailable-panel, #custom-confirm-modal > div, #info-modal > div, #review-prompt-modal > div, #cancel-order-modal > div, #review-modal > div, #admin-modal > div.relative, #trans-confirm-panel, #schedule-panel) { background:#292a2d !important; color:#e8eaed !important; }
.dark :is(#delivery-unavailable-title, #delivery-unavailable-panel button, #modal-cancel-btn, #modal-confirm-btn, #info-modal-btn, #review-no-btn, #review-yes-btn, #modal-proceed-btn, #modal-keep-btn) { color:#8ab4f8 !important; }
.dark :is(#delivery-unavailable-panel button, #modal-cancel-btn, #modal-confirm-btn, #info-modal-btn, #review-no-btn, #review-yes-btn, #modal-proceed-btn, #modal-keep-btn) { background:#3c4043 !important; }
#detail-modal:not(.is-page) .modal-sheet, #notif-panel .modal-sheet { border-radius:20px !important; background:var(--dash-bg, #f1f3f4) !important; }
#detail-modal:not(.is-page) .modal-header > div { padding:12px 16px !important; }
@media (max-width:600px) {
    :is(#review-modal, #admin-modal, #schedule-modal) input, :is(#review-modal, #admin-modal, #schedule-modal) select, :is(#review-modal, #admin-modal, #schedule-modal) textarea { font-size:16px !important; }
}
@media (prefers-reduced-motion:reduce) {
    :is(#delivery-unavailable-modal, #delivery-unavailable-panel, #info-modal, #custom-confirm-modal, #schedule-modal, #schedule-panel) { transition:none !important; }
}

#cancel-reason-state { padding:0 !important; }
#cancel-reason-state > div:first-child { display:none !important; }
#trans-confirm-panel .ring-\[4px\] { --tw-ring-shadow:0 0 #0000 !important; }

#existing-order-modal, #tracker-payment-modal { align-items:center !important; padding:16px !important; background:#0005 !important; }
#existing-order-modal > div, #tracker-payment-modal > div { background:#f1f3f4 !important; color:#202124; padding:20px !important; width:100%; max-width:360px !important; border-radius:20px !important; min-height:0 !important; max-height:calc(100dvh - 32px); overflow-y:auto; gap:16px; box-shadow:0 12px 36px #0002; }
#tracker-payment-modal > div > .pointer-events-none, #tracker-payment-modal .rotate-2 { display:none !important; }
#tracker-payment-modal .mt-4, #tracker-payment-modal .mt-8 { margin-top:0 !important; }
#tracker-payment-modal h3, #existing-order-modal h3 { font-size:18px !important; font-weight:500 !important; }
#tracker-payment-modal button, #existing-order-modal button, #admin-pane button[onclick="saveProduct()"] { border-radius:999px !important; min-height:44px; background:#e8eaed !important; color:#1a73e8 !important; box-shadow:none !important; font-weight:500 !important; }
.dark :is(#existing-order-modal > div, #tracker-payment-modal > div) { background:#292a2d !important; color:#e8eaed; }
#trans-confirm-panel h3 { font-size:18px !important; }
#trans-confirm-panel > .sm\:hidden, #admin-pane > .sm\:hidden { display:none !important; }
#trans-confirm-actions { flex-direction:row !important; gap:8px !important; }
#trans-confirm-submit-btn .pointer-events-none { display:none !important; }
#trans-confirm-submit-btn { --tw-ring-shadow:0 0 #0000 !important; }

/* Action pills share the store's black-and-white theme. */
:is(#delivery-unavailable-panel button, #modal-cancel-btn, #modal-confirm-btn, #info-modal-btn, #review-no-btn, #review-yes-btn, #modal-proceed-btn, #modal-keep-btn, #trans-confirm-modal button, #admin-modal button[type="submit"], #admin-pane button[onclick="saveProduct()"], #review-modal button[type="submit"], #existing-order-modal button, #tracker-payment-modal button) { background:#171717 !important; color:#fff !important; }
.dark :is(#delivery-unavailable-panel button, #modal-cancel-btn, #modal-confirm-btn, #info-modal-btn, #review-no-btn, #review-yes-btn, #modal-proceed-btn, #modal-keep-btn, #trans-confirm-modal button, #review-modal button[type="submit"], #existing-order-modal button, #tracker-payment-modal button) { background:#171717 !important; color:#fff !important; }
:is(#delivery-unavailable-panel button, #modal-cancel-btn, #modal-confirm-btn, #info-modal-btn):hover { background:#333 !important; color:#fff !important; }