/* =============================================
   MAHI ERP — TABLES CSS v13
   Excel/ERP grid-style, DTDC compact
   ============================================= */
.tbl-card{background:white;border:1px solid #a8b8c8;margin:0;}
.tbl-hd{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-bottom:1px solid #a8b8c8;background:linear-gradient(180deg,#dce8f4 0%,#b8cce0 100%);flex-wrap:wrap;gap:5px;}
.tbl-hd h3{font-size:11px;font-weight:700;color:#1a3a6e;margin:0;text-transform:uppercase;letter-spacing:.3px;}
.tbl-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.filter-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.tbl-srch{padding:3px 6px 3px 22px;border:1px solid #a0b0c0;border-radius:1px;font-size:11px;font-family:'Segoe UI',Tahoma,Arial,sans-serif;outline:none;background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 5px center;width:170px;color:#1f2d3d;height:22px;}
.tbl-srch:focus{border-color:#2a5296;}
.filter-sel{padding:2px 6px;border:1px solid #a0b0c0;border-radius:1px;font-size:11px;font-family:'Segoe UI',Tahoma,Arial,sans-serif;outline:none;background:white;color:#1f2d3d;cursor:pointer;min-width:100px;height:22px;}
.excel-btn{padding:2px 10px;border-radius:1px;border:1px solid #8ec89a;background:#e2f4e8;color:#1a5a2e;font-size:10px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:3px;font-family:'Segoe UI',Tahoma,Arial,sans-serif;white-space:nowrap;text-transform:uppercase;height:22px;}
.excel-btn:hover{background:#c8e8d0;}

table{width:100%;border-collapse:collapse;font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-size:11px;table-layout:auto;}
thead tr{background:linear-gradient(180deg,#ccdaec 0%,#a8bcd4 100%);}
thead th{padding:4px 8px;text-align:left;font-size:10px;font-weight:700;color:#1a3a6e;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-right:1px solid #a0b8cc;border-bottom:2px solid #7090b0;}
thead th:last-child{border-right:none;}
tbody tr{border-bottom:1px solid #d8e4ee;transition:background .08s;}
tbody tr:last-child{border-bottom:none;}
tbody tr:nth-child(odd){background:#fff;}
tbody tr:nth-child(even){background:#f0f6fc;}
tbody tr:hover{background:#d4e8f8!important;}
tbody td{padding:3px 7px;color:#1a2a3a;font-size:11px;vertical-align:middle;border-right:1px solid #d8e4ee;height:22px;}
tbody td:last-child{border-right:none;}

.td-id{font-family:Consolas,'Courier New',monospace;font-size:11px;font-weight:700;color:#1a3a6e;cursor:pointer;}
.td-id:hover{color:#0a2050;text-decoration:underline;}

.b-pill{display:inline-block;padding:1px 6px;border-radius:1px;font-size:9px;font-weight:700;background:#d0e0f0;color:#1a3a6e;border:1px solid #90b0cc;}
.b-pill.p-blr{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd;}
.b-pill.p-tmk{background:#ccfbf1;color:#0f766e;border-color:#5eead4;}
.b-pill.p-mys{background:#dcfce7;color:#15803d;border-color:#86efac;}
.b-pill.p-hyd{background:#ede9fe;color:#7c3aed;border-color:#c4b5fd;}
.b-pill.p-vzg{background:#cffafe;color:#0e7490;border-color:#67e8f9;}
.b-pill.p-has{background:#fee2e2;color:#dc2626;border-color:#fca5a5;}
.b-pill.p-dvg{background:#fef3c7;color:#b45309;border-color:#fde68a;}
.b-pill.p-hub{background:#fce7f3;color:#db2777;border-color:#f9a8d4;}
.b-pill.p-mlr{background:#ede9fe;color:#7c3aed;border-color:#c4b5fd;}

.sp{display:inline-block;padding:1px 7px;border-radius:1px;font-size:9px;font-weight:700;white-space:nowrap;text-transform:uppercase;border:1px solid;}
.sp-prs{background:#e0e7ff;color:#3730a3;border-color:#a5b4fc;}
.sp-rvp{background:#ede9fe;color:#7c3aed;border-color:#c4b5fd;}
.sp-booking{background:#fef9c3;color:#854d0e;border-color:#fde047;}
.sp-manifest{background:#cffafe;color:#0e7490;border-color:#67e8f9;}
.sp-mmaster{background:#fed7aa;color:#9a3412;border-color:#fdba74;}
.sp-intransit   {background:#bfdbfe;color:#1e40af;border-color:#93c5fd;}
.sp-reached_dest{background:#d1fae5;color:#065f46;border-color:#4ade80;}
.sp-ofd{background:#fef08a;color:#713f12;border-color:#fde047;}
.sp-pod{background:#d1fae5;color:#065f46;border-color:#6ee7b7;}
.sp-delivered{background:#bbf7d0;color:#14532d;border-color:#4ade80;}
.sp-cds{background:#bfdbfe;color:#1e40af;border-color:#93c5fd;}
.sp-rto_ood{background:#fecdd3;color:#881337;border-color:#fda4af;}
.sp-rto_it{background:#fee2e2;color:#991b1b;border-color:#fca5a5;}
.sp-rto_del{background:#d1fae5;color:#065f46;border-color:#6ee7b7;}

.row-cb{width:13px;height:13px;cursor:pointer;accent-color:#2a5296;}
.row-selected td{background:#c0d8f0!important;}

.bulk-bar{background:#1a3a6e;border:1px solid #0a2050;padding:5px 10px;display:none;align-items:center;gap:8px;flex-wrap:wrap;}
.bulk-bar.show{display:flex;}
.bulk-count{font-size:11px;font-weight:700;color:white;white-space:nowrap;}
.bulk-actions{display:flex;gap:4px;flex-wrap:wrap;}
.bulk-btn{padding:3px 10px;border-radius:1px;border:none;font-size:10px;font-weight:700;cursor:pointer;font-family:'Segoe UI',Tahoma,Arial,sans-serif;text-transform:uppercase;}
.bulk-btn-stg{background:#bfdbfe;color:#1e40af;}
.bulk-btn-xl{background:#bbf7d0;color:#15803d;}
.bulk-btn-pdf{background:#fed7aa;color:#9a3412;}
.bulk-btn-del{background:#fecdd3;color:#991b1b;}
.bulk-btn-clear{background:rgba(255,255,255,.15);color:white;}

.tbl-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;}
.tbl-scroll::-webkit-scrollbar{height:6px;}
.tbl-scroll::-webkit-scrollbar-track{background:#e8ecf0;}
.tbl-scroll::-webkit-scrollbar-thumb{background:#a0b0c0;}

.tbl-freeze th:first-child,.tbl-freeze td:first-child{position:sticky;left:0;z-index:2;background:white;}
.tbl-freeze thead th:first-child{background:linear-gradient(180deg,#ccdaec,#a8bcd4);z-index:3;}

.section-header{display:flex;align-items:center;justify-content:space-between;margin:5px 0 4px;}
.section-title{font-size:11px;font-weight:700;color:#1a3a6e;text-transform:uppercase;letter-spacing:.3px;}