.chat-panel{grid-column:1/-1;width:100%;max-width:760px;justify-self:start;border:1px solid #a5b29a;background:#f7f4e8;border-radius:5px;margin-top:12px;color:var(--green);font-size:13px;line-height:1.4}
.chat-panel button,.chat-dialog button,.chat-person summary,.chat-tools summary{touch-action:manipulation;min-height:44px;cursor:pointer}
#chat-toggle{width:100%;text-align:left;background:#e6ebd7;border:0;border-radius:4px;padding:12px 16px;font-weight:800;font-size:12px;letter-spacing:1px;color:var(--green)}
.chat-body{display:flex;flex-direction:column;gap:8px;padding:12px;max-height:min(510px,var(--chat-height,70dvh));min-height:0;overflow:auto;overscroll-behavior:contain}
.chat-log{min-height:100px;height:240px;flex:1 1 auto;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;border-block:1px solid #ccd4c0;padding:8px 2px;scrollbar-gutter:stable}
.chat-message{position:relative;margin:0 0 10px;padding-right:4px}.chat-message time{position:absolute;top:13px;right:4px;font-size:10px;color:#667664}.chat-person{margin-right:62px}.chat-person summary{display:flex;align-items:center;width:fit-content;max-width:100%;font-weight:800;overflow-wrap:anywhere}.chat-person summary::after{content:' ▾';white-space:pre}.chat-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;user-select:text}.chat-actions{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:5px}.chat-button{background:#e6ebd7;border:1px solid #bbc7ae;border-radius:3px;color:var(--green);padding:9px 12px;font-size:11px;font-weight:700}.chat-compose{display:flex;gap:6px;flex-shrink:0}.chat-compose input{min-width:0;flex:1;font-size:16px}.chat-compose button{flex-shrink:0;max-width:45%;background:var(--green);color:#fff8df}.chat-status,.chat-empty{font-size:12px;margin:0;color:#536559}.chat-tools{font-size:11px}.chat-tools summary{display:flex;align-items:center}.chat-tools>div{display:flex;flex-wrap:wrap;gap:5px}.room-chat{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:min(390px,calc(100vw - 24px));z-index:25;margin:0;box-shadow:0 3px 18px #173f3226}.room-chat .chat-body{max-height:min(450px,var(--chat-height,70dvh))}.chat-dialog{width:min(450px,94vw);max-height:85dvh;overflow:auto;color:var(--green);background:#f7f4e8;border:1px solid var(--green);border-radius:5px}.chat-dialog::backdrop{background:#173f3277}.chat-dialog input,.chat-dialog select{width:100%;font-size:16px;margin:8px 0}.chat-dialog button{margin:4px;overflow-wrap:anywhere;max-width:100%}.chat-dialog p{overflow-wrap:anywhere}.touch-field .chat-panel,.touch-field .chat-dialog{display:none!important}
@media(max-width:700px){.chat-panel{margin-top:10px}.chat-body{padding:9px}.chat-log{height:200px}.chat-compose{position:sticky;bottom:0;background:#f7f4e8}.chat-dialog{padding:12px}.chat-dialog input{font-size:16px}}