:root{--nav:#101923;--nav2:#182533;--red:#dd2926;--bg:#f4f6f8;--line:#dfe4e8;--text:#17212b;--muted:#75808b;--green:#16865c;--shadow:0 2px 10px rgba(17,31,44,.06)}*{box-sizing:border-box}body{margin:0;font:14px/1.45 Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{background:var(--nav);color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:23px;font-weight:900;letter-spacing:-1px;padding:4px 10px 22px}.brand span{color:var(--red)}.brand.big{font-size:30px;padding:0 0 20px}nav{display:grid;gap:5px}nav a{padding:11px 13px;border-radius:7px;color:#c7d0d8;font-weight:700}nav a:hover,nav a.active{background:var(--nav2);color:#fff;border-left:3px solid var(--red)}.side-foot{margin-top:auto;border-top:1px solid #273746;padding:16px 10px 0}.side-foot small{color:#8997a5}.linkbtn{background:none;border:0;color:#cbd5dd;padding:8px 0;cursor:pointer}main{padding:0 32px 50px;min-width:0}header{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px}header h1{font-size:27px;margin:0 0 4px}header p{margin:0;color:var(--muted)}.button,button{display:inline-block;border:1px solid #ccd3d9;background:#fff;border-radius:6px;padding:9px 14px;font-weight:700;cursor:pointer;color:#293744}.primary{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}.flash,.error{padding:11px 14px;border-radius:6px;margin-bottom:15px}.flash{background:#e9f7f1;color:#126647}.error{background:#fdecea;color:#9f211f}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:18px}.stats.mini{grid-template-columns:repeat(4,1fr)}.stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:17px;box-shadow:var(--shadow)}.stat b{display:block;font-size:23px}.stat span{color:var(--muted);font-size:12px}.stat.danger b{color:var(--red)}.grid2,.grid3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.grid3{grid-template-columns:2fr 1fr}.span2{grid-column:span 2}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:var(--shadow);min-width:0}.panel h3{margin:0 0 15px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.panel-head h3{margin:0}.panel-head a{color:var(--red);font-weight:700;font-size:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 3px;border-top:1px solid #edf0f2}.row:first-of-type{border-top:0}.row strong,.row small{display:block}.row small{color:var(--muted);margin-top:2px}.badge{display:inline-block;padding:4px 7px;border-radius:5px;background:#edf1f4;font-size:10px;font-weight:800;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:#92a0ad;flex:none}.dot.HIGH{background:#e36d25}.dot.URGENT{background:var(--red)}.dot.LOW{background:#4d94d8}.muted{color:var(--muted)}.filters{display:flex;gap:8px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:8px;margin-bottom:13px}.filters input:first-child{flex:1}.tablewrap{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #edf0f2}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6d7984;background:#fafbfc}tbody tr{cursor:pointer}tbody tr:hover{background:#fafbfc}td small{display:block;color:var(--muted)}tr.overdue td{background:#fff4f3}label{display:grid;gap:6px;font-weight:700;margin-bottom:12px;color:#4c5965}input,select,textarea{width:100%;border:1px solid #cfd6dc;border-radius:6px;padding:9px 10px;background:#fff;color:#17212b;font:inherit}textarea{min-height:90px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detailgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.detailgrid small,.detailgrid b{display:block}.detailgrid small{color:var(--muted);margin-bottom:3px}.pre{white-space:pre-wrap}.inlineform{display:grid;grid-template-columns:1.1fr .8fr 1fr 1fr auto;gap:7px;align-items:end;margin-top:12px}.timeline{display:flex;gap:11px;border-left:2px solid #e4e9ed;margin-left:5px;padding:0 0 18px 16px;position:relative}.timeline i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--red);left:-5px;top:4px}.timeline small{display:block;color:var(--muted)}.timeline p{margin:5px 0}.quicktabs{display:flex;gap:8px;margin-bottom:12px}.quicktabs a{background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 11px;font-weight:700}dialog{border:0;border-radius:10px;box-shadow:0 20px 80px #0005;width:min(500px,90vw);padding:22px}dialog::backdrop{background:#10192399}.comment{padding:10px 0;border-bottom:1px solid #edf0f2}.comment small{display:block;color:var(--muted)}.comment p{margin:5px 0}.userrow{display:grid;grid-template-columns:1fr 1.3fr .8fr .7fr 1fr auto;gap:6px;align-items:center;border-top:1px solid #edf0f2;padding:8px 0}.userrow .check{display:flex;margin:0}.check{display:flex;align-items:center;gap:7px}.check input{width:auto}.featurelist{padding-left:18px;line-height:1.9}.login-body{min-height:100vh;display:grid;place-items:center;background:#0f1923}.login-card{width:min(390px,90vw);background:#fff;border-radius:10px;padding:30px;box-shadow:0 20px 80px #0005}.login-card h2{margin:0}.login-card p{color:var(--muted);margin:3px 0 22px}.login-card button{width:100%}hr{border:0;border-top:1px solid #edf0f2;margin:18px 0}@media(max-width:1050px){.stats{grid-template-columns:repeat(3,1fr)}.detailgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.shell{grid-template-columns:1fr}aside{position:relative;height:auto}.side-foot{display:none}nav{grid-template-columns:repeat(5,1fr);overflow:auto}main{padding:0 15px 30px}.grid2,.grid3{grid-template-columns:1fr}.span2{grid-column:auto}.stats,.stats.mini{grid-template-columns:repeat(2,1fr)}header{min-height:90px}.formgrid{grid-template-columns:1fr}.inlineform,.userrow{grid-template-columns:1fr}.detailgrid{grid-template-columns:1fr 1fr}}

/* CRM pagination */
.crm-pagination{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin:18px 0 8px;
}

.crm-pagination a,
.crm-pagination span{
    min-width:34px;
    height:34px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-radius:6px;
    background:#fff;
    font-size:13px;
    font-weight:700;
    line-height:1;
}

.crm-pagination a:hover{
    border-color:var(--red);
    color:var(--red);
}

.crm-pagination .active{
    background:var(--red);
    border-color:var(--red);
    color:#fff;
}

.crm-pagination .disabled{
    color:#aeb7bf;
    cursor:not-allowed;
}

.pagination-summary{
    margin-top:10px;
    color:var(--muted);
    font-size:13px;
}

/* Client filters */
.filters input[name="q"]{
    flex:2 1 380px;
    min-width:300px;
    width:auto;
}

.filters select{
    flex:1 1 180px;
    width:auto;
    min-width:170px;
}

.filters input[name="client_status"]{
    flex:1 1 180px;
    width:auto;
    min-width:170px;
}

.filters button{
    flex:0 0 auto;
}

/* Wholesale client action */
.wholesale-inline{
    margin-top:6px;
}

.wholesale-btn{
    width:auto;
    min-width:0;
    height:auto;
    padding:4px 8px;
    border-radius:5px;
    border:1px solid #d7dde2;
    background:#fff;
    color:#65717c;
    font-size:10px;
    font-weight:800;
    line-height:1.2;
    cursor:pointer;
}

.wholesale-btn:hover{
    color:var(--red);
    border-color:var(--red);
}

.wholesale-btn.approved{
    background:#e9f7f1;
    border-color:#b9e2d2;
    color:#16865c;
}

.wholesale-btn.approved:hover{
    background:#fff1f0;
    border-color:#efb9b6;
    color:var(--red);
}

/* Client sidebar segments */
.side-subnav{
    margin:-2px 0 10px;
    padding-left:14px;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.side-subnav a{
    padding:8px 12px;
    font-size:12px;
    font-weight:700;
    color:#9eabb6;
    border-radius:6px;
    border-left:2px solid transparent;
}

.side-subnav a:hover{
    color:#fff;
    background:rgba(255,255,255,.04);
}

.side-subnav a.active{
    color:#fff;
    background:rgba(255,255,255,.06);
    border-left-color:var(--red);
}

/* Better client segment navigation */
.side-subnav{
    margin:6px 0 14px 14px;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:5px;
}

.side-subnav a{
    display:flex;
    align-items:center;
    width:calc(100% - 8px);
    min-height:38px;
    padding:9px 14px;
    border-radius:7px;
    border-left:3px solid transparent;
    background:transparent;
    color:#c8d1d8;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
    transition:.15s ease;
}

.side-subnav a:hover{
    background:#182938;
    color:#fff;
}

.side-subnav a.active{
    background:#182938;
    color:#fff;
    border-left-color:var(--red);
}

/* Align client segment links with main sidebar */
.side-subnav{
    margin:4px 0 14px 0 !important;
    padding:0 !important;
}

.side-subnav a{
    width:100% !important;
    margin:0 !important;
    padding:9px 14px !important;
    min-height:38px;
    justify-content:flex-start;
    text-align:left;
    font-size:13px;
    color:#aeb8c1;
}


/* ==========================================================
   FINANCE
   ========================================================== */

.finance-kpis{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:12px;
    margin-bottom:18px;
}

.finance-kpi{
    background:#fff;
    border:1px solid #dfe5ea;
    border-radius:9px;
    padding:20px 18px;
    box-shadow:0 2px 8px rgba(15,30,45,.035);
}

.finance-kpi strong{
    display:block;
    color:#0d2032;
    font-size:23px;
    line-height:1.1;
    margin-bottom:8px;
    white-space:nowrap;
}

.finance-kpi span{
    display:block;
    color:#728091;
    font-size:12px;
}

.finance-filters{
    display:grid;
    grid-template-columns:minmax(280px,2fr) minmax(160px,1fr) 160px 160px auto;
    align-items:end;
    gap:10px;
    background:#fff;
    border:1px solid #dfe5ea;
    border-radius:9px;
    padding:14px;
    margin-bottom:18px;
}

.finance-filters label{
    display:block;
    font-size:11px;
    font-weight:800;
    color:#657384;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:6px;
}

.finance-filters input,
.finance-filters select{
    width:100%;
    height:42px;
    border:1px solid #ccd5dd;
    border-radius:7px;
    padding:0 12px;
    background:#fff;
    color:#102131;
    font-size:14px;
}

.finance-filter-buttons{
    display:flex;
    gap:7px;
    align-items:center;
}

.finance-analysis-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-bottom:16px;
}

.finance-status-grid{
    grid-template-columns:1fr;
}

.finance-panel{
    padding:0;
    overflow:hidden;
}

.finance-panel-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 20px;
    border-bottom:1px solid #e5eaee;
}

.finance-panel-title h3{
    margin:0;
    font-size:16px;
    color:#0d2032;
}

.finance-panel-title p{
    margin:4px 0 0;
    color:#788697;
    font-size:12px;
}

.finance-ranking{
    padding:0 20px;
}

.finance-ranking-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    padding:13px 0;
    border-bottom:1px solid #edf0f2;
    color:#102131;
    text-decoration:none;
}

.finance-ranking-row:last-child{
    border-bottom:0;
}

.finance-ranking-row div{
    min-width:0;
}

.finance-ranking-row strong{
    font-size:13px;
}

.finance-ranking-row div > strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.finance-ranking-row span{
    display:block;
    margin-top:4px;
    color:#7a8795;
    font-size:11px;
}

a.finance-ranking-row:hover div > strong{
    color:#ed2525;
}

.finance-status-list{
    padding:4px 20px;
}

.finance-status-row{
    display:grid;
    grid-template-columns:1fr 140px 170px;
    align-items:center;
    gap:15px;
    padding:12px 0;
    border-bottom:1px solid #edf0f2;
}

.finance-status-row:last-child{
    border-bottom:0;
}

.finance-status-row > strong{
    text-align:right;
}

.finance-status-badge{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:4px 9px;
    border-radius:5px;
    background:#edf1f4;
    color:#263747;
    font-size:11px;
    font-weight:800;
}

.finance-orders-panel{
    padding:0;
    overflow:hidden;
}

.finance-table-wrap{
    overflow-x:auto;
}

.finance-table{
    width:100%;
    border-collapse:collapse;
}

.finance-table th{
    padding:12px 16px;
    background:#f8fafb;
    border-bottom:1px solid #e0e6ea;
    color:#657486;
    font-size:11px;
    font-weight:800;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:.04em;
    white-space:nowrap;
}

.finance-table td{
    padding:14px 16px;
    border-bottom:1px solid #e8ecef;
    color:#152635;
    font-size:13px;
    vertical-align:middle;
}

.finance-table tbody tr:hover{
    background:#fafbfc;
}

.finance-table td > strong{
    display:block;
}

.finance-table small{
    display:block;
    color:#84909d;
    font-size:11px;
    margin-top:4px;
    max-width:320px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.finance-client-link{
    color:#102131;
    font-weight:800;
    text-decoration:none;
}

.finance-client-link:hover{
    color:#ed2525;
}

.finance-money{
    font-weight:800;
    white-space:nowrap;
}

.finance-empty{
    padding:24px !important;
    text-align:center;
    color:#7d8995;
}

.finance-pagination{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding:14px 18px;
    border-top:1px solid #e4e9ed;
    color:#718090;
    font-size:12px;
}

.finance-pagination-buttons{
    display:flex;
    align-items:center;
    gap:8px;
}

.finance-page-count{
    padding:0 6px;
    color:#536171;
    font-weight:700;
}

.button.disabled{
    opacity:.4;
    cursor:default;
    pointer-events:none;
}

@media(max-width:1250px){
    .finance-kpis{
        grid-template-columns:repeat(3,1fr);
    }

    .finance-filters{
        grid-template-columns:2fr 1fr 1fr 1fr;
    }

    .finance-filter-buttons{
        grid-column:1/-1;
    }
}

@media(max-width:850px){
    .finance-kpis{
        grid-template-columns:repeat(2,1fr);
    }

    .finance-analysis-grid{
        grid-template-columns:1fr;
    }

    .finance-filters{
        grid-template-columns:1fr;
    }

    .finance-filter-buttons{
        grid-column:auto;
    }

    .finance-pagination{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* Finance order details */

.finance-order-link{
    color:#102131;
    text-decoration:none;
}

.finance-order-link:hover{
    color:#ed2525;
}

.finance-order-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
}

.finance-order-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-bottom:16px;
}

.finance-detail-card{
    padding:0;
    overflow:hidden;
}

.finance-detail-body{
    padding:4px 20px;
}

.finance-detail-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:25px;
    padding:13px 0;
    border-bottom:1px solid #edf0f2;
}

.finance-detail-row:last-child{
    border-bottom:0;
}

.finance-detail-row span{
    color:#748292;
    font-size:12px;
}

.finance-detail-row strong{
    color:#102131;
    font-size:13px;
    text-align:right;
}

.finance-detail-row a{
    color:#102131;
    text-decoration:none;
}

.finance-detail-row a:hover{
    color:#ed2525;
}

.finance-table tfoot td{
    padding:15px 16px;
    background:#f8fafb;
    border-top:1px solid #dfe5ea;
}

@media(max-width:850px){
    .finance-order-summary{
        grid-template-columns:repeat(2,1fr);
    }

    .finance-order-grid{
        grid-template-columns:1fr;
    }
}


/* ==========================================================
   FINANCE SUB TABS
   ========================================================== */

.finance-tabs{
    display:flex;
    align-items:center;
    gap:4px;
    margin:0 0 18px;
    padding:5px;
    background:#e9edf0;
    border-radius:8px;
    width:max-content;
    max-width:100%;
    overflow-x:auto;
}

.finance-tabs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 17px;
    border-radius:6px;
    color:#5e6d7b;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
    text-decoration:none;
}

.finance-tabs a:hover{
    color:#102131;
    background:#f6f8f9;
}

.finance-tabs a.active{
    background:#fff;
    color:#102131;
    box-shadow:0 1px 5px rgba(15,30,45,.10);
}


/* ==========================================================
   FINANCE REPORTING
   ========================================================== */

.finance-periods{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    margin-bottom:14px;
}

.finance-periods a{
    display:inline-flex;
    align-items:center;
    min-height:35px;
    padding:0 13px;
    border:1px solid #d6dde3;
    border-radius:6px;
    background:#fff;
    color:#536373;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
}

.finance-periods a:hover{
    border-color:#9eabb6;
    color:#102131;
}

.finance-compare-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-bottom:16px;
}

.finance-compare-card{
    padding:20px;
}

.finance-eyebrow{
    display:block;
    margin-bottom:14px;
    color:#7d8995;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.finance-compare-main{
    color:#0b1e2f;
    font-size:30px;
    font-weight:800;
    line-height:1;
}

.finance-compare-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-top:18px;
    padding-top:15px;
    border-top:1px solid #edf0f2;
    color:#687787;
    font-size:12px;
}

.finance-change{
    padding:5px 8px;
    border-radius:5px;
    font-size:11px;
    font-weight:800;
}

.finance-change.positive{
    background:#e8f6ef;
    color:#137343;
}

.finance-change.negative{
    background:#fdecec;
    color:#c62929;
}

.finance-chart-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-bottom:16px;
}

.finance-chart-card{
    overflow:hidden;
}

.finance-chart{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    align-items:end;
    gap:8px;
    height:260px;
    padding:24px 20px 17px;
}

.finance-chart-column{
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
}

.finance-chart-value{
    width:100%;
    height:24px;
    margin-bottom:5px;
    color:#6d7b89;
    font-size:9px;
    font-weight:700;
    text-align:center;
    white-space:nowrap;
}

.finance-chart-track{
    display:flex;
    align-items:flex-end;
    width:70%;
    height:170px;
    min-width:10px;
    background:#eef2f4;
    border-radius:4px 4px 2px 2px;
    overflow:hidden;
}

.finance-chart-bar{
    width:100%;
    min-height:3px;
    background:#ed2929;
    border-radius:4px 4px 0 0;
}

.finance-chart-bar-orders{
    background:#192b3a;
}

.finance-chart-label{
    margin-top:8px;
    color:#748291;
    font-size:10px;
    font-weight:700;
}

.finance-status-link{
    text-decoration:none;
    color:#152635;
}

.finance-status-link:hover{
    background:#fafbfc;
}

.finance-kpis-small{
    grid-template-columns:repeat(3,1fr);
}

.finance-kpis-report{
    grid-template-columns:repeat(5,1fr);
}

@media(max-width:1100px){

    .finance-chart-grid{
        grid-template-columns:1fr;
    }

    .finance-kpis-report{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:800px){

    .finance-tabs{
        width:100%;
    }

    .finance-compare-grid{
        grid-template-columns:1fr;
    }

    .finance-chart{
        overflow-x:auto;
        grid-template-columns:repeat(12,50px);
    }

    .finance-kpis-small,
    .finance-kpis-report{
        grid-template-columns:repeat(2,1fr);
    }

}


/* ==========================================================
   BULK CLIENT MANAGEMENT
   ========================================================== */

.bulk-client-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:14px 0;
    padding:11px 13px;
    background:#fff;
    border:1px solid #dfe5ea;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(15,30,45,.025);
}

.bulk-client-left{
    display:flex;
    align-items:center;
    gap:13px;
    min-width:max-content;
}

.bulk-select-all-label{
    display:flex;
    align-items:center;
    gap:7px;
    cursor:pointer;
    color:#263746;
    font-size:12px;
    font-weight:700;
}

.bulk-select-all-label input,
.bulk-client-checkbox{
    width:16px;
    height:16px;
    accent-color:#ed2929;
    cursor:pointer;
}

.bulk-selected-count{
    padding-left:13px;
    border-left:1px solid #dde3e7;
    color:#7a8794;
    font-size:12px;
}

.bulk-client-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    width:100%;
}

.bulk-client-actions select,
.bulk-client-actions input{
    height:38px;
    border:1px solid #ccd5dd;
    border-radius:6px;
    background:#fff;
    color:#263746;
    padding:0 10px;
    font-size:12px;
}

#bulk-action{
    min-width:210px;
}

#bulk-assignee{
    min-width:190px;
}

#bulk-status{
    min-width:190px;
}

.bulk-check-col{
    width:38px !important;
    min-width:38px !important;
    text-align:center !important;
}

.client-table-row{
    cursor:pointer;
}

.client-table-row:hover{
    background:#fafbfc;
}

.bulk-client-actions .button:disabled{
    opacity:.45;
    cursor:not-allowed;
}

@media(max-width:1050px){

    .bulk-client-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }

    .bulk-client-actions{
        justify-content:flex-start;
        flex-wrap:wrap;
    }

}

@media(max-width:650px){

    .bulk-client-left{
        width:100%;
        justify-content:space-between;
    }

    .bulk-client-actions{
        display:grid;
        grid-template-columns:1fr;
        width:100%;
    }

    #bulk-action,
    #bulk-assignee,
    #bulk-status{
        width:100%;
        min-width:0;
    }

}

/* Collapsible Clients group */
.side-group{margin:0}
.side-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:7px;color:#c7d0d8;font-weight:700;user-select:none}
.side-group>summary::-webkit-details-marker{display:none}
.side-group>summary:hover,.side-group.has-active>summary{background:var(--nav2);color:#fff}
.side-group>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.side-group[open]>summary::after{transform:rotate(45deg)}

/* WhatsApp contact intelligence */
.wa-count{display:inline-block;min-width:18px;padding:0 6px;margin-left:4px;border-radius:9px;background:rgba(0,0,0,.08);font-size:11px;text-align:center}
.wa-note{margin:10px 0;padding:10px 12px;border-radius:8px;background:#fff7e6;border:1px solid #f3d9a4;font-size:13px}
.wa-table td{vertical-align:top}
.wa-table td small,.wa-name+small{display:block;color:#6b7280;font-size:11px;line-height:1.35;margin-top:2px}
.wa-table .nowrap{white-space:nowrap}
.wa-name{font-weight:600}
.wa-inline{display:inline-flex;gap:4px;align-items:center;margin:2px 0}
.wa-inline select,.wa-inline button,.wa-more input,.wa-more button{font-size:12px;padding:3px 6px}
.wa-actions{min-width:190px}
.wa-more summary{cursor:pointer;font-size:12px;color:#6b7280}
.wa-more form{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}
.badge.ok{background:#e6f6ec;color:#17663a}
.badge.warn{background:#fff4dd;color:#8a5a00}
.badge.bad{background:#fde8e8;color:#9b1c1c}
.badge.info{background:#e8f0fe;color:#1e40af}
.badge.muted{background:#f1f2f4;color:#6b7280}
.wa-table td small{max-width:280px}