/* ================================================
   UI NORMALIZE STANDALONE
   Applied to pages that do not use layouts/base.html.
   ================================================ */

:root {
    --ui-standalone-btn-radius: 999px;
    --ui-standalone-btn-min-height: 42px;
    --ui-standalone-btn-font-weight: 600;
    --ui-standalone-btn-focus: 0 0 0 3px rgba(17, 24, 39, 0.14);

    --ui-standalone-bubble-radius: 14px;
    --ui-standalone-bubble-border: 1px solid rgba(0, 0, 0, 0.08);
    --ui-standalone-bubble-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
}

/* Buttons: keep one visual rhythm across standalone pages */
.btn,
.home-btn,
.login-btn,
.redirect-button,
.modal-button,
.back-button,
.support-ok {
    border-radius: var(--ui-standalone-btn-radius) !important;
    min-height: var(--ui-standalone-btn-min-height) !important;
    font-weight: var(--ui-standalone-btn-font-weight) !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

.btn:focus-visible,
.home-btn:focus-visible,
.login-btn:focus-visible,
.redirect-button:focus-visible,
.modal-button:focus-visible,
.back-button:focus-visible,
.support-ok:focus-visible {
    outline: none !important;
    box-shadow: var(--ui-standalone-btn-focus) !important;
}

/* Remove jumpy hover transforms to keep parity with system buttons */
.btn:hover,
.home-btn:hover,
.redirect-button:hover,
.back-button:hover {
    transform: none !important;
}

/* Modal/card balloons */
.confirmation-modal,
.support-card {
    border-radius: var(--ui-standalone-bubble-radius) !important;
    border: var(--ui-standalone-bubble-border) !important;
    box-shadow: var(--ui-standalone-bubble-shadow) !important;
}

.modal-overlay,
.support-modal {
    background: rgba(9, 30, 66, 0.4) !important;
}