/* Platform chrome shared by every tenant. */

/* Parent-company line under the login box (admin pages carry it in the footer
   via JAZZMIN 'copyright'). If you change PLATFORM_TAGLINE in .env, change it
   here too. */
.login-box::after {
    content: "NPW CRM — A Norton Property Works Company";
    display: block;
    text-align: center;
    color: #888;
    font-size: 12px;
    margin-top: 14px;
}

/* =====================================================================
   Mobile polish (phones & small tablets). Jazzmin 3.x / AdminLTE 4 /
   Bootstrap 5 class names. Desktop is untouched: every rule below lives
   inside a max-width media query.
   ===================================================================== */

@media (max-width: 767.98px) {
    .app-main {
        overflow-x: hidden;
    }
    .card-body.table-responsive {
        -webkit-overflow-scrolling: touch;
    }
    .date-hierarchy {
        flex-wrap: wrap;
        max-width: 100%;
    }
    .date-hierarchy .btn {
        margin-bottom: 4px;
    }
    .app-main input[type="text"],
    .app-main input[type="number"],
    .app-main input[type="email"],
    .app-main input[type="password"],
    .app-main input[type="url"],
    .app-main select,
    .app-main textarea,
    .select2-container .select2-selection--single .select2-selection__rendered,
    .select2-search__field {
        font-size: 16px !important;
    }
    .app-main .form-control,
    .app-main .form-select {
        min-height: 42px;
    }
    .app-main .related-widget-wrapper {
        width: 100%;
        flex-wrap: wrap;
        gap: 4px;
    }
    .app-main .select2-container {
        flex: 1 1 100%;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100%;
    }
    .select2-container .select2-selection--single {
        min-height: 42px;
        display: flex;
        align-items: center;
        border: 1px solid #ced4da;
        border-radius: 6px;
        padding: 4px 8px;
    }
    .related-widget-wrapper > a {
        display: inline-block;
        padding: 8px;
    }
    .inline-group,
    .inline-related {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .paginator a,
    .paginator .this-page {
        display: inline-block;
        padding: 8px 12px;
    }
}

@media (max-width: 575.98px) {
    .app-header form.d-flex {
        display: none !important;
    }
}

/* =====================================================================
   Brand logo sizing. site_logo is the Norton house mark on a white tile;
   keep it a tidy rounded square in the dark sidebar brand bar, and give
   the login-page lockup room to breathe.
   ===================================================================== */
.main-sidebar .brand-link .brand-image {
    max-height: 38px;
    width: 38px;
    height: 38px;
    object-fit: contain;
    background: #fff;
    border-radius: 9px;
    padding: 2px;
    margin: -4px 8px 0 4px;
    opacity: 1;
    box-shadow: none;
}
.login-logo img, .site-logo img { max-width: 240px; height: auto; }