/* หน้า HR ประเมินค่าทักษะรายเดือน (16/10/2569) — เน้นตาราง (แนวทางหน้าทำงานที่เจ้าของชม) */
.sk-main{max-width:1500px;margin:0 auto;padding:14px 18px 40px;font-family:Prompt,Sarabun,system-ui,sans-serif}
.sk-main h1{margin:4px 0 2px;font-size:24px}
.sk-lede{margin:0 0 10px;color:#646b76;font-size:13.5px;font-family:Sarabun,sans-serif}
.sk-status{margin:0 0 8px;color:#0b5e41;font-size:13.5px;min-height:0}.sk-status:empty{display:none}
.sk-error{color:#a10d18;font-size:14px;margin:10px 0}.sk-error:empty{display:none}
.sk-tabs{display:flex;gap:6px;margin:6px 0 12px;flex-wrap:wrap}
.sk-tab{border:1px solid #e0d6d7;background:#fff;border-radius:12px;padding:8px 14px;font:600 14px Prompt,sans-serif;color:#4a505a;cursor:pointer}
.sk-tab.on{background:#c80d19;border-color:#c80d19;color:#fff}
.sk-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.sk-bar label{font-size:14px;color:#4a505a}
.sk-bar select{margin-left:6px;padding:6px 10px;border:1px solid #d9d2d3;border-radius:10px;font:14px Prompt,sans-serif}
.sk-grow{flex:1}
.sk-btn{display:inline-block;border:1px solid #e0d6d7;background:#fff;border-radius:12px;padding:8px 14px;font:600 14px Prompt,sans-serif;color:#1d1f24;cursor:pointer}
.sk-main-btn{background:#c80d19;border-color:#c80d19;color:#fff}
.sk-file{position:relative}
.sk-round{margin:0 0 8px;font-size:13.5px;color:#4a505a;font-family:Sarabun,sans-serif}
.sk-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.sk-chip{border:1px solid #e9e1e2;border-radius:14px;padding:5px 11px;font-size:13px;color:#4a505a;background:#fbf9f9}
.sk-chip b{font-size:16px;margin-right:4px;color:#1d1f24}
.sk-chip.sk-money{background:#fff6df;border-color:#eed7a6}.sk-chip.sk-money b{color:#6f4a0a}
.sk-table-wrap{overflow:auto;max-height:calc(100vh - 290px);border:1px solid #eee;border-radius:14px;background:#fff}
.sk-table{width:100%;border-collapse:collapse;font-size:13.5px}
.sk-table th{position:sticky;top:0;z-index:1;text-align:left;font-weight:600;color:#646b76;font-size:12.5px;padding:7px 9px;border-bottom:2px solid #eee;background:#faf8f8;white-space:nowrap}
.sk-table td{padding:6px 9px;border-bottom:1px solid #f0eaea;vertical-align:top}
.sk-table td small{display:block;color:#7b8190;font-size:11.5px}
.sk-table .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sk-table tr.sk-warn td{background:#fff5f6}.sk-table tr.sk-hold td{background:#fffaf0}
.sk-note{font-size:12.5px;color:#646b76;font-family:Sarabun,sans-serif}
.sk-bad{color:#a10d18;font-size:12.5px}
.sk-up{color:#0b5e41;font-weight:600}.sk-down{color:#a10d18;font-weight:600}
#sk-work{max-width:560px}
@media (max-width:700px){.sk-main{padding:10px 12px 30px}.sk-table-wrap{max-height:none}}