/* NPC dialogs (#dialogs, item 30): the list beside the editor, page cards with choices, conditions and actions,
   the outline/warnings and the "ทดลองคุย" panel; everything stacks on phones (390px). */
.dialogs-tabs{display:flex;gap:6px;margin:0 0 10px}
.dialogs-tabs button{padding:7px 16px;border:1px solid #e3d3b4;border-radius:999px;background:#fffdf7;color:#4a3526;font-weight:700;cursor:pointer}
.dialogs-tabs button[aria-selected=true]{border-color:#2f5b3e;background:#2f5b3e;color:#fff6df}
.dialogs-main{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:12px;align-items:start}
.dialogs-main[hidden],.dialogs-portraits[hidden]{display:none}
.dialogs-list{display:flex;flex-direction:column;gap:8px;position:sticky;top:8px;max-height:calc(100vh - 40px);overflow:auto}
.dialogs-list input,.dialogs-list select{width:100%;box-sizing:border-box}
.dialogs-rows{display:flex;flex-direction:column;gap:6px}
.dialogs-row{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:8px 10px;border:1px solid #e3d3b4;border-radius:10px;background:#fffdf7;text-align:left;cursor:pointer}
.dialogs-row[aria-pressed=true]{border-color:#2f5b3e;box-shadow:inset 0 0 0 1px #2f5b3e;background:#eef5e6}
.dialogs-row small{color:#8c7b6b;font-size:11.5px}
.dialogs-tags{display:flex;flex-wrap:wrap;gap:4px}
.dialogs-tag{display:inline-block;padding:1px 8px;border-radius:999px;background:#efe6d3;color:#5d4a36;font-size:11px;font-weight:800}
.dialogs-tag.on{background:#dcefd8;color:#2f5b3e}.dialogs-tag.off{background:#eee;color:#777}.dialogs-tag.draft{background:#fff1c9;color:#7a5410}.dialogs-tag.bad{background:#fdece6;color:#9a3f2b}.dialogs-tag.warn{background:#fff6d6;color:#7a5410}
.dialogs-editor{display:flex;flex-direction:column;gap:12px;min-width:0}
.dialogs-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 16px;align-items:end}
.dialogs-meta>.dialogs-npcs,.dialogs-meta>.dialogs-when,.dialogs-meta>.dialogs-sub,.dialogs-meta>.dialogs-save{grid-column:1/-1}
.dialogs-save{justify-content:flex-end;flex-wrap:wrap}
.dialogs-dirty{align-self:center;margin-right:auto;font-size:12.5px;font-weight:700;color:#7a5410}
.dialogs-dirty[hidden]{display:none}
.dialogs-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:12px;align-items:start}
.dialogs-nodes{display:flex;flex-direction:column;gap:10px;min-width:0}
.dialogs-node{display:flex;flex-direction:column;gap:8px}
.dialogs-node-head input[type=text]{width:120px}
.dialogs-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.dialogs-line input[type=number]{width:96px}
.dialogs-text{position:relative}
.dialogs-text textarea{width:100%;box-sizing:border-box;min-height:70px;resize:vertical;font:inherit;line-height:1.6}
.dialogs-counter{position:absolute;right:8px;bottom:6px;font-size:11px;color:#8c7b6b}
.dialogs-choices{display:flex;flex-direction:column;gap:8px}
.dialogs-choice{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px dashed #d8c39b;border-radius:10px;background:#fffaf0}
.dialogs-choice>.dialogs-line input[type=text]{flex:1 1 200px;min-width:0}
.dialogs-key{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2f5b3e;color:#fff6df;font-size:12px}
.dialogs-sub{font-size:11.5px;font-weight:800;color:#8c7b6b}
.dialogs-when,.dialogs-actions,.dialogs-gifts{display:flex;flex-direction:column;gap:5px}
.dialogs-action{padding:6px 8px;border-radius:8px;background:#f6efe0}
.dialogs-to{font-size:12px;color:#8c7b6b}
.dialogs-remove{padding:3px 9px;font-size:11.5px}
.dialogs-add{align-self:flex-start;padding:4px 10px;font-size:12px}
.dialogs-npcs summary{cursor:pointer;font-weight:700}
.dialogs-npc-list{display:flex;flex-direction:column;gap:3px;max-height:200px;overflow:auto;margin-top:6px;padding:6px;border:1px solid #eadcc0;border-radius:8px;background:#fff}
.dialogs-check{display:flex;gap:6px;align-items:center;font-size:13px}
.dialogs-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:8px}
.dialogs-side h3{margin:0 0 6px;font-size:14px}
.dialogs-tree,.dialogs-tree ul{margin:0;padding-left:16px;font-size:12px;line-height:1.6}
.dialogs-tree{max-height:320px;overflow:auto;padding-left:4px;list-style:none}
.dialogs-warning{margin:6px 0 0;padding:6px 10px;border:1px solid #e6c46a;border-radius:8px;background:#fff6d6;color:#7a5410;font-size:12px;line-height:1.5}
.dialogs-warning.bad{border-color:#e3b3a3;background:#fdece6;color:#9a3f2b}
.dialogs-stage{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:8px;border-radius:10px;background:#fffaf0}
.dialogs-say{margin:0;white-space:pre-line;font-size:13px;line-height:1.7}
.dialogs-try{text-align:left}
.dialogs-done summary{cursor:pointer;font-size:12.5px;font-weight:700}
.dialogs-portrait-table{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.dialogs-portrait-row{display:grid;grid-template-columns:160px repeat(6,minmax(0,1fr));gap:8px;align-items:start;padding:8px;border:1px solid #e3d3b4;border-radius:12px;background:#fffdf7}
.dialogs-portrait-cell{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:12px;font-weight:700}
.dialogs-portrait-cell img{width:72px;height:72px;object-fit:contain;border-radius:8px;background:#f3ecdc}
.dialogs-portrait-cell img.fallback{opacity:.55}
.dialogs-portrait-cell input[type=file]{max-width:100%;font-size:11px}
@media(max-width:1100px){.dialogs-body{grid-template-columns:1fr}.dialogs-side{position:static}.dialogs-portrait-row{grid-template-columns:repeat(3,minmax(0,1fr))}.dialogs-portrait-row>strong{grid-column:1/-1}}
@media(max-width:600px){
 .dialogs-main{grid-template-columns:1fr}
 .dialogs-list{position:static;max-height:none}
 .dialogs-meta{grid-template-columns:1fr}
 .dialogs-portrait-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}