.oc-box{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border:1px solid var(--border-primary);border-radius:var(--radius-lg, 14px);background:var(--bg-secondary);overflow:hidden}.oc-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-3)}.oc-empty{margin:auto 0;padding:var(--sp-4) var(--sp-2);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-tertiary);text-align:center}.oc-msg{display:flex;flex-direction:column;max-width:85%}.oc-msg[data-from=me]{align-self:flex-end;align-items:flex-end}.oc-msg[data-from=them]{align-self:flex-start;align-items:flex-start}.oc-bubble{padding:var(--sp-2) var(--sp-3);border-radius:14px;font-size:var(--fs-sm);line-height:1.45;white-space:pre-wrap;word-break:break-word;background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-primary)}.oc-msg[data-from=me] .oc-bubble{background:var(--accent);border-color:var(--accent);color:#fff;border-bottom-right-radius:4px}.oc-msg[data-from=them] .oc-bubble{border-bottom-left-radius:4px}.oc-note-label{display:block;margin-bottom:2px;font-size:var(--fs-xs);font-weight:var(--fw-bold, 700);opacity:.85}.oc-time{margin-top:3px;padding:0 4px;font-size:var(--fs-xs);color:var(--text-tertiary)}.oc-reply{flex:0 0 auto;display:flex;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border-primary);background:var(--bg-card)}.oc-input{flex:1 1 auto;min-width:0;min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-primary);border-radius:9999px;background:var(--bg-primary);color:var(--text-primary);font-size:16px;font-family:inherit}.oc-input:focus{outline:none;border-color:var(--accent)}.oc-send{flex:0 0 auto;width:44px;height:44px;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.oc-send .material-icons{font-size:20px}.oc-closed{flex:0 0 auto;margin:0;padding:var(--sp-3);border-top:1px solid var(--border-primary);background:var(--bg-card);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-tertiary);text-align:center}.oc-tools{flex:0 0 auto;display:flex;justify-content:flex-end;gap:var(--sp-1, 4px);padding:0 var(--sp-2) var(--sp-1, 4px);background:var(--bg-card)}.oc-tool{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 var(--sp-2);border:none;border-radius:9999px;background:none;color:var(--text-tertiary);font:inherit;font-size:var(--fs-xs);cursor:pointer}.oc-tool .material-icons{font-size:16px}.oc-tool:hover,.oc-tool:focus-visible{color:var(--text-primary)}.oc-sheet{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border-top:1px solid var(--border-primary);background:var(--bg-card)}.oc-sheet__text,.oc-sheet__msg{margin:0;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-primary)}.oc-sheet__area{width:100%;box-sizing:border-box;min-height:72px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-primary);border-radius:var(--radius-md, 10px);background:var(--bg-primary);color:var(--text-primary);font:inherit;font-size:16px;resize:none}.oc-sheet__area:focus{outline:none;border-color:var(--accent)}.oc-sheet__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-2)}.oc-sheet__btn{min-height:44px;padding:0 var(--sp-4, 16px);border:1px solid var(--border-primary);border-radius:9999px;background:var(--bg-primary);color:var(--text-primary);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold, 700);cursor:pointer}.oc-sheet__btn--main{border-color:var(--accent);background:var(--accent);color:#fff}.oc-sheet__btn--danger{border-color:var(--danger);background:var(--danger);color:var(--danger-contrast)}.oc-sheet__btn:disabled{opacity:.6;cursor:default}.oc-reply[hidden],.oc-closed[hidden],.oc-pill[hidden],.oc-tools[hidden],.oc-sheet[hidden],.oc-box [hidden],.oc-dialog [hidden]{display:none}.oc-open-btn{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-primary);border-radius:9999px;background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold, 700);cursor:pointer}.oc-open-btn .material-icons{font-size:18px;color:var(--accent)}.oc-open-btn:hover,.oc-open-btn.has-unread{border-color:var(--accent)}.oc-pill{display:inline-flex;align-items:center;padding:1px 8px;border-radius:9999px;background:var(--accent);color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold, 700);line-height:18px}.oc-dialog{width:min(560px,calc(100vw - 24px));height:min(640px,calc(var(--ff-vh-full, 100dvh) - 48px));max-height:none;padding:0;border:1px solid var(--border-primary);border-radius:var(--radius-xl, 20px);background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.oc-dialog[open]{display:flex;flex-direction:column}.oc-dialog::backdrop{background:#00000073}.oc-dialog__head{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-primary)}.oc-dialog__titles{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.oc-dialog__title{margin:0;font-size:var(--fs-lg)!important;line-height:var(--lh-lg);font-weight:var(--fw-bold, 700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-dialog__sub{font-size:var(--fs-sm);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-dialog__close{flex:0 0 auto;width:44px;height:44px;border:1px solid var(--border-primary);border-radius:50%;background:var(--bg-card);color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.oc-dialog__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:var(--sp-3)}html.is-kb-open .oc-dialog:has(.oc-input:focus){margin-top:8px;height:calc(var(--ff-vh-full, 100dvh) - var(--ff-kb, 0px) - 16px)}.co-chat-host{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.client-row:has(.oc-open-btn--card){flex-wrap:wrap;row-gap:var(--sp-2)}.client-row:has(.oc-open-btn--card) .client-name,.client-row:has(.oc-open-btn--card) .client-wait-pill{white-space:nowrap}.client-row .oc-open-btn--card{margin-left:auto;min-height:40px;padding:4px var(--sp-3);font-size:var(--fs-xs)}.client-row .client-wait-pill+.oc-open-btn--card{margin-left:var(--sp-2)}.oc-open-btn--card .material-icons{font-size:16px}.oc-strip{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3)}.oc-strip[hidden]{display:none}.oc-strip__item{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:48px;padding:var(--sp-2) var(--sp-3);border:1.5px solid var(--accent);border-radius:var(--radius-md, 10px);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer}.oc-strip__item .material-icons{color:var(--accent);font-size:20px}.oc-strip__text{flex:1 1 auto;min-width:0;font-weight:var(--fw-bold, 700)}.oc-strip__go{flex:0 0 auto;color:var(--accent);font-weight:var(--fw-bold, 700)}