/* ---------- โหมดแก้ไข ---------- */
.edit-btn{position:absolute;left:56px;bottom:74px;z-index:7;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--navy);background:var(--white);border:1.5px solid var(--line);padding:8px 14px;border-radius:999px;box-shadow:0 6px 16px rgba(23,54,93,.1)}
.edit-btn svg{width:15px;height:15px}
.edit-btn:hover{border-color:var(--blue);color:var(--blue)}
.edit-btn.on{background:var(--amber);border-color:var(--amber);color:var(--white)}
.edbar{position:absolute;left:0;bottom:0;width:1920px;height:56px;display:none;align-items:center;gap:10px;padding:0 200px 0 56px;background:#FFF4D6;border-top:1px solid #F1D48A;z-index:6;font-size:13px;color:#7A5200}
body.editing .edbar{display:flex}
body.editing .counter,body.editing .draft{display:none}
.edbar .hint-ed{font-weight:500;margin-right:6px}
.edbar .sp{flex:1}
.dr-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--navy);background:var(--white);border:1.5px solid var(--line);padding:7px 13px;border-radius:999px;cursor:pointer;white-space:nowrap}
.dr-btn:hover{border-color:var(--blue);color:var(--blue)}
.dr-btn.primary{background:var(--navy);border-color:var(--navy);color:var(--white)}
.dr-btn.primary:hover{background:var(--navy-2);color:var(--white)}
.dr-btn.danger{color:#B42318;border-color:#F2B8B5}
.dr-btn.danger:hover{background:#FDECEC}
.edbar .chk{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.edbar .status{font-size:12px;color:#7A5200;max-width:420px;line-height:1.2}
body.editing .ed{cursor:pointer;position:relative}
body.editing .ed:hover{outline:2px dashed var(--amber);outline-offset:3px}
body.editing .ed:hover::after{content:"แก้ไข";position:absolute;right:-4px;top:-14px;font-size:11px;font-weight:600;color:var(--white);background:var(--amber);padding:1px 8px;border-radius:999px;z-index:3}
body.editing .dept.ed:hover::after,body.editing .pcard.ed:hover::after{right:8px;top:6px}
.drawer{position:absolute;right:0;top:64px;width:640px;height:1016px;background:var(--white);box-shadow:-20px 0 50px rgba(23,54,93,.18);z-index:25;display:none;flex-direction:column;border-left:1px solid var(--line)}
.drawer.on{display:flex;animation:slidein .2s ease}
@keyframes slidein{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.dr-head{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line)}
.dr-head h3{font-size:19px;font-weight:600;color:var(--navy);flex:1;line-height:1.2}
.dr-body{flex:1;overflow:auto;padding:16px 24px;display:flex;flex-direction:column;gap:12px}
.dr-foot{display:flex;gap:8px;align-items:center;padding:14px 24px;border-top:1px solid var(--line);background:var(--paper)}
.fl{display:flex;flex-direction:column;gap:4px;font-size:13px}
.fl-l{font-weight:600;color:var(--navy)}
.fl-l small{display:block;font-weight:400;color:var(--slate);font-size:11.5px}
.fl input[type=text],.fl input[type=number],.fl textarea,.fl select,.erow input,.erow select{font:inherit;font-size:14px;padding:8px 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);width:100%}
.fl input:focus,.fl textarea:focus,.fl select:focus,.erow input:focus,.erow select:focus{outline:none;border-color:var(--blue)}
.fl textarea{resize:vertical;line-height:1.5;font-family:var(--font)}
.fl-check{flex-direction:row;align-items:center;gap:8px;font-weight:500;color:var(--navy)}
.fl-check input{width:18px;height:18px}
.thumbs{display:flex;flex-wrap:wrap;gap:8px}
.thumb{position:relative;width:150px;height:96px;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;background:var(--sky-2);display:grid;place-items:center}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb-path{font-size:11px;color:var(--slate);padding:6px;word-break:break-all;text-align:center;font-family:ui-monospace,Menlo,monospace}
.thumb-x{position:absolute;right:4px;top:4px;width:22px;height:22px;border-radius:50%;background:var(--white);border:1px solid var(--line);color:#B42318;display:grid;place-items:center}
.thumb-x svg{width:12px;height:12px}
.erows{display:flex;flex-direction:column;gap:6px}
.erow{display:grid;grid-template-columns:1fr 150px 1fr 26px;gap:6px;align-items:center}
.erow.add{grid-template-columns:1fr 150px auto;margin-top:8px}
.erow .edir{font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.erow .thumb-x{position:static}
.draftbar{position:absolute;left:0;top:64px;width:1920px;z-index:8;display:none;align-items:center;gap:12px;padding:10px 56px;background:#E8F0FB;border-bottom:1px solid #C9D8F0;font-size:14px;color:var(--navy)}
.draftbar.on{display:flex}

/* ---------- Public mode: ซ่อน edit chrome ทั้งหมด ---------- */
body[data-app-mode="public"] .edit-btn,
body[data-app-mode="public"] .edbar,
body[data-app-mode="public"] .drawer,
body[data-app-mode="public"] .draftbar,
body[data-app-mode="public"] .admin-bar{display:none!important}
.draftbar .sp{flex:1}