/* Shared HBE list panel — Employees table language for all modules */
/* Employee / Credit list — Purchase Ledger visual language */
/* Summary KPI row/type: shared via hbe_kpi.css */
.emp-summary-card{
  margin-bottom:0;
}

.emp-list-panel,
.pl-list-panel{
  border:1px solid #EEF2F7;
  border-radius:20px;
  background:#fff;
  box-shadow:0 8px 30px rgba(15,23,42,.04);
  overflow:hidden;
}
.emp-list-panel > .card-hdr,
.pl-list-panel > .card-hdr{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:16px 20px;
  border-bottom:1px solid var(--border-s,#EEF2F7);
  background:#fff;
}
.emp-list-panel > .card-hdr .card-title,
.pl-list-panel > .card-hdr .card-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  font-weight:700;
  color:var(--txt,#1A202C);
  margin:0;
}
.emp-list-panel > .card-hdr .card-title svg,
.pl-list-panel > .card-hdr .card-title svg{
  width:18px;
  height:18px;
  stroke:var(--txt3,#94A3B8);
  fill:none;
  stroke-width:1.8;
}
.emp-list-count,
.pl-count{
  font-size:12px;
  font-weight:600;
  color:var(--txt3,#94A3B8);
}
.kpi-val.pl-amount,
.pl-summary-value.pl-amount{
  font-variant-numeric:tabular-nums;
}
.emp-card-body--flush,
.pl-card-body--flush{padding:0}

.emp-table-wrap,
.pl-table-wrap{overflow:auto}
table.emp-pl-table .pl-col-actions{
  min-width:96px;
  white-space:nowrap;
  text-align:right;
}
table.emp-pl-table{
  width:100%;
  min-width:1100px;
  table-layout:auto;
  border-collapse:collapse;
}
#emp-main-table.emp-pl-table{
  min-width:1180px;
}
#dav-table.emp-pl-table{
  min-width:720px;
}
#credit-emp-table.emp-pl-table,
#credit-recent-table.emp-pl-table{
  min-width:780px;
}
#emp-salary-breakdown-table.emp-pl-table{
  min-width:920px;
}
#emp-attendance-overview-table.emp-pl-table{
  min-width:860px;
}
#emp-salary-breakdown-table.emp-pl-table tfoot td{
  background:#F8FAFD;
  border-bottom:0;
  font-weight:800;
  padding-top:14px;
  padding-bottom:14px;
}
#emp-salary-breakdown-table .ec-ledger-label{
  text-align:right;
  color:var(--txt2,#4A5568);
  font-weight:700;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.4px;
}
table.emp-pl-table .pl-amount.pl-amount--pur{
  color:var(--pur,#7C3AED);
}
table.emp-pl-table th,
table.emp-pl-table td{
  padding:12px 18px;
  text-align:left;
  border-bottom:1px solid var(--border-s,#EEF2F7);
  font-size:13px;
  vertical-align:middle;
}
table.emp-pl-table th{
  background:#F8FAFD;
  color:var(--txt3,#94A3B8);
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
}
table.emp-pl-table th.pl-sortable{
  cursor:pointer;
  user-select:none;
  white-space:nowrap;
}
table.emp-pl-table th.pl-sortable:hover{color:var(--txt2,#4A5568)}
table.emp-pl-table th.pl-sortable::after{
  content:'';
  display:inline-block;
  margin-left:6px;
  font-size:9px;
  opacity:.35;
  vertical-align:middle;
}
table.emp-pl-table th.pl-sortable.is-sorted-asc::after,
table.emp-pl-table th.pl-sortable.is-sorted-desc::after{
  opacity:1;
  color:#2563EB;
}
table.emp-pl-table th.pl-sortable.is-sorted-asc::after{content:'▲'}
table.emp-pl-table th.pl-sortable.is-sorted-desc::after{content:'▼'}
table.emp-pl-table th.pl-sortable:focus-visible{
  outline:2px solid rgba(37,99,235,.35);
  outline-offset:-2px;
}
table.emp-pl-table tr:last-child td{border-bottom:0}
table.emp-pl-table tbody tr:hover td{
  background:#FAFBFD;
}
table.emp-pl-table .pl-col-code{white-space:nowrap}
table.emp-pl-table .pl-expense-code{
  display:inline-block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.3px;
  color:var(--acc,#1877F2);
  background:var(--acc-bg,#EEF5FF);
  border:1px solid rgba(37,99,235,.15);
  border-radius:999px;
  padding:4px 8px;
}
table.emp-pl-table .pl-name{
  font-weight:700;
  color:var(--txt,#1A202C);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:180px;
}
table.emp-pl-table .pl-meta{
  font-size:12px;
  color:var(--txt3,#94A3B8);
  margin-top:2px;
  line-height:1.4;
}
table.emp-pl-table .pl-col-amount{
  width:120px;
  white-space:nowrap;
  text-align:right;
}
table.emp-pl-table .pl-amount{
  font-weight:700;
  color:var(--txt,#1A202C);
}
table.emp-pl-table .pl-amount.pl-amount--ok{color:var(--ok,#16A34A)}
table.emp-pl-table .pl-amount.pl-amount--warn{color:var(--warn,#D97706)}
table.emp-pl-table .pl-amount.pl-amount--debt{color:var(--err,#DC2626)}
table.emp-pl-table .pl-amount.pl-amount--muted{color:var(--txt3,#94A3B8);font-weight:600}
table.emp-pl-table tbody tr:hover .pl-col-actions{background:#FAFBFD}
table.emp-pl-table .pl-col-attend{text-align:center;white-space:nowrap}
table.emp-pl-table .pl-col-attend .badge{
  font-size:11px;
  font-weight:700;
  padding:4px 9px;
  border-radius:999px;
  letter-spacing:.2px;
}
table.emp-pl-table .emp-dept{
  font-size:13px;
  font-weight:600;
  color:var(--txt2,#4A5568);
}
table.emp-pl-table .inline-sal{
  width:96px;
  height:36px;
  padding:0 10px;
  border:1px solid #E5E7EB;
  border-radius:10px;
  background:#fff;
  font-size:13px;
  font-weight:700;
  color:var(--txt,#1A202C);
  font-variant-numeric:tabular-nums;
}
table.emp-pl-table .inline-sal:focus{
  border-color:#93C5FD;
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
  outline:none;
}
table.emp-pl-table .inline-sal:disabled{
  opacity:.55;
  cursor:not-allowed;
  background:#F8FAFD;
}
/* Actions column kept as existing act-grp / sticky pattern */
table.emp-pl-table .tbl-sticky{
  position:sticky;
  right:0;
  z-index:2;
  background:#fff;
  text-align:center;
  min-width:136px;
  width:136px;
  box-shadow:-6px 0 12px rgba(15,23,42,.04);
}
table.emp-pl-table thead .tbl-sticky{background:#F8FAFD;z-index:3}
table.emp-pl-table tbody tr:hover .tbl-sticky{background:#FAFBFD;z-index:5}
.emp-empty,
.pl-empty{
  padding:36px 18px;
  text-align:center;
  color:var(--txt3,#94A3B8);
  font-size:14px;
}
.acm-locked-emp .pl-expense-code{
  display:inline-block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.3px;
  color:var(--acc,#1877F2);
  background:var(--acc-bg,#EEF5FF);
  border:1px solid rgba(37,99,235,.15);
  border-radius:999px;
  padding:3px 8px;
}
.ec-repay-value{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:inherit;
}
.ec-repay-input.inline-sal{
  width:120px;
  height:40px;
  padding:0 12px;
  border:1px solid #E5E7EB;
  border-radius:10px;
  background:#fff;
  font-size:18px;
  font-weight:800;
  color:var(--txt,#1A202C);
  font-variant-numeric:tabular-nums;
}
.ec-repay-input.inline-sal:focus{
  border-color:#93C5FD;
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
  outline:none;
}
.ec-repay-input.inline-sal:disabled{
  opacity:.55;
  cursor:not-allowed;
  background:#F8FAFD;
}
.ec-repay-unit{
  font-size:13px;
  font-weight:600;
  color:var(--txt3,#94A3B8);
}
#emp-credit-history-table.emp-pl-table{
  min-width:640px;
}
#emp-credit-history-table.emp-pl-table tfoot td{
  background:#F8FAFD;
  border-bottom:0;
  padding:14px 18px;
}
#emp-credit-history-table .ec-ledger-label{
  text-align:right;
  font-weight:700;
  color:var(--txt2,#4A5568);
}
#emp-credit-history-table .ec-edit-input{
  width:100%;
  min-width:0;
  height:36px;
  padding:0 10px;
  border:1px solid #E5E7EB;
  border-radius:10px;
  background:#fff;
  font:600 13px Inter,system-ui,sans-serif;
  color:var(--txt,#1A202C);
  box-sizing:border-box;
}
#emp-credit-history-table .ec-edit-input--amt{
  width:120px;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
#emp-credit-history-table .ec-edit-row td{
  background:#FAFBFD;
}


a.pl-expense-code{
  text-decoration:none;
  color:inherit;
}
a.pl-expense-code:hover{
  filter:brightness(.96);
}

/* Shared action icon group (Employees panel language) */
.act-grp{
  display:inline-flex;align-items:center;gap:2px;background:#F8FAFD;
  border:1px solid var(--border,#E2E8F0);border-radius:8px;padding:3px;
  position:relative;overflow:visible;
}
.act-btn{
  display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;
  border-radius:6px;border:none;cursor:pointer;background:transparent;
  color:var(--txt3,#94A3B8);text-decoration:none;transition:background .12s,color .12s;
  position:relative;flex-shrink:0;padding:0;font:inherit;
}
.act-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
.act-btn:hover{color:var(--txt,#1A202C);}
.act-btn.att:hover{background:var(--warn-bg,#FFFBEB);color:var(--warn,#D97706);}
.act-btn.cred:hover,.act-btn.extract:hover{background:var(--pur-bg,#F5F3FF);color:var(--pur,#7C3AED);}
.act-btn.edit:hover{background:var(--acc-bg,#EEF5FF);color:var(--acc,#1877F2);}
.act-btn.del:hover{background:var(--err-bg,#FEF2F2);color:var(--err,#DC2626);}
.act-sep{width:1px;height:18px;background:var(--border,#E2E8F0);margin:0 2px;flex-shrink:0;}
.act-btn[data-tip]::after{
  content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);
  background:#1A202C;color:#fff;font-size:10px;font-weight:600;white-space:nowrap;padding:4px 8px;
  border-radius:4px;pointer-events:none;opacity:0;visibility:hidden;z-index:30;
  box-shadow:0 4px 12px rgba(15,23,42,.18);transition:opacity .12s,visibility .12s;
}
.act-btn[data-tip]:hover::after,.act-btn[data-tip]:focus-visible::after{opacity:1;visibility:visible;}

/* Module table widths */
#product-master-table.emp-pl-table{min-width:640px;}
#supplier-master-table.emp-pl-table{min-width:1180px;}
#hsn-master-table.emp-pl-table{min-width:920px;}
#sup-tickets-table.emp-pl-table{min-width:780px;}
#sr-expense-preview-table.emp-pl-table{min-width:720px;}
#am-users-table.emp-pl-table{min-width:860px;}

/* Detail stacks inside HBE tables */
.emp-pl-table .pm-mobile-stack{display:flex;flex-direction:column;gap:2px;line-height:1.35;}
.emp-pl-table .pm-muted,.emp-pl-table .pl-amount--muted{color:var(--txt3,#94A3B8);font-weight:600;}
.emp-pl-table td.pm-detail,.emp-pl-table .pl-meta{color:var(--txt2,#4A5568);font-size:13px;}
.emp-pl-table .pm-empty,.emp-empty,.pl-empty{padding:36px 18px;text-align:center;color:var(--txt3,#94A3B8);font-size:14px;}

/* Keep toolbar above list panels on master pages */
.de-product-page .pm-toolbar,
.de-supplier-page .pm-toolbar,
.de-gst-page .pm-toolbar{margin-bottom:14px;}
.de-product-page .emp-list-panel,
.de-supplier-page .emp-list-panel,
.de-gst-page .emp-list-panel{margin-top:0;}

/* Users panel: HBE header + existing card rows */
.am-users-panel.emp-list-panel > .card-hdr.am-users-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:16px 20px;
  border-bottom:1px solid var(--border-s,#EEF2F7);
  background:#fff;
}
.am-users-panel.emp-list-panel .am-users-title,
.am-users-panel.emp-list-panel .am-users-sub{display:none;}
.am-users-panel.emp-list-panel .am-user-actions .act-grp{margin-left:auto;}

/* Support / sales report badges as HBE count */
.emp-list-count.sup-badge,
.emp-list-count.badge{background:transparent;border:0;padding:0;letter-spacing:0;text-transform:none;}