/* ประเมินค่าทักษะรายเดือน (16/10/2569) — แผง ESS หัวหน้า / ผู้จัดการ · ใช้ซ้ำในหน้า HR (skill-eval.html) */
.se-panel{font-family:Prompt,Sarabun,system-ui,sans-serif}
.se-panel h2{margin:0;font-size:20px}
.se-lo{margin:2px 0 8px;font:400 12px "Noto Sans Lao","Leelawadee UI",sans-serif;color:#7b8190}
.se-meta{margin:0 0 10px;font-size:13px;color:#646b76;line-height:1.5}
.se-periods{display:flex;gap:6px;margin:0 0 8px;flex-wrap:wrap}
.se-period{border:1px solid #e6dfe0;background:#fff;border-radius:999px;padding:6px 14px;font:600 13px Prompt,sans-serif;color:#4a505a}
.se-period.on{background:#c80d19;border-color:#c80d19;color:#fff}
.se-chips{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}
.se-chips div{background:#fff;border-radius:14px;padding:8px 4px;text-align:center;border:1px solid #eee}
.se-chips b{display:block;font-size:20px;line-height:1.1}.se-chips span{font-size:11px;color:#646b76}
.se-chips .se-a b{color:#0f8a5f}.se-chips .se-b b{color:#1a6fd1}.se-chips .se-c b{color:#b07a00}.se-chips .se-d b{color:#c80d19}.se-chips .se-muted b{color:#6b717c}
.se-list{background:#fff;border-radius:18px;border:1px solid #eee;padding:2px 12px}
.se-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;width:100%;padding:9px 0;border:0;border-top:1px solid #f0eaea;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}
.se-row:first-child{border-top:0}.se-row:disabled{cursor:default;opacity:.75}
.se-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:14px;background:#6b717c}
.se-av.se-a{background:#0f8a5f}.se-av.se-b{background:#1a6fd1}.se-av.se-c{background:#b07a00}.se-av.se-d{background:#c80d19}
.se-name{font-weight:600;font-size:14.5px;line-height:1.25;min-width:0}.se-name small{display:block;font-weight:400;font-size:12px;color:#7b8190;font-family:Sarabun,sans-serif;overflow-wrap:anywhere}
.se-status{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.se-pill{display:inline-block;font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap;background:#eceef1;color:#4a505a}
.se-pill.se-a{background:#e5f5ee;color:#0b5e41}.se-pill.se-b{background:#e6f0fc;color:#174f96}.se-pill.se-c{background:#fff3cf;color:#7a5a00}.se-pill.se-d{background:#fde7e9;color:#a10d18}
.se-pill.se-todo{background:#c80d19;color:#fff}.se-pill.se-muted{font-weight:500;font-size:12px}
.se-state{font-size:11px;color:#7b8190}.se-state.se-returned{color:#a10d18;font-weight:600}.se-state.se-certified{color:#0b5e41}
.se-warn-mini{font-size:11px;color:#a10d18;font-weight:600}
.se-primary{display:block;width:100%;margin-top:12px;border:0;border-radius:16px;padding:12px;background:#c80d19;color:#fff;font:600 15px Prompt,sans-serif;box-shadow:0 6px 14px rgba(200,13,25,.25);cursor:pointer}
.se-primary:disabled{opacity:.6}
.se-ghost{border:1px solid #f0c3c7;border-radius:16px;padding:12px;background:#fff;color:#c80d19;font:600 15px Prompt,sans-serif;cursor:pointer}
.se-actions{display:flex;gap:8px;margin-top:10px}.se-actions>*{flex:1;margin-top:0}
.se-hint{font-size:12px;color:#7b8190;margin:8px 4px 0;line-height:1.5}
.se-error{color:#a10d18;font-size:13px;margin:8px 2px 0;min-height:0}.se-error:empty{display:none}
.se-empty,.se-loading{padding:14px 2px;color:#646b76;font-size:14px;margin:0}
.se-back{border:0;background:#fff;border-radius:999px;padding:7px 14px;color:#c80d19;font:600 14px Prompt,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:10px;cursor:pointer}
.se-who{display:flex;gap:10px;align-items:center;background:#fff;border-radius:18px;border:1px solid #eee;padding:10px 12px;margin-bottom:8px}
.se-q{background:#fff;border-radius:16px;border:1px solid #eee;padding:9px 12px;margin-bottom:7px}
.se-qh{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:600}.se-qh span{color:#7b8190;font-weight:400;font-size:12px}
.se-q-lo{display:block;font:400 11.5px "Noto Sans Lao",sans-serif;color:#7b8190;margin-top:1px}
.se-dots{display:flex;gap:6px;margin-top:6px}
.se-dots button{flex:1;height:34px;border-radius:10px;border:1px solid #e5dcdd;background:#faf8f8;font:600 14px Prompt,sans-serif;color:#646b76;cursor:pointer}
.se-dots button.on{background:#c80d19;border-color:#c80d19;color:#fff}
.se-dots button:disabled{cursor:default}
.se-dim{opacity:.55}
.se-warn{background:#fde7e9;border:1px solid #f3b9be;border-radius:16px;padding:10px 12px;margin-bottom:9px;color:#7c0a12;font-size:13px;line-height:1.45}
.se-warn b{display:block;color:#a10d18;font-size:14px}.se-warn small{display:block;font-family:"Noto Sans Lao",sans-serif;margin-top:2px}
.se-returned{background:#fff6df;border:1px solid #eed7a6;border-radius:16px;padding:10px 12px;margin-bottom:9px;color:#6f4a0a;font-size:13px}.se-returned b{display:block}
.se-done{background:#e5f5ee;border:1px solid #b5dfcb;border-radius:16px;padding:10px 12px;margin-bottom:9px;color:#0b5e41;font-size:13px;font-weight:600}
.se-result{display:flex;justify-content:space-between;align-items:center;gap:8px;background:linear-gradient(135deg,#fff,#f3f5f8);border:1px solid #e1e5ea;border-radius:18px;padding:10px 14px;margin-top:8px}
.se-result div{display:flex;flex-direction:column}.se-result div+div{text-align:right}
.se-result span{font-size:12px;color:#4a505a}.se-result b{font-size:26px;line-height:1.1}.se-result .se-amt{font-size:17px}
.se-result.se-a{background:linear-gradient(135deg,#fff,#eaf7f1);border-color:#b5dfcb}.se-result.se-a b{color:#0b5e41}
.se-result.se-b{background:linear-gradient(135deg,#fff,#eef5ff);border-color:#c8daf5}.se-result.se-b b{color:#174f96}
.se-result.se-c{background:linear-gradient(135deg,#fff,#fff8e6);border-color:#eed7a6}.se-result.se-c b{color:#7a5a00}
.se-result.se-d{background:linear-gradient(135deg,#fff,#fdeef0);border-color:#f3b9be}.se-result.se-d b{color:#a10d18}
.se-strike{text-decoration:line-through;color:#9aa0a8!important;font-size:20px!important}
.se-comment{display:block;margin-top:10px;font-size:13px;color:#4a505a}.se-comment span{font:400 11.5px "Noto Sans Lao",sans-serif;color:#7b8190}
.se-comment textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;border:1px solid #e5dcdd;border-radius:12px;padding:8px 10px;font:14px Sarabun,sans-serif;resize:vertical}
.se-team{background:#fff;border-radius:18px;border:1px solid #eee;padding:11px 13px;margin-bottom:10px}
.se-team-h{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:14.5px}.se-team-h span{font-size:12px;color:#7b8190;font-weight:400;text-align:right}
.se-team-g{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}
.se-team-list{margin-top:8px;font-size:13px}.se-team-list summary{cursor:pointer;color:#c80d19;font-weight:600}
.se-cert-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #f0eaea}
.se-link{border:0;background:none;color:#a10d18;font:600 12.5px Prompt,sans-serif;cursor:pointer;padding:4px}
.se-pad{position:relative;margin-top:10px;border:1.5px dashed #d8c9cb;border-radius:14px;height:110px;touch-action:none;background:#fff}
.se-pad-canvas{width:100%;height:100%;display:block;touch-action:none}
.se-pad-hint{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#b3a6a8;font-size:13px;pointer-events:none}
.se-pad.inked .se-pad-hint{display:none}
.se-tile-count{display:inline-block;margin-top:4px;background:#c80d19;color:#fff;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}
/* โปรไฟล์ของฉัน: ผลประเมินรายเดือน (รอบ 2) */
.se-profile{margin-top:14px;background:#fff;border-radius:18px;border:1px solid #eee;padding:12px 14px;font-family:Prompt,Sarabun,sans-serif}
.se-profile h3{margin:0 0 8px;font-size:16px;display:flex;justify-content:space-between;gap:8px}.se-profile h3 small{font:400 12px "Noto Sans Lao",sans-serif;color:#7b8190}
.se-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;text-align:center;margin-bottom:8px}
.se-strip div{border-radius:12px;padding:6px 0 5px;font-size:11px;color:#646b76;background:#eceef1}.se-strip b{display:block;font-size:20px;line-height:1.15}
.se-strip .se-a{background:#e5f5ee}.se-strip .se-a b{color:#0b5e41}.se-strip .se-b{background:#e6f0fc}.se-strip .se-b b{color:#174f96}
.se-strip .se-c{background:#fff3cf}.se-strip .se-c b{color:#7a5a00}.se-strip .se-d{background:#fde7e9}.se-strip .se-d b{color:#a10d18}
.se-hist-row{display:grid;grid-template-columns:58px 1fr auto;gap:8px;align-items:center;width:100%;padding:8px 0;border:0;border-top:1px solid #f0eaea;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}
.se-hist-row:first-child{border-top:0}.se-hist-row small{display:block;color:#7b8190;font-size:11.5px;font-family:Sarabun,sans-serif;margin-top:2px}
.se-hist-m{font-weight:700;font-size:13.5px}.se-hist-amt{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.se-hist-open{background:#faf6f6;border-radius:12px;padding:8px 10px;margin:0 0 6px;font-size:12.5px;line-height:1.55;color:#4a505a;font-family:Sarabun,sans-serif}
.se-staff-tabs{display:flex;gap:6px;margin-bottom:12px}
.se-staff-tabs button{border:1px solid #e0d6d7;background:#fff;border-radius:12px;padding:8px 14px;font:600 14px Prompt,sans-serif;color:#4a505a;cursor:pointer}
.se-staff-tabs button.on{background:#c80d19;border-color:#c80d19;color:#fff}
body.ess-lang-lo .se-panel [lang="lo"]{font-size:inherit}
/* Position-specific criteria and evidence, 16 Oct 2026. */
.se-criteria-head{background:#eff5f8;border:1px solid #d7e3ea;border-radius:12px;padding:14px 16px;margin:16px 0;color:#233e51}.se-criteria-head b,.se-criteria-head span,.se-criteria-head small{display:block}.se-criteria-head span{font-size:13px;margin-top:4px}.se-criteria-head small{font-size:12px;line-height:1.6;color:#5c7180;margin-top:4px}.se-criteria-blocked{border-color:#e8bf7a;background:#fff5e6}.se-rubric{margin:12px 0;border:1px solid #dce4eb;border-radius:9px;padding:10px 12px;background:#f8fafc;font-size:14px}.se-rubric summary{cursor:pointer;font-weight:700;min-height:26px}.se-rubric li{padding:5px 0;line-height:1.65}.se-rubric small{color:#627684}.se-selected-rubric{min-height:24px;font-size:14px;line-height:1.65;color:#355b71}.se-evidence-label{display:flex;flex-direction:column;gap:7px;margin-top:12px;font-size:14px;font-weight:700}.se-evidence-label small{font-size:12px;line-height:1.6;font-weight:400;color:#5e7586}.se-evidence-label textarea{box-sizing:border-box;width:100%;border:1px solid #bdccd6;border-radius:9px;padding:12px;font:inherit;font-size:16px;min-height:88px;resize:vertical}.se-evidence-label textarea:focus{outline:3px solid #efd0d5;border-color:#b2142b}.se-evidence-label textarea:disabled{color:#354f60;background:#f5f8fa;opacity:1}.se-criteria-read{font-size:14px;margin:10px 0;padding:12px;border:1px solid #dae3e9;border-radius:10px}.se-criteria-read>summary{cursor:pointer;min-height:28px;font-weight:700}.se-evidence-read{border-top:1px solid #dde5eb;padding:12px 0;overflow-wrap:anywhere}.se-evidence-read p{white-space:pre-wrap;font-size:14px;line-height:1.65}.se-evidence-read small{color:#526e80;font-size:12px;line-height:1.65}
.se-q .se-dots button{min-height:44px;min-width:44px}