/* Layout Admin Custom Styles */

@media (min-width: 768px) {
    html:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] {
        min-height: 100vh;
    }
}


/* DataTable Wrapper Styles */
div.dataTables_wrapper table.table > :not(caption) > * > * {
    padding: 4.5px 4.5px !important;
}

/* Base Typography — Skote Poppins (do not force generic sans-serif over theme) */
body {
    font-family: "Poppins", sans-serif;
}

/* Navbar Navigation Links */
.navbar-menu .navbar-nav .nav-link {
    font-size: .8375rem !important;
    color: #cbd5f5 !important;
    font-weight: 400 !important;
    background-color: transparent !important;
}

.navbar-menu .navbar-nav .nav-link:hover,
.navbar-menu .navbar-nav .nav-link:focus {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, .08) !important;
}

.navbar-menu .navbar-nav .nav-link.active,
.navbar-menu .navbar-nav .nav-link.show,
.navbar-menu .navbar-nav .nav-link[aria-expanded="true"] {
    color: #cbd5f5 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    font-weight: 400 !important;
}

.navbar-menu .navbar-nav .nav-link.active i,
.navbar-menu .navbar-nav .nav-link.active span {
    color: #cbd5f5 !important;
}

/* Notification Grouping */
.notification-group-wrapper {
    border-left: 4px solid #0d6efd;
    padding-left: 8px;
    margin-bottom: 10px;
}

.notification-item {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

.notification-item h6,
.notification-item p {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

.notification-item .flex-grow-1 {
    min-width: 0;
    max-width: 100%;
}

.notification-group .grouped:not(:last-child) {
    border-bottom: 1px dashed #ddd;
}

/* Modal Constraints */
.modal-dialog.modal-narrow {
    max-width: 900px;
}

@media (max-width: 576px) {
    .modal-dialog.modal-narrow {
        max-width: 95%;
    }
}

/* Modal Spacing and Labels */
.modal-body .form-label {
    margin-bottom: .35rem;
    font-weight: 600;
}

.modal-col-6 {
    --bs-modal-width: 50vw;
}

@media (min-width: 992px) {
    .modal-col-6 {
        --bs-modal-width: 45vw;
    }
}

/* Specific Modal Responsive Settings */
#showModalExpectedCollection .modal-dialog.modal-ec-narrow,
#showModalWeeklyCollection .modal-dialog.modal-wc-narrow,
#showModalDetailedWeeklyCollection .modal-dialog.modal-dwc-narrow {
    width: auto;
    max-width: 720px;
}

@media (min-width: 1200px) {

    #showModalExpectedCollection .modal-dialog.modal-ec-narrow,
    #showModalWeeklyCollection .modal-dialog.modal-wc-narrow,
    #showModalDetailedWeeklyCollection .modal-dialog.modal-dwc-narrow {
        max-width: 620px;
    }
}

/* Choices.js Integration Styles */
.choices {
    width: 100%;
}

.choices__inner {
    min-height: 38px;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .375rem;
}

.choices__list--single {
    padding: 0;
}

.choices__placeholder {
    opacity: .6;
}

.choices[data-type*="select-one"] .choices__input {
    display: none;
}

/* Modal Narrow */
.modal-dialog.modal-narrow {
    max-width: 900px;
}

@media (max-width: 576px) {
    .modal-dialog.modal-narrow {
        max-width: 95%;
    }
}

/* Tidy label spacing */
.modal-body .form-label {
    margin-bottom: .35rem;
    font-weight: 600;
}

.modal-col-6 {
    --bs-modal-width: 50vw;
}

@media (min-width: 992px) {
    .modal-col-6 {
        --bs-modal-width: 45vw;
    }
}
/* Additional Layout Styles */
.modal-dialog.modal-narrow { max-width: 900px; }
@media (max-width: 576px) { .modal-dialog.modal-narrow { max-width: 95%; } }
.modal-body .form-label { margin-bottom: .35rem; font-weight: 600; }
.modal-col-6 { --bs-modal-width: 50vw; }
@media (min-width: 992px) { .modal-col-6 { --bs-modal-width: 45vw; } }
.choices { width: 100%; }
.choices__inner { min-height: 38px; padding: .375rem .75rem; line-height: 1.5; border-radius: .375rem; }
.choices__list--single { padding: 0; }
.choices__placeholder { opacity: .6; }
.choices[data-type*="select-one"] .choices__input { display: none; }