/* =========================================================
   QBox – Application Overrides Layer
   Depends on:
   - core/foundation.css
   - core/layout.css
   - core/components.css
========================================================= */


/* =========================================================
   ROOT FONT SCALING (Optional Override)
========================================================= */

html {
    font-size: 14px;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}


/* =========================================================
   GLOBAL FOCUS NORMALIZATION
   Uses design-system focus token
========================================================= */

:focus-visible {
    box-shadow: var(--focus-ring);
}


/* =========================================================
   FOOTER TWEAK (App Surface Only)
========================================================= */

.app-footer {
    padding: var(--space-3) 0;
    border-top: 1px solid var(--border-default);
    font-size: var(--text-xs);
    background: var(--surface-1);
}


/* =========================================================
   OPTIONAL: LEGACY FORM SUPPORT (If still using floating)
========================================================= */

.form-floating > .form-control::placeholder {
    color: var(--text-secondary);
    text-align: end;
}

.form-floating > .form-control:focus::placeholder {
    text-align: start;
}


/* =========================================================
   BODY NORMALIZATION
========================================================= */

body {
    min-height: 100vh;
}