@import url('./brief-approval.css');
/* Scoped layout for department packages; old task/row/file workflows keep their styles. */
.hf-host{min-width:0;margin:14px 0;padding:14px;border:1px solid var(--line,#dce2e9);border-radius:12px;background:var(--card,#fff)}
.hf-host[hidden]{display:none!important}
.hf-host h3,.hf-host h4,.hf-modal h3,.hf-modal h4{margin:0 0 10px;font-size:1rem}
.hf-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0}
.hf-bar>h3{flex:1;min-width:0;margin:0}
.hf-btn{font:inherit;line-height:1.4;color:inherit;background:var(--card,#fff);border:1px solid var(--line,#cbd5e1);border-radius:8px;padding:7px 11px;cursor:pointer;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.hf-btn:hover{border-color:#648cbb}.hf-btn:disabled{opacity:.55;cursor:wait}.hf-primary{background:#1c527e;color:#fff;border-color:#1c527e}
.hf-btn[aria-pressed="true"]{background:#1c527e;color:#fff;border-color:#1c527e}
.hf-bar>.hf-field{flex:1;min-width:min(220px,100%)}
.hf-history{display:grid;gap:10px;margin-top:12px}.hf-package{min-width:0;padding:11px;border:1px solid var(--line,#dce2e9);border-radius:9px}
.hf-meta,.hf-muted{color:var(--muted,#64748b);font-size:.85rem}.hf-note{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}
.hf-changed{color:#9a5c08;font-size:.85rem}
/* ชุดที่ปิดโดยไม่รับ (ตีกลับ/ถอนคืน) + ส่วนปุ่มตีกลับ/ถอน — สีจากโทเคนกลางเท่านั้น (2569-09-25) */
.hf-closed{margin:7px 0;padding:7px 10px;border-radius:7px;background:var(--surf2,#f4f7fa);color:var(--muted,#64748b);font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}
.hf-closed.hf-rejected{background:var(--bad-bg,#fbeded);color:var(--bad,#b91c1c)}
.hf-close{margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#dce2e9);display:grid;gap:8px}
.hf-close [hidden]{display:none!important}.hf-error{color:#b42318}.hf-success{color:#177245}.hf-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}
.hf-modal{z-index:1100}.hf-modal .hf-sheet{width:min(760px,calc(100vw - 24px));max-width:760px;max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;padding:18px}
.hf-body,.hf-form,.hf-controls{min-width:0}.hf-controls{border:0;padding:0;margin:0;display:grid;gap:10px}
.hf-field{display:grid;gap:5px;font-size:.9rem;min-width:0}.hf-field input,.hf-field select,.hf-field textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;font:inherit;padding:8px;border:1px solid var(--line,#cbd5e1);border-radius:7px;background:var(--card,#fff);color:inherit}
.hf-check{display:flex;align-items:flex-start;gap:9px;padding:7px 0;min-width:0}.hf-check input{width:auto;flex:none;margin-top:4px}.hf-check small{display:block;color:var(--muted,#64748b)}
.hf-name{min-width:0;overflow-wrap:anywhere;flex:1}.hf-file-picks{display:grid;gap:5px}.hf-files{display:grid;gap:7px;margin:10px 0}.hf-file{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.hf-file>small{color:var(--muted,#64748b)}
.hf-preview:not(:empty){margin:12px 0;padding:12px;border:1px solid #86aeca;border-radius:8px}.hf-snapshot{min-width:0;margin:10px 0}.hf-snapshot pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.82rem;padding:10px;background:var(--surf2,#f4f7fa);border-radius:8px;max-height:280px;overflow:auto}
@media(max-width:640px){.hf-host{padding:10px}.hf-modal .hf-sheet{padding:12px}.hf-file>.hf-name{flex-basis:100%}.hf-field select{font-size:16px}}