/* assets/panel/css/kwp-admin.css */
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

:root {
    --bs-body-bg: #1b1b1b;
    --bs-body-color: #e9e9e9;
    --bs-border-color: #333333;
    --kwp-sidebar-w: 250px;
}

body {
    background: #1b1b1b !important;
    font-family: 'Vazirmatn', sans-serif;
}
.kwp-subcat-section{
    margin-top: 12px;
}

.card { background: #242424 !important; border-color: #333333 !important; }
.table { --bs-table-bg: #222222; }
.modal-content { background: #242424; width: 95%!important }

/* سایدبار */
.kwp-sidebar {
    background: #1f1f1f;
    border-left: 1px solid #333;
    height: 100dvh;
    width: var(--kwp-sidebar-w);
    flex: 0 0 var(--kwp-sidebar-w);
    position: sticky;
    top: 0;
    overflow-y: auto;
    z-index: 10;
}
.kwp-topbar { background: #1f1f1f; border-bottom: 1px solid #333; }
.kwp-sidebar .nav-link { color: #c9c9c9; border-radius: 8px; padding: .55rem .9rem; }
.kwp-sidebar .nav-link:hover,
.kwp-sidebar .nav-link.active { background: #262626; color: #fff; }
.kwp-sidebar .kwp-submenu .nav-link { padding-right: 2.2rem; font-size: .9rem; color: #9d9d9d; }
.kwp-sidebar .kwp-submenu .nav-link.active { color: #fff; }
.kwp-topbar { background: #161616; border-bottom: 1px solid #2a2a2a; }
.kwp-user-topbar {
    background: #1c1c1c;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    padding: .6rem 1rem;
}
.kwp-user-topbar .btn { border-radius: 8px; }
@media (max-width: 576px) {
    .kwp-user-topbar { justify-content: center !important; }
    .kwp-user-topbar > div { width: 100%; justify-content: center; }
}

main {
    min-width: 0;
    overflow-x: hidden;
}
main .table-responsive {
    max-width: 100%;
}
select[multiple] {
    max-width: 100%;
}

@media (max-width: 991.98px) {
    .kwp-topbar {
        position: sticky;
        top: 0;
        z-index: 1030;
        width: 100%;
    }
    body.kwp-menu-open { overflow: hidden; }
    .kwp-sidebar {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1045;
        width: min(280px, 82vw);
        max-width: 82vw;
        flex-basis: auto;
        transform: translateX(100%);
        transition: transform .25s ease;
    }
    .kwp-sidebar.show { transform: translateX(0); }
    .kwp-backdrop {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, .6);
        z-index: 1040;
    }
    .kwp-backdrop.show { display: block; }
}

.kwp-loading-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    z-index: 2000;
    align-items: center;
    justify-content: center;
}
.kwp-loading-overlay.show { display: flex; }

/* شماره موبایل کنار نام مشتری - به‌صورت تگ کوچک، جدا از جهت متن فارسی */
.kwp-mobile {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    direction: ltr;
    unicode-bidi: isolate;
    font-size: .78rem;
    color: #8a93a3;
    background: rgba(255, 255, 255, .06);
    border-radius: 6px;
    padding: 1px 7px;
    margin-inline-start: 6px;
    vertical-align: middle;
    white-space: nowrap;
}
.kwp-mobile i { font-size: .75rem; }
.kwp-customer-cell { display: inline-flex; align-items: center; flex-wrap: wrap; row-gap: 2px; }