/* Quick chat for touch screens (roadmap item 84, src/quick-chat.js): the ⚡ button, its popover panel and the editor. */
.hud-utilities>.hud-quick-chat[hidden]{display:none}
.quick-chat-panel{position:absolute;z-index:35;display:grid;gap:6px;box-sizing:border-box;width:min(250px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:8px;border:1.5px solid #c8a767;border-radius:12px;background:#142027f2;box-shadow:0 4px 14px #0009;color:#fff0be;font:13px "Noto Sans Thai",Tahoma,sans-serif}
.quick-chat-panel[hidden]{display:none}
.quick-chat-head{display:flex;align-items:center;gap:6px}
.quick-chat-channel{flex:1;min-width:0;min-height:40px;padding:4px 10px;overflow:hidden;border:1px solid #f3e3b166;border-radius:20px;background:#c8a767;color:#1d2a20;font:bold 13px "Noto Sans Thai",Tahoma,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.quick-chat-edit,.quick-chat-close-panel{flex:none;min-width:40px;min-height:40px;padding:4px 8px;border:1px solid #c8a76799;border-radius:8px;background:#0b1a12;color:#fff0be;font:bold 12px "Noto Sans Thai",Tahoma,sans-serif}
.quick-chat-close-panel{font-size:18px;line-height:1}
.quick-chat-list{display:grid;gap:5px}
.quick-chat-message{min-height:40px;padding:6px 10px;border:1px solid #f3e3b155;border-radius:9px;background:#18262acc;color:#fffbe8;font:14px/1.3 "Noto Sans Thai",Tahoma,sans-serif;text-align:left;overflow-wrap:anywhere}
.quick-chat-message:disabled{opacity:.5}
.quick-chat-empty,.quick-chat-note{margin:0;color:#d8cfa8;font-size:12px}
.quick-chat-note{color:#ffc9b8}
.quick-chat-note[hidden]{display:none}
.quick-chat-editor{box-sizing:border-box;width:min(420px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:12px;border:1.5px solid #c8a767;border-radius:12px;background:#142027;color:#fff0be;font:13px "Noto Sans Thai",Tahoma,sans-serif;box-shadow:0 8px 24px #000a}
.quick-chat-editor::backdrop{background:#0007}
.quick-chat-editor-head{display:flex;align-items:center;gap:8px}
.quick-chat-editor-head h2{flex:1;margin:0;font-size:16px;color:#ffe3a1}
.quick-chat-editor-close{width:40px;height:40px;min-height:0;padding:0;border:1px solid #c8a76799;border-radius:8px;background:#0003;color:#fff0be;font:bold 18px/1 Tahoma,sans-serif}
.quick-chat-editor-note{margin:6px 0 8px;color:#d8cfa8;font-size:11px}
.quick-chat-rows{display:grid;gap:6px;margin:0 0 8px;padding:0;list-style:none}
.quick-chat-row{display:grid;grid-template-columns:1fr 40px 40px 40px;gap:4px;align-items:center}
.quick-chat-input{min-width:0;height:40px;box-sizing:border-box;padding:4px 8px;border:1px solid #c8a76799;border-radius:8px;background:#0b1a12;color:#fffbe8;font:16px "Noto Sans Thai",Tahoma,sans-serif}
.quick-chat-row button{height:40px;min-height:0;padding:0;border:1px solid #c8a76766;border-radius:8px;background:#0003;color:#fff0be;font:14px Tahoma,sans-serif}
.quick-chat-row button:disabled{opacity:.35}
.quick-chat-row-error{grid-column:1/-1;color:#ffb5a0;font-size:11px}
.quick-chat-row-error[hidden],.quick-chat-editor-status[hidden]{display:none}
.quick-chat-editor-status{margin:0 0 8px;font-size:12px;color:#cfe8c9}
.quick-chat-editor-status.quick-chat-bad{color:#ffb5a0}
.quick-chat-editor-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.quick-chat-editor-actions button{min-height:40px;padding:6px 12px;border:1px solid #c8a76799;border-radius:8px;background:#0b1a12;color:#fff0be;font:bold 13px "Noto Sans Thai",Tahoma,sans-serif}
.quick-chat-editor-actions .quick-chat-save{background:#2f6b3a;border-color:#9fd39a;color:#f2ffe9}
.quick-chat-editor-actions button:disabled{opacity:.45}
body.touch-typing .quick-chat-editor[open]{margin:calc(var(--vv-top,0px) + 4px) auto auto;max-height:calc(var(--vv-height,100dvh) - 8px)}