.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.chat-heading h1{margin:0;font-size:26px}.chat-privacy{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.6;color:#526584;margin:0 0 18px}.chat-privacy .icon{flex:none;margin-top:3px}.chat-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);height:min(760px,calc(100dvh - 245px));min-height:540px;overflow:hidden}.chat-layout>aside{border-right:1px solid #dce4f0;overflow:auto;background:#fafcff}.chat-start{padding:20px;display:grid;gap:16px;border-bottom:1px solid #e1e8f3}.chat-start .field{margin:0}.chat-start .field>span{font-size:14px}.chat-start select{font-size:14px;width:100%}.chat-inspect{font-size:14px;display:flex;gap:9px;align-items:flex-start;line-height:1.5}.chat-inspect input{margin-top:4px;accent-color:#3478f6}.chat-hint{font-size:14px;line-height:1.6;color:#647896;margin:0 0 12px}.chat-start .chat-hint{margin:0}.chat-room-list{padding:8px}.chat-room{display:flex;width:100%;text-align:left;align-items:center;gap:12px;padding:14px 12px;background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer;color:#263750;margin:3px 0}.chat-room:hover{background:#f0f5ff}.chat-room.selected{background:#eaf2ff;border-color:#b7d0ff}.chat-room-symbol{width:34px;height:34px;display:grid;place-items:center;background:#edf2fa;border-radius:9px;color:#6080ad;flex:none}.chat-room.selected .chat-room-symbol{color:#2d70de;background:#dceaff}.chat-room-label{display:grid;min-width:0;gap:6px}.chat-room-label strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room-label small{font-size:13px;color:#72819c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-unread{margin-left:auto;flex:none;min-width:22px;line-height:22px;text-align:center;border-radius:20px;background:#3478f6;color:white;font-size:12px;padding:0 5px}.chat-list-label{font-size:13px;color:#647896;padding:12px 8px 4px;margin:0}.chat-thread{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}.chat-thread-header{padding:20px 24px;border-bottom:1px solid #e1e8f3}.chat-thread-header h2{font-size:18px;line-height:1.4;overflow-wrap:anywhere;margin:0 0 5px}.chat-thread-header>span{font-size:13px;color:#647896}.chat-messages{flex:1;min-height:150px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain;scrollbar-gutter:stable}.chat-empty{padding:45px 24px;text-align:center;color:#72819c;font-size:16px;line-height:1.8;margin:auto}.chat-message{max-width:90%;align-self:flex-start;background:#f3f6fb;border:1px solid #e6ebf4;padding:12px 16px;border-radius:4px 14px 14px 14px;overflow-wrap:anywhere;min-width:120px}.chat-message.mine{align-self:flex-end;background:#edf4ff;border-color:#d3e3ff;border-radius:14px 4px 14px 14px}.chat-message-meta{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;margin-bottom:7px}.chat-message-meta strong{font-size:14px;color:#365d91}.chat-message-meta time{font-size:12px;color:#6f809a;margin-left:auto}.chat-message-text{font-size:16px;line-height:1.6;white-space:pre-wrap}.chat-attachments{display:flex;flex-direction:column;gap:10px;margin-top:6px}.chat-file{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;color:#2d6cce;text-decoration:none;background:#fff;border:1px solid #dbe5f4;border-radius:8px;padding:10px}.chat-file:has(img){flex-direction:column;align-items:flex-start}.chat-file img{max-width:100%;width:280px;max-height:220px;object-fit:contain;border-radius:4px}.chat-file small{display:block;font-size:12px;color:#7184a1}.chat-file:hover{border-color:#7ba9ef}.chat-compose{padding:16px 24px;border-top:1px solid #e1e8f3;flex:none}.chat-compose textarea{display:block;width:100%;font-size:16px;min-height:70px;max-height:160px;resize:vertical;line-height:1.5}.chat-compose-actions{display:flex;align-items:center;gap:14px;margin-top:12px}.chat-compose-actions>.primary{margin-left:auto}.chat-compose-actions small{font-size:12px;color:#7184a1;line-height:1.5}.chat-attach{position:relative;overflow:hidden;margin:0;cursor:pointer}.chat-attach input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.chat-attach:focus-within{outline:2px solid #3478f6;outline-offset:2px}.chat-attach.disabled{opacity:.6;pointer-events:none}.chat-selected-file{display:inline-flex;align-items:center;gap:4px;margin:8px 6px 0 0;background:#f3f6fb;border-radius:6px;padding:2px 4px 2px 8px;font-size:13px;max-width:100%;overflow-wrap:anywhere}.chat-selected-file .icon-button{flex:none;width:28px;height:28px}.chat-readonly{padding:18px 24px;border-top:1px solid #e1e8f3;background:#f8faff;font-size:14px;line-height:1.6;color:#647896}.chat-older{align-self:center;flex:none}.chat-jump{border:0;background:#eaf2ff;color:#296ace;padding:10px;cursor:pointer;font-size:14px}.chat-thread .error-banner{margin:10px 18px;font-size:14px}.chat-in-order{height:min(560px,calc(100dvh - 330px));min-height:380px;border:1px solid #e1e8f3;border-radius:10px}.chat-in-order .chat-thread-header{display:none}.chat-top-badge{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#3478f6;color:white;font-size:11px;line-height:18px}.chat-top{position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.chat-layout{grid-template-columns:240px minmax(0,1fr)}.chat-compose-actions{flex-wrap:wrap;gap:8px}.chat-compose-actions small{display:none}.chat-compose,.chat-thread-header{padding:16px}.chat-messages{padding:16px}.chat-message{max-width:96%}}
@media(max-width:600px){.chat-heading h1{font-size:23px}.chat-layout{display:flex;flex-direction:column;height:auto;min-height:0}.chat-layout>aside{max-height:310px;border-right:0;border-bottom:1px solid #dce4f0;flex:none}.chat-start{padding:14px;gap:10px}.chat-layout .chat-thread{height:620px;max-height:85dvh;min-height:440px}.chat-room-list{padding:4px}.chat-room{padding:10px}.chat-in-order{height:600px;max-height:76dvh}.chat-compose{padding:12px}.chat-message{padding:10px 12px}.chat-privacy{font-size:14px}.chat-file img{max-width:100%;width:220px}.chat-compose-actions .button{font-size:14px}.chat-messages{padding:12px}.chat-compose textarea{font-size:16px}}

.chat-order-context{flex:none;padding:14px 20px;border-bottom:1px solid #e1e8f3;background:#fafcff;max-height:40%;overflow:auto}.chat-order-context[hidden]{display:none}.chat-topics{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.chat-topics .selected{color:#215bd8;background:#eaf2ff;border-color:#a9c5ff}.chat-order-context>.chat-hint{margin-bottom:8px}.chat-participants{font-size:14px;color:#526584}.chat-participants summary{cursor:pointer;min-height:32px;padding:5px 0;color:#285ebe;font-weight:600}.chat-participants ul{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:8px}.chat-participants li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;overflow-wrap:anywhere}.chat-participants li strong{color:#263750}.chat-participants .chat-hint{margin:8px 0}.chat-thread-header,.chat-compose,.chat-readonly{flex-shrink:0}
@media(max-width:640px){.chat-order-context{padding:10px 12px}.chat-topics .button{min-height:44px}.chat-participants summary{min-height:44px;display:flex;align-items:center}.chat-participants summary:before{content:'▸';margin-right:7px}.chat-participants[open] summary:before{content:'▾'}.chat-participants li{display:grid;gap:2px}}
.chat-order-context .chat-topics{position:sticky;top:-14px;z-index:1;background:#fafcff;padding:8px 0;margin-top:-8px}.chat-order-context{scroll-padding-top:58px}
@media(max-width:640px){.chat-order-context .chat-topics{top:-10px}#editor:has(.chat-in-order) .chat-participants .chat-hint{display:block}}
.chat-message-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;margin-top:8px}.chat-message-actions .link-button{font-size:14px;min-height:32px;padding:4px 0;color:#365d91}.chat-message-actions .link-button:hover{color:#205ecf;text-decoration:underline}.chat-message-actions .link-button:focus-visible{outline:2px solid #3478f6;outline-offset:3px;border-radius:3px}.chat-delete-confirm{border-top:1px solid #cad9ee;margin-top:10px;padding-top:10px;max-width:340px}.chat-delete-confirm p{font-size:14px;line-height:1.5;margin:0 0 6px}.chat-edited{display:block;font-size:12px;color:#526584;margin-top:6px}.chat-message-deleted{font-size:14px;font-style:italic;color:#526584}.chat-message.deleted{box-shadow:none;background:#f5f7fb}.chat-edit-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px}.chat-edit-heading .link-button{font-size:14px;min-height:32px}.chat-edit-heading+.sr-only+textarea{border-color:#7aa6ef}
@media(pointer:coarse){.chat-message-actions .link-button,.chat-edit-heading .link-button{min-height:44px;min-width:64px}.chat-delete-confirm .button{min-height:44px}}