/*
 * Phone/tablet tweaks (2026 upgrade). Plain CSS on purpose, so it does not need
 * the Laravel Mix build of the admin template. Loaded after app.css.
 */

/* Row action buttons (view / edit / delete) side by side instead of stacked. */
.table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

/* Admin lists (roofs, objects, users, ...) force one-line cells; let them wrap on tablets/phones. */
@media (max-width: 991.98px) {
    .table-nowrap th,
    .table-nowrap td {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 575.98px) {
    .page-content .card-body {
        padding: .75rem;
    }

    .lwt-bootstrap .table > :not(caption) > * > * {
        padding: .5rem .25rem;
    }

    .lwt-bootstrap .table thead th {
        font-size: .75rem;
    }

    .table-actions {
        flex-wrap: nowrap;
        gap: .2rem;
    }

    .table-actions .btn {
        padding: .25rem .3rem;
        font-size: .75rem;
    }

    /* Long advice texts in the inspections table: 3 lines (full text in the modal). */
    .lwt-bootstrap .td-text-wrap {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}