/* =====================================================
   SIP MONITORING SYSTEM
   GLOBAL APPLICATION STYLESHEET
===================================================== */

:root {
    --sip-primary: #174a8b;
    --sip-primary-dark: #103766;
    --sip-accent: #2563eb;

    --sip-success: #16a34a;
    --sip-warning: #f59e0b;
    --sip-danger: #dc3545;

    --sip-text: #1e293b;
    --sip-muted: #64748b;

    --sip-bg: #f4f7fc;
    --sip-border: #e5eaf2;

    --sip-sidebar-width: 265px;
    --sip-topbar-height: 76px;

    --sip-radius: 12px;
}

/* BASE */

body {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--sip-text);
    background: var(--sip-bg);
    font-size: 14px;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

button,
input,
select,
textarea {
    font: inherit;
}

/* =====================================================
   PRIVATE APPLICATION LAYOUT
===================================================== */

.sip-app-shell {
    display: flex;
    min-height: 100vh;
    width: 100%;
}

.sip-sidebar {
    width: var(--sip-sidebar-width);
    min-width: var(--sip-sidebar-width);
    height: 100vh;

    position: sticky;
    top: 0;

    display: flex;
    flex-direction: column;

    background: linear-gradient(
        180deg,
        #172b4d 0%,
        #102441 55%,
        #0d1b31 100%
    );

    color: #fff;
    z-index: 1050;

    box-shadow: 3px 0 18px rgba(15,23,42,.08);
}

/* SIDEBAR BRAND */

.sip-sidebar-brand {
    display: flex;
    align-items: center;
    gap: 12px;

    min-height: 83px;
    padding: 18px;

    border-bottom: 1px solid rgba(255,255,255,.08);
    color: #fff;
}

.sip-sidebar-brand:hover {
    color: #fff;
}

.sip-brand-icon {
    width: 43px;
    height: 43px;
    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;
    color: var(--sip-primary);

    border-radius: 11px;
    font-size: 22px;
}

.sip-brand-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sip-brand-text strong {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.2px;
}

.sip-brand-text span {
    font-size: 10px;
    color: #94a3b8;
    margin-top: 3px;
}

/* SIDEBAR MENU */

.sip-sidebar-content {
    flex: 1;
    padding: 12px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.2) transparent;
}

.sip-menu-heading {
    color: #7187a8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.1px;

    padding: 17px 13px 9px;
}

.sip-sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sip-nav-link {
    min-height: 43px;
    padding: 11px 13px;

    display: flex;
    align-items: center;
    gap: 12px;

    border-radius: 9px;

    color: #c5d1e1;
    font-size: 12px;
    font-weight: 600;

    border: 1px solid transparent;
    transition: background .2s, color .2s;
}

.sip-nav-link > i:first-child {
    width: 20px;
    font-size: 16px;
    text-align: center;
}

.sip-nav-link span {
    flex: 1;
}

.sip-nav-link:hover {
    background: rgba(255,255,255,.07);
    color: #fff;
}

.sip-nav-link.active {
    background: #2563eb;
    border-color: rgba(255,255,255,.08);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

.sip-nav-disabled {
    opacity: .42;
    cursor: default;
    user-select: none;
}

.sip-nav-disabled:hover {
    background: transparent;
    color: #c5d1e1;
}

.sip-menu-lock {
    font-size: 11px;
}

/* SIDEBAR FOOTER */

.sip-sidebar-footer {
    padding: 17px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.sip-sidebar-status {
    display: flex;
    align-items: center;
    gap: 11px;
}

.sip-status-dot {
    width: 9px;
    height: 9px;
    background: #22c55e;
    border-radius: 50%;
    flex-shrink: 0;
}

.sip-sidebar-status strong,
.sip-sidebar-status small {
    display: block;
}

.sip-sidebar-status strong {
    font-size: 11px;
    color: #e2e8f0;
}

.sip-sidebar-status small {
    font-size: 10px;
    color: #94a3b8;
    margin-top: 3px;
}

/* =====================================================
   MAIN WRAPPER
===================================================== */

.sip-main-wrapper {
    flex: 1;
    min-width: 0;
    min-height: 100vh;

    display: flex;
    flex-direction: column;
}

/* TOPBAR */

.sip-topbar {
    height: var(--sip-topbar-height);
    min-height: var(--sip-topbar-height);

    padding: 0 25px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    background: #fff;
    border-bottom: 1px solid var(--sip-border);

    position: sticky;
    top: 0;
    z-index: 1030;
}

.sip-topbar-left,
.sip-topbar-right {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
}

.sip-topbar-heading {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.sip-topbar-eyebrow {
    color: #94a3b8;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.sip-topbar-heading strong {
    font-size: 15px;
    font-weight: 800;
    color: var(--sip-text);

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sip-sidebar-toggle {
    display: none;

    width: 39px;
    height: 39px;

    background: #f1f5f9;
    border: 1px solid var(--sip-border);
    border-radius: 9px;

    color: var(--sip-primary);
    font-size: 20px;

    align-items: center;
    justify-content: center;
}

.sip-topbar-public {
    display: flex;
    align-items: center;
    gap: 8px;

    padding: 9px 12px;
    border-radius: 9px;

    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.sip-topbar-public:hover {
    background: #eff6ff;
    color: var(--sip-primary);
}

/* USER INFORMATION */

.sip-user-menu {
    display: flex;
    align-items: center;
    gap: 10px;

    padding-left: 17px;
    border-left: 1px solid var(--sip-border);
}

.sip-user-avatar {
    width: 37px;
    height: 37px;
    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #eaf2ff;
    color: var(--sip-primary);

    border-radius: 10px;
    font-size: 18px;
}

.sip-user-details {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.sip-user-details strong {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-size: 11px;
    font-weight: 800;
}

.sip-user-details span {
    color: #94a3b8;
    font-size: 10px;
}

.sip-logout-btn {
    width: 37px;
    height: 37px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #fee2e2;
    border-radius: 9px;

    background: #fff5f5;
    color: #dc3545;
    font-size: 17px;
}

.sip-logout-btn:hover {
    background: #dc3545;
    color: #fff;
}

/* MAIN CONTENT */

.sip-main-content {
    flex: 1;
    width: 100%;
    padding: 27px;
    min-width: 0;
}

.sip-content-heading {
    margin-bottom: 24px;
}

.sip-content-eyebrow {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--sip-primary);
    margin-bottom: 7px;
}

.sip-content-heading h1 {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.5px;
    margin: 0;
}

.sip-app-footer {
    padding: 17px 27px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    background: #fff;
    border-top: 1px solid var(--sip-border);

    color: #94a3b8;
    font-size: 10px;
}

/* =====================================================
   PUBLIC NAVIGATION
===================================================== */

.sip-public-body {
    background: #f4f7fc;
}

.sip-public-header {
    background: #fff;
    border-bottom: 1px solid var(--sip-border);
}

.sip-public-navbar {
    min-height: 76px;
}

.sip-public-brand {
    display: flex;
    align-items: center;
    gap: 11px;

    color: var(--sip-primary);
}

.sip-public-brand-icon {
    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--sip-primary);
    color: #fff;

    border-radius: 11px;
    font-size: 21px;
}

.sip-public-brand strong,
.sip-public-brand small {
    display: block;
}

.sip-public-brand strong {
    font-size: 16px;
    font-weight: 800;
}

.sip-public-brand small {
    font-size: 10px;
    color: #94a3b8;
    margin-top: 3px;
}

.sip-public-navbar .nav-link {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    padding: 10px 13px;
}

.sip-public-navbar .nav-link:hover,
.sip-public-navbar .nav-link.active {
    color: var(--sip-primary);
}

.sip-public-login-btn {
    background: var(--sip-primary);
    color: #fff;

    border-radius: 9px;
    font-size: 12px;
    font-weight: 700;
    padding: 11px 16px;
}

.sip-public-login-btn:hover {
    background: var(--sip-primary-dark);
    color: #fff;
}

.sip-public-content {
    padding-top: 35px;
    padding-bottom: 40px;
}

/* =====================================================
   REUSABLE COMPONENTS
===================================================== */

.card {
    border: 1px solid var(--sip-border);
    border-radius: var(--sip-radius);
    box-shadow: 0 3px 12px rgba(15,23,42,.025);
}

.card-header {
    background: #fff;
    border-bottom: 1px solid var(--sip-border);
    padding: 17px 20px;
    font-weight: 700;
}

.card-body {
    padding: 20px;
}

.btn {
    border-radius: 9px;
    font-weight: 600;
}

.btn-primary {
    background: var(--sip-primary);
    border-color: var(--sip-primary);
}

.btn-primary:hover {
    background: var(--sip-primary-dark);
    border-color: var(--sip-primary-dark);
}

.form-label {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

.form-control,
.form-select {
    border: 1px solid #dfe5ee;
    border-radius: 9px;
    font-size: 13px;
    min-height: 41px;
}

.form-control:focus,
.form-select:focus {
    border-color: #93b9f3;
    box-shadow: 0 0 0 4px rgba(37,99,235,.08);
}

.table {
    font-size: 12px;
    vertical-align: middle;
}

.table thead th {
    background: #f7f9fc;
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    padding: 13px;
    border-bottom: 1px solid var(--sip-border);
}

.table tbody td {
    padding: 13px;
    border-color: #edf0f5;
}

.table-hover tbody tr:hover td {
    background: #f8fbff;
}

.pagination .page-link {
    color: var(--sip-primary);
    font-size: 12px;
    border-color: var(--sip-border);
}

.pagination .active .page-link {
    background: var(--sip-primary);
    border-color: var(--sip-primary);
    color: #fff;
}

.sip-flash-alert {
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    background: #eff6ff;
    color: #174a8b;
    font-size: 12px;
}

/* =====================================================
   MOBILE NAVIGATION
===================================================== */

.sip-sidebar-overlay {
    display: none;
}

@media (max-width: 991.98px) {

    .sip-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;

        transform: translateX(-100%);
        transition: transform .25s ease;
    }

    .sip-sidebar.show {
        transform: translateX(0);
    }

    .sip-sidebar-overlay {
        position: fixed;
        inset: 0;

        background: rgba(15,23,42,.58);
        z-index: 1040;
    }

    .sip-sidebar-overlay.show {
        display: block;
    }

    .sip-sidebar-toggle {
        display: flex;
    }

    .sip-main-wrapper {
        width: 100%;
    }

    .sip-topbar {
        padding: 0 16px;
    }

    .sip-main-content {
        padding: 20px 15px;
    }

    body.sip-sidebar-open {
        overflow: hidden;
    }
}

@media (max-width: 575.98px) {

    .sip-topbar-public span,
    .sip-user-details {
        display: none;
    }

    .sip-user-menu {
        padding-left: 10px;
    }

    .sip-topbar-right,
    .sip-topbar-left {
        gap: 8px;
    }

    .sip-topbar-heading strong {
        font-size: 12px;
    }

    .sip-app-footer {
        padding: 15px;
        flex-direction: column;
        text-align: center;
    }

    .sip-content-heading h1 {
        font-size: 21px;
    }

    .sip-public-content {
        padding-top: 20px;
    }

    .table-responsive {
        border-radius: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sip-sidebar,
    .sip-nav-link {
        transition: none;
    }
}

/* =====================================================
   SIP MONITORING SYSTEM
   ADMINISTRATION PAGES
===================================================== */

.sip-admin-page {
    width: 100%;
    padding-bottom: 30px;
}

.sip-admin-intro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 24px;
}

.sip-admin-eyebrow {
    color: var(--sip-primary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.3px;
    margin-bottom: 7px;
}

.sip-admin-intro h2 {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.5px;
    margin-bottom: 7px;
}

.sip-admin-intro p {
    color: var(--sip-muted);
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

.sip-admin-counter {
    display: inline-flex;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    background: #eff6ff;
    color: var(--sip-primary);
    font-size: 12px;
    font-weight: 700;
}

/* ADMINISTRATION CARDS */

.sip-admin-card {
    display: block;
    background: #fff;
    border: 1px solid var(--sip-border);
    border-radius: 15px;
    overflow: hidden;
}

.sip-admin-card-header {
    padding: 19px 22px;
    border-bottom: 1px solid var(--sip-border);
    background: #fff;
    color: var(--sip-text);
    font-size: 14px;
    font-weight: 800;
}

.sip-admin-card-body {
    padding: 23px;
}

.sip-admin-help {
    font-size: 12px;
    color: var(--sip-muted);
    line-height: 1.8;
    margin-bottom: 17px;
}

/* COLLAPSIBLE CREATE PANEL */

.sip-create-panel > summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    list-style: none;
    border-bottom: 0;
}

.sip-create-panel > summary::-webkit-details-marker {
    display: none;
}

.sip-create-panel[open] > summary {
    border-bottom: 1px solid var(--sip-border);
}

.sip-summary-action {
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #eff6ff;
    color: var(--sip-primary);
    transition: transform .2s;
}

.sip-create-panel[open] .sip-summary-action {
    transform: rotate(180deg);
}

/* ASSIGNMENT SECTIONS */

.sip-assignment-box {
    border: 1px solid #e7edf5;
    border-radius: 12px;
    padding: 18px;
    min-width: 0;
}

.sip-assignment-box legend {
    float: none;
    width: auto;
    padding: 0 7px;
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 800;
    color: #334155;
}

.sip-checkbox-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    max-height: 310px;
    overflow-y: auto;
    padding: 3px;
}

.sip-check-item {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    border: 1px solid #e7edf5;
    border-radius: 9px;
    padding: 12px;
    cursor: pointer;
    background: #fff;
    min-width: 0;
    transition: background .2s, border-color .2s;
}

.sip-check-item:hover {
    background: #f8fbff;
    border-color: #bfd7fb;
}

.sip-check-item input {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    accent-color: var(--sip-primary);
}

.sip-check-item span {
    min-width: 0;
}

.sip-check-item strong {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.sip-check-item small {
    display: block;
    margin-top: 4px;
    color: var(--sip-muted);
    font-size: 10px;
}

/* FORM ACTIONS */

.sip-form-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 23px;
}

.sip-form-actions .btn {
    padding: 11px 19px;
    font-size: 12px;
}

/* USER DIRECTORY */

.sip-admin-table {
    width: 100%;
    margin-bottom: 0;
}

.sip-admin-table thead th {
    padding: 14px;
    white-space: nowrap;
}

.sip-admin-table tbody td {
    padding: 15px 14px;
}

.sip-person-cell {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 180px;
}

.sip-person-avatar {
    width: 39px;
    height: 39px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: var(--sip-primary);
    border-radius: 10px;
    font-size: 18px;
}

.sip-person-cell strong {
    display: block;
    font-size: 12px;
    color: var(--sip-text);
    margin-bottom: 4px;
}

.sip-person-cell small {
    display: block;
    font-size: 11px;
    color: var(--sip-muted);
    overflow-wrap: anywhere;
}

.sip-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.sip-badge-success {
    background: #dcfce7;
    color: #15803d;
}

.sip-badge-danger {
    background: #fee2e2;
    color: #b91c1c;
}

.sip-badge-muted {
    background: #f1f5f9;
    color: #64748b;
}

/* TABLE FOOTER */

.sip-table-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 13px;
    border-top: 1px solid var(--sip-border);
    padding-top: 18px;
    margin-top: 10px;
}

/* EDIT PAGE */

.sip-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--sip-primary);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 20px;
}

.sip-back-link:hover {
    color: var(--sip-primary-dark);
}

.sip-admin-notice {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    background: #eff6ff;
    border: 1px solid #dbeafe;
    border-radius: 11px;
    padding: 19px;
}

.sip-admin-notice > i {
    color: var(--sip-primary);
    font-size: 21px;
    flex-shrink: 0;
}

.sip-admin-notice strong {
    display: block;
    font-size: 12px;
    color: var(--sip-primary-dark);
    margin-bottom: 6px;
}

.sip-admin-notice p {
    margin: 0;
    color: #475569;
    font-size: 11px;
    line-height: 1.8;
}

/* ACCESSIBILITY */

.sip-create-panel summary:focus-visible,
.sip-check-item:focus-within {
    outline: 2px solid var(--sip-accent);
    outline-offset: 2px;
}

/* RESPONSIVENESS */

@media (max-width: 767.98px) {

    .sip-admin-card-body {
        padding: 17px;
    }

    .sip-admin-card-header {
        padding: 16px;
    }

    .sip-checkbox-grid {
        grid-template-columns: 1fr;
    }

    .sip-admin-intro h2 {
        font-size: 20px;
    }

    .sip-table-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .sip-form-actions .btn {
        flex: 1;
    }

    .sip-admin-table {
        min-width: 620px;
    }

    .sip-admin-counter {
        font-size: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sip-check-item,
    .sip-summary-action {
        transition: none;
    }
}

/* =========================================
   SCHOOLS MANAGEMENT
========================================= */

.sip-school-table {
    min-width: 780px;
}

.sip-school-division {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 5px;
}

.sip-school-region {
    display: block;
    color: #94a3b8;
    font-size: 11px;
}

.sip-school-address {
    max-width: 260px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.sip-school-table .sip-person-cell {
    min-width: 220px;
}

.sip-school-table .sip-person-cell strong {
    line-height: 1.5;
}

.sip-school-table .sip-status-badge {
    gap: 3px;
}

/* Mobile responsiveness */

@media (max-width: 767.98px) {

    .sip-school-table {
        min-width: 740px;
    }

    .sip-school-address {
        max-width: 200px;
    }

}

/* =========================================
   REGIONS & DIVISIONS MANAGEMENT
========================================= */

.sip-geo-table {
    min-width: 530px;
}

.sip-geo-code {
    display: inline-flex;
    align-items: center;
    background: #eff6ff;
    border: 1px solid #dbeafe;
    color: #174a8b;
    border-radius: 7px;
    padding: 6px 9px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.sip-geo-name {
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.sip-geo-region {
    display: block;
    color: #64748b;
    font-size: 11px;
    line-height: 1.6;
}

#division-directory {
    scroll-margin-top: 100px;
}

/* Smaller screens */

@media (max-width: 767.98px) {

    .sip-geo-table {
        min-width: 500px;
    }

    .sip-geo-code {
        font-size: 10px;
    }

    .sip-geo-name {
        font-size: 11px;
    }
}

/* =========================================
   ROLES & PERMISSIONS MANAGEMENT
========================================= */

.sip-permission-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

.sip-permission-groups .sip-assignment-box {
    height: 100%;
    margin: 0;
}

.sip-permission-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
    max-height: 350px;
    overflow-y: auto;
    padding: 3px;
}

.sip-permission-list .sip-check-item {
    width: 100%;
}

.sip-permission-list .sip-check-item strong {
    font-family: Consolas, monospace;
    font-size: 12px;
}

.sip-permission-list .sip-check-item small {
    line-height: 1.6;
}

.sip-permission-list input:disabled {
    cursor: not-allowed;
}

.sip-permission-list .sip-check-item:has(input:disabled) {
    background: #f8fafc;
    cursor: default;
}

@media (max-width: 991.98px) {
    .sip-permission-groups {
        grid-template-columns: 1fr;
    }
}

/* =========================================
   ACTIVITY LOGS MODULE
========================================= */

.sip-audit-table {
    min-width: 720px;
}

.sip-audit-table td {
    vertical-align: middle;
}

.sip-audit-table td strong {
    display: block;
    font-size: 12px;
    color: #334155;
    font-weight: 700;
}

.sip-audit-subtext {
    display: block;
    margin-top: 5px;
    color: #64748b;
    font-size: 11px;
    overflow-wrap: anywhere;
}

.sip-audit-table .sip-geo-code {
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
    .sip-audit-table {
        min-width: 680px;
    }
}