/* Zulip workspace opens on demand without resizing the native Tinode chat. */
#team-header #team-collaboration-toggle{margin-left:0;white-space:nowrap}
.team-header #team-collaboration-toggle{margin-left:0;white-space:nowrap;font-size:13px;flex-shrink:0}
.team-header:has(#team-collaboration-toggle){gap:14px}
.team-col-dialog{--col-ink:#243447;--col-blue:#2463ac;--col-muted:#647488;--col-line:#dce4ee;--col-soft:#f0f5fa;width:min(1160px,calc(100vw - 40px));height:min(820px,calc(100dvh - 88px));max-width:none;max-height:none;padding:0;border:1px solid var(--col-line);border-radius:9px;color:var(--col-ink);background:#fff;font:14px/1.6 'PingFang SC','Microsoft YaHei',sans-serif;box-sizing:border-box;overflow:hidden;box-shadow:0 16px 64px rgb(36 52 71 / 20%)}
.team-col-dialog::backdrop{background:rgb(36 52 71 / 24%)}
.team-col-dialog:not([open]){display:none}
.team-col-dialog *{box-sizing:border-box}
.team-col-dialog [hidden]{display:none!important}
.team-col-dialog button,.team-col-dialog textarea{font:inherit}
.team-col-dialog button{cursor:pointer;color:var(--col-blue);background:#fff;border:1px solid #b8cbe3;border-radius:5px;padding:6px 12px;min-height:36px}
.team-col-dialog button:hover{background:#eaf2fc}
.team-col-dialog button:disabled{cursor:default;opacity:.55}
.team-col-dialog button:focus-visible,.team-col-dialog textarea:focus-visible{outline:3px solid #5493df;outline-offset:2px}
.team-col-top{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--col-line);padding:13px 20px;min-height:62px}
.team-col-top h2{font-size:21px;font-weight:600;margin:0}
.team-col-top p{margin:0;color:var(--col-muted);font-size:13px;flex:1}
.team-col-top .team-col-close{font-size:22px;border:0;width:40px;padding:0;color:var(--col-ink)}
.team-col-layout{display:grid;grid-template-columns:250px minmax(0,1fr);height:calc(100% - 63px);min-height:0}
.team-col-nav{padding:16px 12px;background:#f7f9fc;border-right:1px solid var(--col-line);overflow:auto;min-width:0}
.team-col-nav h3{font-size:13px;font-weight:600;margin:16px 8px 7px;color:var(--col-muted)}
.team-col-nav h3:first-child{margin-top:0}
.team-col-nav .team-col-conversation{display:block;text-align:left;width:100%;border:0;background:transparent;color:var(--col-ink);border-radius:5px;padding:10px 12px;margin-bottom:3px;overflow-wrap:anywhere}
.team-col-conversation small{display:block;font-size:12px;line-height:1.4;color:var(--col-muted)}
.team-col-nav .team-col-conversation[aria-current=true]{background:#e6effa;color:var(--col-blue);box-shadow:inset 3px 0 var(--col-blue)}
.team-col-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.team-col-heading{display:flex;align-items:center;gap:12px;padding:13px 22px;border-bottom:1px solid var(--col-line);min-height:64px}
.team-col-heading h3{margin:0;font-size:17px;font-weight:600;overflow-wrap:anywhere;flex:1}
.team-col-heading p{margin:0;font-size:12px;color:var(--col-muted)}
.team-col-status{margin:0;padding:10px 22px;color:var(--col-muted);overflow-wrap:anywhere}
.team-col-status:empty{display:none}
.team-col-status[data-error=true]{color:#9a3430;background:#fff4f2}
.team-col-messages{flex:1;min-height:0;overflow:auto;padding:4px 22px 20px;scrollbar-gutter:stable;overscroll-behavior:contain}
.team-col-more{display:block;margin:4px auto 16px}
.team-col-message{margin:0;padding:16px 0;border-bottom:1px solid #edf1f6;overflow-wrap:anywhere}
.team-col-message header{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.team-col-message strong{font-size:14px;font-weight:600}
.team-col-message time{font-size:12px;color:var(--col-muted)}
.team-col-message p{margin:0;white-space:pre-wrap;line-height:1.7;max-width:78ch}
.team-col-message .team-col-file{display:block;max-width:100%;margin-top:8px;text-align:left;overflow-wrap:anywhere;font-size:13px}
.team-col-empty{color:var(--col-muted);padding:28px 0;text-align:center}
.team-col-composer{padding:12px 22px 16px;border-top:1px solid var(--col-line);background:#fff}
.team-col-composer label{display:block;font-size:13px;margin-bottom:5px}
.team-col-composer textarea{resize:vertical;width:100%;min-height:76px;max-height:180px;border:1px solid #b8cbe3;border-radius:5px;padding:9px 11px;color:var(--col-ink);background:#fff}
.team-col-actions{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.team-col-actions p{flex:1;min-width:120px;margin:0;color:var(--col-muted);font-size:12px;overflow-wrap:anywhere}
.team-col-actions .team-col-send{background:var(--col-blue);border-color:var(--col-blue);color:#fff;min-width:80px}
.team-col-actions .team-col-send:hover{background:#1c5291}
.team-col-draft-file{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:13px;color:var(--col-muted)}
.team-col-draft-file span{flex:1;overflow-wrap:anywhere;min-width:0}
.team-col-draft-file button{min-height:30px;padding:2px 8px;font-size:12px}
.team-col-agent-note{margin:0;padding:8px 22px;font-size:12px;color:var(--col-muted);background:var(--col-soft)}
@media(max-width:700px){#team-header{gap:8px}#team-header button{padding:7px 9px;font-size:13px}.team-col-dialog{width:100%;height:100dvh;margin:0;border:0;border-radius:0}.team-col-top{padding:12px 14px}.team-col-top p{display:none}.team-col-top h2{flex:1}.team-col-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.team-col-nav{display:flex;align-items:center;gap:6px;border-right:0;border-bottom:1px solid var(--col-line);padding:8px;max-height:104px;overflow:auto}.team-col-nav h3{display:none}.team-col-nav .team-col-conversation{width:auto;min-width:120px;max-width:220px;flex:none;margin:0;padding:6px 10px}.team-col-heading{padding:10px 14px}.team-col-status,.team-col-agent-note{padding:8px 14px}.team-col-messages{padding:4px 14px 14px}.team-col-composer{padding:10px 14px 12px}.team-col-composer textarea{min-height:60px}.team-col-more{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.team-col-dialog *{scroll-behavior:auto}}
@media(max-width:700px){.team-header:has(#team-collaboration-toggle){gap:8px;padding-left:14px;padding-right:14px}.team-header:has(#team-collaboration-toggle) .subtitle{display:none}.team-header #team-collaboration-toggle{font-size:12px;padding:7px 9px}.team-header:has(#team-collaboration-toggle) #tasks-toggle{padding:7px 9px}.team-header:has(#team-collaboration-toggle) #connection{max-width:62px;line-height:1.2}.team-header:has(#team-collaboration-toggle) #connection:not(:empty)::before{display:none}}
@media(max-width:420px){.team-header:has(#team-collaboration-toggle) #connection{display:none}}