/* ================================================================
   LEAVE RECORDS — shared styles (SA Control / Head of HR / VMEM)
   Scoped to .lr-host; self-contained tokens. Pairs with
   js/leave-records.js.
   ================================================================ */
.lr-host{
  --gold:#f0c832; --green:#4cd657; --red:#ff4848; --orange:#FF8C00;
  --text:#f2f7ee; --t2:rgba(242,247,238,.88); --t3:rgba(242,247,238,.6); --t4:rgba(242,247,238,.34);
  --panel:rgba(255,255,255,.06); --panel3:rgba(255,255,255,.035); --border:rgba(255,255,255,.16);
  --mono:'IBM Plex Mono',monospace; --body:'DM Sans',sans-serif;
  font-family:var(--body); color:var(--text); display:block;
}
.lr-host *{box-sizing:border-box}
.lr-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.lr-toolbar .gi{background:rgba(0,0,0,.25);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 12px;font-size:13px;font-family:var(--body)}
.lr-toolbar #lr-search{flex:1;min-width:200px}
.lr-count{font-size:12px;color:var(--t3);font-family:var(--mono);margin-left:auto}
.lr-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel3)}
.lr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.lr-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:860px}
.lr-table thead tr{background:rgba(0,0,0,.35);border-bottom:1px solid var(--border)}
.lr-table th{padding:11px 13px;text-align:left;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--t3);white-space:nowrap}
.lr-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05)}
.lr-table tbody tr:last-child{border-bottom:none}
.lr-table tbody tr:hover{background:rgba(255,255,255,.035)}
.lr-table td{padding:11px 13px;color:var(--t2);vertical-align:middle;white-space:nowrap}
.lr-name{display:block;font-weight:600;color:var(--text)}
.lr-dept{display:block;font-size:10.5px;color:var(--t3)}
.lr-type{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;color:var(--text);background:color-mix(in srgb,var(--c,#4cd657) 16%,transparent);border:1px solid color-mix(in srgb,var(--c,#4cd657) 40%,transparent)}
.lr-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;color:var(--sc);background:color-mix(in srgb,var(--sc) 15%,transparent);border:1px solid color-mix(in srgb,var(--sc) 38%,transparent)}
.lr-src{display:inline-block;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:600}
.lr-src.self{color:var(--t3);background:var(--panel)}
.lr-src.behalf{color:var(--gold);background:rgba(240,200,50,.12);border:1px solid rgba(240,200,50,.3)}
.lr-rev,.lr-sub{font-size:11.5px;color:var(--t3)}
.lr-note{max-width:220px;white-space:normal;font-size:11.5px;color:var(--t3)}
.lr-empty{padding:26px 16px;text-align:center;font-size:13px;color:var(--t4)}
@media(max-width:640px){
  .lr-toolbar .gi{width:100%;min-width:0}
  .lr-count{margin-left:0}
}