/*
 * Bteam theme - notun design (Tailwind-er rong/spacing/shadow), AdminLTE 2 + Bootstrap 3-er upore boshe.
 * Shudhu CSS: kono page-er HTML/PHP bodlay na. Ei file khali korle ager design fire ashe.
 * Page dhore dhore kora hocche: <body>-te "page-<actionID>" class ache (common_head.inc.php), rule-gulo tar vitore.
 * Step 1: Dashboard (.page-dashboard)   Step 2: Header + Sidebar   Step 3: Excel-er moto table (shob page)
 * Step 4: POS (4 shop)   Step 5: Order List, Cancel Order, Order Request, Trash Order (4 shop)   Step 6: Customer List
 * Step 7: Product List (4 shop)   Step 8: Product Stock (4 shop)   Step 9: Product Report (4 shop)
 * Step 10: Add Product + Edit Product (4 shop)   Step 11: Report / ecom_report + Seller Report + Product Report (4 shop)
 * Step 12: Fraud Checker   Step 13: Steadfast + Pathao Setting   Step 14: Location   Step 15: Categories + Stages + Source
 * Step 16: Website Settings   Step 17: Customer Query + Add Query + Project (list, Add Project)
 */

:root {
    --bt-font: 'Inter', 'Hind Siliguri', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    --bt-bg: #f1f5f9;          /* slate-100 */
    --bt-card: #ffffff;
    --bt-border: #e2e8f0;      /* slate-200 */
    --bt-border-soft: #f1f5f9; /* slate-100 */
    --bt-text: #0f172a;        /* slate-900 */
    --bt-text-2: #334155;      /* slate-700 */
    --bt-muted: #64748b;       /* slate-500 */
    --bt-subtle: #f8fafc;      /* slate-50 */

    --bt-primary: #2563eb;     /* blue-600 */
    --bt-primary-50: #eff6ff;
    --bt-green: #16a34a;
    --bt-green-50: #f0fdf4;
    --bt-amber: #d97706;
    --bt-amber-50: #fffbeb;
    --bt-violet: #7c3aed;
    --bt-violet-50: #f5f3ff;
    --bt-red: #dc2626;
    --bt-red-50: #fef2f2;

    --bt-radius: 6px;          /* age 10px */
    --bt-radius-lg: 8px;       /* card, age 14px */
    --bt-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);
    --bt-shadow: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .08);
    --bt-shadow-md: 0 8px 20px -6px rgba(15, 23, 42, .15), 0 2px 6px -2px rgba(15, 23, 42, .08);
}

/* ==================== Step 1: Dashboard ==================== */

.page-dashboard .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
.page-dashboard .content {
    padding: 24px;
}

/* --- Unauthorized alert --- */
.page-dashboard .content .alert-danger {
    display: flex;
    align-items: center;
    background-color: var(--bt-red-50) !important;
    color: #b91c1c !important;
    border: 1px solid #fecaca;
    border-radius: var(--bt-radius) !important;
    box-shadow: none !important;
}

/* Card-gulor pashapashi faka 10px (age column-er 15+15 = 30px), niche-r faka-r shathe mil */
.page-dashboard .content > .row {
    margin-left: -5px;
    margin-right: -5px;
}
.page-dashboard .content > .row > [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

/* --- Upore 4-ta gonona card (Total Queries, Orders, Customers, Users): sada card, rongin icon --- */
.page-dashboard .small-box.tmbg {
    background: var(--bt-card) !important;
    color: var(--bt-text);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
    padding: 20px 22px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    transition: transform .15s ease, box-shadow .15s ease;
}
.page-dashboard .small-box.tmbg:hover {
    transform: translateY(-2px);
    box-shadow: var(--bt-shadow-md);
    color: var(--bt-text);
}
.page-dashboard .small-box .inner {
    padding: 0;
    padding-right: 60px;
}
.page-dashboard .small-box .inner h3 {
    font-family: var(--bt-font);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--bt-text);
    margin: 0 0 4px;
    white-space: nowrap;
}
.page-dashboard .small-box .inner p {
    font-size: 13px;
    font-weight: 500;
    color: var(--bt-muted);
    margin: 0;
}
.page-dashboard .small-box .icon,
.page-dashboard .small-box:hover .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--bt-primary);
    background: var(--bt-primary-50);
}
/* ion icon-er font load hoy na, tai Font Awesome icon boshano holo */
.page-dashboard .small-box .icon > i {
    display: none;
}
.page-dashboard .small-box .icon::before {
    font-family: FontAwesome;
    content: "\f086"; /* comments: Total Queries */
}
.page-dashboard .row > div:nth-child(2) > .small-box .icon { color: var(--bt-green); background: var(--bt-green-50); }
.page-dashboard .row > div:nth-child(2) > .small-box .icon::before { content: "\f07a"; } /* cart: Orders */
.page-dashboard .row > div:nth-child(3) > .small-box .icon { color: var(--bt-amber); background: var(--bt-amber-50); }
.page-dashboard .row > div:nth-child(3) > .small-box .icon::before { content: "\f0c0"; } /* users: Customers */
.page-dashboard .row > div:nth-child(4) > .small-box .icon { color: var(--bt-red); background: var(--bt-red-50); }
.page-dashboard .row > div:nth-child(4) > .small-box .icon::before { content: "\f05e"; } /* ban: Blocked Customers */
/* Nicher arrow link-e kono kaj nei (javascript:void) */
.page-dashboard .small-box .small-box-footer {
    display: none;
}

/* --- Card (box): Next 7 Days Meeting, User Activity, chart --- */
.page-dashboard .content-wrapper .box {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
    margin-bottom: 24px;
    overflow: hidden;
}
.page-dashboard .box > .box-header {
    background: #fff;
    padding: 16px 20px;
    border-bottom: 1px solid var(--bt-border);
}
.page-dashboard .box > .box-header .box-title {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 600;
    color: var(--bt-text);
}
/* Chart card: upore title, niche chart */
.page-dashboard .dash-chart {
    padding: 16px 18px 18px;
}
/* Shop onujayi order: title-er dan pashe somoy (Aj / Ei shoptah / Ei mash / Sob somoy), niche graph ar mot */
.page-dashboard .dash-period {
    float: right;
}
.page-dashboard .dash-period .btn {
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
}
.page-dashboard .dash-period .btn.active {
    background: var(--bt-primary);
    border-color: var(--bt-primary);
    color: #fff;
    box-shadow: none;
}
.page-dashboard .dash-chart-wrap {
    position: relative;
    height: 300px;
}
.page-dashboard .dash-chart-total {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--bt-text);
    text-align: center;
}
/* Meeting / User Activity card-er uchcota (age 500px, ektu kom) */
.page-dashboard .box > .box-body.table-responsive[style*="height"] {
    height: 420px !important;
}
/* Latest POS Orders */
.page-dashboard .dash-order-id {
    font-weight: 600;
    color: var(--bt-primary);
}
.page-dashboard .dash-cust {
    font-weight: 500;
    color: var(--bt-text);
}
.page-dashboard .dash-sub {
    font-size: 12px;
    color: var(--bt-muted);
}
.page-dashboard .dash-status {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: var(--bt-text);
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .08);
}
/* "Kono order nei" */
.page-dashboard td.dash-empty {
    padding: 80px 16px !important;
    text-align: center;
    font-size: 14px;
    color: var(--bt-muted);
    border-top: 0 !important;
}
.page-dashboard td.dash-empty .fa {
    display: block;
    margin-bottom: 10px;
    font-size: 30px;
    color: #cbd5e1;
}

/* --- Card-er vitorer table --- */
.page-dashboard .box .table-responsive {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}
/* Table-er Excel style niche Step 3-e (shob page). Ekhane shudhu card-er scroll-er vitore header atke thake */
.page-dashboard .box .table {
    margin: 0;
    border-left: 0;
}
.page-dashboard .box .table > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 1;
    white-space: nowrap;
}
.page-dashboard .memberimg {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px var(--bt-border);
}
.page-dashboard .onlinebtn,
.page-dashboard .offlinebtn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}
.page-dashboard .onlinebtn::before,
.page-dashboard .offlinebtn::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.page-dashboard .onlinebtn { background: #dcfce7; color: #15803d; }
.page-dashboard .onlinebtn::before { background: #22c55e; }
.page-dashboard .offlinebtn { background: var(--bt-border-soft); color: var(--bt-muted); }
.page-dashboard .offlinebtn::before { background: #94a3b8; }

/* --- Area & District Order Analytics --- */
.page-dashboard .dash-area-box {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
    margin-bottom: 24px;
    overflow: hidden;
}
.page-dashboard .dash-area-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px 20px;
    background: #ffffff;
    border-bottom: 1px solid var(--bt-border);
}
.page-dashboard .dash-area-title-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}
.page-dashboard .dash-area-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    box-shadow: 0 4px 10px rgba(37, 99, 235, .25);
    flex-shrink: 0;
}
.page-dashboard .dash-area-header .box-title {
    font-family: var(--bt-font);
    font-size: 17px;
    font-weight: 700;
    color: var(--bt-text);
    margin: 0;
    line-height: 1.2;
}
.page-dashboard .dash-area-subtitle {
    font-size: 12px;
    color: var(--bt-muted);
    margin-top: 3px;
}
.page-dashboard .dash-area-periods .btn {
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid var(--bt-border);
    background: #ffffff;
    color: #475569;
    transition: all .15s ease;
}
.page-dashboard .dash-area-periods .btn:hover {
    background: #f1f5f9;
    color: #0f172a;
}
.page-dashboard .dash-area-periods .btn.active {
    background: var(--bt-primary);
    border-color: var(--bt-primary);
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(37, 99, 235, .3);
}

/* Tabs Bar */
.page-dashboard .dash-area-tabs-bar {
    background: #f8fafc;
    padding: 10px 18px;
    border-bottom: 1px solid var(--bt-border);
    overflow-x: auto;
    scrollbar-width: thin;
}
.page-dashboard .dash-area-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: max-content;
}
.page-dashboard .dash-area-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    font-family: var(--bt-font);
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    background: #ffffff;
    border: 1px solid var(--bt-border);
    border-radius: 8px;
    cursor: pointer;
    transition: all .2s ease;
    white-space: nowrap;
}
.page-dashboard .dash-area-tab:hover {
    background: #f1f5f9;
    color: #0f172a;
    border-color: #cbd5e1;
}
.page-dashboard .dash-area-tab.active {
    background: var(--bt-primary);
    color: #ffffff;
    border-color: var(--bt-primary);
    box-shadow: 0 4px 12px rgba(37, 99, 235, .25);
}
.page-dashboard .dash-tab-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}
.page-dashboard .dash-area-tab.active .dash-tab-dot {
    background-color: #ffffff !important;
}
.page-dashboard .dash-tab-badge {
    display: inline-block;
    padding: 2px 7px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    transition: all .15s ease;
}
.page-dashboard .dash-area-tab.active .dash-tab-badge {
    background: rgba(255, 255, 255, .25);
    color: #ffffff;
}

/* KPI Cards */
.page-dashboard .dash-area-kpis {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
    padding: 16px 20px 8px;
}
.page-dashboard .dash-kpi-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid var(--bt-border);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    transition: transform .15s ease;
}
.page-dashboard .dash-kpi-card:hover {
    transform: translateY(-2px);
}
.page-dashboard .dash-kpi-card.kpi-top {
    border-left: 4px solid #f59e0b;
    background: linear-gradient(to right, #fffbeb 0%, #ffffff 100%);
}
.page-dashboard .dash-kpi-card.kpi-orders {
    border-left: 4px solid #2563eb;
    background: linear-gradient(to right, #eff6ff 0%, #ffffff 100%);
}
.page-dashboard .dash-kpi-card.kpi-districts {
    border-left: 4px solid #10b981;
    background: linear-gradient(to right, #ecfdf5 0%, #ffffff 100%);
}
.page-dashboard .dash-kpi-card.kpi-revenue {
    border-left: 4px solid #8b5cf6;
    background: linear-gradient(to right, #f5f3ff 0%, #ffffff 100%);
}
.page-dashboard .dash-kpi-card .kpi-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}
.page-dashboard .kpi-top .kpi-icon { background: #fef3c7; color: #d97706; }
.page-dashboard .kpi-orders .kpi-icon { background: #dbeafe; color: #2563eb; }
.page-dashboard .kpi-districts .kpi-icon { background: #d1fae5; color: #059669; }
.page-dashboard .kpi-revenue .kpi-icon { background: #ede9fe; color: #7c3aed; }
.page-dashboard .dash-kpi-card .kpi-content {
    overflow: hidden;
}
.page-dashboard .dash-kpi-card .kpi-label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.page-dashboard .dash-kpi-card .kpi-val {
    margin: 2px 0;
    font-size: 19px;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}
.page-dashboard .dash-kpi-card .kpi-val small {
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}
.page-dashboard .dash-kpi-card .kpi-sub {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Toolbar: Search & Limit */
.page-dashboard .dash-area-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 20px;
    background: #ffffff;
    border-top: 1px solid #f1f5f9;
    border-bottom: 1px solid var(--bt-border);
}
.page-dashboard .dash-area-search {
    position: relative;
    flex: 1;
    min-width: 260px;
    max-width: 460px;
}
.page-dashboard .dash-area-search i.fa-search {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 13px;
}
.page-dashboard .dash-area-search input {
    width: 100%;
    padding: 7px 32px 7px 34px;
    font-size: 13px;
    border: 1px solid var(--bt-border);
    border-radius: 6px;
    background: #f8fafc;
    color: #1e293b;
    outline: none;
    transition: all .15s ease;
}
.page-dashboard .dash-area-search input:focus {
    background: #ffffff;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
}
.page-dashboard .dash-search-clear {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 16px;
    color: #94a3b8;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}
.page-dashboard .dash-search-clear:hover { color: #0f172a; }
.page-dashboard .dash-area-view-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
}
.page-dashboard .dash-view-label {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    margin-right: 4px;
}
.page-dashboard .dash-area-view-toggle .btn {
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 5px;
    border: 1px solid var(--bt-border);
    background: #ffffff;
    color: #475569;
}
.page-dashboard .dash-area-view-toggle .btn.active {
    background: #0f172a;
    color: #ffffff;
    border-color: #0f172a;
}

/* Table & Leaderboard Styles */
.page-dashboard .dash-area-table-wrap {
    max-height: 520px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}
.page-dashboard .dash-area-table {
    margin: 0;
    border-left: 0;
}
.page-dashboard .dash-area-table > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 2px solid var(--bt-border);
    padding: 10px 14px;
}
.page-dashboard .dash-area-table > tbody > tr > td {
    padding: 12px 14px;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
}
.page-dashboard .area-rank-row:hover td {
    background: #f8fafc;
}
.page-dashboard .area-rank-row.rank-row-1 td {
    background: #fffdf5;
}
.page-dashboard .area-rank-row.rank-row-1:hover td {
    background: #fef9c3;
}

/* Rank Badges */
.page-dashboard .dash-rank-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-weight: 700;
    font-size: 12px;
    border-radius: 6px;
    padding: 3px 8px;
    min-width: 46px;
}
.page-dashboard .dash-rank-badge .medal {
    font-size: 13px;
}
.page-dashboard .dash-rank-badge.rank-1 {
    background: #fef3c7;
    color: #b45309;
    border: 1px solid #fde68a;
}
.page-dashboard .dash-rank-badge.rank-2 {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}
.page-dashboard .dash-rank-badge.rank-3 {
    background: #ffedd5;
    color: #c2410c;
    border: 1px solid #fed7aa;
}
.page-dashboard .dash-rank-badge.rank-other {
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #f1f5f9;
}

/* District Name Cell */
.page-dashboard .dist-name-cell {
    display: flex;
    flex-direction: column;
}
.page-dashboard .dist-name-cell .dist-bn {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}
.page-dashboard .dist-name-cell .dist-en {
    font-size: 11px;
    color: #64748b;
    font-weight: 500;
}

/* Progress Bar Cell */
.page-dashboard .dash-area-bar-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}
.page-dashboard .dash-progress-track {
    flex: 1;
    height: 9px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}
.page-dashboard .dash-progress-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #3b82f6, #2563eb);
    transition: width .4s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-dashboard .rank-row-1 .dash-progress-fill {
    background: linear-gradient(90deg, #f59e0b, #d97706);
}
.page-dashboard .rank-row-2 .dash-progress-fill {
    background: linear-gradient(90deg, #64748b, #475569);
}
.page-dashboard .rank-row-3 .dash-progress-fill {
    background: linear-gradient(90deg, #ea580c, #c2410c);
}
.page-dashboard .dash-progress-pct {
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    min-width: 44px;
    text-align: right;
}

/* Orders & Revenue Cells */
.page-dashboard .dash-order-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
    font-size: 12px;
    white-space: nowrap;
}
.page-dashboard .dash-order-badge strong {
    font-size: 14px;
    font-weight: 700;
}
.page-dashboard .dash-area-tk {
    color: #16a34a;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

/* Sub-areas / Thanas Pills */
.page-dashboard .dist-areas-cell {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}
.page-dashboard .area-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1e40af;
    border: 1px solid #bfdbfe;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
}
.page-dashboard .area-pill .area-cnt {
    background: #2563eb;
    color: #ffffff;
    border-radius: 999px;
    padding: 0 5px;
    font-size: 10px;
    font-weight: 700;
}
.page-dashboard .area-none {
    color: #94a3b8;
    font-size: 11px;
    font-style: italic;
}

/* Empty State */
.page-dashboard .dash-area-empty {
    padding: 60px 20px;
    text-align: center;
}
.page-dashboard .dash-area-empty .empty-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f1f5f9;
    color: #94a3b8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 12px;
}
.page-dashboard .dash-area-empty h4 {
    font-size: 16px;
    font-weight: 700;
    color: #334155;
    margin: 0 0 6px;
}
.page-dashboard .dash-area-empty p {
    font-size: 13px;
    color: #64748b;
    margin: 0;
}

/* ==================== Boost Management Module (.page-boost) ==================== */
.page-boost {
    background: var(--bt-bg, #f1f5f9);
    font-family: var(--bt-font, inherit);
    color: var(--bt-text-2, #334155);
}
.page-boost .content {
    padding: 24px;
}
.page-boost .dash-boost-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
    background: #ffffff;
    padding: 18px 24px;
    border-radius: var(--bt-radius-lg, 8px);
    border: 1px solid var(--bt-border, #e2e8f0);
    box-shadow: var(--bt-shadow-sm, 0 1px 3px rgba(15, 23, 42, .05));
}
.page-boost .dash-boost-title {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    color: var(--bt-text, #0f172a);
    display: flex;
    align-items: center;
    gap: 10px;
}
.page-boost .boost-title-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.page-boost .dash-boost-subtitle {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--bt-muted, #64748b);
}
.page-boost .dash-boost-actions .btn {
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: 600;
    font-size: 13px;
}
.page-boost .boost-toolbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 18px;
}
.page-boost .boost-stage-pills {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.page-boost .boost-filter-btn {
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid var(--bt-border, #e2e8f0);
    background: #ffffff;
    color: #475569;
    cursor: pointer;
    transition: all .15s ease;
}
.page-boost .boost-filter-btn:hover {
    background: #f1f5f9;
    color: #0f172a;
}
.page-boost .boost-filter-btn.active {
    background: #0f172a;
    color: #ffffff;
    border-color: #0f172a;
}
.page-boost .camp-prod-cell {
    display: flex;
    align-items: center;
    gap: 12px;
}
.page-boost .camp-prod-img {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    object-fit: cover;
    background: #f1f5f9;
    border: 1px solid var(--bt-border, #e2e8f0);
    flex-shrink: 0;
}
.page-boost .camp-prod-name {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
}
.page-boost .camp-title-sub {
    font-size: 12px;
    color: #64748b;
    margin-top: 2px;
}
.page-boost .camp-badge-project {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    margin-top: 4px;
}
.page-boost .status-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.page-boost .status-pill.pill-pending { background: #fef3c7; color: #b45309; border: 1px solid #fde68a; }
.page-boost .status-pill.pill-in-progress { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
.page-boost .status-pill.pill-done { background: #dcfce7; color: #15803d; border: 1px solid #bbf7d0; }
.page-boost .status-pill.pill-ready { background: #ede9fe; color: #6d28d9; border: 1px solid #ddd6fe; }
.page-boost .status-pill.pill-running { background: #d1fae5; color: #047857; border: 1px solid #a7f3d0; }
.page-boost .status-pill.pill-optimizing { background: #cffafe; color: #0e7490; border: 1px solid #a5f3fc; }
.page-boost .status-pill.pill-completed { background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0; }
.page-boost .status-pill.pill-paused { background: #fee2e2; color: #b91c1c; border: 1px solid #fecaca; }

/* --- "Check Activities": nicher dan konar button + dan pash theke khola message panel (dashboard, order report) --- */
.act-open {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1030;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    font-family: var(--bt-font);
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: var(--bt-primary);
    border: 0;
    border-radius: 999px;
    box-shadow: var(--bt-shadow-md);
    cursor: pointer;
}
.act-open:hover {
    background: #1d4ed8;
}
/* Panel khola thakle pichoner page halka kalo; chaple bondho */
.act-backdrop {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(15, 23, 42, .35);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
}
.act-backdrop.is-open {
    opacity: 1;
    visibility: visible;
}
.act-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    width: 420px;
    max-width: 100%;
    font-family: var(--bt-font);
    background: var(--bt-bg);
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .3s ease, visibility .3s ease;
}
.act-panel.is-open {
    transform: none;
    visibility: visible;
    box-shadow: -12px 0 32px rgba(15, 23, 42, .18);
}
.act-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 12px 12px 18px;
    background: #fff;
    border-bottom: 1px solid var(--bt-border);
}
.act-head h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: var(--bt-text);
}
.act-head h4 .fa {
    margin-right: 6px;
    color: var(--bt-primary);
}
.act-close {
    width: 34px;
    height: 34px;
    font-size: 24px;
    line-height: 1;
    color: var(--bt-muted);
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}
.act-close:hover {
    color: var(--bt-text);
    background: var(--bt-border-soft);
}
/* Message-gulo: majher ongsho scroll hoy, upore-niche atke thake */
.act-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 14px 12px;
}
.act-empty {
    padding: 40px 10px;
    text-align: center;
    color: var(--bt-muted);
}
.act-msg {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
}
.act-avatar {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    object-fit: cover;
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 50%;
}
.act-bubble {
    flex: 1;
    min-width: 0;
    padding: 8px 12px 10px;
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 4px 12px 12px 12px;
    box-shadow: var(--bt-shadow-sm);
}
.act-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 2px 8px;
    margin-bottom: 4px;
    font-size: 12px;
}
.act-name {
    font-weight: 600;
    color: var(--bt-text);
    text-transform: capitalize;
}
.act-time {
    color: var(--bt-muted);
    font-size: 11.5px;
}
.act-text {
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--bt-text-2);
    overflow-wrap: anywhere;
}
.act-text p,
.act-text div {
    margin: 0 0 3px;
}
.act-text ul,
.act-text ol {
    margin: 2px 0 4px;
    padding-left: 18px;
}
.act-text a {
    color: var(--bt-primary);
    text-decoration: underline;
}
/* Nijer message: dan dike, halka nil */
.act-msg.act-mine {
    flex-direction: row-reverse;
}
.act-msg.act-mine .act-bubble {
    background: var(--bt-primary-50);
    border-color: #dbeafe;
    border-radius: 12px 4px 12px 12px;
}
.act-form {
    display: flex;
    gap: 8px;
    padding: 12px;
    margin: 0;
    background: #fff;
    border-top: 1px solid var(--bt-border);
}
.act-form input {
    flex: 1;
    min-width: 0;
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
    color: var(--bt-text);
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 8px;
    outline: none;
}
.act-form input:focus {
    background: #fff;
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
.act-send {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 40px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: var(--bt-primary);
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}
.act-send:hover {
    background: #1d4ed8;
}
.act-send:disabled {
    opacity: .6;
    cursor: wait;
}

@media (max-width: 767px) {
    .page-dashboard .content {
        padding: 16px;
    }
    .page-dashboard .small-box.tmbg {
        padding: 16px;
    }
    .page-dashboard .small-box .inner {
        padding-right: 40px;
    }
    .page-dashboard .small-box .inner h3 {
        font-size: 24px;
    }
    .page-dashboard .small-box .icon,
    .page-dashboard .small-box:hover .icon {
        top: 14px;
        right: 14px;
        transform: none;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        font-size: 15px;
    }
}

/* ==================== Step 2: Header + Sidebar (shob page) ==================== */

/* Sidebar: halka dhusor pechon, kalo lekha (age gaDh slate pechon, sada lekha chilo) */
:root {
    --bt-side-bg: #e2e8f0;     /* slate-200 */
    --bt-side-line: #cbd5e1;   /* slate-300 */
    --bt-side-text: #0f172a;   /* slate-900 */
    --bt-side-icon: #475569;   /* slate-600 */
    --bt-side-hover: #cbd5e1;  /* slate-300 */
    --bt-side-active: #fff;
    --bt-side-strong: #020617; /* hover/active lekha */
    --bt-side-sub-hover: rgba(15, 23, 42, .07);
    --bt-side-accent: #2563eb; /* blue-600 */
}

/* --- Header --- */
.skin-blue .main-header {
    font-family: var(--bt-font);
    /* Niche halka chaya: scroll korle content-er upore bhese thake */
    box-shadow: 0 2px 10px -2px rgba(15, 23, 42, .14);
}
.skin-blue .main-header .logo,
.skin-blue .main-header .logo:hover {
    background-color: var(--bt-side-bg);
    color: var(--bt-side-strong);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .01em;
    border-right: 1px solid var(--bt-side-line);
}
.skin-blue .main-header .logo {
    height: 50px;
    line-height: 50px;
}
.skin-blue .main-header .logo > .logo-lg {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 50px;
    padding: 0 16px;
}
.skin-blue .main-header .logo .softlogo {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    padding: 3px;
    margin: 0;
    border-radius: 9px;
    background: #fff;
    object-fit: contain;
}
/* Sidebar choto thakle logo-r jaygay naam (50px-e ate emon choto) */
.skin-blue.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
}
.skin-blue .main-header .navbar {
    background-color: #fff;
    box-shadow: 0 1px 0 var(--bt-border);
}
.skin-blue .main-header .navbar .sidebar-toggle {
    margin: 7px 4px 0 8px;
    padding: 8px 11px;
    line-height: 20px;
    border-radius: 8px;
    color: var(--bt-muted);
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: var(--bt-text);
    background: var(--bt-border-soft);
}
.skin-blue .main-header .refreshbtn {
    margin-top: 8px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    color: var(--bt-red);
    background: var(--bt-red-50);
    border: 1px solid #fecaca;
    border-radius: 8px;
    box-shadow: none;
}
.skin-blue .main-header .refreshbtn:hover,
.skin-blue .main-header .refreshbtn:focus {
    color: #fff;
    background: var(--bt-red);
    border-color: var(--bt-red);
}

/* ==========================================================================
   TOP BAR: ADMIN TODAY ORDERS PER COMPANY (Clean, Vibrant, Responsive)
   ========================================================================== */
.header-today-container {
    float: left;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 8px 0 0 12px;
    max-width: calc(100vw - 440px);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.header-today-container::-webkit-scrollbar {
    display: none;
}
.header-today-title {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    color: var(--bt-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-right: 2px;
}
.today-shop-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #ffffff;
    border: 1px solid var(--bt-border);
    border-radius: 999px;
    padding: 2px 7px 2px 3px;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
    color: var(--bt-text) !important;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1;
}
.today-shop-pill:hover,
.today-shop-pill:focus {
    background: #ffffff;
    border-color: #cbd5e1;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
    color: var(--bt-text) !important;
}
.today-shop-pill .bt-shop {
    min-width: 20px;
    height: 18px;
    padding: 0 3px;
    font-size: 9px;
    font-weight: 800;
    border-radius: 5px;
    margin: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.today-shop-name {
    font-size: 11px;
    font-weight: 600;
    color: var(--bt-text-2);
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.today-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 800;
    line-height: 1;
}
.today-count-badge.has-orders {
    background: #10b981;
    color: #ffffff;
    box-shadow: 0 1px 4px rgba(16, 185, 129, 0.35);
}
.today-count-badge.zero-orders {
    background: #f1f5f9;
    color: #94a3b8;
    border: 1px solid #e2e8f0;
}
.today-total-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    padding: 2px 10px 2px 8px;
    height: 24px;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.2);
    transition: all 0.2s ease;
}
.today-total-pill:hover,
.today-total-pill:focus {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.35);
    color: #ffffff !important;
}
.today-total-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
}
.today-total-badge {
    color: #38bdf8;
    font-weight: 800;
    font-size: 12px;
}
@media (max-width: 767px) {
    .header-today-container {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .today-shop-name {
        display: none !important;
    }
}

/* Dan pasher Calculator ar user: pill */
.skin-blue .main-header .navbar-custom-menu .navbar-nav > li > a {
    margin: 7px 4px;
    padding: 7px 12px;
    line-height: 22px;
    border-radius: 999px;
    color: var(--bt-text-2);
    font-weight: 500;
}
.skin-blue .main-header .navbar-custom-menu .navbar-nav > li:last-child > a {
    margin-right: 12px;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus {
    background: var(--bt-border-soft);
    color: var(--bt-text);
}
.skin-blue .main-header .navbar-nav > .user-menu .user-image {
    width: 26px;
    height: 26px;
    margin-top: -2px;
    margin-right: 8px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px var(--bt-border);
    object-fit: cover;
}
.skin-blue .main-header .navbar-custom-menu .dropdown-menu {
    border: 1px solid var(--bt-border);
    border-radius: 12px;
    box-shadow: var(--bt-shadow-md);
    overflow: hidden;
}
/* Profile dropdown: calculator-er moto halka card; upore halka nil-e chhobi, nam, email; niche Log out */
.skin-blue .main-header .navbar-nav > .user-menu > .dropdown-menu {
    width: 260px;
    padding: 0;
}
.skin-blue .main-header .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: auto;
    padding: 22px 16px 16px;
    background: linear-gradient(180deg, var(--bt-primary-50), #fff);
    border-bottom: 1px solid var(--bt-border);
}
.skin-blue .main-header .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    width: 76px;
    height: 76px;
    object-fit: cover;
    background: #fff;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px var(--bt-border), var(--bt-shadow);
}
.skin-blue .main-header .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    margin: 12px 0 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--bt-text);
}
.skin-blue .main-header .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
    margin-top: 3px;
    font-size: 12.5px;
    font-weight: 400;
    color: var(--bt-muted);
    word-break: break-all;
}
.skin-blue .main-header .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    padding: 12px;
    background: #fff;
}
.skin-blue .main-header .user-footer .profile-logout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 38px;
    font-weight: 600;
    color: var(--bt-red);
    background: var(--bt-red-50);
    border: 1px solid #fecaca;
    border-radius: 8px;
    box-shadow: none;
    transition: background-color .15s ease, color .15s ease;
}
.skin-blue .main-header .user-footer .profile-logout:hover,
.skin-blue .main-header .user-footer .profile-logout:focus {
    color: #fff;
    background: var(--bt-red);
    border-color: var(--bt-red);
}
/* Calculator: header-er button chaple niche sada keypad (C lal, operator nil, = gaar nil) */
.skin-blue .main-header .calc-menu > a > .fa-calculator {
    margin-right: 6px;
    font-size: 15px;
    color: var(--bt-primary);
}
.skin-blue .main-header .calc-box {
    width: 248px;
    padding: 10px;
}
.skin-blue .main-header .calc-history {
    min-height: 16px;
    padding: 0 4px 2px;
    font-size: 12px;
    color: var(--bt-muted);
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.skin-blue .main-header .calc-display {
    width: 100%;
    height: 48px;
    margin-bottom: 8px;
    padding: 0 12px;
    font-family: var(--bt-font);
    font-size: 24px;
    font-weight: 600;
    color: var(--bt-text);
    text-align: right;
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 8px;
    outline: none;
}
.skin-blue .main-header .calc-keys {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}
.skin-blue .main-header .calc-keys input {
    height: 42px;
    padding: 0;
    font-family: var(--bt-font);
    font-size: 17px;
    font-weight: 600;
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 8px;
    cursor: pointer;
    transition: background-color .12s ease;
}
.skin-blue .main-header .calc-keys input:hover {
    background: var(--bt-subtle);
}
.skin-blue .main-header .calc-keys input:active {
    transform: scale(.96);
}
.skin-blue .main-header .calc-keys .calc-op {
    color: var(--bt-primary);
    background: var(--bt-primary-50);
    border-color: #dbeafe;
}
.skin-blue .main-header .calc-keys .calc-op:hover {
    background: #dbeafe;
}
.skin-blue .main-header .calc-keys .calc-clear {
    color: var(--bt-red);
    background: var(--bt-red-50);
    border-color: #fee2e2;
}
.skin-blue .main-header .calc-keys .calc-clear:hover {
    background: #fee2e2;
}
/* = duita row uchu, 0 duita column chowra */
.skin-blue .main-header .calc-keys .calc-eq {
    grid-row: span 2;
    height: auto;
    color: #fff;
    background: var(--bt-primary);
    border-color: var(--bt-primary);
}
.skin-blue .main-header .calc-keys .calc-eq:hover {
    background: #1d4ed8;
}
.skin-blue .main-header .calc-keys .calc-zero {
    grid-column: span 2;
}

/* --- Sidebar --- */
.skin-blue .wrapper,
.skin-blue .left-side {
    background-color: var(--bt-side-bg);
}
.skin-blue .main-sidebar {
    background: var(--bt-side-bg);
    border-right: 1px solid var(--bt-side-line);
    /* Dan pashe halka chaya */
    box-shadow: 3px 0 12px -4px rgba(15, 23, 42, .16);
    font-family: var(--bt-font);
}
/* Mobile-e sidebar lukano thakle chaya screen-er kinaray dekha jabe na; khulle tobei */
@media (max-width: 767px) {
    .skin-blue .main-sidebar {
        box-shadow: none;
    }
    .skin-blue.sidebar-open .main-sidebar {
        box-shadow: 3px 0 12px -4px rgba(15, 23, 42, .16);
    }
}
.skin-blue .sidebar {
    padding-top: 12px;
}
/* Menu lomba hole sidebar nijei scroll kore: sidebar jaygay atke thake, page-er sathe upore chole jay na */
.skin-blue .main-sidebar {
    position: fixed;
    height: 100vh;
}
.skin-blue .main-sidebar > .sidebar {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 50px);
    padding-bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--bt-side-line) transparent;
}
.skin-blue .main-sidebar > .sidebar::-webkit-scrollbar {
    width: 6px;
}
.skin-blue .main-sidebar > .sidebar::-webkit-scrollbar-thumb {
    background: var(--bt-side-line);
    border-radius: 3px;
}
.skin-blue .main-sidebar > .sidebar > .sidebar-menu {
    flex: 0 0 auto;
    padding-bottom: 12px;
}
/* Niche user card (chhobi, naam, role): menu chhoto hole ekdom niche, lomba hole scroll-er somoy niche atke thake */
.skin-blue .bt-side-user {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding: 12px 12px 12px 16px;
    background: var(--bt-side-bg);
    border-top: 1px solid var(--bt-side-line);
    font-family: var(--bt-font);
}
.skin-blue .bt-side-user-img {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px var(--bt-side-line);
}
.skin-blue .bt-side-user-info {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.3;
}
.skin-blue .bt-side-user-name,
.skin-blue .bt-side-user-role {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.skin-blue .bt-side-user-name {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--bt-side-strong);
}
.skin-blue .bt-side-user-role {
    font-size: 12px;
    color: var(--bt-side-icon);
}
/* Mobile-e header dui line (100px) */
@media (max-width: 767px) {
    .skin-blue .main-sidebar > .sidebar {
        height: calc(100vh - 100px);
    }
}
/* Choto (shudhu icon) sidebar-e hover-er naam/sub-menu pashe ber hoy, scroll dile ta kete jeto: ager motoi */
@media (min-width: 768px) {
    .skin-blue.sidebar-mini.sidebar-collapse .main-sidebar {
        position: absolute;
        height: auto;
    }
    .skin-blue.sidebar-mini.sidebar-collapse .main-sidebar > .sidebar {
        height: auto;
        padding-bottom: 0;
        overflow: visible;
    }
    /* Choto sidebar-e user card na (upore header-e user menu ache) */
    .skin-blue.sidebar-mini.sidebar-collapse .bt-side-user {
        display: none;
    }
}
.skin-blue .sidebar-menu > li > a {
    position: relative;
    margin: 2px 12px;
    padding: 9px 12px;
    line-height: 22px;
    border-left: 0;
    border-radius: 8px;
    color: var(--bt-side-text);
    font-size: 14px;
    font-weight: 500;
    transition: background-color .15s ease, color .15s ease;
}
.skin-blue .sidebar-menu > li > a > .fa:first-child {
    width: 24px;
    font-size: 15px;
    color: var(--bt-side-icon);
}
.skin-blue .sidebar-menu > li:hover > a {
    background: var(--bt-side-hover);
    color: var(--bt-side-strong);
    box-shadow: none;
}
.skin-blue .sidebar-menu > li:hover > a > .fa:first-child {
    color: var(--bt-side-strong);
}
/* Khola menu: sada pechon + bam pashe nil dag */
.skin-blue .sidebar-menu > li.active > a {
    background: var(--bt-side-active);
    color: var(--bt-side-strong);
    box-shadow: inset 3px 0 0 var(--bt-side-accent), 0 1px 2px rgba(15, 23, 42, .08);
}
/* ==========================================================================
   BUSINESS / SHOP BADGES & ICONS (Distinct Vibrant Colors for Every Business)
   ========================================================================== */
.bt-shop {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 24px;
    padding: 0 6px;
    vertical-align: middle;
    border-radius: 7px;
    font-family: var(--bt-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease;
}

/* Sidebar item spacing & hover animation */
.skin-blue .sidebar-menu > li > a > .bt-shop {
    margin-right: 10px;
    margin-top: -2px;
}
.skin-blue .sidebar-menu > li:hover > a > .bt-shop {
    transform: scale(1.12);
}

/* Shop 1: Litaz Beauty (Beautybee) - Vibrant Rose / Hot Pink */
.bt-shop.bt-shop-1,
.skin-blue .sidebar-menu .bt-shop-1 {
    background: linear-gradient(135deg, #fb7185 0%, #e11d48 100%) !important;
    box-shadow: 0 3px 10px rgba(225, 29, 72, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(254, 205, 211, 0.4) !important;
}

/* Shop 2: Beauty Queen / Beauty Ghor / MMH Order - Royal Purple / Violet */
.bt-shop.bt-shop-2,
.skin-blue .sidebar-menu .bt-shop-2 {
    background: linear-gradient(135deg, #c084fc 0%, #7e22ce 100%) !important;
    box-shadow: 0 3px 10px rgba(126, 34, 206, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(243, 232, 255, 0.4) !important;
}

/* Shop 3: Tulsipata / Pudina Pata - Fresh Herbal Emerald Green */
.bt-shop.bt-shop-3,
.skin-blue .sidebar-menu .bt-shop-3 {
    background: linear-gradient(135deg, #34d399 0%, #059669 100%) !important;
    box-shadow: 0 3px 10px rgba(5, 150, 105, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(209, 250, 229, 0.4) !important;
}

/* Shop 4: Sastho Ghor / Health Mama - Medical Electric Sky Blue / Cyan */
.bt-shop.bt-shop-4,
.skin-blue .sidebar-menu .bt-shop-4 {
    background: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%) !important;
    box-shadow: 0 3px 10px rgba(2, 132, 199, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(224, 242, 254, 0.4) !important;
}

/* Shop 5: Team-A / Pure Hub - Fiery Amber / Orange */
.bt-shop.bt-shop-5,
.skin-blue .sidebar-menu .bt-shop-5 {
    background: linear-gradient(135deg, #fb923c 0%, #ea580c 100%) !important;
    box-shadow: 0 3px 10px rgba(234, 88, 12, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(255, 237, 213, 0.4) !important;
}

/* Shop 6: MMH One - High-Tech Deep Indigo / Ultramarine */
.bt-shop.bt-shop-6,
.skin-blue .sidebar-menu .bt-shop-6 {
    background: linear-gradient(135deg, #818cf8 0%, #4338ca 100%) !important;
    box-shadow: 0 3px 10px rgba(67, 56, 202, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(224, 231, 255, 0.4) !important;
}

/* Shop 7: Homeo - Deep Teal / Botanical Mint */
.bt-shop.bt-shop-7,
.skin-blue .sidebar-menu .bt-shop-7 {
    background: linear-gradient(135deg, #2dd4bf 0%, #0f766e 100%) !important;
    box-shadow: 0 3px 10px rgba(15, 118, 110, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(204, 251, 241, 0.4) !important;
}

/* Shop 8: Golden Bronze */
.bt-shop.bt-shop-8,
.skin-blue .sidebar-menu .bt-shop-8 {
    background: linear-gradient(135deg, #facc15 0%, #b45309 100%) !important;
    box-shadow: 0 3px 10px rgba(180, 83, 9, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(254, 240, 138, 0.4) !important;
}

/* Shop 9: Vivid Fuchsia */
.bt-shop.bt-shop-9,
.skin-blue .sidebar-menu .bt-shop-9 {
    background: linear-gradient(135deg, #f472b6 0%, #a21caf 100%) !important;
    box-shadow: 0 3px 10px rgba(162, 28, 175, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(252, 231, 243, 0.4) !important;
}

/* Shop 10: Ruby Crimson */
.bt-shop.bt-shop-10,
.skin-blue .sidebar-menu .bt-shop-10 {
    background: linear-gradient(135deg, #f87171 0%, #b91c1c 100%) !important;
    box-shadow: 0 3px 10px rgba(185, 28, 28, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(254, 226, 226, 0.4) !important;
}

/* Active shop highlights in sidebar */
.skin-blue .sidebar-menu > li.active > a > .bt-shop-1 { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e11d48, 0 4px 12px rgba(225, 29, 72, 0.5) !important; }
.skin-blue .sidebar-menu > li.active > a > .bt-shop-2 { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #7e22ce, 0 4px 12px rgba(126, 34, 206, 0.5) !important; }
.skin-blue .sidebar-menu > li.active > a > .bt-shop-3 { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #059669, 0 4px 12px rgba(5, 150, 105, 0.5) !important; }
.skin-blue .sidebar-menu > li.active > a > .bt-shop-4 { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0284c7, 0 4px 12px rgba(2, 132, 199, 0.5) !important; }
.skin-blue .sidebar-menu > li.active > a > .bt-shop-5 { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ea580c, 0 4px 12px rgba(234, 88, 12, 0.5) !important; }
.skin-blue .sidebar-menu > li.active > a > .bt-shop-6 { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4338ca, 0 4px 12px rgba(67, 56, 202, 0.5) !important; }
.skin-blue .sidebar-menu > li.active > a > .bt-shop-7 { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0f766e, 0 4px 12px rgba(15, 118, 110, 0.5) !important; }

/* Collapsed Sidebar - Clean Center Badges */
.skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .bt-shop {
    width: 28px;
    height: 28px;
    margin: 0 auto;
    font-size: 11px;
    border-radius: 8px;
}
/* Bhag-er shironam (SHOPS, WORK, MANAGEMENT, TOOLS). Choto sidebar-e AdminLTE nije lukay */
.skin-blue .sidebar-menu > li.header {
    margin-top: 10px;
    padding: 10px 16px 6px 20px;
    background: transparent;
    color: #64748b;
    font-family: var(--bt-font);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.skin-blue .sidebar-menu > li.active > a > .fa:first-child {
    color: var(--bt-side-accent);
}
/* Dan pasher tir (>) lekhar line-er majhe */
.skin-blue .sidebar-menu li > a > .pull-right {
    position: absolute;
    top: 50%;
    right: 12px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: var(--bt-side-icon);
    transform: translateY(-50%);
    transition: transform .2s ease;
}
.skin-blue .sidebar-menu li.active > a > .fa-angle-left.pull-right {
    transform: translateY(-50%) rotate(-90deg);
}
/* Sub-menu: bam pashe patla line, vitore choto link */
.skin-blue .sidebar-menu > li > .treeview-menu {
    background: transparent;
    margin: 2px 12px 8px 35px;
    padding: 2px 0 2px 10px;
    border-left: 1px solid var(--bt-side-line);
}
.skin-blue .sidebar-menu .treeview-menu > li > a {
    position: relative;
    padding: 6px 10px;
    line-height: 20px;
    font-size: 13.5px;
    border-radius: 6px;
    color: var(--bt-side-icon);
    transition: background-color .15s ease, color .15s ease;
}
.skin-blue .sidebar-menu .treeview-menu > li > a > .fa {
    width: 18px;
    font-size: 12px;
    opacity: .75;
}
.skin-blue .sidebar-menu .treeview-menu > li > a:hover {
    background: var(--bt-side-sub-hover);
    color: var(--bt-side-strong);
}
/* Je page khola: nil lekha, halka nil pechon, bam-er line-e nil bindu */
.skin-blue .sidebar-menu .treeview-menu > li.active > a {
    background: rgba(37, 99, 235, .08);
    color: var(--bt-side-accent);
    font-weight: 600;
}
.skin-blue .sidebar-menu .treeview-menu > li.active > a > .fa {
    opacity: 1;
}
.skin-blue .sidebar-menu .treeview-menu > li.active > a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -14px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bt-side-accent);
    box-shadow: 0 0 0 3px var(--bt-side-bg);
    transform: translateY(-50%);
}

/* Sidebar-er chowra (sidebar, logo, header ar content-er bam dik ekshathe); age 260px chilo, page-e jayga barate 230px.
   Choto (50px) sidebar AdminLTE-r sidebar-mini niyom-ei thake. */
:root {
    --bt-side-w: 230px;
}
.skin-blue .main-sidebar,
.skin-blue .left-side,
.skin-blue .main-header .logo {
    width: var(--bt-side-w);
}
.skin-blue .main-header > .navbar,
.skin-blue .content-wrapper,
.skin-blue .right-side,
.skin-blue .main-footer {
    margin-left: var(--bt-side-w);
}
/* Sob page-e sidebar ar header theke page-er faka kom (page-er nijer 20-24px niyom-er upore); Guest POS-er nijer design */
body:not(.guest-pos) .content-wrapper > .content {
    padding: 8px;
}
/* Dui card-er majher faka (age page bhede 16-24px) */
body:not(.guest-pos) .content-wrapper .box {
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .skin-blue.sidebar-collapse:not(.sidebar-mini) .content-wrapper,
    .skin-blue.sidebar-collapse:not(.sidebar-mini) .right-side,
    .skin-blue.sidebar-collapse:not(.sidebar-mini) .main-footer {
        margin-left: 0;
    }
    .skin-blue.sidebar-collapse:not(.sidebar-mini) .main-sidebar,
    .skin-blue.sidebar-collapse:not(.sidebar-mini) .left-side {
        transform: translate(calc(-1 * var(--bt-side-w)), 0);
    }
}
/* Mobile: logo ar header puro chowra, sidebar lukano thake, ☰ chaple ber hoy */
@media (max-width: 767px) {
    .skin-blue .main-header .logo {
        width: 100%;
    }
    .skin-blue .main-header > .navbar,
    .skin-blue .content-wrapper,
    .skin-blue .right-side,
    .skin-blue .main-footer {
        margin-left: 0;
    }
    .skin-blue .main-sidebar,
    .skin-blue .left-side {
        transform: translate(calc(-1 * var(--bt-side-w)), 0);
    }
    .skin-blue.sidebar-open .main-sidebar,
    .skin-blue.sidebar-open .left-side {
        transform: translate(0, 0);
    }
    .skin-blue.sidebar-open .content-wrapper,
    .skin-blue.sidebar-open .right-side,
    .skin-blue.sidebar-open .main-footer {
        transform: translate(var(--bt-side-w), 0);
    }
}

/* Sidebar choto (shudhu icon) thakle: POS, Order List ityadi page-e */
@media (min-width: 768px) {
    .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
        position: static;
        margin: 2px 6px;
        padding: 9px 0;
        text-align: center;
    }
    .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .fa:first-child,
    .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .bt-shop {
        margin: 0;
    }
    /* Pashe ber hoya sub-menu-te tree line nei, tai bindu-o na */
    .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu .treeview-menu > li.active > a::before {
        display: none;
    }
    /* Hover korle je naam/sub-menu pashe ber hoy */
    .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
        top: 2px;
        left: 50px;
        margin-left: 0;
        padding: 9px 14px;
        line-height: 22px;
        text-align: left;
        color: var(--bt-side-strong);
        font-weight: 600;
        background: var(--bt-side-hover);
        border-radius: 0 8px 8px 0;
        box-shadow: var(--bt-shadow-md);
    }
    .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li.treeview:hover > a > span:not(.pull-right) {
        border-radius: 0 8px 0 0;
    }
    .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
        top: 42px;
        left: 50px;
        margin: 0;
        padding: 6px;
        border-left: 0;
        background: var(--bt-side-bg);
        border: 1px solid var(--bt-side-line);
        border-radius: 0 0 8px 0;
        box-shadow: var(--bt-shadow-md);
    }
    .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu > li > a {
        text-align: left;
    }
}

/* ==================== Step 3: Excel-er moto table (shob page) ==================== */

:root {
    --xl-grid: #b8c0ca;        /* ghorer line (age #d4d8de, ektu gaar) */
    --xl-head: #f1f3f5;        /* row number */
    --xl-head-text: #374151;
    --xl-head-line: #b8bfc8;
    --xl-th-bg: #eef2f7;       /* header row: halka nil-dhusor */
    --xl-th-text: #334155;     /* slate-700 */
    --xl-th-line: #cfd6df;     /* header-er vitorer khara line (age #dde3ea) */
    --xl-th-bottom: #b4bfcc;   /* header-er nicher mota line (age #cbd5e1) */
    --xl-active: #217346;      /* Excel-er active ghorer sobuj border */
    --xl-hover: rgba(15, 23, 42, .035);
}

/* Header row scroll-e atke thakar jonno page (window) scroll hoy, .wrapper na (hidden -> clip, dekhte ek) */
.wrapper {
    overflow: hidden;
    overflow: clip;
}

/* --- List table (Order List, Request, Trash, Cancel, Query ...): div diye banano --- */
.content-wrapper .divTable {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid var(--xl-grid);
    border-left: 1px solid var(--xl-grid);
    background: #fff;
    font-family: var(--bt-font);
}
.content-wrapper .divTableCell,
.content-wrapper .divTableHead {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid var(--xl-grid);
    border-bottom: 1px solid var(--xl-grid);
    padding: 2px 4px;
    font-size: 13px;
    color: #1f2937;
}
/* Header row: halka nil-dhusor, choto boro-hater lekha, niche mota line; scroll korleo upore atke thake (Excel-er freeze row) */
.content-wrapper .dvfbt {
    background: var(--xl-th-bg);
}
.content-wrapper .dvfbt > .divTableCell {
    position: sticky;
    top: 50px;
    z-index: 3;
    padding: 10px 6px;
    vertical-align: middle;
    background: var(--xl-th-bg);
    color: var(--xl-th-text);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .04em;
    text-transform: uppercase;
    border-right-color: var(--xl-th-line);
    border-bottom: 2px solid var(--xl-th-bottom);
}
@media (max-width: 767px) {
    .content-wrapper .dvfbt > .divTableCell {
        top: 100px;
    }
}
/* Prothom column (#): Excel-er row number */
.content-wrapper .divTableRow:not(.dvfbt) > .divTableCell:first-of-type {
    background: var(--xl-head);
    color: #6b7280;
    font-size: 12px;
    font-weight: 500;
}
/* Mouse rakhle row halka dark (status-er rong thik thake) */
.content-wrapper .divTableRow:not(.dvfbt):hover > .divTableCell {
    box-shadow: inset 0 0 0 9999px var(--xl-hover);
}
/* Ghorer vitorer input/select: border chhara, click korle Excel-er moto sobuj border */
.content-wrapper .divTableCell .form-control,
.content-wrapper .divTableCell .bgnone {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.content-wrapper .divTableCell input:focus,
.content-wrapper .divTableCell select:focus,
.content-wrapper .divTableCell textarea:focus {
    outline: 2px solid var(--xl-active);
    outline-offset: -2px;
    background: #fff !important;
    box-shadow: none;
}

/* --- Bootstrap table (report, customer, product ityadi) --- popup-er table baad --- */
.content-wrapper .table:not(.modal .table) {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid var(--xl-grid);
    border-left: 1px solid var(--xl-grid);
    background: #fff;
    font-family: var(--bt-font);
    font-size: 13px;
}
.content-wrapper .table:not(.modal .table) > thead > tr > th,
.content-wrapper .table:not(.modal .table) > thead > tr > td,
.content-wrapper .table:not(.modal .table) > tbody > tr > th,
.content-wrapper .table:not(.modal .table) > tbody > tr > td,
.content-wrapper .table:not(.modal .table) > tfoot > tr > th,
.content-wrapper .table:not(.modal .table) > tfoot > tr > td,
.content-wrapper .table:not(.modal .table) > tr > th,
.content-wrapper .table:not(.modal .table) > tr > td {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid var(--xl-grid);
    border-bottom: 1px solid var(--xl-grid);
    padding: 6px 8px;
    vertical-align: middle;
    color: #1f2937;
}
.content-wrapper .table:not(.modal .table) > thead > tr > th,
.content-wrapper .table:not(.modal .table) > thead > tr > td {
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--xl-th-bg);
    color: var(--xl-th-text);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .04em;
    text-transform: uppercase;
    border-right-color: var(--xl-th-line);
    border-bottom: 2px solid var(--xl-th-bottom);
}
.content-wrapper .table-hover:not(.modal .table) > tbody > tr:hover > td {
    box-shadow: inset 0 0 0 9999px var(--xl-hover);
}
.content-wrapper .table:not(.modal .table) td input:focus,
.content-wrapper .table:not(.modal .table) td select:focus {
    outline: 2px solid var(--xl-active);
    outline-offset: -2px;
}

/* ==================== Step 4: POS page (4 shop) ==================== */
/* Shudhu dekhte bodlay: product-e click, cart, hisab, customer, Confirm - kono kaj bodlay na */

:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content {
    padding: 20px;
}

/* Pashapashi Product List ar Cart card-er majher faka 10px (age column-er 15+15 = 30px); 6 shop, Guest POS bad */
.page-pos:not(.guest-pos) .content > .row > .col-md-12 > .row > .col-xs-7 {
    padding-right: 5px;
}
.page-pos:not(.guest-pos) .content > .row > .col-md-12 > .row > .col-xs-5 {
    padding-left: 5px;
}

/* --- Upore toolbar: Order List, Search, Category, Add Customer --- */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content > .row > .col-md-12:first-child > .row {
    margin: 0 0 10px;
    padding: 12px 0 0;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content > .row > .col-md-12:first-child label {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: var(--bt-muted);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content > .row > .col-md-12:first-child .form-control {
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
/* Search button input-er vitore dan pashe */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .srcbtn {
    top: auto;
    bottom: 3px;
    right: 18px;
    height: 32px;
    padding: 0 11px;
    border: 0;
    border-radius: 6px;
    background: var(--bt-primary);
    color: #fff;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .srcbtn:hover {
    background: #1d4ed8;
}
/* Order List ar Add Customer button: input-er soman uchu, ek line-e */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content > .row > .col-md-12:first-child .btn-lg.mtn15 {
    margin-top: 23px;
    height: 38px;
    padding: 0 18px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: var(--bt-shadow-sm);
}

/* --- Card (Product List, cart) --- */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content-wrapper .box {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box > .box-header,
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box > form > .box-header {
    background: transparent;
    padding: 14px 16px;
    border-bottom: 1px solid var(--bt-border);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box > .box-header .box-title {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 600;
    color: var(--bt-text);
}

/* --- Product card --- */
/* .row-er -15px margin baad, jate card box-er border-e na lage */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .productcard {
    margin: 0;
    padding: 4px 11px 16px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .productcard > [class*="col-"] {
    padding: 0 5px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .product-card {
    margin: 10px 0 0;
    padding: 0;
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 12px;
    overflow: hidden;
    user-select: none;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .product-card:hover {
    transform: translateY(-2px);
    border-color: #93c5fd;
    box-shadow: var(--bt-shadow-md);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .product-card:active {
    transform: scale(.97);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .product-card img,
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .product-card .pc-noimg {
    height: 110px;
    border-radius: 0;
    border-bottom: 1px solid var(--bt-border-soft);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .product-card .card-body {
    padding: 8px 10px 10px;
    text-align: left;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .product-card .product-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: var(--bt-text);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .product-card .product-price {
    margin: 4px 0 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--bt-primary);
}

/* --- Cart: customer bachai ar Customer History --- */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .select2-container--default .select2-selection--single {
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    padding-left: 12px;
    color: var(--bt-text);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .select2-container--default.select2-container--focus .select2-selection--single,
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--bt-primary);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .openHistory.btn {
    height: 38px;
    padding: 0 14px;
    line-height: 36px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #posBlockedWarning {
    background-color: var(--bt-red-50) !important;
    color: #b91c1c !important;
    border: 1px solid #fecaca;
    border-radius: 8px;
    font-size: 13px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .pos-sameday-warning {
    border-radius: 8px;
    box-shadow: none;
}

/* --- Cart table (Excel style Step 3 theke) --- */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea {
    padding: 12px;
    border-radius: 0 0 var(--bt-radius-lg) var(--bt-radius-lg);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea > .table {
    margin-bottom: 12px;
}
/* Qty: - 1 + ek line-e (BS3-e d-flex nei) */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .d-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .mx-2 {
    min-width: 18px;
    margin: 0;
    font-weight: 700;
    color: var(--bt-text);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .btn-secondary,
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea td > .btn-danger {
    width: 28px;
    height: 28px;
    padding: 0;
    line-height: 26px;
    font-weight: 700;
    border-radius: 6px;
    cursor: pointer;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .btn-secondary {
    background: var(--bt-border-soft);
    border: 1px solid #cbd5e1;
    color: var(--bt-text-2);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .btn-secondary:hover {
    background: var(--bt-border);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea > .table > tfoot td {
    background: var(--bt-subtle);
    font-size: 14px;
}

/* --- Hisab (Discount, Tax, Delivery, Payment, Received, Total, Due, Date) --- */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card {
    padding: 0;
    background: transparent;
    border: 0;
}
/* Bam pasher column-e shudhu hidden input (dekhay na, tobu submit hoy) - tai hisab-er table puro chowra */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card > .row > .col-md-4 {
    display: none;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card > .row > .col-md-8 {
    width: 100%;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card .table {
    margin-bottom: 0;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card .table th {
    width: 40%;
    background: var(--xl-head);
    color: var(--xl-head-text);
    font-size: 13px;
    font-weight: 600;
    text-align: left;
}
/* Ghorer vitorer input: Excel-er ghorer moto, click korle sobuj border */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card .table td {
    padding: 0;
    background: #fff;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card .table td .form-control {
    height: 36px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card .table td .form-control:focus {
    outline: 2px solid var(--xl-active);
    outline-offset: -2px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card .table td .payinput {
    height: 48px;
    font-size: 24px;
    font-weight: 700;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card .table td#final_total,
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card .table td#due_amount {
    padding: 8px 12px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card .table .payinfo > th,
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card .table .payinfo > td {
    font-size: 22px !important;
    font-weight: 700;
    color: var(--bt-primary);
    background: var(--bt-primary-50);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .card .table td#due_amount {
    font-size: 17px;
    font-weight: 700;
    color: var(--bt-red);
}

/* --- Confirm Order: puro chowra boro button --- */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #cartArea .text-center.py-2 {
    padding: 14px 0 2px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #posConfirmBtn {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    border-radius: 10px;
    background: var(--bt-green);
    box-shadow: var(--bt-shadow);
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #posConfirmBtn:hover {
    background: #15803d;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #posConfirmBtn:disabled {
    opacity: .7;
}

/* ==================== Step 5: Order List + Cancel Order + Order Request (4 shop) ==================== */
/* Shudhu dekhte bodlay: filter, status/product box-e click, table-er shob kaj ager moto */

:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content {
    padding: 20px;
}

/* --- Upore card: button, filter, gonona box --- */
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box.box-primary {
    margin-bottom: 16px;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box.box-primary > .box-body {
    padding: 14px 16px 8px;
}
/* POS, Order Request, Cancel Order */
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box.box-primary .btn-lg {
    height: 38px;
    margin-bottom: 4px;
    padding: 0 16px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: var(--bt-shadow-sm);
}
/* Order page-gulor button sari (apps/pos/order_nav.php): Order List, Order Request, Cancel Order, Trash Order, WordPress Order.
   Char-ta button ek line-e; protita-r alada rong: POS sobuj, Order List beguni, Order Request kamla, Cancel Order lal,
   WordPress Order WordPress-er nil */
.order-nav .order-nav-btn.on-pos { --bt-btn: var(--bt-green); --bt-btn-hover: #15803d; }
.order-nav .order-nav-btn.on-list { --bt-btn: var(--bt-violet); --bt-btn-hover: #6d28d9; }
.order-nav .order-nav-btn.on-request { --bt-btn: var(--bt-amber); --bt-btn-hover: #b45309; }
.order-nav .order-nav-btn.on-cancel { --bt-btn: var(--bt-red); --bt-btn-hover: #b91c1c; }
.order-nav .order-nav-btn.on-wp { --bt-btn: #21759b; --bt-btn-hover: #1b5f7e; }
.content-wrapper .order-nav .order-nav-btn {
    height: 32px;
    margin-bottom: 4px;
    padding: 0 12px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    box-shadow: var(--bt-shadow-sm);
    background: var(--bt-btn);
    border-color: var(--bt-btn);
    color: #fff;
}
.content-wrapper .order-nav .order-nav-btn:is(:hover, :focus, :active) {
    background: var(--bt-btn-hover);
    border-color: var(--bt-btn-hover);
    color: #fff;
}
/* WordPress Order page-e button sari card-er upore */
.page-wp_order .order-nav {
    margin-bottom: 8px;
}
/* WordPress Order: button sari-r pase website (source) button - "সব ওয়েবসাইট" + protita website. Sada button,
   bachai kora-ta WordPress-er nil; age ekta choto dag diye page-er button theke alada */
.order-nav .order-nav-sep {
    display: inline-block;
    width: 1px;
    height: 22px;
    margin: 0 6px 4px 4px;
    vertical-align: middle;
    background: #cbd5e1;
}
.content-wrapper .order-nav .order-nav-btn.on-site {
    background: #fff;
    border-color: #cbd5e1;
    color: #334155;
}
.content-wrapper .order-nav .order-nav-btn.on-site:is(:hover, :focus, :active) {
    background: #fff;
    border-color: #21759b;
    color: #21759b;
}
.content-wrapper .order-nav .order-nav-btn.on-site.active,
.content-wrapper .order-nav .order-nav-btn.on-site.active:is(:hover, :focus, :active) {
    background: #21759b;
    border-color: #21759b;
    box-shadow: var(--bt-shadow-sm);
    color: #fff;
}

/* ==================== Modern Order Header & Distinct Stat Panels ==================== */
.bt-order-top-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 4px 12px -2px rgba(15, 23, 42, 0.03) !important;
    padding: 16px 18px 12px !important;
    margin-bottom: 16px !important;
}

/* Row 1: Flex layout separating Nav buttons (Left) and Filter Form (Right) */
.bt-order-header-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f5f9;
}

.bt-order-nav-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.bt-order-filter-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: auto;
}

.bt-filter-field {
    display: inline-flex;
    align-items: center;
}

.bt-filter-field .form-control {
    height: 36px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    background: #ffffff;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.bt-filter-field .form-control:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15) !important;
}

.bt-filter-search input {
    width: 220px !important;
}

.bt-filter-source select {
    min-width: 130px;
}

.bt-filter-date select {
    min-width: 120px;
}

.bt-filter-custom-date {
    gap: 6px;
}

.bt-filter-custom-date input {
    width: 135px;
}

.bt-filter-submit {
    gap: 6px;
}

.bt-btn-filter {
    height: 36px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    background: #2563eb !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(37, 99, 235, 0.2) !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    transition: background-color .15s ease, transform .1s ease !important;
}

.bt-btn-filter:hover {
    background: #1d4ed8 !important;
    transform: translateY(-1px);
}

.bt-btn-reset {
    height: 36px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    transition: all .15s ease !important;
}

.bt-btn-reset:hover {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #dc2626 !important;
}

/* Row 2: 3 Distinct Statistics Panels */
.bt-stats-sections-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 12px;
}

.bt-stat-panel {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 14px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: box-shadow .15s ease, transform .15s ease;
}

.bt-stat-panel:hover {
    box-shadow: 0 3px 8px -2px rgba(15, 23, 42, 0.08);
}

/* Box 1: All Time (Indigo theme) */
.bt-stat-panel-alltime {
    flex: 0 0 auto;
    border-top: 3px solid #6366f1;
    background: linear-gradient(180deg, #fafafa 0%, #ffffff 40%);
}

.bt-stat-panel-alltime .bt-panel-badge {
    color: #4f46e5;
    background: #eef2ff;
}

/* Box 2: Period / Today (Sky/Blue theme) */
.bt-stat-panel-period {
    flex: 0 0 auto;
    border-top: 3px solid #0284c7;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 40%);
}

.bt-stat-panel-period .bt-panel-badge {
    color: #0369a1;
    background: #f0f9ff;
}

/* Box 3: Order Status Stages (Teal/Emerald theme, stretches to fill right side) */
.bt-stat-panel-status {
    flex: 1 1 450px;
    min-width: 320px;
    border-top: 3px solid #0d9488;
    background: #ffffff;
}

.bt-stat-panel-status .bt-panel-badge {
    color: #0f766e;
    background: #f0fdfa;
}

.bt-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    gap: 8px;
}

.bt-panel-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 3px 8px;
    border-radius: 6px;
}

.bt-clear-filter-btn {
    font-size: 11px;
    font-weight: 600;
    color: #dc2626;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 4px;
    background: #fef2f2;
    transition: background-color .15s ease;
}

.bt-clear-filter-btn:hover {
    background: #fee2e2;
    color: #b91c1c;
}

/* Metric Items inside Panel 1 & 2 */
.bt-panel-metrics {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bt-metric-item {
    flex: 1;
    min-width: 76px;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 8px;
    padding: 6px 10px;
    text-align: center;
    transition: background-color .15s ease, border-color .15s ease;
}

.bt-metric-item:hover {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.bt-metric-label {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
    line-height: 1.2;
}

.bt-metric-val {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
    margin-top: 3px;
    font-family: var(--bt-font);
}

/* Status Chips inside Panel 3 */
.bt-status-chips-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.bt-status-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #334155;
    cursor: pointer;
    user-select: none;
    transition: all .15s ease;
}

.bt-status-chip:hover {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
    transform: translateY(-1px);
}

.bt-status-chip.is-active {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.3) !important;
}

.bt-chip-name {
    line-height: 1;
}

.bt-chip-count {
    display: inline-block;
    padding: 2px 7px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 10px;
    background: #e2e8f0;
    color: #1e293b;
    line-height: 1;
}

.bt-status-chip.is-active .bt-chip-count {
    background: rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
}

/* Row 3: Product Breakdown Slider Panel */
.bt-products-sold-panel {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 3px solid #f59e0b;
    border-radius: 10px;
    padding: 10px 14px 8px;
    margin-bottom: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.bt-products-sold-panel .bt-panel-badge {
    color: #b45309;
    background: #fffbeb;
}

.bt-products-slider {
    margin-bottom: 0 !important;
}

.bt-products-slider .obs-track {
    gap: 8px;
    padding: 4px 0;
}
/* Search, date, Filter */
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box.box-primary .form-control {
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box.box-primary .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box.box-primary .btn-primary {
    height: 38px;
    padding: 0 18px;
    font-weight: 600;
    border: 0;
    border-radius: 8px;
    background: var(--bt-primary);
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box.box-primary .btn-primary:hover {
    background: #1d4ed8;
}

/* All Time / Total gonona box (age golapi) */
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .statusbox {
    margin: 0 8px 8px 0;
    padding: 8px 12px;
    text-align: left;
    background: #fff;
    border: 1px solid var(--bt-border);
    border-left: 3px solid var(--bt-primary);
    border-radius: 10px;
    font-weight: normal;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .statusbox .statusttl:first-child {
    font-size: 12px;
    font-weight: 500;
    color: var(--bt-muted);
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .statusbox .statusttl:last-child {
    font-size: 18px;
    font-weight: 700;
    color: var(--bt-text);
}

/* Status ar product box (click korle filter) */
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .adsqbox {
    margin-right: 8px;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .adsfilter {
    margin-bottom: 8px;
    padding: 6px 6px;
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 8px;
    box-shadow: none;
    font-size: 13px;
    transition: background-color .15s ease, border-color .15s ease;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .adsfilter:hover {
    background: var(--bt-primary-50);
    border-color: #93c5fd;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .adsfilter .statusttl:first-child {
    font-size: 12px;
    color: var(--bt-muted);
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .adsfilter .statusttl:last-child {
    font-size: 15px;
    font-weight: 700;
    color: var(--bt-text);
}

/* Clickable statusbox filter (Total Quantity er por theke bosa status box) */
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health) .statusbox[onclick] {
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health) .statusbox[onclick]:hover {
    background: var(--bt-primary-50);
    border-color: #93c5fd;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health) .statusbox.is-active,
.order-box-slider .adsfilter.is-active {
    background: #eef2ff !important;
    border-color: var(--bt-primary) !important;
    box-shadow: 0 0 0 1.5px var(--bt-primary) !important;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health) .statusbox.is-active .statusttl:last-child,
.order-box-slider .adsfilter.is-active .statusttl:last-child {
    color: var(--bt-primary);
}

/* --- Order List / Request / Cancel / Trash: box ek line-e, beshi hole pashe slide (dist/js/order_box_slider.js) --- */
.order-box-slider {
    position: relative;
    clear: both;
    margin-bottom: 10px;
}
.order-box-slider .obs-track {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 0;
    scroll-behavior: smooth;
    scrollbar-width: none;
}
.order-box-slider .obs-track::-webkit-scrollbar {
    display: none;
}
/* Mouse diye dhore tana: tanar shomoy smooth bondho, noile tene sorate deri hoy */
.order-box-slider:is(.can-prev, .can-next) .obs-track {
    cursor: grab;
}
.order-box-slider.is-dragging .obs-track {
    scroll-behavior: auto;
}
.order-box-slider.is-dragging .obs-track,
.order-box-slider.is-dragging .adsfilter {
    cursor: grabbing;
}
/* Box naam onujayi chowra (boro nam hole ... diye kete) */
.order-box-slider .adsqbox {
    flex: 0 0 auto;
    float: none;
    width: auto;
    min-width: 105px;
    max-width: 220px;
    margin: 0;
}
.order-box-slider .adsfilter {
    margin-bottom: 0;
    padding: 6px 12px;
}
.order-box-slider .obs-divider {
    flex: 0 0 1px;
    margin: 4px 2px;
    background: var(--bt-border);
}
/* Kinaray sada chaya ar gol arrow, shudhu jedike aro box ache */
.order-box-slider::before,
.order-box-slider::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 48px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s ease;
}
.order-box-slider::before {
    left: 0;
    background: linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0));
}
.order-box-slider::after {
    right: 0;
    background: linear-gradient(to left, #fff 30%, rgba(255, 255, 255, 0));
}
.order-box-slider.can-prev::before,
.order-box-slider.can-next::after {
    opacity: 1;
}
.order-box-slider .obs-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: none;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    padding: 0;
    border: 1px solid var(--bt-border);
    border-radius: 50%;
    background: #fff;
    color: var(--bt-text-2);
    font-size: 11px;
    line-height: 28px;
    text-align: center;
    box-shadow: var(--bt-shadow-md);
}
.order-box-slider .obs-arrow:hover {
    background: var(--bt-primary-50);
    border-color: #93c5fd;
    color: var(--bt-primary);
}
.order-box-slider .obs-prev {
    left: -4px;
}
.order-box-slider .obs-next {
    right: -4px;
}
.order-box-slider.can-prev .obs-prev,
.order-box-slider.can-next .obs-next {
    display: block;
}

/* --- Order table-er card (overflow na, tahole header atke thaka bondho hoye jabe) --- */
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content > .row > .col-md-12 > .row > .col-xs-12 > .box {
    padding: 8px;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}

/* Table-er vitorer button: Invoice, Remove, Edit, Pay/Paid, Fraud/Block/WhatsApp/Call */
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .btn-xs {
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 6px;
    box-shadow: none;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .divTableCell.text-center .btn-xs {
    margin: 2px 1px;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .btn-success {
    background: var(--bt-green);
    border-color: var(--bt-green);
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .btn-danger {
    background: var(--bt-red);
    border-color: var(--bt-red);
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .divTableCell a[title="Courier Tracking Link"] {
    font-size: 12px;
    font-weight: 600;
    color: var(--bt-primary);
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData input[type="checkbox"][name="completed"] {
    width: 18px;
    height: 18px;
    accent-color: var(--bt-green);
    cursor: pointer;
}

/* --- Pagination --- */
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .pagination {
    margin: 12px 0 4px;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .pagination > li > a,
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .pagination > li > span {
    margin-left: 4px;
    padding: 6px 12px;
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 8px !important;
    font-weight: 500;
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .pagination > li > a:hover {
    background: var(--bt-border-soft);
    color: var(--bt-text);
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .pagination > .active > span {
    color: #fff;
    background: var(--bt-primary);
    border-color: var(--bt-primary);
}
:is(.page-pos_order, .page-pos_order_ghor, .page-pos_order_tulsi, .page-pos_order_health, .page-cancel_order, .page-cancel_order_ghor, .page-cancel_order_tulsi, .page-cancel_order_health, .page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .pagination > .disabled > a {
    color: #94a3b8;
    background: var(--bt-subtle);
}

/* Order List (order_list.php): Order Date ar Location soru, Order Status chowra (status-er pura nam dekhay) */
.content-wrapper .divTableCell.ol-date input[type="datetime-local"] {
    width: 168px;
    font-size: 12px;
}
/* Entry column: compact */
.content-wrapper .divTableCell.ol-entry {
    width: 65px !important;
    max-width: 75px !important;
    padding: 2px 2px !important;
    text-align: center;
}
.content-wrapper .divTableCell.ol-entry select {
    width: 100% !important;
    height: 22px !important;
    padding: 0 2px !important;
    font-size: 11px !important;
}

/* Source column: compact */
.content-wrapper .divTableCell.ol-source {
    width: 50px !important;
    max-width: 60px !important;
    padding: 2px 2px !important;
    text-align: center;
}
.content-wrapper .divTableCell .order-source {
    display: inline-block;
    margin: 1px;
    padding: 1px 4px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
    color: #1b5f7e;
    background: #e6f2f8;
    border: 1px solid #bfdbe8;
    border-radius: 4px;
    white-space: nowrap;
}
.content-wrapper .divTableCell .order-source.is-pos {
    color: #475569;
    background: #f1f5f9;
    border-color: #e2e8f0;
}

/* Report column: comfortably wide & centered */
.content-wrapper .divTableCell.ol-report {
    width: 120px !important;
    min-width: 115px !important;
    padding: 3px 6px !important;
    text-align: center;
    vertical-align: middle;
}
.content-wrapper .dvfbt > .divTableCell.ol-report {
    width: 120px !important;
    min-width: 115px !important;
    padding: 10px 6px !important;
}
.content-wrapper .ol-report-cell {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* Courier Track column: comfortably wide & centered */
.content-wrapper .divTableCell.ol-courier {
    width: 125px !important;
    min-width: 120px !important;
    padding: 3px 6px !important;
    text-align: center;
    vertical-align: middle;
}
.content-wrapper .dvfbt > .divTableCell.ol-courier {
    width: 125px !important;
    min-width: 120px !important;
    padding: 10px 6px !important;
}
/* List-e order na thakle (helpers.php order_list_empty): table-er niche puro chowra, majhkhane icon ar lekha */
.content-wrapper .ol-empty {
    padding: 36px 16px 40px;
    text-align: center;
    background: #fff;
    border: 1px solid var(--xl-grid);
    border-top: 0;
}
.content-wrapper .ol-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 10px;
    font-size: 24px;
    color: var(--bt-primary);
    background: var(--bt-primary-50);
    border-radius: 50%;
}
.content-wrapper .ol-empty-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--bt-text);
}
.content-wrapper .ol-empty-sub {
    margin-top: 4px;
    font-size: 12.5px;
    color: var(--bt-muted);
}
/* Action ghor: Invoice / Remove / Edit icon ek line-e */
.content-wrapper .divTableCell.ol-actions {
    white-space: nowrap;
}
/* Customer Name ghore nam-er niche "N নং অর্ডার" badge, nam-er lekhar shathe ek line-e shuru */
.content-wrapper .divTableCell > .order-rank {
    padding: 0 4px 2px;
}
/* Date upore, time niche (2 line) */
.content-wrapper .divTableCell.ol-date input:is([type="date"], [type="time"]) {
    display: block;
    width: 112px;
    height: 22px;
    margin: 0 auto;
    padding: 0 4px;
    font-size: 12px;
}
.content-wrapper .divTableCell.ol-loc .orderloc input {
    width: 115px;
}
.content-wrapper .divTableCell.ol-status select {
    min-width: 160px;
}

/* Order Request list-er Confirm / Trash / Invoice / Edit (sadharon maper button) */
:is(.page-order_request, .page-order_request_ghor, .page-order_request_tulsi, .page-order_request_health, .page-trash_order, .page-trash_order_ghor, .page-trash_order_tulsi, .page-trash_order_health, .page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .divTableCell .btn:not(.btn-xs) {
    margin: 2px 1px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: none;
}

/* --- Compact: Order List / Cancel / Request / Trash (6 shop-i; body-te mul page-er class-o thake) - choto button, box, lekha, row --- */
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .box.box-primary {
    margin-bottom: 10px;
    border-radius: 8px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .box.box-primary > .box-body {
    padding: 10px 12px 2px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .box.box-primary .form-group {
    margin-bottom: 8px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .box.box-primary .btn-lg {
    height: 32px;
    padding: 0 12px;
    line-height: 30px;
    font-size: 13px;
    border-radius: 5px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .box.box-primary .form-control {
    height: 32px;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 5px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .box.box-primary .btn-primary {
    height: 32px;
    padding: 0 14px;
    font-size: 13px;
    border-radius: 5px;
}
/* Search, Source, date, Filter: boro screen-e float-er bodole flex - button-er dan pashe jayga moto,
   jayga na thakle porer line-e (Bootstrap-er 12 ghor bhore gele sari bhenge jeto). Phone-e ager moto ek-er niche ek */
@media (min-width: 992px) {
    :is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) #filterForm {
        display: flex;
        flex-wrap: wrap;
        gap: 0 8px;
        padding-left: 10px;
    }
    :is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) #filterForm > div {
        float: none;
        flex: 0 0 150px;
        width: auto;
        padding: 0;
    }
    /* Search ektu chowra, Filter button nijer map-e */
    :is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) #filterForm > div:first-of-type {
        flex: 1 1 170px;
        max-width: 230px;
    }
    :is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) #filterForm > div:last-of-type {
        flex: 0 0 auto;
    }
    /* Custom Date: duita date pashapashi */
    :is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) #filterForm > .custom-date {
        flex: 0 0 290px;
    }
    :is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) #filterForm > .custom-date > .row {
        margin: 0 -4px;
    }
    :is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) #filterForm > .custom-date > .row > .col-xs-6 {
        padding: 0 4px;
    }
}
/* All Time / Total gonona box */
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .statusbox {
    width: 150px;
    margin: 0 6px 6px 0;
    padding: 4px 10px;
    border-radius: 6px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .statusbox .statusttl:first-child {
    font-size: 11px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .statusbox .statusttl:last-child {
    font-size: 15px;
    line-height: 1.3;
}
/* Status / product box */
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .adsfilter {
    margin-bottom: 6px;
    padding: 3px 8px;
    border-radius: 5px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .order-box-slider {
    margin-bottom: 6px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .order-box-slider .adsqbox {
    min-width: 90px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .order-box-slider .adsfilter {
    margin-bottom: 0;
    padding: 3px 10px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .adsfilter .statusttl:first-child {
    font-size: 11px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .adsfilter .statusttl:last-child {
    font-size: 13px;
    line-height: 1.3;
}
/* Table: choto lekha, kom uchu row */
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .content > .row > .col-md-12 > .row > .col-xs-12 > .box {
    padding: 6px;
    border-radius: 8px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .divTableCell {
    padding: 2px 4px;
    font-size: 12px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .dvfbt > .divTableCell {
    padding: 7px 4px;
    font-size: 10.5px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .divTableCell .form-control {
    height: 26px;
    padding: 2px 4px;
    font-size: 12px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .divTableCell .bgnone {
    padding: 2px 4px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .divTableCell .parcelf {
    font-size: 13px;
    font-weight: 600;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .divTableCell .ttlqty {
    font-size: 14px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .orderp {
    padding: 2px 4px;
    font-size: 12px;
    line-height: 15px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .orderloc,
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .orderloc input {
    font-size: 12px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) #pageData .btn-xs {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 15px;
    border-radius: 5px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) #pageData .divTableCell .btn:not(.btn-xs) {
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 6px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) #pageData .divTableCell a[title="Courier Tracking Link"] {
    font-size: 11px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) #pageData input[type="checkbox"][name="completed"] {
    width: 16px;
    height: 16px;
}
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .pagination > li > a,
:is(.page-pos_order, .page-cancel_order, .page-order_request, .page-trash_order) .pagination > li > span {
    padding: 4px 10px;
    font-size: 12.5px;
}

/* ==================== Step 6: Customer List (pos_customer, 4 shop) ==================== */
/* Upore Step 5-er list page-er niyom (card, button, pagination) ekhaneo lage; niche shudhu ei page-er alada ongsho */

/* Search / Block Status / Follow-up filter: sada card */
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content .col-xs-12 > div[class=""] > .row {
    margin: 0 0 10px;
    padding: 12px 0 0;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content .col-xs-12 > div[class=""] label {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: var(--bt-muted);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content .col-xs-12 > div[class=""] .form-control {
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content .col-xs-12 > div[class=""] .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .srcbtn {
    top: auto;
    bottom: 3px;
    right: 18px;
    height: 32px;
    padding: 0 11px;
    border: 0;
    border-radius: 6px;
    background: var(--bt-primary);
    color: #fff;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .srcbtn:hover {
    background: #1d4ed8;
}

/* Customer List card: title upore, table niche */
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .content > .row > .col-md-12 > .row > .col-xs-12 > .box {
    padding: 0;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box > .box-header {
    background: transparent;
    border-radius: var(--bt-radius-lg) var(--bt-radius-lg) 0 0;
    padding: 14px 16px;
    border-bottom: 1px solid var(--bt-border);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) .box > .box-header .box-title {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 600;
    color: var(--bt-text);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData {
    padding: 8px;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .table {
    margin-bottom: 0;
}

/* Call / Set / Unblock (sada button) */
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .btn-default {
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid #cbd5e1;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .btn-default:hover {
    background: var(--bt-border-soft);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData td .btn-xs {
    margin: 1px;
}

/* Blocked / Active / Follow-up tarikh: halka ronger pill */
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .label {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.4;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .label-success {
    background: #dcfce7 !important;
    color: #15803d !important;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .label-danger {
    background: #fee2e2 !important;
    color: #b91c1c !important;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health, .page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .label-warning {
    background: #fef3c7 !important;
    color: #b45309 !important;
}

/* Customer List: kon order count-e koto customer, title-er pashe ek line-e, pill button, bachai kora-ta rongin */
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .box > .box-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .box > .box-header::before,
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .box > .box-header::after {
    display: none;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .oc-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .oc-summary-label {
    margin-right: 4px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #94a3b8;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .oc-chip {
    padding: 4px 12px;
    font-size: 13px;
    line-height: 18px;
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 999px;
    transition: background-color .15s ease, border-color .15s ease;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .oc-chip b {
    margin-left: 4px;
    color: var(--bt-text);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .oc-chip:hover {
    background: var(--bt-subtle);
    border-color: #cbd5e1;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .oc-chip.is-active {
    color: #fff;
    background: var(--bt-primary);
    border-color: var(--bt-primary);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .oc-chip.is-active b {
    color: #fff;
}

/* Customer Profile: total hisab-er 4-ta box (Total nil, Paid sobuj, Due thakle lal) */
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-box {
    padding: 14px 18px;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-left: 4px solid #94a3b8;
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--bt-muted);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-value {
    margin-top: 4px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--bt-text);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-sub {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin-top: 6px;
    font-size: 12px;
    color: var(--bt-muted);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-sub b {
    color: var(--bt-text-2);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-box-total {
    background: var(--bt-primary-50);
    border-left-color: var(--bt-primary);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-box-total .cp-value {
    color: var(--bt-primary);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-box-paid {
    border-left-color: var(--bt-green);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-box-paid .cp-value {
    color: var(--bt-green);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-box-due {
    background: var(--bt-red-50);
    border-left-color: var(--bt-red);
}
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-box-due .cp-value {
    color: var(--bt-red);
}
/* Order History table-er Total row: mota, halka background */
:is(.page-pos_customer, .page-pos_customer_ghor, .page-pos_customer_tulsi, .page-pos_customer_health) .cp-total-row th {
    font-size: 14px;
    font-weight: 700;
    color: var(--bt-text);
    background: var(--bt-subtle);
    border-top: 2px solid #cbd5e1 !important;
}

/* ==================== Step 7: Product List (product_list, 4 shop) ==================== */
/* Upore toolbar-e POS-er niyom, table card-e Order List/Customer List-er niyom lage; niche shudhu ei page-er alada ongsho */

/* Product-er chhobi: choto chokro, gol kona */
:is(.page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData td img[alt="img"] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 1px solid var(--bt-border);
    border-radius: 8px;
    background: #fff;
}
/* Chhobi na thakle / load na hole icon */
.pl-noimg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #94a3b8;
    background: var(--bt-border-soft);
    border: 1px solid var(--bt-border);
    border-radius: 8px;
}
/* Available Stock (age 30px) */
:is(.page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData td b[style*="font-size"] {
    font-size: 20px !important;
    color: var(--bt-text);
}
/* Website "Visit" link: choto pill */
:is(.page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData td a[target="_blank"] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: var(--bt-primary);
    background: var(--bt-primary-50);
}
:is(.page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData td a[target="_blank"]:hover {
    background: #dbeafe;
    text-decoration: none;
}
/* Product Report button (nil) */
:is(.page-product_list, .page-product_list_ghor, .page-product_list_tulsi, .page-product_list_health) #pageData .btn-primary {
    background: var(--bt-primary);
    border-color: var(--bt-primary);
}

/* ==================== Step 8: Product Stock (product_stock, 4 shop) ==================== */
/* Shudhu dekhte bodlay: stock add, row +/-, Delete, total hisab ager moto */

:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .content {
    padding: 20px;
}

/* Back ar Product Report button */
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .content > .row:first-child .btn {
    height: 38px;
    padding: 0 16px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .content > .row:first-child .btn-default {
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid #cbd5e1;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .content > .row:first-child .btn-default:hover {
    background: var(--bt-border-soft);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .content > .row:first-child .btn-primary {
    border: 0;
    background: var(--bt-primary);
}

/* Card */
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .content-wrapper .box {
    margin-bottom: 16px;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .box > .box-header {
    padding: 14px 16px;
    background: transparent;
    border-bottom: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg) var(--bt-radius-lg) 0 0;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .box > .box-header .box-title {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 600;
    color: var(--bt-text);
}

/* Product-er chhobi, naam ar 3-ta gonona */
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .stock-head {
    gap: 16px;
    padding: 16px 20px;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .stock-head > img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border: 1px solid var(--bt-border);
    border-radius: 12px !important;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .stock-head > .pl-noimg {
    width: 64px;
    height: 64px;
    font-size: 26px;
    border-radius: 12px;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .stock-head h3 {
    font-family: var(--bt-font);
    font-size: 20px;
    font-weight: 700;
    color: var(--bt-text);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .stock-head .text-muted {
    margin-top: 4px;
    font-size: 13px;
    color: var(--bt-muted);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .stock-stat {
    min-width: 120px;
    padding: 10px 18px;
    text-align: left;
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 12px;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .stock-stat span {
    font-size: 12px;
    font-weight: 500;
    color: var(--bt-muted);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .stock-stat b {
    font-size: 24px;
    font-weight: 700;
    color: var(--bt-text);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .stock-stat #statSold {
    color: var(--bt-amber);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .stock-stat #statAvailable {
    color: var(--bt-green);
}

/* Add Stock form: Excel-er ghorer moto */
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) #productTable {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid var(--xl-grid);
    border-left: 1px solid var(--xl-grid);
    background: #fff;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) #productTable .tdr {
    padding: 0;
    border: 0;
    border-right: 1px solid var(--xl-grid);
    border-bottom: 1px solid var(--xl-grid);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) #productTable th.tdr {
    padding: 7px 8px;
    background: var(--xl-head);
    color: var(--xl-head-text);
    font-size: 12.5px;
    font-weight: 600;
    border-bottom-color: var(--xl-head-line);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) #productTable th.tdr:last-child,
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) #productTable td.tdr:last-child {
    width: 44px;
    padding: 4px;
    text-align: center;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) #productTable .form-control {
    height: 36px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) #productTable .form-control:focus {
    outline: 2px solid var(--xl-active);
    outline-offset: -2px;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) #productTable .btn-add,
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) #productTable .btn-remove {
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) #productTable .btn-add {
    background: var(--bt-green);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) #productTable .btn-remove {
    background: var(--bt-red);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .box-body > form > p.text-muted {
    font-size: 12.5px;
    color: var(--bt-muted);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .submitbtn {
    margin-top: 16px;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .submitbtn .btn {
    width: 100%;
    padding: 11px;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    border-radius: 10px;
    background: var(--bt-green);
    box-shadow: var(--bt-shadow);
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .submitbtn .btn:hover {
    background: #15803d;
}

/* Previous Stock table (Excel style Step 3 theke) */
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .box-body.table-responsive {
    padding: 8px !important;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .box-body.table-responsive .table {
    margin-bottom: 0;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .reduce-row td {
    background: var(--bt-red-50);
    color: #b91c1c;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .reduce-row .label-danger {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    background: #fee2e2 !important;
    color: #b91c1c !important;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .delete-stock {
    display: inline-block;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: var(--bt-red);
    border-radius: 6px;
}
:is(.page-product_stock, .page-product_stock_ghor, .page-product_stock_tulsi, .page-product_stock_health) .delete-stock:hover {
    color: #fff;
    background: #b91c1c;
    text-decoration: none;
}

/* ==================== Step 9: Product Report (product_report_view, 4 shop) ==================== */
/* Shudhu dekhte bodlay: filter, hisab, table, pagination ager moto */

:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .content {
    padding: 20px;
}

/* Back to Product Report */
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .content > .row > .col-md-12 > .row:first-child .btn {
    height: 38px;
    padding: 0 16px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 600;
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .content > .row > .col-md-12 > .row:first-child .btn:hover {
    background: var(--bt-border-soft);
}

/* Card */
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .content-wrapper .box {
    margin-bottom: 16px;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}

/* Product-er chhobi ar naam */
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .content > .row > .col-md-12 > .row:nth-child(2) .box-body {
    gap: 16px !important;
    padding: 16px 20px;
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .content > .row > .col-md-12 > .row:nth-child(2) .box-body > img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border: 1px solid var(--bt-border);
    border-radius: 12px !important;
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .content > .row > .col-md-12 > .row:nth-child(2) .box-body > .pl-noimg {
    width: 64px;
    height: 64px;
    font-size: 26px;
    border-radius: 12px;
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .content > .row > .col-md-12 > .row:nth-child(2) .box-body h3 {
    font-family: var(--bt-font);
    font-size: 20px;
    font-weight: 700;
    color: var(--bt-text);
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .content > .row > .col-md-12 > .row:nth-child(2) .box-body .text-muted {
    margin-top: 4px;
    font-size: 13px;
    color: var(--bt-muted);
}

/* Filter (card-er upore) */
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .box > .box-header {
    padding: 4px 16px 14px;
    background: transparent;
    border-bottom: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg) var(--bt-radius-lg) 0 0;
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .box > .box-header .form-control {
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .box > .box-header .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .box > .box-header .btn {
    height: 38px;
    padding: 0 18px;
    font-weight: 600;
    border: 0;
    border-radius: 8px;
}

/* Hisab-er 9-ta box */
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pr-summary {
    gap: 10px;
    padding: 16px;
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pr-box {
    min-width: 140px;
    padding: 12px 16px;
    text-align: left;
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 12px;
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pr-box .pr-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--bt-muted);
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pr-box .pr-value {
    font-size: 20px;
    font-weight: 700;
    color: var(--bt-text);
}
/* Grand Total (6 nombor box) nil-e alada */
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pr-box:nth-child(6) {
    background: var(--bt-primary-50);
    border-color: #bfdbfe;
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pr-box:nth-child(6) .pr-value {
    color: var(--bt-primary);
}

/* Order table (Excel style Step 3 theke) */
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) #pageData .box-body.table-responsive {
    padding: 0 16px 8px !important;
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) #pageData .table {
    margin-bottom: 0;
}

/* Pagination (Order List-er moto) */
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pagination {
    margin: 8px 16px 16px;
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pagination > li > a,
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pagination > li > span {
    margin-left: 4px;
    padding: 6px 12px;
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 8px !important;
    font-weight: 500;
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pagination > li > a:hover {
    background: var(--bt-border-soft);
    color: var(--bt-text);
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pagination > .active > span {
    color: #fff;
    background: var(--bt-primary);
    border-color: var(--bt-primary);
}
:is(.page-product_report_view, .page-product_report_view_ghor, .page-product_report_view_tulsi, .page-product_report_view_health) .pagination > .disabled > a {
    color: #94a3b8;
    background: var(--bt-subtle);
}

/* ==================== Step 10: Add Product (add_product, 4 shop) ==================== */
/* Shudhu dekhte bodlay: chhobi upload/preview, dam-er hisab, CKEditor, Save ager moto */

:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .content {
    padding: 20px;
}

/* All Product button */
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .content > .row > .col-md-12 > .btn-lg {
    height: 38px;
    margin-bottom: 10px;
    padding: 0 16px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: var(--bt-shadow-sm);
}

/* Form card */
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary > .box-header {
    padding: 14px 20px;
    background: transparent;
    border-bottom: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg) var(--bt-radius-lg) 0 0;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary > .box-header .box-title {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 600;
    color: var(--bt-text);
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary > .alert-success {
    margin: 16px 20px 0;
    color: #15803d !important;
    background-color: var(--bt-green-50) !important;
    border: 1px solid #bbf7d0;
    border-radius: 10px;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary > form > .box-body {
    padding: 20px 20px 4px;
}
/* Dan pasher choto ongsho (chhobi, code, dam, top/popular): halka dhushor panel */
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-side {
    margin-bottom: 16px;
    padding-top: 16px;
    padding-bottom: 2px;
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 12px;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-side #pic {
    display: block;
    width: 100%;
    height: 170px;
    margin-bottom: 0;
    background: #fff;
}

/* Label ar input */
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary label {
    margin-bottom: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: #475569;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary .form-control {
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary select[multiple].form-control,
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary textarea.form-control {
    height: auto;
    min-height: 110px;
    padding: 6px;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}

/* Chhobi bachai: dashed ghor, bhitore nil "Choose file" button */
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary input[type="file"].btn-file {
    display: block;
    width: 100%;
    padding: 8px 10px;
    text-align: left;
    font-size: 13px;
    color: var(--bt-muted);
    background: var(--bt-subtle);
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    box-shadow: none;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary input[type="file"].btn-file::file-selector-button {
    margin-right: 10px;
    padding: 6px 12px;
    font-weight: 600;
    color: #fff;
    background: var(--bt-primary);
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}
/* Thumbnail ar gallery preview */
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary .exampleb {
    margin: 10px 0 16px;
    object-fit: cover;
    border: 1px solid var(--bt-border);
    border-radius: 12px;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) #dvPreview {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 0 16px;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) #dvPreview img {
    object-fit: cover;
    border: 1px solid var(--bt-border);
    border-radius: 12px;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) #dvPreview .exampleb {
    margin: 0;
}

/* Product Details-er CKEditor */
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary .cke_chrome {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: none;
}

/* Top Product / Popular Product: Yes / No */
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary .form-group > label:first-child {
    display: block;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary .form-group > label:has(input[type="radio"]) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: 18px;
    font-size: 14px;
    font-weight: 500;
    color: var(--bt-text-2);
    cursor: pointer;
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--bt-primary);
}

/* Save Data */
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary .box-footer {
    padding: 16px 20px;
    background: transparent;
    border-top: 1px solid var(--bt-border);
    border-radius: 0 0 var(--bt-radius-lg) var(--bt-radius-lg);
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary .ladda-button {
    min-width: 200px;
    padding: 11px 28px;
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: var(--bt-green);
    border: 0;
    border-radius: 10px;
    box-shadow: var(--bt-shadow);
}
:is(.page-add_product, .page-add_product_ghor, .page-add_product_tulsi, .page-add_product_health, .page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .box.box-primary .ladda-button:hover {
    background: #15803d;
}

/* --- Edit Product-er alada ongsho --- */
/* Age upload kora gallery chhobi: choto chokro, kona-y lal gol muche felar icon */
:is(.page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 6px;
}
:is(.page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-gallery .gimg {
    position: relative;
    width: auto;
    float: none;
}
:is(.page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-gallery .gimg .exampleb {
    display: block;
    width: 72px;
    height: 72px;
    margin: 0;
    background: #fff;
}
:is(.page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-gallery .gimg > a {
    position: absolute;
    top: -7px;
    right: -7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: var(--bt-red);
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-gallery .gimg > a .gpdelete {
    font-size: 10px;
    color: #fff;
}
:is(.page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-gallery .gimg > a:hover {
    background: #b91c1c;
}
:is(.page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) #dvPreview:empty {
    display: none;
}

/* Age deya Color / Size: chip, click korle muche jay (tai × chinho) */
:is(.page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-attrs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
:is(.page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-attrs .pcolorb {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .12);
}
:is(.page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-attrs .pcolorb::after {
    content: "\00d7";
    font-size: 14px;
    line-height: 1;
    opacity: .8;
}
:is(.page-update_product, .page-update_product_ghor, .page-update_product_tulsi, .page-update_product_health) .ap-attrs .pcolorb:hover {
    text-decoration: none;
    opacity: .85;
}

/* ==================== Step 11: Report (ecom_report, 4 shop) ==================== */
/* Shudhu dekhte bodlay: hisab, tarikh diye report, pagination ager moto */

:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .content {
    padding: 20px;
}

/* Today / Yesterday / This Month ... hisab-er 6-ta card */
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .profit-box {
    margin-bottom: 10px;
    padding: 14px 16px;
    text-align: left;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .profit-box > h5 {
    display: inline-block;
    margin: 0 0 10px;
    padding: 3px 12px;
    text-align: left !important;
    font-family: var(--bt-font);
    font-size: 12.5px;
    font-weight: 700;
    color: var(--bt-primary);
    background: var(--bt-primary-50);
    border-radius: 999px;
}
/* Bame naam, dane taka */
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .profit-box .profit-item {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin: 4px 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--bt-text);
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .profit-box .profit-item strong {
    margin-right: auto;
    font-weight: 500;
    color: var(--bt-muted);
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .profit-box .profit-line {
    margin: 8px 0;
    border-bottom: 1px dashed #cbd5e1;
}
/* Net Profit (shesh line) sobuj-e alada */
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .profit-box .profit-item:last-child {
    margin-top: 6px;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 700;
    color: #15803d;
    background: var(--bt-green-50);
    border-radius: 8px;
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .profit-box .profit-item:last-child strong {
    color: #15803d;
    font-weight: 600;
}

/* Customer Report card: title, tarikh, Show Report */
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .content-wrapper .box {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .box > .box-header {
    padding: 14px 16px;
    background: transparent;
    border-bottom: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg) var(--bt-radius-lg) 0 0;
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .box > .box-header .box-title {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 600;
    line-height: 38px;
    color: var(--bt-text);
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .box > .box-header .form-control {
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .box > .box-header .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .box > .box-header .btn {
    height: 38px;
    padding: 0 16px;
    font-weight: 600;
    border: 0;
    border-radius: 8px;
    white-space: nowrap;
}

/* Report table (Excel style Step 3 theke) */
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) #pageData .box-body.table-responsive {
    padding: 12px 16px 8px !important;
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) #pageData .table {
    margin-bottom: 0;
}

/* Pagination (Order List-er moto) */
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .pagination {
    margin: 8px 16px 16px;
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .pagination > li > a,
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .pagination > li > span {
    margin-left: 4px;
    padding: 6px 12px;
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 8px !important;
    font-weight: 500;
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .pagination > li > a:hover {
    background: var(--bt-border-soft);
    color: var(--bt-text);
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .pagination > .active > span {
    color: #fff;
    background: var(--bt-primary);
    border-color: var(--bt-primary);
}
:is(.page-ecom_report, .page-ecom_report_ghor, .page-ecom_report_tulsi, .page-ecom_report_health, .page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) .pagination > .disabled > a {
    color: #94a3b8;
    background: var(--bt-subtle);
}

/* --- Seller Report-er alada ongsho (card, filter, table, pagination upore Report-er niyom) --- */
/* Position 01-05 sobuj, baki lal: pill */
:is(.page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) #pageData td span[style*="color"] {
    display: inline-block;
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 999px;
    white-space: nowrap;
}
:is(.page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) #pageData td span[style*="green"] {
    color: #15803d !important;
    background: #dcfce7;
}
:is(.page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) #pageData td span[style*="red"] {
    color: #b91c1c !important;
    background: #fee2e2;
}
/* Seller-er chhobi: gol, choto */
:is(.page-seller_report, .page-seller_report_ghor, .page-seller_report_tulsi, .page-seller_report_health, .page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) #pageData .memberimg {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--bt-border);
}

/* --- Product Report-er alada ongsho (card, filter, table, pagination upore Report-er niyom) --- */
:is(.page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) #pageData td img[alt="img"] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 8px;
}
:is(.page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) #pageData .btn-xs {
    padding: 3px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    background: var(--bt-green);
    border-color: var(--bt-green);
    border-radius: 6px;
}
:is(.page-product_report, .page-product_report_ghor, .page-product_report_tulsi, .page-product_report_health) #pageData .btn-xs:hover {
    background: #15803d;
}

/* ==================== Step 12: Fraud Checker ==================== */
/* Page-ta age thekei notun dhacher; shudhu baki panel-er rong (nil), font, background-er sathe milano */

.page-fraud_checker .content-wrapper {
    background: var(--bt-bg);
}
.page-fraud_checker #fraudCheckerApp {
    max-width: 760px;
    padding: 28px 0 40px;
    font-family: var(--bt-font);
}

/* Upore nil gradient banner: icon, title, lekha */
.page-fraud_checker #fraudCheckerApp .fc-header {
    margin-bottom: 0;
    padding: 36px 32px 72px;
    color: #fff;
    background:
        radial-gradient(circle at 15% 0%, rgba(255, 255, 255, .20), transparent 45%),
        radial-gradient(circle at 90% 100%, rgba(96, 165, 250, .45), transparent 50%),
        linear-gradient(135deg, #1e3a8a 0%, #2563eb 65%, #3b82f6 100%);
    border-radius: 20px;
    box-shadow: 0 18px 40px -18px rgba(30, 58, 138, .6);
}
.page-fraud_checker #fraudCheckerApp .fc-icon-badge {
    width: 60px;
    height: 60px;
    margin-bottom: 14px;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 16px;
    box-shadow: none;
}
.page-fraud_checker #fraudCheckerApp .fc-title {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -.01em;
    color: #fff;
}
.page-fraud_checker #fraudCheckerApp .fc-subtitle {
    max-width: 460px;
    margin: 8px auto 0;
    font-size: 14.5px;
    line-height: 22px;
    color: rgba(255, 255, 255, .82);
}

/* Search box: banner-er nicher kinaray orddhek uthe boshe */
.page-fraud_checker #fraudCheckerApp .fc-searchbox {
    position: relative;
    z-index: 1;
    margin: -38px 28px 24px;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 16px;
    box-shadow: 0 16px 34px -12px rgba(15, 23, 42, .28);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.page-fraud_checker #fraudCheckerApp .fc-searchbox:focus-within {
    border-color: #93c5fd;
    box-shadow: 0 16px 34px -12px rgba(15, 23, 42, .28), 0 0 0 4px rgba(37, 99, 235, .15);
}
.page-fraud_checker #fraudCheckerApp .fc-search-field svg {
    width: 22px;
    height: 22px;
    color: var(--bt-primary);
}
.page-fraud_checker #fraudCheckerApp .fc-input {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: .04em;
    color: var(--bt-text);
}
.page-fraud_checker #fraudCheckerApp .fc-input::placeholder {
    font-weight: 500;
    color: #94a3b8;
}
.page-fraud_checker #fraudCheckerApp .fc-btn {
    height: 50px;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 700;
    background: var(--bt-primary);
    border-radius: 12px;
    box-shadow: 0 8px 18px -8px rgba(37, 99, 235, .7);
}
.page-fraud_checker #fraudCheckerApp .fc-btn:hover {
    background: #1d4ed8;
}

/* Result card */
.page-fraud_checker #fraudCheckerApp .fc-error {
    margin: 0 28px 24px;
}
.page-fraud_checker #fraudCheckerApp .fc-result {
    margin: 0 28px;
    padding: 24px 26px;
    border-radius: 18px;
    box-shadow: var(--bt-shadow-md);
}
.page-fraud_checker #fraudCheckerApp .fc-avatar {
    width: 48px;
    height: 48px;
    background: var(--bt-primary-50);
}
.page-fraud_checker #fraudCheckerApp .fc-avatar svg {
    color: var(--bt-primary);
}
.page-fraud_checker #fraudCheckerApp .fc-phone-value {
    font-size: 20px;
    letter-spacing: .02em;
    color: var(--bt-text);
}
.page-fraud_checker #fraudCheckerApp .fc-stat {
    padding: 18px 6px;
    border-radius: 14px;
}
.page-fraud_checker #fraudCheckerApp .fc-stat-value {
    font-size: 28px;
    line-height: 36px;
}

@media (max-width: 767px) {
    .page-fraud_checker #fraudCheckerApp {
        padding: 16px 0 24px;
    }
    .page-fraud_checker #fraudCheckerApp .fc-header {
        padding: 28px 18px 64px;
    }
    .page-fraud_checker #fraudCheckerApp .fc-searchbox,
    .page-fraud_checker #fraudCheckerApp .fc-error,
    .page-fraud_checker #fraudCheckerApp .fc-result {
        margin-left: 10px;
        margin-right: 10px;
    }
    .page-fraud_checker #fraudCheckerApp .fc-btn {
        padding: 0 16px;
    }
}
.page-fraud_checker #fraudCheckerApp .fc-error {
    border-radius: 10px;
}
.page-fraud_checker #fraudCheckerApp .spinner {
    border-color: rgba(37, 99, 235, .15);
    border-top-color: var(--bt-primary);
}

/* ==================== Step 13: Steadfast Setting ==================== */
/* Shudhu dekhte bodlay: shop bachai, Save, Generate token ager moto */

:is(.page-steadfast_setting, .page-pathao_setting) .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
:is(.page-steadfast_setting, .page-pathao_setting) .content {
    padding: 20px;
}
:is(.page-steadfast_setting, .page-pathao_setting) .content-wrapper .box {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-steadfast_setting, .page-pathao_setting) .box > .box-header {
    padding: 14px 18px;
    background: transparent;
    border-bottom: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg) var(--bt-radius-lg) 0 0;
}
:is(.page-steadfast_setting, .page-pathao_setting) .box > .box-header .box-title {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 600;
    color: var(--bt-text);
}

/* Bame shop-er list: truck icon, dane tir; bachai kora shop nil */
:is(.page-steadfast_setting, .page-pathao_setting) .menu-permission {
    margin: 0;
    padding: 4px 0 0;
    list-style: none;
}
:is(.page-steadfast_setting, .page-pathao_setting) .menu-permission li {
    margin-bottom: 8px !important;
}
:is(.page-steadfast_setting, .page-pathao_setting) .menu-permission .btn {
    position: relative;
    height: 44px;
    padding: 0 36px 0 14px;
    line-height: 42px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease;
}
:is(.page-steadfast_setting, .page-pathao_setting) .menu-permission .btn::before {
    font-family: FontAwesome;
    content: "\f0d1";
    margin-right: 10px;
    font-weight: normal;
    opacity: .7;
}
:is(.page-steadfast_setting, .page-pathao_setting) .menu-permission .btn::after {
    position: absolute;
    right: 14px;
    font-family: FontAwesome;
    content: "\f105";
    font-weight: normal;
    opacity: .5;
}
:is(.page-steadfast_setting, .page-pathao_setting) .menu-permission .btn-default {
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid var(--bt-border);
}
:is(.page-steadfast_setting, .page-pathao_setting) .menu-permission .btn-default:hover {
    background: var(--bt-subtle);
    border-color: #cbd5e1;
}
:is(.page-steadfast_setting, .page-pathao_setting) .menu-permission .btn-primary {
    color: var(--bt-primary);
    background: var(--bt-primary-50);
    border: 1px solid #bfdbfe;
}
:is(.page-steadfast_setting, .page-pathao_setting) .menu-permission .btn-primary::before,
:is(.page-steadfast_setting, .page-pathao_setting) .menu-permission .btn-primary::after {
    opacity: 1;
}

/* Dane form */
:is(.page-steadfast_setting, .page-pathao_setting) .box > form > .box-body {
    padding: 20px 5px 4px;
}
:is(.page-steadfast_setting, .page-pathao_setting) .box > form label {
    margin-bottom: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: #475569;
}
:is(.page-steadfast_setting, .page-pathao_setting) .box > form .form-control {
    height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-steadfast_setting, .page-pathao_setting) .box > form .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
/* Webhook URL: shudhu copy korar jonno */
:is(.page-steadfast_setting, .page-pathao_setting) .box > form .form-control[readonly] {
    font-family: Consolas, 'Courier New', monospace;
    font-size: 13px;
    color: var(--bt-text-2);
    background: var(--bt-subtle);
    cursor: copy;
}
/* Webhook token + Generate */
:is(.page-steadfast_setting, .page-pathao_setting) .box > form .input-group .form-control {
    font-family: Consolas, 'Courier New', monospace;
    font-size: 13px;
    border-radius: 8px 0 0 8px;
}
:is(.page-steadfast_setting, .page-pathao_setting) .box > form .input-group-btn .btn {
    height: 40px;
    padding: 0 16px;
    font-weight: 600;
    color: var(--bt-primary);
    background: var(--bt-primary-50);
    border: 1px solid #bfdbfe;
    border-radius: 0 8px 8px 0;
}
:is(.page-steadfast_setting, .page-pathao_setting) .box > form .input-group-btn .btn:hover {
    background: #dbeafe;
}
/* Save Data */
:is(.page-steadfast_setting, .page-pathao_setting) .box > form .box-footer {
    margin-top: 6px;
    padding: 16px 15px 14px;
    background: transparent;
    border-top: 1px solid var(--bt-border);
}
:is(.page-steadfast_setting, .page-pathao_setting) .box > form .ladda-button {
    min-width: 180px;
    padding: 11px 28px;
    font-family: var(--bt-font);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: var(--bt-green);
    border: 0;
    border-radius: 10px;
    box-shadow: var(--bt-shadow);
}
:is(.page-steadfast_setting, .page-pathao_setting) .box > form .ladda-button:hover {
    background: #15803d;
}

/* Pathao: "Store ID খুঁজুন" button ar tar folafol */
.page-pathao_setting .box > form .btn-info {
    height: 40px;
    padding: 0 14px;
    font-weight: 600;
    color: var(--bt-primary);
    background: var(--bt-primary-50);
    border: 1px solid #bfdbfe;
    border-radius: 8px;
}
.page-pathao_setting .box > form .btn-info:hover {
    background: #dbeafe;
}
.page-pathao_setting #pathao_store_results .table {
    margin-bottom: 8px;
}
.page-pathao_setting #pathao_store_results .btn-xs {
    padding: 2px 10px;
    font-weight: 600;
    border-radius: 6px;
}
.page-pathao_setting #pathao_store_results summary {
    font-size: 12px;
    color: var(--bt-muted);
    cursor: pointer;
}
.page-pathao_setting #pathao_store_results pre {
    margin-top: 6px;
    font-size: 12px;
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 8px;
}

/* ==================== Step 14: Location (District / Upazila) ==================== */
/* Shudhu dekhte bodlay: Add, ghore likhe naam bodlano, Delete ager moto */

.page-location .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
.page-location .content {
    padding: 20px;
}
.page-location .content-wrapper .box {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
.page-location .box > .box-header {
    padding: 14px 18px;
    background: transparent;
    border-bottom: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg) var(--bt-radius-lg) 0 0;
}
.page-location .box > .box-header .box-title {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 600;
    color: var(--bt-text);
}
.page-location .box > .box-body {
    padding: 16px 18px 18px;
}

/* Upore notun District / Upazila jog korar form */
.page-location .box-body > form.form-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px !important;
}
.page-location .box-body > form.form-inline .form-control {
    height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
.page-location .box-body > form.form-inline .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
.page-location .box-body > form.form-inline .btn-primary {
    height: 38px;
    padding: 0 20px;
    font-weight: 600;
    border: 0;
    border-radius: 8px;
    background: var(--bt-primary);
}
.page-location .box-body > form.form-inline .btn-primary:hover {
    background: #1d4ed8;
}

/* Table: header scroll-e atke thake, ghor Excel-er moto (click korle sobuj border, likhe bodlano jay) */
.page-location .box-body > div[style*="overflow"] {
    border-radius: 8px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}
.page-location .box-body .table {
    margin-bottom: 0;
}
.page-location .box-body .table th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--xl-head);
    color: var(--xl-head-text);
    font-size: 12.5px;
    font-weight: 600;
    border-bottom-color: var(--xl-head-line) !important;
}
.page-location .box-body .table td {
    padding: 0 !important;
    background: #fff;
}
.page-location .box-body .table td .form-control {
    height: 36px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    background: transparent;
}
.page-location .box-body .table td .form-control:focus {
    outline: 2px solid var(--xl-active);
    outline-offset: -2px;
    background: #fff;
}
/* Bachai kora District-er row */
.page-location .box-body .table tr[style*="background"] td {
    background: var(--bt-primary-50);
}
.page-location .box-body .table tr[style*="background"] td:first-child {
    box-shadow: inset 3px 0 0 var(--bt-primary);
}
/* Shesh column: Upazila dekho / Delete */
.page-location .box-body .table td:last-child {
    width: 84px;
    padding: 3px 6px !important;
    white-space: nowrap;
    text-align: center;
}
.page-location .box-body .table td:last-child .btn {
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 28px;
    border-radius: 6px;
}
.page-location .box-body .table td:last-child .btn-info {
    color: var(--bt-primary);
    background: var(--bt-primary-50);
    border: 1px solid #bfdbfe;
}
.page-location .box-body .table td:last-child .btn-info:hover {
    background: #dbeafe;
}
.page-location .box-body .table td:last-child .btn-danger {
    background: var(--bt-red);
    border-color: var(--bt-red);
}

/* ==================== Step 15: Categories ==================== */
/* Shudhu dekhte bodlay: search, Add/Update, Edit/Delete, pagination ager moto */

:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .content {
    padding: 20px;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .content-wrapper .box {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box > .box-header {
    padding: 14px 18px;
    background: transparent;
    border-bottom: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg) var(--bt-radius-lg) 0 0;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box > .box-header .box-title {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 600;
    line-height: 38px;
    color: var(--bt-text);
}

/* Label ar input (search, Add/Update form) */
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box label {
    margin-bottom: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: #475569;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box .form-control {
    height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box > .box-header .form-control {
    height: 38px;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}

/* Category List table (Excel style Step 3 theke) */
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) #pageData .box-body.table-responsive {
    padding: 12px 16px 8px !important;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) #pageData .table {
    margin-bottom: 0;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) #pageData .btn-xs {
    width: 28px;
    height: 28px;
    margin: 1px;
    padding: 0;
    line-height: 26px;
    border-radius: 6px;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) #pageData .btn-success {
    background: var(--bt-green);
    border-color: var(--bt-green);
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) #pageData .btn-danger {
    background: var(--bt-red);
    border-color: var(--bt-red);
}

/* Pagination (Order List-er moto) */
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .pagination {
    margin: 8px 16px 16px;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .pagination > li > a,
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .pagination > li > span {
    margin-left: 4px;
    padding: 6px 12px;
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 8px !important;
    font-weight: 500;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .pagination > li > a:hover {
    background: var(--bt-border-soft);
    color: var(--bt-text);
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .pagination > .active > span {
    color: #fff;
    background: var(--bt-primary);
    border-color: var(--bt-primary);
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .pagination > .disabled > a {
    color: #94a3b8;
    background: var(--bt-subtle);
}

/* Dan pasher Add / Update Category form */
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box > form > .box-body {
    padding: 18px 5px 4px;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box input[type="file"].btn-file {
    display: block;
    width: 100%;
    padding: 8px 10px;
    text-align: left;
    font-size: 13px;
    color: var(--bt-muted);
    background: var(--bt-subtle);
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    box-shadow: none;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box input[type="file"].btn-file::file-selector-button {
    margin-right: 10px;
    padding: 6px 12px;
    font-weight: 600;
    color: #fff;
    background: var(--bt-primary);
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box .caticon {
    display: block;
    width: 88px;
    height: 88px;
    margin: 10px 0 16px;
    object-fit: cover;
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 12px;
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box .box-footer {
    clear: both;
    margin-top: 4px;
    padding: 16px 15px 14px;
    background: transparent;
    border-top: 1px solid var(--bt-border);
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box .ladda-button {
    width: 100%;
    padding: 11px 20px;
    font-family: var(--bt-font);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: var(--bt-green);
    border: 0;
    border-radius: 10px;
    box-shadow: var(--bt-shadow);
}
:is(.page-categories, .page-stages, .page-source, .page-shop_list, .page-wp_order) .box .ladda-button:hover {
    background: #15803d;
}

/* WordPress Order: header-e search/tarikh filter, customer-er note, product line */
.page-wp_order .box > .box-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
/* AdminLTE-r clearfix (::before/::after) flex-e faka item hoye title-ke dan dike thele dey */
.page-wp_order .box > .box-header::before,
.page-wp_order .box > .box-header::after {
    display: none;
}
.page-wp_order .box > .box-header .box-title .wp-order-count {
    font-size: 13px;
    font-weight: 500;
    color: var(--bt-muted);
}
.page-wp_order .wp-order-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* Filter-er ghor ar button ek mape (32px, choto lekha), jate Reset-soho ek line-e dhore */
.page-wp_order .box > .box-header .wp-order-filter .form-control {
    width: auto;
    height: 32px;
    padding: 4px 8px;
    font-size: 13px;
    border-radius: 5px;
}
.page-wp_order .box > .box-header .wp-order-filter input[name="q"] {
    width: 180px;
}
.page-wp_order .box > .box-header .wp-order-filter input[type="date"] {
    width: 135px;
}
.page-wp_order .box > .box-header .wp-order-filter .btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 32px;
    padding: 0 12px;
    font-size: 13px;
    border-radius: 5px;
}
.page-wp_order .wp-order-table td {
    vertical-align: top;
}
.page-wp_order .wp-order-table td > div + div {
    margin-top: 4px;
}
.page-wp_order .wp-order-note {
    margin-top: 6px;
    padding: 4px 8px;
    font-size: 12.5px;
    color: #92400e;
    background: #fffbeb;
    border-radius: 6px;
}
/* Kon website theke order (source): order number-er niche, review-e WordPress card-er title-er niche */
.page-wp_order .wp-source {
    margin-top: 2px;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--bt-muted);
    word-break: break-all;
}

/* List-er "Order List" column: pathano hole Sent + kon shop-er kon order, na hole Review & Send */
.page-wp_order .wp-order-table tr.wp-row-sent td {
    background: #f6fef9;
}
.page-wp_order .wp-sent-to {
    margin: 5px 0 2px;
    font-weight: 600;
}
.page-wp_order #pageData .wp-send-btn {
    padding: 4px 10px;
    font-size: 12.5px;
    border-radius: 6px;
    white-space: nowrap;
}

/* WordPress Order review (/wp_order/{id}): Order List-e pathanor form + dan pashe WordPress-er order */
.page-wp_order .wp-back {
    margin-bottom: 15px;
    border-radius: 8px;
}
.page-wp_order .wp-section {
    margin: 10px 0 12px;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--bt-text);
    border-bottom: 1px solid var(--bt-border);
}
.page-wp_order .wp-review-table {
    margin-bottom: 8px;
}
.page-wp_order .wp-review-table td {
    vertical-align: middle;
}
.page-wp_order .wp-review-table .wp-hint {
    display: block;
    margin-top: 4px;
    font-size: 12px;
}
.page-wp_order .wp-totals {
    margin-top: 15px;
}
.page-wp_order .wp-summary {
    margin: 0 0 15px;
    padding: 10px 14px;
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 8px;
    font-size: 14px;
}
.page-wp_order .wp-summary > div + div {
    margin-top: 4px;
}
.page-wp_order .wp-original .table {
    margin-top: 10px;
}
.page-wp_order .wp-original-total td {
    font-weight: 700;
    color: var(--bt-text);
}

/* Stages-er alada ongsho: rong bachai, bondho Type ar tar lekha */
.page-stages .box input[type="color"].form-control {
    width: 100%;
    padding: 4px;
    cursor: pointer;
}
.page-stages .box select.form-control:disabled {
    color: var(--bt-muted);
    background: var(--bt-subtle);
    cursor: not-allowed;
}
.page-stages .box .form-group small.text-muted {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--bt-amber);
}

/* ==================== Step 16: Website Settings ==================== */
/* Shudhu dekhte bodlay: logo bodlano, Save ager moto */

.page-website_setting .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
.page-website_setting .content {
    padding: 20px;
}
.page-website_setting .content-wrapper .box {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
.page-website_setting .box > .box-header {
    padding: 14px 20px;
    background: transparent;
    border-bottom: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg) var(--bt-radius-lg) 0 0;
}
.page-website_setting .box > .box-header .box-title {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 600;
    color: var(--bt-text);
}
.page-website_setting .box > form > .box-body {
    padding: 20px 5px 4px;
}
.page-website_setting .box label {
    margin-bottom: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: #475569;
}
.page-website_setting .box .form-control {
    height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
.page-website_setting .box .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
/* Logo bachai: dashed ghor, bhitore nil "Choose file" */
.page-website_setting .box input[type="file"].form-control {
    height: auto;
    padding: 8px 10px;
    font-size: 13px;
    color: var(--bt-muted);
    background: var(--bt-subtle);
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
}
.page-website_setting .box input[type="file"].form-control::file-selector-button {
    margin-right: 10px;
    padding: 6px 12px;
    font-weight: 600;
    color: #fff;
    background: var(--bt-primary);
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}
/* Logo-r preview (sada logo-o jate dekha jay, tai gaDh nil pechone) */
.page-website_setting .box .weblogo {
    display: block;
    width: auto;
    max-width: 180px;
    height: 72px;
    margin-top: 10px;
    padding: 8px 12px;
    object-fit: contain;
    background: #0f172a;
    border: 0;
    border-radius: 12px;
}
.page-website_setting .box .box-footer {
    clear: both;
    margin-top: 4px;
    padding: 16px 15px 14px;
    background: transparent;
    border-top: 1px solid var(--bt-border);
}
.page-website_setting .box .ladda-button {
    min-width: 180px;
    padding: 11px 28px;
    font-family: var(--bt-font);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: var(--bt-green);
    border: 0;
    border-radius: 10px;
    box-shadow: var(--bt-shadow);
}
.page-website_setting .box .ladda-button:hover {
    background: #15803d;
}

/* ==================== Step 17: Customer Query (list + Add Query) ==================== */

:is(.page-customer_query, .page-all_project) .content-wrapper,
:is(.page-add_query, .page-add_project) .content-wrapper {
    background: var(--bt-bg);
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}
:is(.page-customer_query, .page-all_project) .content,
:is(.page-add_query, .page-add_project) .content {
    padding: 20px;
}

/* --- Upore filter card --- */
:is(.page-customer_query, .page-all_project) .cq-filter {
    margin-bottom: 10px;
    padding: 14px 16px 4px;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-customer_query, .page-all_project) .cq-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
:is(.page-customer_query, .page-all_project) .cq-toolbar > .btn {
    height: 38px;
    padding: 0 16px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-customer_query, .page-all_project) .cq-search {
    position: relative;
    width: 320px;
    max-width: 100%;
    margin-left: auto;
}
:is(.page-customer_query, .page-all_project) .cq-search > .fa {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    color: #94a3b8;
}
:is(.page-customer_query, .page-all_project) .cq-search .form-control {
    height: 38px;
    padding-left: 34px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-customer_query, .page-all_project) .cq-search .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
/* Date ar Call: pill button, bachai kora-ta rongin */
:is(.page-customer_query, .page-all_project) .cq-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}
:is(.page-customer_query, .page-all_project) .cq-filter-label {
    width: 44px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #94a3b8;
}
:is(.page-customer_query, .page-all_project) .cq-filter-row .rbutton,
:is(.page-customer_query, .page-all_project) .cq-filter-row .btn {
    margin: 0;
    padding: 5px 13px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 999px;
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease;
}
:is(.page-customer_query, .page-all_project) .cq-filter-row .rbutton:hover,
:is(.page-customer_query, .page-all_project) .cq-filter-row .btn:hover {
    background: var(--bt-subtle);
    border-color: #cbd5e1;
}
:is(.page-customer_query, .page-all_project) .cq-filter-row .rbutton.is-active {
    color: #fff;
    background: var(--bt-primary);
    border-color: var(--bt-primary);
}
:is(.page-customer_query, .page-all_project) .cq-filter-row .btn.is-active {
    color: #fff;
    background: var(--bt-red);
    border-color: var(--bt-red);
}

/* Gonona box: Total, Current, status, user (click korle filter) */
:is(.page-customer_query, .page-all_project) .cq-counts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
    padding: 12px 0 10px;
    border-top: 1px dashed var(--bt-border);
}
:is(.page-customer_query, .page-all_project) .cq-counts .adsqbox {
    float: none;
    width: auto;
    min-width: 108px;
    margin: 0;
}
:is(.page-customer_query, .page-all_project) .cq-counts .adsfilter {
    margin: 0;
    padding: 7px 12px;
    text-align: left;
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 10px;
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease;
}
:is(.page-customer_query, .page-all_project) .cq-counts .adsfilter:hover {
    background: var(--bt-primary-50);
    border-color: #93c5fd;
}
:is(.page-customer_query, .page-all_project) .cq-counts .adsfilter .statusttl:first-child {
    font-size: 12px;
    color: var(--bt-muted);
}
:is(.page-customer_query, .page-all_project) .cq-counts .adsfilter .statusttl:last-child {
    font-size: 16px;
    font-weight: 700;
    color: var(--bt-text);
}
:is(.page-customer_query, .page-all_project) .cq-counts .cq-count-user .statusttl:first-child::before {
    font-family: FontAwesome;
    content: "\f007";
    margin-right: 5px;
    opacity: .6;
}
/* Total / Current: nil, click hoy na */
:is(.page-customer_query, .page-all_project) .cq-counts .cq-count-total .adsfilter {
    cursor: default;
    background: var(--bt-primary-50);
    border-color: #bfdbfe;
}
:is(.page-customer_query, .page-all_project) .cq-counts .cq-count-total .adsfilter .statusttl:last-child {
    color: var(--bt-primary);
}
:is(.page-customer_query, .page-all_project) .cq-counts .adsfilter.is-active {
    background: var(--bt-primary);
    border-color: var(--bt-primary);
}
:is(.page-customer_query, .page-all_project) .cq-counts .adsfilter.is-active .statusttl {
    color: #fff !important;
}

/* --- List (Excel style Step 3 theke); card-e overflow na, noile header atke thaka bondho --- */
:is(.page-customer_query, .page-all_project) .cq-list {
    padding: 8px;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-customer_query, .page-all_project) #pageData .btn-xs {
    margin: 1px;
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    border-radius: 6px;
    box-shadow: none;
}
:is(.page-customer_query, .page-all_project) #pageData .btn-success {
    background: var(--bt-green);
    border-color: var(--bt-green);
}
:is(.page-customer_query, .page-all_project) #pageData .btn-danger {
    background: var(--bt-red);
    border-color: var(--bt-red);
}
/* Manage by: user-er nam chhoto pill */
:is(.page-customer_query, .page-all_project) .cq-manage .cq-assignee {
    display: inline-block;
    margin: 1px;
    padding: 1px 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--bt-text);
    background: rgba(15, 23, 42, .07);
    border-radius: 999px;
    cursor: pointer;
}
:is(.page-customer_query, .page-all_project) .cq-empty {
    padding: 40px 16px;
    text-align: center;
    color: var(--bt-muted);
}
:is(.page-customer_query, .page-all_project) .pagination {
    margin: 12px 0 4px;
}
:is(.page-customer_query, .page-all_project) .pagination > li > a,
:is(.page-customer_query, .page-all_project) .pagination > li > span {
    margin-left: 4px;
    padding: 6px 12px;
    color: var(--bt-text-2);
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 8px !important;
    font-weight: 500;
}
:is(.page-customer_query, .page-all_project) .pagination > li > a:hover {
    background: var(--bt-border-soft);
    color: var(--bt-text);
}
:is(.page-customer_query, .page-all_project) .pagination > .active > span {
    color: #fff;
    background: var(--bt-primary);
    border-color: var(--bt-primary);
}
:is(.page-customer_query, .page-all_project) .pagination > .disabled > a,
:is(.page-customer_query, .page-all_project) .pagination > .disabled > span {
    color: #94a3b8;
    background: var(--bt-subtle);
}
/* Pagination-er line: bame "Showing 1-50 of 2148", dane page */
.page-customer_query .cq-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
    padding: 0 4px 4px;
}
.page-customer_query .cq-pager .pagination {
    margin: 0;
}
.page-customer_query .cq-page-info {
    font-size: 13px;
    color: var(--bt-muted);
}

/* --- Popup: Profile, Manage By, Task --- */
:is(.page-customer_query, .page-all_project) .modal-content {
    border: 0;
    border-radius: 14px;
    box-shadow: 0 24px 48px -12px rgba(15, 23, 42, .35);
    font-family: var(--bt-font);
}
:is(.page-customer_query, .page-all_project) .modal-header {
    padding: 14px 18px;
    border-bottom: 1px solid var(--bt-border);
}
:is(.page-customer_query, .page-all_project) .modal-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--bt-text);
}
:is(.page-customer_query, .page-all_project) .modal-body {
    padding: 16px 18px;
}
:is(.page-customer_query, .page-all_project) .modal-footer {
    padding: 12px 18px;
    border-top: 1px solid var(--bt-border);
}
:is(.page-customer_query, .page-all_project) .modal-content .btn {
    font-weight: 600;
    border-radius: 8px;
}
:is(.page-customer_query, .page-all_project) .modal-content label {
    font-size: 12.5px;
    font-weight: 600;
    color: #475569;
}
:is(.page-customer_query, .page-all_project) .modal-content .form-control {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
}
:is(.page-customer_query, .page-all_project) .modal-content .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
/* Profile: bame label, dane lekha */
:is(.page-customer_query, .page-all_project) .cq-view-row {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px dashed var(--bt-border);
}
:is(.page-customer_query, .page-all_project) .cq-view-row:last-child {
    border-bottom: 0;
}
:is(.page-customer_query, .page-all_project) .cq-view-label {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--bt-muted);
}
:is(.page-customer_query, .page-all_project) .cq-view-value {
    font-size: 14px;
    color: var(--bt-text);
    word-break: break-word;
}
/* Manage By: user list */
:is(.page-customer_query, .page-all_project) .cq-manage-select {
    height: 260px;
    padding: 4px;
}
:is(.page-customer_query, .page-all_project) .cq-manage-select option {
    padding: 6px 8px;
    border-radius: 6px;
}
/* Task: ager task, phone call (1-5), notun task */
:is(.page-customer_query, .page-all_project) .cq-tasks {
    max-height: 240px;
    margin-bottom: 14px;
    overflow: auto;
}
:is(.page-customer_query, .page-all_project) .cq-task {
    margin-bottom: 8px;
    padding: 10px 12px;
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 10px;
}
:is(.page-customer_query, .page-all_project) .cq-task-date {
    margin-bottom: 3px;
    font-size: 11.5px;
    color: var(--bt-muted);
}
:is(.page-customer_query, .page-all_project) .cq-task-text {
    font-size: 13.5px;
    color: var(--bt-text);
}
:is(.page-customer_query, .page-all_project) .cq-tasks-empty {
    margin-bottom: 14px;
    padding: 14px;
    text-align: center;
    font-size: 13px;
    color: var(--bt-muted);
    background: var(--bt-subtle);
    border-radius: 10px;
}
:is(.page-customer_query, .page-all_project) .cq-calls {
    margin-bottom: 14px;
}
:is(.page-customer_query, .page-all_project) .cq-call-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}
:is(.page-customer_query, .page-all_project) .cq-call {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 6px 14px;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--bt-text-2) !important;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    cursor: pointer;
}
:is(.page-customer_query, .page-all_project) .cq-call input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--bt-primary);
}
:is(.page-customer_query, .page-all_project) .cq-call:has(input:checked) {
    color: var(--bt-primary) !important;
    background: var(--bt-primary-50);
    border-color: var(--bt-primary);
}

/* --- Add Query page --- */
:is(.page-add_query, .page-add_project) .content > .row > .col-md-12 > .btn-lg {
    height: 38px;
    margin-bottom: 10px;
    padding: 0 16px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-add_query, .page-add_project) .box.box-primary {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
}
:is(.page-add_query, .page-add_project) .box.box-primary > .box-header {
    padding: 14px 20px;
    background: transparent;
    border-bottom: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg) var(--bt-radius-lg) 0 0;
}
:is(.page-add_query, .page-add_project) .box.box-primary > .box-header .box-title {
    font-family: var(--bt-font);
    font-size: 16px;
    font-weight: 600;
    color: var(--bt-text);
}
:is(.page-add_query, .page-add_project) .box.box-primary .box-body {
    padding-top: 18px;
}
:is(.page-add_query, .page-add_project) .box.box-primary label {
    margin-bottom: 6px;
    font-size: 12.5px;
    font-weight: 600;
    color: #475569;
}
:is(.page-add_query, .page-add_project) .box.box-primary .form-control {
    height: 40px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: none;
    font-size: 14px;
}
:is(.page-add_query, .page-add_project) .box.box-primary textarea.form-control {
    height: auto;
    min-height: 110px;
}
:is(.page-add_query, .page-add_project) .box.box-primary .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
:is(.page-add_query, .page-add_project) .box.box-primary .box-footer {
    clear: both;
    padding: 16px 20px;
    background: transparent;
    border-top: 1px solid var(--bt-border);
}
:is(.page-add_query, .page-add_project) .box.box-primary .ladda-button {
    min-width: 200px;
    padding: 11px 28px;
    font-family: var(--bt-font);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: var(--bt-green);
    border: 0;
    border-radius: 10px;
    box-shadow: var(--bt-shadow);
}
:is(.page-add_query, .page-add_project) .box.box-primary .ladda-button:hover {
    background: #15803d;
}

/* --- Project-er alada ongsho (list/popup-er baki shob Customer Query-r niyom) --- */
.page-all_project #pageData .pj-due {
    color: var(--bt-red);
}
.page-all_project .pj-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: var(--bt-text);
}
.page-all_project .pj-status {
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--bt-primary);
    background: var(--bt-primary-50);
    border-radius: 999px;
}
/* Details: Total / Paid / Due */
.page-all_project .pj-money {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 16px;
}
.page-all_project .pj-money > div {
    padding: 10px 12px;
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 10px;
}
.page-all_project .pj-money span {
    display: block;
    font-size: 12px;
    color: var(--bt-muted);
}
.page-all_project .pj-money b {
    font-size: 16px;
    color: var(--bt-text);
}
.page-all_project .pj-money .pj-paid {
    color: var(--bt-green);
}
.page-all_project .pj-money .pj-due {
    color: var(--bt-red);
}
.page-all_project .pj-budget-form {
    margin-bottom: 16px;
    padding: 12px 14px;
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: 10px;
}
/* Popup-er table (payment, task): Excel-er moto ghor */
.page-all_project .modal .table {
    margin-bottom: 14px;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid var(--xl-grid);
    border-left: 1px solid var(--xl-grid);
    font-size: 13px;
}
.page-all_project .modal .table > thead > tr > th,
.page-all_project .modal .table > tbody > tr > td,
.page-all_project .modal .table > tfoot > tr > td {
    padding: 7px 10px;
    vertical-align: middle;
    border-top: 0;
    border-right: 1px solid var(--xl-grid);
    border-bottom: 1px solid var(--xl-grid);
}
.page-all_project .modal .table > thead > tr > th {
    font-weight: 600;
    color: var(--xl-head-text);
    background: var(--xl-head);
    border-bottom-color: var(--xl-head-line);
}
.page-all_project .modal .table > tfoot > tr > td {
    font-weight: 600;
    background: var(--bt-subtle);
}
.page-all_project .modal .pj-due-row > td {
    color: var(--bt-red);
}
/* Task table: ghorer vitore lekha, bam pashe tene sorano */
.page-all_project .pj-task-table .table > tbody > tr > td {
    padding: 0;
}
.page-all_project .pj-task-table .table > tbody > tr > td:first-child,
.page-all_project .pj-task-table .table > tbody > tr > td:nth-child(2) {
    padding: 7px 10px;
}
.page-all_project .pj-task-table .form-control {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    resize: vertical;
}
.page-all_project .pj-task-table .form-control:focus {
    outline: 2px solid var(--xl-active);
    outline-offset: -2px;
    background: #fff;
}
.page-all_project .pj-task-table tr[data-tid] {
    cursor: move;
}
.page-all_project .pj-task-table .move-icon {
    margin-right: 4px;
    color: #94a3b8;
    cursor: move;
}

/* ==================== Login page (login.php, body.bt-login) ==================== */
.bt-login {
    min-height: 100vh;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    font-family: var(--bt-font);
    color: var(--bt-text);
    background:
        radial-gradient(900px 500px at 0% 0%, #dbeafe 0%, transparent 60%),
        radial-gradient(800px 480px at 100% 100%, #e0e7ff 0%, transparent 55%),
        var(--bt-bg);
}
.bt-login-card {
    width: 100%;
    max-width: 400px;
    padding: 32px 28px 24px;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: 18px;
    box-shadow: 0 24px 48px -24px rgba(15, 23, 42, .28), 0 2px 6px rgba(15, 23, 42, .05);
}
.bt-login-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    text-align: center;
}
.bt-login-logo {
    width: 64px;
    height: 64px;
    padding: 8px;
    object-fit: contain;
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: 16px;
    box-shadow: var(--bt-shadow-sm);
}
.bt-login-name {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.01em;
    color: var(--bt-text);
}
.bt-login-sub {
    margin: 0;
    font-size: 13.5px;
    color: var(--bt-muted);
}
/* Vul email/password */
.bt-login-alert {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 10px 12px;
    font-size: 13.5px;
    color: #b91c1c;
    background: var(--bt-red-50);
    border: 1px solid #fecaca;
    border-radius: 10px;
}
.bt-login-group {
    margin-bottom: 14px;
}
.bt-login-group > label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--bt-text-2);
}
.bt-login-field {
    position: relative;
}
.bt-login-field > .fa {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    font-size: 15px;
    color: #94a3b8;
    pointer-events: none;
}
.bt-login .form-control {
    height: 44px;
    padding: 10px 14px 10px 40px;
    font-size: 14px;
    color: var(--bt-text);
    border: 1px solid var(--bt-border);
    border-radius: 10px;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.bt-login .form-control.has-eye {
    padding-right: 44px;
}
.bt-login .form-control:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}
/* Password dekhano / lukano-r chokh */
.bt-login-eye {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    padding: 0;
    color: #94a3b8;
    background: transparent;
    border: 0;
    border-radius: 8px;
}
.bt-login-eye:hover,
.bt-login-eye:focus {
    color: var(--bt-text);
    background: var(--bt-border-soft);
    outline: none;
}
.bt-login-remember {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0 18px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--bt-text-2);
    cursor: pointer;
}
.bt-login-remember input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--bt-primary);
}
.bt-login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 46px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: var(--bt-primary);
    border: 0;
    border-radius: 10px;
    box-shadow: 0 10px 20px -10px rgba(37, 99, 235, .65);
    transition: background-color .15s ease, transform .05s ease;
}
.bt-login-btn:hover,
.bt-login-btn:focus {
    background: #1d4ed8;
    color: #fff;
    outline: none;
}
.bt-login-btn:active {
    transform: translateY(1px);
}
.bt-login-foot {
    margin-top: 18px;
    font-size: 12.5px;
    text-align: center;
    color: var(--bt-muted);
}

/* ==================== Guest POS (guest_pos.php) ==================== */
/* POS-e Order List-er pashe Guest User button */
.pos-guest-btn {
    margin-left: 8px;
}

/* Admin header/sidebar nei, tai content puro chowra */
.guest-pos {
    background: var(--bt-bg);
    font-family: var(--bt-font);
}
.guest-pos .content-wrapper {
    margin-left: 0;
    min-height: 100vh;
}
/* Order List button-er jaygay "Guest Order · shop" */
.guest-pos-shop {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    margin-top: 23px;
    padding: 0 14px;
    border-radius: 8px;
    background: #eff6ff;
    color: var(--bt-primary);
    font-size: 14px;
    font-weight: 600;
}
.guest-pos-shop span {
    color: var(--bt-text-2);
    font-weight: 500;
}
.guest-pos-shop span::before {
    content: "·";
    margin-right: 8px;
    color: var(--bt-muted);
}
/* Cart button shudhu phone-e (niche Mobile section), computer-e Cart pashei dekha jay */
.guest-pos-cart-btn {
    display: none;
}

/* Code-er age: pichone POS-er moto jhapsa nokol */
.guest-pos-skeleton {
    padding: 20px;
    filter: blur(5px);
    pointer-events: none;
    user-select: none;
}
.guest-pos-skeleton .gps-bar {
    height: 76px;
    margin-bottom: 16px;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
}
.guest-pos-skeleton .gps-main {
    display: flex;
    gap: 20px;
}
.guest-pos-skeleton .gps-products {
    flex: 7;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 12px;
    padding: 16px;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
}
.guest-pos-skeleton .gps-card {
    height: 170px;
    border: 1px solid var(--bt-border);
    border-radius: 10px;
    background: linear-gradient(#e2e8f0 0 62%, #fff 62%);
}
.guest-pos-skeleton .gps-cart {
    flex: 5;
    min-height: 420px;
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
}
@media (max-width: 767px) {
    .guest-pos-skeleton .gps-main {
        flex-direction: column;
    }
}

/* Security code popup */
.guest-pos-lock {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(15, 23, 42, .35);
}
.guest-pos-lock .gpl-card {
    width: 100%;
    max-width: 360px;
    padding: 28px 26px 24px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .25);
    text-align: center;
}
.guest-pos-lock .gpl-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #eff6ff;
    color: var(--bt-primary);
    font-size: 24px;
    line-height: 56px;
}
.guest-pos-lock .gpl-title {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 700;
    color: var(--bt-text);
}
.guest-pos-lock .gpl-sub {
    margin: 0 0 16px;
    font-size: 13.5px;
    color: var(--bt-muted);
}
.guest-pos-lock .gpl-error {
    margin-bottom: 12px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #fef2f2;
    color: var(--bt-red);
    font-size: 13px;
    text-align: left;
}
.guest-pos-lock .gpl-input {
    height: 46px;
    margin-bottom: 12px;
    border-radius: 10px;
    font-size: 20px;
    letter-spacing: 6px;
    text-align: center;
}
.guest-pos-lock .gpl-btn {
    height: 44px;
    border-radius: 10px;
    font-weight: 600;
}

/* Mobile (phone): Product List upore, Cart niche, sob chhoto screen-e dhore. Computer-e kichu bodlay na */
@media (max-width: 767px) {
    /* Admin header nei, tai upore 48px fanka lagbe na */
    .guest-pos .content {
        margin-top: 0;
        padding: 10px;
    }

    /* --- Upore toolbar: scroll korleo upore atke thake; Search puro line, tar niche Category ar Add Customer pashapashi --- */
    /* Pichone page-er rong, jate niche scroll hoye jawa product toolbar-er charpashe dekha na jay */
    .guest-pos .content > .row > .col-md-12:first-child {
        position: sticky;
        top: 0;
        z-index: 20;
        margin-top: -10px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: var(--bt-bg);
    }
    .guest-pos .content > .row > .col-md-12:first-child > .row {
        margin-bottom: 0;
        padding: 12px 0 0;
    }
    /* "Guest Order · shop" ar dan pashe Cart button */
    .guest-pos .guest-pos-top {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }
    .guest-pos .guest-pos-shop {
        flex: 1;
        min-width: 0;
        margin: 0;
        white-space: nowrap;
    }
    .guest-pos .guest-pos-shop span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .guest-pos .guest-pos-cart-btn {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 46px;
        height: 38px;
        border-radius: 8px;
        background: var(--bt-primary);
        color: #fff;
        font-size: 18px;
        box-shadow: var(--bt-shadow-sm);
    }
    .guest-pos .guest-pos-cart-btn:hover,
    .guest-pos .guest-pos-cart-btn:focus {
        background: #1d4ed8;
        color: #fff;
    }
    /* Cart-e koyta item (0 hole lukano), notun product add hole ektu boro hoye abar choto */
    .guest-pos .guest-pos-cart-btn .gpc-count {
        position: absolute;
        top: -8px;
        right: -8px;
        min-width: 20px;
        height: 20px;
        padding: 0 5px;
        border: 2px solid #fff;
        border-radius: 10px;
        background: var(--bt-red);
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        line-height: 16px;
        text-align: center;
        transition: transform .15s ease;
    }
    .guest-pos .guest-pos-cart-btn .gpc-count:empty {
        display: none;
    }
    .guest-pos .guest-pos-cart-btn .gpc-count.gpc-bump {
        transform: scale(1.35);
    }
    /* Placeholder-ei lekha ache (Search Product, Select a Category), tai label lage na */
    .guest-pos .content > .row > .col-md-12:first-child label {
        display: none;
    }
    .guest-pos .content > .row > .col-md-12:first-child .form-group {
        margin-bottom: 12px;
    }
    .guest-pos .content > .row > .col-md-12:first-child form > .col-md-3 + .col-md-3 {
        float: left;
        width: 55%;
        padding-right: 5px;
    }
    .guest-pos .content > .row > .col-md-12:first-child form > .col-md-2 {
        float: left;
        width: 45%;
        padding-left: 5px;
    }
    .guest-pos .content > .row > .col-md-12:first-child .btn-lg.mtn15 {
        width: 100%;
        margin-top: 0;
        padding: 0 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* --- Product List ar Cart pashapashi na, ekta-r niche arekta --- */
    .guest-pos .content > .row > .col-md-12 > .row > .col-xs-7,
    .guest-pos .content > .row > .col-md-12 > .row > .col-xs-5 {
        float: none;
        width: 100%;
    }

    /* Product card ek line-e 2ta (boro phone-e 3ta), ek line-er card soman uchu */
    .guest-pos .productcard {
        display: flex;
        flex-wrap: wrap;
        padding: 2px 6px 12px;
    }
    .guest-pos .productcard::before,
    .guest-pos .productcard::after {
        display: none;
    }
    .guest-pos .productcard > [class*="col-"] {
        display: flex;
        width: 50%;
        padding: 0 4px;
    }
    .guest-pos .product-card {
        flex: 1;
        margin-top: 8px;
    }

    /* --- Cart-er upore: customer bachai ar Customer History ek line-e --- */
    .guest-pos .box > form > .box-header {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 12px;
    }
    .guest-pos .box > form > .box-header::before,
    .guest-pos .box > form > .box-header::after {
        display: none;
    }
    .guest-pos .box > form > .box-header > [class*="col-"] {
        padding: 0;
    }
    .guest-pos .box > form > .box-header > .col-md-6 {
        flex: 1 1 0;
        min-width: 0;
    }
    .guest-pos .box > form > .box-header > .col-md-3 {
        flex: 0 0 auto;
        margin-left: 8px;
    }
    /* Khali column */
    .guest-pos .box > form > .box-header > .col-md-3 + .col-md-3 {
        display: none;
    }
    .guest-pos .box > form > .box-header > .col-md-12 {
        flex: 0 0 100%;
    }
    .guest-pos .box > form > .box-header .openHistory.btn {
        padding: 0 10px;
        font-size: 12.5px;
    }

    /* --- Cart: table-er bodole protiti product ekta card (nam + ✕, niche - qty + × dam = total) --- */
    .guest-pos #cartArea {
        padding: 10px;
    }
    .guest-pos #cartArea > .alert-info img {
        display: block;
        max-width: 220px;
        margin: 0 auto;
    }
    .guest-pos #cartArea > .table,
    .guest-pos #cartArea > .table > tbody,
    .guest-pos #cartArea > .table > tfoot {
        display: block;
    }
    .guest-pos #cartArea > .table {
        border: 1px solid var(--bt-border);
        border-radius: 10px;
        overflow: hidden;
    }
    .guest-pos #cartArea > .table > thead {
        display: none;
    }
    .guest-pos #cartArea > .table > tbody > tr {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "name name act" "qty price total";
        align-items: center;
        gap: 8px 10px;
        padding: 10px 12px;
        border-bottom: 1px solid var(--bt-border);
    }
    .guest-pos #cartArea > .table > tbody > tr > td,
    .guest-pos #cartArea > .table > tfoot > tr > td {
        display: block;
        padding: 0;
        border: 0;
        background: transparent;
    }
    .guest-pos #cartArea > .table > tbody > tr > td:nth-child(1) {
        grid-area: act;
        justify-self: end;
        align-self: start;
    }
    .guest-pos #cartArea > .table > tbody > tr > td:nth-child(2) {
        grid-area: name;
        font-size: 13.5px;
        font-weight: 600;
        line-height: 1.35;
        color: var(--bt-text);
    }
    .guest-pos #cartArea > .table > tbody > tr > td:nth-child(3) {
        grid-area: qty;
    }
    .guest-pos #cartArea > .table > tbody > tr > td:nth-child(4) {
        grid-area: price;
        font-size: 12.5px;
        color: var(--bt-muted);
    }
    .guest-pos #cartArea > .table > tbody > tr > td:nth-child(4)::before {
        content: "× ";
    }
    .guest-pos #cartArea > .table > tbody > tr > td:nth-child(5) {
        grid-area: total;
        justify-self: end;
        font-weight: 700;
        color: var(--bt-text);
    }
    .guest-pos #cartArea .d-flex {
        justify-content: flex-start;
        gap: 6px;
    }
    .guest-pos #cartArea > .table > tfoot > tr {
        display: grid;
        grid-template-columns: 1fr auto;
        padding: 10px 12px;
        background: var(--bt-subtle);
        font-size: 14px;
    }
    .guest-pos #cartArea > .table > tfoot > tr > td:first-child {
        text-align: left;
    }

    /* --- Customer-er status box: ek line-e 3ta --- */
    .guest-pos #statusBoxArea .status-box {
        gap: 8px !important;
        padding: 4px 12px 12px !important;
    }
    .guest-pos #statusBoxArea .status-box > div {
        flex: 1 1 calc(33.333% - 8px);
        min-width: 0 !important;
        padding: 10px 6px !important;
    }
    .guest-pos #statusBoxArea .status-box > div > div:first-child {
        font-size: 12px !important;
    }
    .guest-pos #statusBoxArea .status-box > div > div:last-child {
        font-size: 18px !important;
    }

    /* --- Customer History popup: 950px-er bodole screen-er soman, table pashe scroll --- */
    .guest-pos #customerHistory .modal-dialog {
        width: auto !important;
        margin: 10px;
    }
    .guest-pos #customerHistory .modal-body table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .guest-pos .productcard > [class*="col-"] {
        width: 33.3333%;
    }
}

/* ==================== litazecom: golapi sidebar (brand #9b3f5a) ==================== */
/* bteam theke CSS abar anle ei ongsho-ta shesh-e abar jure dite hobe */
:root {
    --bt-side-bg: #fce7ef;     /* halka golapi */
    --bt-side-line: #f3c4d4;   /* golapi dag / scrollbar */
    --bt-side-text: #4c1d2e;   /* gaDh maroon lekha */
    --bt-side-icon: #9b3f5a;   /* brand golapi icon, sub-menu */
    --bt-side-hover: #f8d2df;  /* mouse rakhle */
    --bt-side-active: #fff;    /* khola menu sada */
    --bt-side-strong: #3a0f1f; /* hover/active lekha */
    --bt-side-sub-hover: rgba(155, 63, 90, .10);
    --bt-side-accent: #be185d; /* khola menu-r dag, icon, sub-menu */
}
/* Bhag-er shironam (SHOPS, WORK ...) */
.skin-blue .sidebar-menu > li.header {
    color: #a8566f;
}
/* Je page khola tar sub-menu: halka golapi pechon */
.skin-blue .sidebar-menu .treeview-menu > li.active > a {
    background: rgba(190, 24, 93, .09);
}

/* ==================== litazecom: header golapi sidebar-er sathe milano ==================== */
/* Upore bar: khub halka golapi, niche golapi dag (bam-er logo-r jaygar sathe mile) */
.skin-blue .main-header .navbar {
    background-color: #fff6f9;
    box-shadow: 0 1px 0 #f3c4d4;
}
/* ☰ button */
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #9b3f5a;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #3a0f1f;
    background: #fce7ef;
}
/* Refresh: brand golapi */
.skin-blue .main-header .refreshbtn {
    color: #9b3f5a;
    background: #fce7ef;
    border-color: #f3c4d4;
}
.skin-blue .main-header .refreshbtn:hover,
.skin-blue .main-header .refreshbtn:focus {
    color: #fff;
    background: #9b3f5a;
    border-color: #9b3f5a;
}
/* Dan pasher Calculator ar user */
.skin-blue .main-header .navbar-custom-menu .navbar-nav > li > a {
    color: #4c1d2e;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus {
    background: #fce7ef;
    color: #3a0f1f;
}
.skin-blue .main-header .navbar-nav > .user-menu .user-image {
    box-shadow: 0 0 0 1px #f3c4d4;
}
/* User menu-r upore: maroon theke golapi */
.skin-blue .main-header li.user-header {
    background: linear-gradient(135deg, #4c1d2e, #be185d);
}
.skin-blue .main-header .navbar-custom-menu .dropdown-menu {
    border-color: #f3c4d4;
}

/* ==================== litazecom: header ar sidebar-e halka shadow ==================== */
/* Header (logo + upore bar) niche halka golapi-chaya: scroll korle content-er upore bhese thake */
.skin-blue .main-header {
    box-shadow: 0 2px 10px -2px rgba(155, 63, 90, .20);
}
/* Sidebar-er dan pashe halka chaya */
.skin-blue .main-sidebar {
    box-shadow: 3px 0 12px -4px rgba(155, 63, 90, .22);
}
/* Mobile-e sidebar lukano thakle chaya screen-er kinaray dekha jabe na; khulle tobei */
@media (max-width: 767px) {
    .skin-blue .main-sidebar {
        box-shadow: none;
    }
    .skin-blue.sidebar-open .main-sidebar {
        box-shadow: 3px 0 12px -4px rgba(155, 63, 90, .22);
    }
}

/* ==================== MMH One & POS Mobile Responsiveness ==================== */
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-pos_hub, .page-pos_one, .page-pos_mmh, .page-pos_homeo) .productcard {
    margin: 0 -5px;
    padding: 4px 6px 16px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-pos_hub, .page-pos_one, .page-pos_mmh, .page-pos_homeo) .productcard > [class*="col-"] {
    padding: 0 5px;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-pos_hub, .page-pos_one, .page-pos_mmh, .page-pos_homeo) .product-card {
    margin: 8px 0 0;
    border-radius: 10px;
    border: 1.5px solid var(--bt-border);
    background: #fff;
    transition: all .15s ease;
}
:is(.page-pos, .page-pos_ghor, .page-pos_tulsi, .page-pos_health, .page-pos_hub, .page-pos_one, .page-pos_mmh, .page-pos_homeo) .product-card:hover {
    border-color: #38bdf8;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
@media (max-width: 991px) {
    .pos-product-col,
    .pos-cart-col {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px;
    }
    .pos-cart-col .box {
        margin-top: 15px;
    }
    .pos-product-col .productcard > [class*="col-"] {
        width: 50% !important;
        float: left !important;
    }
}
@media (max-width: 767px) {
    .content-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .content {
        padding: 8px !important;
    }
    .pos-product-col .box-header,
    .pos-cart-col .box-header {
        padding: 10px !important;
    }
    .pos-product-col .productcard > [class*="col-"] {
        width: 50% !important;
        padding: 0 4px !important;
    }
    .product-card img, .product-card .pc-noimg {
        height: 100px !important;
    }
}

/* ==================== MMH One Exclusive Mobile App Styling ==================== */
.page-pos_one .mmh-app-banner {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
    color: #fff;
    padding: 12px 16px;
    border-radius: 10px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 14px rgba(49, 46, 129, 0.25);
}
.page-pos_one .mmh-badge {
    background: linear-gradient(135deg, #6366f1, #06b6d4);
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 6px;
    letter-spacing: 0.5px;
    margin-right: 8px;
}
.page-pos_one .mmh-app-title {
    font-size: 15px;
    font-weight: 700;
    color: #e0e7ff;
}
.page-pos_one .mmh-app-banner-actions {
    display: flex;
    gap: 8px;
}
.page-pos_one .mmh-btn-app,
.page-pos_one .mmh-btn-apk {
    font-weight: 600;
    border-radius: 6px;
    padding: 6px 12px;
}

/* MMH One Product Card */
.page-pos_one .mmh-card {
    border: 2px solid #e0e7ff;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
    padding-bottom: 10px;
}
.page-pos_one .mmh-card:hover {
    border-color: #6366f1;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(99, 102, 241, 0.18);
}
.page-pos_one .mmh-card img {
    height: 140px;
    object-fit: cover;
    width: 100%;
}
.page-pos_one .mmh-card .product-title {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 4px;
    min-height: 20px;
}
.page-pos_one .mmh-card .product-price {
    font-size: 16px;
    font-weight: 800;
    color: #4f46e5;
    margin-bottom: 6px;
}
.page-pos_one .mmh-quick-add {
    width: 90%;
    margin: 4px auto 0 auto;
    display: block;
    background: linear-gradient(135deg, #4f46e5, #4338ca);
    border: none;
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
    padding: 6px;
}

/* MMH One Floating Bottom Mobile Cart Bar */
.mmh-floating-cart {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #1e1b4b, #0f172a);
    color: #fff;
    padding: 12px 18px;
    z-index: 99999;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.3);
    border-top: 2px solid #6366f1;
    cursor: pointer;
    font-family: 'Hind Siliguri', 'Inter', sans-serif;
    justify-content: space-between;
    align-items: center;
}
.mmh-floating-cart.visible {
    display: flex;
}
.mmh-floating-cart .mfc-left {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
}
.mmh-floating-cart .mfc-left i {
    color: #38bdf8;
    font-size: 18px;
}
.mmh-floating-cart .mfc-right {
    background: linear-gradient(135deg, #4f46e5, #06b6d4);
    color: #fff;
    padding: 7px 15px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 10px rgba(79, 70, 229, 0.4);
}

/* MMH One Inline Steadfast Fraud Badge */
.pos-fraud-badge {
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    margin-top: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.pos-fraud-badge.safe {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}
.pos-fraud-badge.warning {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fde68a;
}
.pos-fraud-badge.danger {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}
.pos-fraud-badge.unknown {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
}

@media (max-width: 991px) {
    .page-pos_one .content-wrapper {
        padding-bottom: 75px !important;
    }
    .page-pos_one .mmh-app-banner {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .page-pos_one .mmh-app-banner-actions {
        width: 100%;
    }
    .page-pos_one .mmh-app-banner-actions .btn {
        flex: 1;
        text-align: center;
    }
    .page-pos_one .productcard > [class*="col-"] {
        width: 50% !important;
        float: left !important;
    }
    .page-pos_one .mmh-card img {
        height: 120px !important;
    }
}

@media (max-width: 767px) {
    .page-pos_one .productcard > [class*="col-"] {
        width: 100% !important;
        max-width: 260px;
        margin: 0 auto 15px auto;
        float: none !important;
    }
    .page-pos_one .mmh-top-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 12px;
    }
    .page-pos_one .mmh-top-actions .btn {
        flex: 1;
        min-width: 100px;
        font-size: 13px;
        padding: 8px 10px;
        margin-top: 0 !important;
    }
}

/* ==================== Step 18: User Role, User Permission & User List ==================== */

/* --- General User Pages Header Card --- */
.bt-perm-page, .bt-role-page, .bt-user-page {
    background: var(--bt-bg) !important;
    font-family: var(--bt-font);
    color: var(--bt-text-2);
}

.bt-page-header-card, .bt-perm-header-card {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
    padding: 18px 24px;
    margin-bottom: 20px;
}

.bt-page-header-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.bt-page-header-info {
    display: flex;
    align-items: center;
    gap: 14px;
}

.bt-page-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: var(--bt-primary-50);
    color: var(--bt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.bt-page-title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--bt-text);
}

.bt-page-sub {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: var(--bt-muted);
}

.bt-page-stats-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bt-stat-box {
    background: var(--bt-subtle);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius);
    padding: 8px 16px;
    text-align: center;
}

.bt-stat-num {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: var(--bt-text);
    line-height: 1.2;
}

.bt-stat-label {
    display: block;
    font-size: 11px;
    color: var(--bt-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 2px;
}

.bt-stat-link {
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 500;
    border-radius: var(--bt-radius);
}

/* --- User Permission Header & Controls --- */
.bt-perm-header-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--bt-border-soft);
}

.bt-perm-title-area {
    display: flex;
    align-items: center;
    gap: 14px;
}

.bt-perm-back-btn {
    border-radius: var(--bt-radius);
    font-weight: 500;
}

.bt-perm-role-badge {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bt-perm-role-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 4px 10px -2px rgba(37, 99, 235, 0.4);
}

.bt-perm-role-name {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--bt-text);
}

.bt-perm-role-sub {
    font-size: 12px;
    color: var(--bt-muted);
}

.bt-perm-controls-area {
    display: flex;
    align-items: center;
    gap: 14px;
}

.bt-perm-role-selector {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--bt-text-2);
}

.bt-perm-role-selector select {
    min-width: 170px;
    border-radius: var(--bt-radius);
    border-color: var(--bt-border);
}

.bt-perm-stats-pill {
    background: var(--bt-primary-50);
    border: 1px solid #bfdbfe;
    border-radius: 20px;
    padding: 6px 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.bt-perm-stats-num {
    font-size: 16px;
    font-weight: 700;
    color: var(--bt-primary);
}

.bt-perm-stats-label {
    font-size: 12px;
    color: var(--bt-primary);
    font-weight: 500;
}

/* Sticky Toolbar */
.bt-perm-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 14px;
}

.bt-perm-search-box {
    position: relative;
    flex: 1;
    max-width: 450px;
}

.bt-perm-search-box .bt-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bt-muted);
    pointer-events: none;
}

.bt-perm-search-box input {
    padding-left: 34px;
    padding-right: 32px;
    border-radius: 20px;
    border: 1px solid var(--bt-border);
    height: 38px;
    font-size: 13px;
    transition: all 0.2s ease;
}

.bt-perm-search-box input:focus {
    border-color: var(--bt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.bt-clear-search {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: #e2e8f0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 18px;
    padding: 0;
    text-align: center;
    border: none;
    color: var(--bt-muted);
    font-size: 14px;
}

.bt-perm-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bt-perm-actions .btn {
    border-radius: var(--bt-radius);
    padding: 7px 14px;
    font-size: 13px;
    font-weight: 500;
}

/* Section Headings */
.bt-section-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 28px 0 16px 0;
}

.bt-section-badge {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--bt-border);
    box-shadow: var(--bt-shadow-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--bt-primary);
}

.bt-section-text h3 {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--bt-text);
}

.bt-section-text p {
    margin: 2px 0 0 0;
    font-size: 12px;
    color: var(--bt-muted);
}

/* Permission Cards */
.bt-perm-grid {
    margin-bottom: 20px;
}

.bt-perm-card {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
    margin-bottom: 20px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bt-perm-card:hover {
    box-shadow: var(--bt-shadow);
}

.bt-perm-card-header {
    padding: 12px 16px;
    background: #fafafa;
    border-bottom: 1px solid var(--bt-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bt-perm-shop-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bt-shop-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #fff;
}

.bt-card-name {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--bt-text);
}

.bt-card-count {
    font-size: 11px;
    color: var(--bt-muted);
}

.btn-card-toggle {
    border-radius: 4px;
    font-size: 11px;
    padding: 2px 8px;
    font-weight: 500;
}

.bt-perm-card-body {
    padding: 14px 16px;
    max-height: 480px;
    overflow-y: auto;
}

/* Subgroups within cards */
.bt-subgroup {
    margin-bottom: 14px;
}

.bt-subgroup:last-child {
    margin-bottom: 0;
}

.bt-subgroup-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--bt-muted);
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.bt-subgroup-items {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bt-subgroup-divider {
    height: 1px;
    background: var(--bt-border-soft);
    margin: 10px 0;
}

/* Individual Permission Items */
.bt-perm-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 5px 8px;
    border-radius: var(--bt-radius);
    margin: 0;
    cursor: pointer;
    font-weight: normal;
    transition: background 0.15s ease;
}

.bt-perm-item:hover {
    background: var(--bt-subtle);
}

.bt-perm-item input[type="checkbox"] {
    margin: 3px 0 0 0;
    cursor: pointer;
    accent-color: var(--bt-primary);
}

.bt-perm-label {
    font-size: 13px;
    color: var(--bt-text-2);
    line-height: 1.35;
}

.bt-perm-label strong {
    color: var(--bt-text);
}

.bt-perm-label small {
    display: block;
    font-size: 11px;
    color: var(--bt-muted);
    font-weight: normal;
}

.bt-highlight-return {
    background: rgba(220, 38, 38, 0.04);
    border: 1px dashed rgba(220, 38, 38, 0.25);
}

.bt-highlight-crm {
    background: rgba(14, 165, 233, 0.04);
    border: 1px dashed rgba(14, 165, 233, 0.25);
}

.bt-highlight-fraud {
    background: rgba(245, 158, 11, 0.05);
    border: 1px dashed rgba(245, 158, 11, 0.3);
}

/* Bottom Floating Footer Card */
.bt-perm-footer-card {
    background: #fff;
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.08);
    padding: 16px 24px;
    margin-top: 24px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    bottom: 20px;
    z-index: 40;
}

.bt-perm-footer-info {
    font-size: 14px;
    color: var(--bt-text-2);
}

.bt-perm-footer-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bt-perm-footer-buttons .btn {
    border-radius: var(--bt-radius);
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
}

/* --- User Role & User List Modern Boxes --- */
.bt-modern-box {
    background: var(--bt-card);
    border: 1px solid var(--bt-border);
    border-radius: var(--bt-radius-lg);
    box-shadow: var(--bt-shadow-sm);
    overflow: hidden;
}

.bt-box-header-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px 20px;
    background: #fafafa;
    border-bottom: 1px solid var(--bt-border);
}

.bt-box-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bt-modern-box .box-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--bt-text);
    margin: 0;
}

.bt-filters-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bt-user-filter-form {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.bt-filter-select {
    min-width: 140px;
    border-radius: var(--bt-radius);
    border: 1px solid var(--bt-border);
}

.bt-search-input-group input {
    border-radius: var(--bt-radius) 0 0 var(--bt-radius) !important;
    border: 1px solid var(--bt-border);
    min-width: 180px;
}

/* Role Table Styles */
.bt-role-table, .bt-user-table {
    margin: 0;
    font-size: 13px;
}

.bt-role-table thead tr th, .bt-user-table thead tr th {
    background: var(--bt-subtle);
    color: var(--bt-muted);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    border-bottom: 1px solid var(--bt-border);
    padding: 12px 14px;
}

.bt-role-table tbody tr td, .bt-user-table tbody tr td {
    padding: 12px 14px;
    border-top: 1px solid var(--bt-border-soft);
    vertical-align: middle;
}

.bt-role-cell-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bt-role-name-text {
    font-size: 14px;
    font-weight: 600;
    color: var(--bt-text);
}

.bt-role-slug-badge code {
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 4px;
}

.bt-user-count-badge {
    display: inline-block;
    padding: 4px 10px;
    background: var(--bt-primary-50);
    border: 1px solid #bfdbfe;
    color: var(--bt-primary);
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.15s ease;
}

.bt-user-count-badge:hover {
    background: var(--bt-primary);
    color: #fff;
    text-decoration: none;
}

.bt-user-count-zero {
    font-size: 12px;
    color: var(--bt-muted);
}

.bt-perm-count-pill {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.bt-perm-active {
    background: var(--bt-green-50);
    border: 1px solid #bbf7d0;
    color: var(--bt-green);
}

.bt-perm-zero {
    background: var(--bt-red-50);
    border: 1px solid #fecaca;
    color: var(--bt-red);
}

.bt-role-action-group, .bt-action-btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.bt-btn-perm {
    border-radius: var(--bt-radius);
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 600;
}

.bt-btn-edit, .bt-btn-action {
    border-radius: var(--bt-radius);
    padding: 5px 9px;
    font-size: 12px;
}

/* User Table Elements */
.bt-user-cell {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bt-user-avatar-wrap {
    position: relative;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.bt-user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid var(--bt-border);
    background: #f1f5f9;
}

.bt-online-indicator {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid #fff;
    box-shadow: 0 0 6px #22c55e;
}

.bt-user-meta {
    display: flex;
    flex-direction: column;
}

.bt-user-name-link {
    font-size: 14px;
    font-weight: 600;
    color: var(--bt-text);
    text-decoration: none;
}

.bt-user-name-link:hover {
    color: var(--bt-primary);
    text-decoration: underline;
}

.bt-user-designation {
    font-size: 12px;
    color: var(--bt-muted);
}

.bt-user-contact {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
}

.bt-contact-item {
    color: var(--bt-text-2);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.bt-contact-item:hover {
    color: var(--bt-primary);
}

.bt-role-pill {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    background: #e2e8f0;
    color: #334155;
}

.bt-role-pill-default {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.bt-role-pill-admin {
    background: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fca5a5;
}

.bt-role-pill-manager, .bt-role-pill-beautybeemanager, .bt-role-pill-beautyghormanager, .bt-role-pill-tulsipatamanager, .bt-role-pill-healthmanager, .bt-role-pill-couriermanager {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.bt-role-pill-staff, .bt-role-pill-beautybeestaff, .bt-role-pill-beautyghorstaff, .bt-role-pill-tulsipatastaff, .bt-role-pill-healthstaff {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.bt-role-pill-developer {
    background: #f3e8ff;
    color: #6b21a8;
    border: 1px solid #d8b4fe;
}

.bt-role-matrix-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    color: var(--bt-muted);
    font-size: 11px;
    background: #f1f5f9;
    transition: all 0.15s ease;
}

.bt-role-matrix-link:hover {
    background: var(--bt-primary-50);
    color: var(--bt-primary);
}

.bt-perm-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.bt-perm-tag-yes {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

.bt-perm-tag-no {
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.bt-activity-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
}

.bt-badge-online {
    background: #dcfce7;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.bt-badge-offline {
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

/* Pulsing radar dots */
.bt-live-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.25);
    animation: btPulse 1.8s infinite;
}

.bt-live-dot-sm {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.25);
    animation: btPulse 1.8s infinite;
}

@keyframes btPulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

.bt-online-pulse {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid #fff;
    box-shadow: 0 0 6px rgba(34, 197, 94, 0.8);
    animation: btPulse 2s infinite;
}

.bt-row-online {
    background-color: #f7fee7 !important;
}

.bt-row-online:hover {
    background-color: #ecfccb !important;
}

/* Table Row Elements */
.bt-col-index {
    vertical-align: middle !important;
}

.bt-index-pill {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    background: #f1f5f9;
    color: var(--bt-muted);
    font-size: 11px;
    font-weight: 600;
}

.bt-user-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bt-user-name-line {
    display: flex;
    align-items: center;
    gap: 6px;
}

.bt-user-id-tag {
    font-size: 10px;
    font-weight: 600;
    color: #94a3b8;
    background: #f1f5f9;
    padding: 1px 5px;
    border-radius: 4px;
}

.bt-user-designation {
    font-size: 11.5px;
    color: var(--bt-muted);
}

.bt-contact-row {
    display: flex;
    align-items: center;
    gap: 6px;
}

.bt-copy-btn {
    background: transparent;
    border: none;
    padding: 2px 4px;
    color: #94a3b8;
    font-size: 11px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.bt-copy-btn:hover {
    background: #f1f5f9;
    color: var(--bt-primary);
}

/* Quick Filter Pills */
.bt-quick-pills {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 10px;
    background: #f1f5f9;
    padding: 2px 4px;
    border-radius: 8px;
}

.bt-quick-pill {
    border: none;
    background: transparent;
    font-size: 11.5px;
    font-weight: 600;
    color: #64748b;
    padding: 3px 9px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.bt-quick-pill:hover {
    color: #0f172a;
    background: rgba(255, 255, 255, 0.6);
}

.bt-quick-pill.active {
    background: #fff;
    color: var(--bt-primary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

/* Header Stat Actions */
.bt-stat-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bt-btn-add-quick {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.35);
}

.bt-btn-add-quick:hover {
    background: linear-gradient(135deg, #1d4ed8, #1e40af) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.45);
}

.bt-count-badge {
    background: var(--bt-primary-50);
    color: var(--bt-primary);
    border: 1px solid #bfdbfe;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 12px;
}

/* Modern Action Buttons */
.bt-action-btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.bt-btn-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid var(--bt-border);
    background: #fff;
    color: #64748b;
    font-size: 12px;
    transition: all 0.15s ease;
    padding: 0;
}

.bt-btn-action:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.bt-btn-view:hover {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #2563eb;
}

.bt-btn-edit:hover {
    border-color: #fde68a;
    background: #fffbeb;
    color: #d97706;
}

.bt-btn-delete:hover {
    border-color: #fca5a5;
    background: #fef2f2;
    color: #dc2626;
}

/* Empty State */
.bt-empty-users {
    max-width: 320px;
    margin: 0 auto;
}

.bt-empty-icon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    background: #f1f5f9;
    color: #94a3b8;
    font-size: 24px;
    margin: 0 auto 12px auto;
}

.bt-empty-users h4 {
    margin: 0 0 6px 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--bt-text);
}

/* Modern Form Box Enhancements */
.bt-form-box {
    border-top: none !important;
    border-radius: var(--bt-radius-lg);
}

.bt-form-header {
    padding: 16px 20px;
    background: #fff;
    border-bottom: 1px solid var(--bt-border);
}

.bt-form-header-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bt-form-header-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    border: 1px solid #bfdbfe;
}

.bt-icon-edit {
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
    color: #d97706;
    border-color: #fde68a;
}

.bt-form-sub {
    margin: 2px 0 0 0;
    font-size: 11.5px;
    color: var(--bt-muted);
}

.bt-btn-cancel-edit {
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
}

.bt-form-body {
    padding: 20px;
}

.bt-field-label {
    display: block;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #475569;
    margin-bottom: 6px;
}

.bt-form-grid {
    margin-left: -6px;
    margin-right: -6px;
}

.bt-form-grid [class*="col-"] {
    padding-left: 6px;
    padding-right: 6px;
}

.bt-input-wrap .form-control {
    border-radius: 0 6px 6px 0 !important;
    height: 36px;
    font-size: 13px;
}

.bt-input-wrap .input-group-addon {
    background: #f8fafc;
    border-color: var(--bt-border);
    color: #64748b;
    border-radius: 6px 0 0 6px !important;
    font-size: 12px;
    width: 36px;
}

.bt-select-role {
    height: 36px !important;
    border-radius: 6px !important;
    font-size: 13px;
    border-color: var(--bt-border);
}

/* Avatar Upload Preview Box */
.bt-avatar-upload-box {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    margin-bottom: 8px;
}

.bt-avatar-preview-wrap {
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
}

.bt-preview-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.bt-avatar-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.5);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.bt-avatar-preview-wrap:hover .bt-avatar-overlay {
    opacity: 1;
}

.bt-avatar-upload-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bt-btn-choose-file {
    border-radius: 6px;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 12px;
    background: #fff;
}

/* Delete Permission Interactive Choice Cards */
.bt-perm-cards-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bt-perm-choice-card {
    display: block;
    position: relative;
    padding: 10px 14px;
    border: 1.5px solid var(--bt-border);
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    margin: 0;
    transition: all 0.2s ease;
}

.bt-perm-choice-card:hover {
    border-color: #94a3b8;
    background: #f8fafc;
}

.bt-perm-choice-card.active {
    border-color: #2563eb;
    background: #eff6ff;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.12);
}

.bt-perm-choice-card input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.bt-choice-content {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.bt-choice-icon {
    font-size: 18px;
    margin-top: 1px;
}

.bt-choice-title {
    display: block;
    font-size: 13px;
    color: var(--bt-text);
    font-weight: 600;
}

.bt-choice-desc {
    display: block;
    font-size: 11.5px;
    color: var(--bt-muted);
    font-weight: normal;
    line-height: 1.3;
    margin-top: 2px;
}

.bt-form-footer {
    padding: 14px 20px;
    background: #fafafa;
    border-top: 1px solid var(--bt-border);
}

.bt-btn-submit {
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.3);
}

.bt-btn-role-perm {
    border-radius: 6px;
    font-weight: 500;
    font-size: 12px;
    padding: 7px 12px;
    background: #fff;
}

/* --- Executive User Profile Modal --- */
.bt-modern-modal-content {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.bt-modal-header-banner {
    position: relative;
    height: 100px;
    background: linear-gradient(135deg, #1e3a8a, #2563eb, #38bdf8);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 0;
}

.bt-modal-close {
    position: absolute;
    top: 12px;
    right: 14px;
    color: #fff;
    opacity: 0.8;
    text-shadow: none;
    font-size: 22px;
}

.bt-modal-close:hover {
    color: #fff;
    opacity: 1;
}

.bt-profile-avatar-container {
    position: relative;
    margin-bottom: -40px;
}

.bt-profile-modal-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.bt-profile-online-badge {
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #22c55e;
    border: 3px solid #fff;
    box-shadow: 0 0 6px #22c55e;
}

.bt-profile-body {
    padding: 48px 24px 20px 24px;
}

.bt-profile-name {
    margin: 0 0 4px 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--bt-text);
}

.bt-profile-desig {
    margin: 0 0 12px 0;
    font-size: 13px;
}

.bt-profile-badges {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 20px;
}

.bt-role-pill-profile {
    font-size: 12px;
    padding: 4px 12px;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
}

.bt-profile-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.bt-profile-tile {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: #f8fafc;
    border: 1px solid var(--bt-border);
    border-radius: 8px;
}

.bt-tile-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid var(--bt-border);
    flex-shrink: 0;
}

.bt-tile-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.bt-tile-label {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--bt-muted);
    font-weight: 600;
}

.bt-tile-val, .bt-tile-link {
    font-size: 13px;
    font-weight: 600;
    color: var(--bt-text);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bt-tile-link:hover {
    color: var(--bt-primary);
}

.bt-profile-footer {
    background: #fafafa;
    border-top: 1px solid var(--bt-border);
    padding: 12px 20px;
}

/* Return Management Tabs & Styling */
.bt-return-view-tab {
    background: #f8fafc;
    color: #475569;
    border: 1px solid #cbd5e1;
    transition: all 0.2s ease;
}
.bt-return-view-tab:hover {
    background: #f1f5f9;
    color: #0f172a;
    border-color: #94a3b8;
}
.bt-return-view-tab.active {
    background: #1e293b !important;
    color: #fff !important;
    border-color: #1e293b !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
.bt-return-view-tab.active[data-tab="courier_requests"] {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}
.bt-return-view-tab.active[data-tab="office_received"] {
    background: #16a34a !important;
    border-color: #16a34a !important;
}
.bt-operator-tab {
    background: #f1f5f9;
    color: #334155;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}
.bt-operator-tab:hover {
    background: #e2e8f0;
    color: #0f172a;
}
.bt-operator-tab.active {
    background: #0284c7 !important;
    color: #fff !important;
    border-color: #0284c7 !important;
    box-shadow: 0 1px 3px rgba(2, 132, 199, 0.25);
}
.bt-operator-tab.active .badge {
    background: #fff !important;
    color: #0284c7 !important;
}
.bt-operator-tab .badge {
    background: #cbd5e1;
    color: #334155;
}

/* ==================== Customer CRM Modern Design ==================== */

/* CRM Tabs Bar */
.bt-crm-tabs-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 6px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin-top: 4px;
}
.bt-crm-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    background: #ffffff;
    color: #334155;
    border: 1px solid #cbd5e1;
    border-radius: 20px;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.bt-crm-tab:hover {
    background: #f1f5f9;
    color: #0f172a;
    border-color: #94a3b8;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.08);
}
.bt-tab-badge {
    display: inline-block;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 10px;
    background: #f1f5f9;
    color: #475569;
    transition: all 0.15s ease;
}

/* Active tab states */
.bt-crm-tab.is-active {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
    border-color: transparent !important;
}
.bt-crm-tab.is-active .bt-tab-badge {
    background: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

.bt-tab-my-clients { border-color: #f59e0b; background: #fffbeb; color: #92400e; font-weight: 700; }
.bt-tab-my-clients:hover { background: #fef3c7; border-color: #d97706; }
.bt-tab-my-clients.is-active { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important; color: #fff !important; box-shadow: 0 3px 8px rgba(217, 119, 6, 0.3) !important; }

.bt-tab-regular-all { border-color: #c084fc; background: #faf5ff; color: #6b21a8; }
.bt-tab-regular-all:hover { background: #f3e8ff; border-color: #9333ea; }
.bt-tab-regular-all.is-active { background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%) !important; color: #fff !important; }

.bt-tab-unassigned { border-color: #cbd5e1; background: #f8fafc; color: #475569; }
.bt-tab-unassigned:hover { background: #f1f5f9; border-color: #94a3b8; }
.bt-tab-unassigned.is-active { background: #475569 !important; color: #fff !important; }

.bt-tab-all.is-active { background: #2563eb !important; color: #fff !important; }
.bt-tab-zero.is-active { background: #64748b !important; color: #fff !important; }
.bt-tab-one.is-active { background: #0284c7 !important; color: #fff !important; }
.bt-tab-two.is-active { background: #7c3aed !important; color: #fff !important; }
.bt-tab-three.is-active { background: #ea580c !important; color: #fff !important; }
.bt-tab-vip.is-active { background: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important; color: #fff !important; }
.bt-tab-five.is-active { background: #d97706 !important; color: #fff !important; }
.bt-tab-return.is-active { background: #dc2626 !important; color: #fff !important; }
.bt-tab-cancel.is-active { background: #475569 !important; color: #fff !important; }

/* Table styling */
.bt-crm-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 0;
}
.bt-crm-table thead th {
    background: #f8fafc !important;
    color: #475569 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-bottom: 2px solid #e2e8f0 !important;
    padding: 12px 14px !important;
    vertical-align: middle !important;
}
.bt-crm-row {
    transition: background-color 0.15s ease;
}
.bt-crm-row:hover {
    background-color: #f8fafc !important;
}
.bt-crm-row td {
    padding: 12px 14px !important;
    vertical-align: middle !important;
    border-top: 1px solid #f1f5f9 !important;
}
.bt-crm-row.bt-row-blocked {
    background-color: #fff1f2 !important;
}

/* Col Index */
.bt-col-index {
    color: #94a3b8;
    font-weight: 600;
}
.bt-index-pill {
    display: inline-block;
    min-width: 24px;
    padding: 2px 6px;
    font-size: 11px;
    background: #f1f5f9;
    border-radius: 12px;
    color: #64748b;
}

/* Customer Name & Nickname */
.bt-crm-cust-name-cell {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.bt-crm-nickname-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.bt-crm-nick-badge {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #92400e;
    border: 1px solid #f59e0b;
    font-weight: 700;
    font-size: 13px;
    padding: 3px 9px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 1px 2px rgba(245, 158, 11, 0.15);
    letter-spacing: 0.2px;
}
.bt-crm-realname {
    font-size: 11.5px;
    color: #64748b;
}
.bt-crm-name-only {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    color: #0f172a;
}
.bt-btn-nick-edit {
    background: #e0e7ff !important;
    color: #4338ca !important;
    border: 1px solid #c7d2fe !important;
    border-radius: 4px;
    padding: 2px 6px !important;
    font-size: 10px !important;
    cursor: pointer;
    transition: all 0.15s ease;
}
.bt-btn-nick-edit:hover {
    background: #4338ca !important;
    color: #ffffff !important;
}
.bt-btn-add-nick {
    background: #f8fafc !important;
    color: #64748b !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 4px;
    padding: 2px 8px !important;
    font-size: 11px !important;
    cursor: pointer;
    transition: all 0.15s ease;
}
.bt-btn-add-nick:hover {
    background: #eff6ff !important;
    color: #2563eb !important;
    border-color: #93c5fd !important;
}
.bt-crm-status-tags {
    margin-top: 2px;
}

/* Contact & Phone */
.bt-crm-contact-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.bt-crm-phone-line {
    display: flex;
    align-items: center;
    gap: 6px;
}
.bt-phone-text {
    font-weight: 700;
    font-size: 13px;
    color: #1e293b;
    text-decoration: none;
    letter-spacing: 0.3px;
}
.bt-phone-text:hover {
    color: #2563eb;
    text-decoration: underline;
}
.bt-copy-btn {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    color: #64748b;
    font-size: 10px;
    cursor: pointer;
    padding: 2px 5px;
    line-height: 1;
    transition: all 0.15s;
}
.bt-copy-btn:hover {
    background: #e2e8f0;
    color: #0f172a;
}
.bt-btn-wa {
    background: #25d366 !important;
    border-color: #22c55e !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 1px 2px rgba(34, 197, 94, 0.2);
    transition: all 0.15s;
}
.bt-btn-wa:hover {
    background: #16a34a !important;
    box-shadow: 0 2px 4px rgba(22, 163, 74, 0.3);
}

/* Location cell */
.bt-crm-loc-cell {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.bt-loc-badge {
    font-size: 12px;
    font-weight: 600;
    color: #334155;
    display: flex;
    align-items: center;
    gap: 4px;
}
.bt-dates-info {
    font-size: 11px;
    color: #64748b;
    line-height: 1.4;
}

/* Order Badges */
.bt-order-badge {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 12px;
    display: inline-block;
    transition: transform 0.1s ease, box-shadow 0.15s ease;
}
.bt-order-badge:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.bt-order-zero { background: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0; }
.bt-order-one { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
.bt-order-repeat { background: #f5f3ff; color: #6d28d9; border: 1px solid #ddd6fe; }
.bt-order-vip {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    color: #b91c1c;
    border: 1px solid #fca5a5;
    box-shadow: 0 1px 3px rgba(220, 38, 38, 0.12);
}
.bt-label-ret {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
}
.bt-btn-track {
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 4px;
    margin-left: 2px;
}
.bt-label-cancel {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    background: #64748b;
    color: #fff;
    display: inline-block;
}

/* Calls & Conversation Notes */
.bt-crm-call-summary {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.bt-call-badge-line {
    display: flex;
    align-items: center;
    gap: 4px;
}
.bt-badge-calls {
    background: #f1f5f9;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}
.bt-badge-calls.active-calls {
    background: #e0f2fe;
    color: #0369a1;
    border: 1px solid #bae6fd;
}
.bt-offer-pill {
    background: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
    border-radius: 4px;
    font-size: 11px;
    padding: 2px 6px;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bt-call-note-preview {
    font-size: 11px;
    color: #475569;
    line-height: 1.4;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bt-btn-log-call {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 5px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #334155;
    transition: all 0.15s;
    text-align: center;
    margin-top: 2px;
}
.bt-btn-log-call:hover {
    background: #f8fafc;
    border-color: #2563eb;
    color: #2563eb;
}

/* Timeline Cards inside Modal */
.bt-timeline-list {
    position: relative;
    padding-left: 20px;
    border-left: 2px solid #e2e8f0;
    margin: 12px 0 12px 10px;
}
.bt-timeline-card {
    position: relative;
    margin-bottom: 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.bt-timeline-card::before {
    content: '';
    position: absolute;
    left: -27px;
    top: 14px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #2563eb;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 2px #bfdbfe;
}
.bt-timeline-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px;
    color: #64748b;
    margin-bottom: 6px;
    border-bottom: 1px dashed #f1f5f9;
    padding-bottom: 4px;
}
.bt-timeline-offer {
    font-size: 12px;
    font-weight: 700;
    color: #b45309;
    background: #fffbeb;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #fde68a;
    display: inline-block;
    margin-bottom: 6px;
}
.bt-timeline-note {
    font-size: 12.5px;
    color: #1e293b;
    line-height: 1.5;
    white-space: pre-wrap;
}

/* Empty State */
/* CRM Assigned Handler & Regular Badges */
.bt-crm-handler-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.bt-crm-regular-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fde68a;
    color: #b45309;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 12px;
    width: fit-content;
    box-shadow: 0 1px 2px rgba(245, 158, 11, 0.15);
}
.bt-crm-assigned-agent {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #1e293b;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    padding: 2px 8px;
    border-radius: 6px;
    width: fit-content;
}
.bt-btn-reassign {
    background: transparent;
    border: none;
    padding: 1px 4px;
    color: #64748b;
    border-radius: 3px;
    cursor: pointer;
}
.bt-btn-reassign:hover {
    background: #e2e8f0;
    color: #2563eb;
}
.bt-crm-unassigned-agent {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
}
.bt-btn-quick-claim {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    background: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
    color: #065f46 !important;
    border-radius: 4px !important;
    transition: all 0.15s ease;
}
.bt-btn-quick-claim:hover {
    background: #10b981 !important;
    color: #ffffff !important;
    border-color: #059669 !important;
}
.bt-crm-regular-note {
    font-size: 11px;
    color: #64748b;
    line-height: 1.3;
    background: #fafafa;
    padding: 2px 6px;
    border-radius: 4px;
    border-left: 2px solid #cbd5e1;
}
.bt-btn-take-order {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.25) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: all 0.15s ease-in-out !important;
    text-decoration: none !important;
}
.bt-btn-take-order:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(16, 185, 129, 0.35) !important;
    color: #ffffff !important;
}