/* P225 shared refinements discovered by the full mobile audit. */
body[data-mobile-mode="true"] .mobile-page-title-source {
    display: none !important;
}

body[data-mobile-mode="true"] .mobile-redundant-back {
    display: none !important;
}

body[data-mobile-mode="true"] .mobile-page-title-host {
    min-height: 0;
}

body[data-mobile-mode="true"] .mobile-page-title-host.d-flex,
body[data-mobile-mode="true"] header.mobile-page-title-host {
    justify-content: flex-end !important;
}

body[data-mobile-mode="true"] .mobile-page-title-host:has(> .mobile-page-title-source:only-child) {
    display: none !important;
}

body[data-mobile-mode="true"] .mobile-core-kind-generic .mobile-core-card-row > td {
    min-height: 44px;
}

body[data-mobile-mode="true"] .mobile-core-kind-generic td[data-mobile-key="actions"] > .d-flex,
body[data-mobile-mode="true"] .mobile-core-kind-generic td[data-mobile-key="actions"] > div:not(.modal) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-mobile-mode="true"] .main-wrap > .alert,
body[data-mobile-mode="true"] .main-wrap > .card,
body[data-mobile-mode="true"] .main-wrap > details,
body[data-mobile-mode="true"] .main-wrap > form,
body[data-mobile-mode="true"] .main-wrap > section {
    margin-bottom: 10px;
}

body[data-mobile-mode="true"] .main-wrap .btn-group {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}

body[data-mobile-mode="true"] .main-wrap .btn-group::-webkit-scrollbar { display: none; }

body[data-mobile-mode="true"] .main-wrap .btn-group > .btn {
    min-width: max-content;
}

body[data-mobile-mode="true"] .main-wrap .input-group {
    min-width: 0;
    flex-wrap: nowrap;
}

body[data-mobile-mode="true"] .main-wrap .input-group > .form-control,
body[data-mobile-mode="true"] .main-wrap .input-group > .form-select {
    min-width: 0;
}

body[data-mobile-mode="true"] .main-wrap .pagination {
    flex-wrap: wrap;
    justify-content: center;
    gap: 3px;
}

body[data-mobile-mode="true"] .main-wrap .pagination .page-link {
    min-width: 34px;
    min-height: 34px;
    display: grid;
    place-items: center;
    padding: 4px 7px;
    border-radius: 6px;
}

body[data-mobile-mode="true"] .modal-footer {
    position: sticky;
    bottom: 0;
    z-index: 2;
    gap: 6px;
    background: #fff;
}

body[data-mobile-mode="true"] .modal-footer .btn {
    flex: 1 1 auto;
}

@media (max-width: 359px) {
    body[data-mobile-mode="true"] .mobile-core-kind-generic td[data-mobile-key="actions"] > .d-flex,
    body[data-mobile-mode="true"] .mobile-core-kind-generic td[data-mobile-key="actions"] > div:not(.modal) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}