/**
 * Portal mobile overrides — updated for modern UI.
 * portal-modern.css handles the primary responsive layout.
 * This file provides supplementary touch / mobile tweaks.
 */
@media (max-width: 767px) {

    /* Wizard content: ensure enough height for form content */
    .wizard > .content {
        min-height: auto !important;
        overflow: visible !important;
    }

    /* Labels: prevent long text from overflowing */
    .wizard .form-group label,
    .wizard .content .body label {
        word-wrap: break-word;
        overflow-wrap: break-word;
        max-width: 100%;
    }

    /* Wizard actions: touch-friendly */
    .wizard > .actions > ul > li > a {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}