/* ════════════════════════════════════════════════════════════
   OCC CUSTOMER LIST — Shared CSS
   Loaded by OCC_Command_Center.html (CC) and OCC_CRM.html already
   has occ_crm.css which contains these rules.
   Apr 27 2026
   ════════════════════════════════════════════════════════════ */
.cust-layout{display:flex;flex:1 1 auto;min-height:0;min-width:0;width:100%;overflow:hidden;}
.cust-sidenav{width:230px;min-width:210px;flex:0 0 230px;background:var(--bg2);border-right:1px solid var(--border);overflow-y:auto;padding:2px 0 20px;}
.cust-sidenav-search-wrap{position:relative;padding:4px 10px 10px;}
.cust-sidenav-search-icon{position:absolute;left:18px;top:10px;font-size:12px;opacity:0.5;}
.cust-sidenav-search-input{width:100%;padding:7px 10px 7px 28px;border:1px solid var(--border);border-radius:6px;font-size:12px;background:#fff;color:var(--text);font-family:inherit;}
.cust-sidenav-divider{height:1px;background:var(--border);margin:8px 12px;}
.cust-sidenav-group{padding:10px 14px 4px;font-size:10px;font-weight:700;color:var(--text3);letter-spacing:0.6px;}
[data-theme="dark"] .cust-sidenav-group{color:#9ca3af;}
[data-theme="dark"] .cust-sidenav{background:#111827;border-right-color:#374151;}
[data-theme="dark"] .cust-sidenav-search-input{background:#1f2937;color:#e5e7eb;border-color:#374151;}
.cust-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:12px 16px;gap:8px;}
.cust-category-urgent{color:#b91c1c;font-weight:600;}
.cust-category-urgent:hover{background:#fef2f2;}
.cust-category-urgent.active{background:#b91c1c;color:#fff;border-left-color:#fbbf24;}
[data-theme="dark"] .cust-category-urgent{color:#fca5a5;}
[data-theme="dark"] .cust-category-urgent:hover{background:#450a0a;}
[data-theme="dark"] .cust-category-urgent.active{background:#991b1b;color:#fff;}
.cust-category{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:34px;padding:8px 14px;background:transparent;border:none;border-bottom:1px solid var(--border);border-left:3px solid transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--text);text-align:left;font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,'Inter',sans-serif;letter-spacing:-0.15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .12s;}
.cust-category:hover{background:rgba(10,46,122,0.05);}
.cust-category.active{background:#1f2937;color:#fff;border-left-color:#7c3aed;font-weight:700;}
.cust-category.disabled{opacity:0.5;cursor:not-allowed;}
.cust-category.active .cust-cat-badge{color:#c4b5fd;}
.cust-category.disabled .cust-cat-badge{color:var(--text3);}
[data-theme="dark"] .cust-category.active{background:#4c1d95;color:#fff;}
.cust-cat-badge{font-size:11px;font-weight:700;color:var(--text2);min-width:28px;text-align:right;}
.cust-filter-bar,.report-filter-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;align-items:center;padding:2px 0;}
.cust-filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:6px;min-width:200px;max-height:340px;overflow-y:auto;z-index:100;display:none;box-shadow:0 8px 24px rgba(15,23,42,0.12);}
.cust-filter-dropdown.show{display:block !important;}
[data-theme="dark"] .cust-filter-dropdown{background:#1f2937;border-color:#374151;color:#e5e7eb;}
.cf-pill{padding:0 10px 0 12px;background:#ffffff;color:#1f2937;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;font-family:inherit;display:inline-flex;align-items:center;gap:6px;line-height:1;transition:border-color .12s,background .12s,box-shadow .12s;pointer-events:auto;white-space:nowrap;height:30px;box-shadow:0 1px 0 rgba(15,23,42,0.02);}
.cf-pill:hover{border-color:#9ca3af;background:#f9fafb;}
.cf-pill:focus-visible{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,0.15);}
.cf-pill-primary{background:#7c3aed;color:#fff;border-color:#7c3aed;font-weight:600;}
.cf-pill-primary:hover{background:#6d28d9;border-color:#6d28d9;}
.cf-pill-primary .cf-chev{color:rgba(255,255,255,0.8);opacity:1;}
.cf-pill-primary .cf-badge{color:rgba(255,255,255,0.9);}
[data-theme="dark"] .cf-pill{background:#1f2937;color:#e5e7eb;border-color:#374151;box-shadow:none;}
[data-theme="dark"] .cf-pill:hover{background:#374151;border-color:#6b7280;}
[data-theme="dark"] .cf-pill-primary{background:#7c3aed;color:#fff;border-color:#7c3aed;}
[data-theme="dark"] .cf-pill-primary:hover{background:#6d28d9;border-color:#6d28d9;}
[data-theme="dark"] .cf-pill-primary .cf-badge{color:rgba(255,255,255,0.9);}
.cf-wrap{position:relative;display:inline-block;}
.cf-badge{background:transparent;color:#6b7280;padding:0;border-radius:0;font-size:11px;font-weight:500;line-height:1;letter-spacing:0;}
.cf-pill-primary .cf-badge{color:rgba(255,255,255,0.9);}
[data-theme="dark"] .cf-badge{color:#9ca3af;}
[data-theme="dark"] .cf-pill-primary .cf-badge{color:rgba(255,255,255,0.9);}
.cf-chev{font-size:10px;opacity:.55;margin-left:2px;color:#6b7280;}
.cf-pill-primary .cf-chev{color:rgba(255,255,255,0.8);opacity:1;}
[data-theme="dark"] .cf-chev{color:#9ca3af;}
.cf-ico{font-size:11px;opacity:.6;margin-right:2px;}
.cf-hint{font-size:11px;color:#6b7280;padding:10px 8px;font-style:italic;}
.cf-check{display:flex;align-items:center;gap:8px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:600;font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,'Inter',sans-serif;color:#1f2937;border-radius:6px;letter-spacing:-0.15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.cf-check:hover{background:#f3f2ff;}
[data-theme="dark"] .cf-check{color:#e5e7eb;}
[data-theme="dark"] .cf-check:hover{background:#374151;}
.cust-az-bar{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:4px;}
.az-btn{padding:4px 9px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;color:var(--text2);font-family:inherit;min-width:24px;}
.az-btn:hover{background:#f3f2ff;color:#312e81;}
.az-btn.active{background:#e9e7ff;color:#312e81;border-color:#c4b5fd;}
[data-theme="dark"] .az-btn:hover{background:#312e81;color:#c7d2fe;}
[data-theme="dark"] .az-btn.active{background:#4c1d95;color:#fff;border-color:#7c3aed;}
.cust-batch-bar{display:flex;gap:6px;align-items:center;padding:8px 0;margin-bottom:4px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.cust-batch-select{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);padding:4px 10px;}
.cust-batch-btn{padding:5px 11px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:11.5px;color:var(--text);font-family:inherit;font-weight:500;display:inline-flex;align-items:center;gap:4px;}
.cust-batch-btn:hover{background:#f3f4f6;border-color:#d1d5db;}
.cust-batch-btn-danger{color:#dc2626;}
.cust-batch-btn-danger:hover{background:#fee2e2;border-color:#fca5a5;}
[data-theme="dark"] .cust-batch-btn{background:#1f2937;border-color:#374151;color:#e5e7eb;}
[data-theme="dark"] .cust-batch-btn:hover{background:#374151;}
.ct-scroll{flex:1 1 auto;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--card);min-height:0;}
.ct-table{width:100%;border-collapse:collapse;font-size:12px;}
.ct-th{text-align:left;padding:10px 12px;background:var(--bg2);color:var(--text2);font-weight:700;font-size:11px;letter-spacing:0.3px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;cursor:pointer;white-space:nowrap;user-select:none;}
.ct-th:hover{background:var(--border);}
.ct-th-check{width:36px;padding:10px 8px;cursor:default;}
.ct-th-actions,.ct-td-actions{white-space:nowrap;padding:6px 10px;}
[data-theme="dark"] .ct-th{background:#111827;color:#9ca3af;}
.ct-tr{border-bottom:1px solid var(--border);}
.ct-tr:hover{background:#fafafa;}
[data-theme="dark"] .ct-tr:hover{background:#1f2937;}
.ct-td{padding:8px 12px;color:var(--text);vertical-align:top;}
.ct-td-check{width:36px;padding:8px;}
.ct-td-actions{display:flex;gap:4px;flex-wrap:wrap;}
.ct-link{color:#7c3aed;text-decoration:none;font-weight:500;}
.ct-link:hover{text-decoration:underline;}
[data-theme="dark"] .ct-link{color:#a78bfa;}
.ct-sort{font-size:9px;opacity:.5;margin-left:2px;}
.ct-status-pill{background:#dcfce7;color:#166534;padding:2px 10px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:0.5px;}
.ct-action-btn{padding:4px 10px;font-size:11px;font-weight:500;background:#fff;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;color:#1f2937;font-family:inherit;line-height:1.2;white-space:nowrap;transition:background .1s,border-color .1s;}
.ct-action-btn:hover{background:#f9fafb;border-color:#9ca3af;}
.ct-action-btn-primary{background:#7c3aed;color:#fff;border-color:#7c3aed;font-weight:600;}
.ct-action-btn-primary:hover{background:#6d28d9;border-color:#6d28d9;}
.ct-action-btn-danger{background:#fff;color:#dc2626;border-color:#fca5a5;}
.ct-action-btn-danger:hover{background:#fee2e2;border-color:#dc2626;}
[data-theme="dark"] .ct-action-btn{background:#1f2937;border-color:#374151;color:#e5e7eb;}
[data-theme="dark"] .ct-action-btn:hover{background:#374151;border-color:#6b7280;}
[data-theme="dark"] .ct-action-btn-primary{background:#7c3aed;border-color:#7c3aed;color:#fff;}
[data-theme="dark"] .ct-action-btn-danger{background:#1f2937;color:#fca5a5;border-color:#7f1d1d;}
.tc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:var(--text3);gap:10px;}
.tc-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:#0a2e7a;border-radius:50%;animation:fpSpin .8s linear infinite;}
.tc-header{font-family:'Inter',sans-serif;font-size:18px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:8px;flex:0 0 auto;}
html[data-theme="dark"] .tc-header{color:#93c5fd;}
.tc-cust-list{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;overflow-y:auto;}