/* ยอดสิทธิลา · ตารางยอด ดู/แก้ทีละคน (15/10/2569) — ต่อจาก roster-matrix.css / roster-import.css / leave-balance.css */
.lm-tabs{display:inline-flex;border:1px solid #cbd5e1;border-radius:9px;overflow:hidden;vertical-align:middle;margin-left:12px}
.lm-tab{border:0;background:#fff;color:#334155;font:inherit;font-size:13px;padding:6px 14px;cursor:pointer}
.lm-tab.on{background:var(--navy);color:#fff;font-weight:700}
.lm-tab:focus-visible{outline:2px solid #93c5fd;outline-offset:-2px}
.lm-bar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:flex-end;margin:6px 0 8px}
.lm-bar label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted);font-weight:600}
.lm-bar label.grow{flex:1 1 220px}
.lm-bar select,.lm-bar input[type=search]{height:36px;border:1px solid #cbd5e1;border-radius:8px;padding:0 8px;background:#fff;font-size:13px;min-width:140px}
.lm-bar input[type=search]{min-width:200px}
.lm-chk{flex-direction:row!important;align-items:center!important;gap:6px!important;height:36px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;background:#fff;font-size:12.5px!important;color:#334155!important;font-weight:500!important}
.lm-cut{height:36px;display:flex;align-items:center;gap:6px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;background:#fff;font-size:12.5px;color:var(--muted)}
.lm-cut b{color:#1f2937}
.lm-bar .btn{height:36px}
.lm-bar .live{margin-left:auto}
.lm-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.lm-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 12px;font-size:12.5px;color:#334155}
.lm-chip b{font-size:15px;margin-left:5px;color:var(--navy)}
.lm-chip.bad{border-color:#fecaca;background:#fff1f2;color:#b91c1c}.lm-chip.bad b{color:#b91c1c}
.lm-chip.wait{border-color:#fde68a;background:#fffbeb;color:#92400e}.lm-chip.wait b{color:#92400e}
.lm-wrap{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:12px;align-items:start}
.lm-wrap.one{grid-template-columns:minmax(0,1fr)}
.lm-tbl{min-width:0}
.lm-scroll{max-height:calc(100vh - 290px);min-height:240px}
table.lm-list{font-size:12.5px}
table.lm-list th{white-space:nowrap}
table.lm-list th.grp{text-align:center;border-left:1px solid var(--line)}
table.lm-list th.n,table.lm-list td.n{text-align:right;white-space:nowrap}
table.lm-list th.sep,table.lm-list td.sep{border-left:1px solid var(--line)}
table.lm-list td.left{font-weight:700;color:var(--navy)}
table.lm-list td.neg{font-weight:800;color:#b91c1c;background:#fff1f2}
table.lm-list td.lm-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
table.lm-list tr[data-emp]{cursor:pointer}
table.lm-list tr.pick td{background:#eff5ff;box-shadow:inset 0 -2px 0 #a9c4f5,inset 0 2px 0 #a9c4f5}
.lm-code{display:inline-block;border-radius:999px;padding:0 7px;font-size:11px;font-weight:800;border:1px solid #a9c4f5;color:#2563eb;background:#eff5ff}
.lm-sub{display:block;color:var(--muted);font-size:10.5px;font-weight:400;line-height:1.1}
.lm-pill{display:inline-block;border-radius:999px;padding:0 8px;font-size:11px;font-weight:700;border:1px solid #fde68a;background:#fffbeb;color:#92400e;white-space:nowrap}
.lm-edit{border:1px solid #a9c4f5;background:#fff;color:var(--navy);border-radius:7px;font-weight:800;font-size:13px;height:26px;width:30px;cursor:pointer}
.lm-edit:hover{background:#eff5ff}
.lm-more{margin:8px 0 0;font-size:12.5px}
.lm-dim{color:var(--muted)}
.lm-drawer{background:#fff;border:1px solid #a9c4f5;border-radius:12px;padding:12px 14px;box-shadow:0 6px 18px rgba(29,78,137,.12);position:sticky;top:10px}
.lm-dh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lm-dh h2{font-size:16px;margin:0}
.lm-who{color:var(--muted);font-size:12px;margin:2px 0 8px}
.lm-pol{display:grid;grid-template-columns:minmax(80px,1fr) 100px 100px 64px;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:13px}
.lm-pol.h{font-size:11px;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line)}
.lm-pol .r{text-align:right;font-weight:800;color:var(--navy)}
.lm-pol .r.neg{color:#b91c1c}
.lm-in{height:32px;border:1px solid #cbd5e1;border-radius:7px;padding:0 8px;font:inherit;font-size:13px;font-weight:600;background:#fffbeb;width:100%}
.lm-in:focus{outline:2px solid #93c5fd;border-color:#93c5fd}
.lm-after{grid-column:3/4;margin-top:-4px}
.lm-note{font-size:11.5px;color:var(--muted);margin:6px 0}
.lm-reason{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted);font-weight:600;margin:6px 0}
.lm-reason textarea{border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px;font:inherit;font-size:13px;color:#1f2937;resize:vertical}
.lm-prev{border:1px solid #fde68a;background:#fffbeb;border-radius:8px;padding:8px 10px;font-size:12.5px;margin:6px 0;line-height:1.5}
.lm-prev.same{border-color:var(--line);background:#f8fafc;color:#475569}
.lm-prev.bad{border-color:#fecaca;background:#fff1f2}
.lm-prev .lm-pt{font-weight:700;color:#92400e;margin-bottom:2px}
.lm-prev.bad .lm-pt,.lm-prev .bad{color:#b91c1c}
.lm-acts{display:flex;gap:8px;margin-top:8px}
.lm-hist{margin-top:10px;border-top:1px dashed var(--line);padding-top:6px}
.lm-hist h3{font-size:12.5px;margin:0 0 4px;color:#334155}
.lm-hist ul{margin:0;padding-left:16px;font-size:11.5px;color:#334155;max-height:170px;overflow:auto}
.lm-hist li{margin:2px 0}
@media (max-width:1100px){.lm-wrap{grid-template-columns:1fr}.lm-drawer{position:static}}
@media (max-width:520px){.lm-pol{grid-template-columns:minmax(56px,1fr) 70px 70px 46px;gap:4px}.lm-in{padding:0 5px}.lm-drawer{padding:10px}.lm-bar select,.lm-bar input[type=search]{min-width:0;max-width:100%}.lm-bar label{max-width:100%}}