.collab-view main>.workspace-heading,.collab-view main>.workspace,.collab-view main>.export-bar{display:none}
.collab-page{color:#364258;--cl-line:#e1e5ed;--cl-soft:#eef1f6;--cl-accent:#596a86}
.cl-layout{display:grid;grid-template-columns:290px minmax(0,1fr);height:calc(100dvh - 155px);min-height:560px;max-height:1000px;background:#ffffffc9;border:1px solid white;border-radius:26px;box-shadow:0 16px 60px #26304a09;overflow:hidden}
.cl-sidebar{border-right:1px solid var(--cl-line);padding:22px 12px;overflow:auto;background:#f9fafc9c}.cl-sidebar h1{font-size:23px;margin:0}.cl-sidehead,.cl-row,.cl-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.cl-sidehead{padding:0 10px 18px}.cl-search{width:100%;margin-bottom:16px}.cl-room{width:100%;border:0;background:transparent;border-radius:16px;padding:15px 12px;display:flex;text-align:left;gap:12px;color:inherit;cursor:pointer;margin:3px 0}.cl-room:hover{background:#eef1f5}.cl-room.active{background:#e7ecf4}.cl-avatar{width:42px;height:42px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#dfe5ef);border:1px solid #fff;border-radius:14px;font-weight:600;color:#63738c}.cl-room-copy{min-width:0;flex:1}.cl-room strong,.cl-room small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-room strong{font-size:14px;margin-bottom:5px}.cl-room small{font-size:12px;color:#7a879b}.cl-badge{font-size:11px;min-width:19px;height:19px;border-radius:10px;display:inline-grid;place-items:center;background:#5e6f8a;color:#fff;padding:0 5px}.header-actions .menu-toggle{position:relative}.cl-header-badge{position:absolute;top:-2px;right:-3px;pointer-events:none}.cl-chat{display:flex;flex-direction:column;min-width:0;min-height:0}.cl-chathead{padding:18px 26px;border-bottom:1px solid var(--cl-line);min-height:78px}.cl-chathead h2{font-size:18px;margin:0 0 4px}.cl-muted{font-size:12px;color:#7b879b}.cl-chathead .cl-muted{display:block}.cl-messages{flex:1;overflow:auto;padding:24px 32px;background:radial-gradient(ellipse at top right,#e8edf340,transparent 65%);scroll-behavior:smooth}.cl-empty{text-align:center;color:#8b95a5;display:grid;place-content:center;min-height:260px;gap:10px}.cl-empty strong{color:#59677e;font-size:18px}.cl-empty-icon{font-size:34px;color:#acb7c8}.cl-message{margin:0 0 16px;display:flex;flex-direction:column;align-items:flex-start;animation:cl-enter .18s ease-out}.cl-message.mine{align-items:flex-end}.cl-bubble{max-width:min(78%,680px);border:1px solid #e7eaf0;background:#fff;border-radius:18px 18px 18px 5px;padding:12px 16px;box-shadow:0 3px 12px #27334904;overflow-wrap:anywhere}.mine .cl-bubble{background:#e8edf5;border-color:#e0e6ef;border-radius:18px 18px 5px 18px}.cl-author{font-size:12px;font-weight:600;margin-bottom:6px;color:#667896}.cl-text{white-space:pre-wrap;font-size:14px;line-height:1.55}.cl-meta{font-size:10px;color:#8995a7;text-align:right;margin-top:6px}.cl-message-tools{display:flex;gap:4px;align-items:center;margin:4px 0}.cl-tool{border:0;background:transparent;color:#78859a;font-size:12px;padding:4px 7px;border-radius:7px;cursor:pointer}.cl-tool:hover,.cl-tool:focus-visible{background:#e7ebf3;color:#303d52}.cl-message-tools .cl-tool{opacity:.6}.cl-message:hover .cl-tool,.cl-tool:focus-visible{opacity:1}.cl-quote{padding:7px 10px;border-left:3px solid #8b9bb2;background:#ffffff80;border-radius:5px;font-size:12px;margin-bottom:8px;color:#738198;white-space:pre-wrap}.cl-reactions{display:flex;gap:4px;flex-wrap:wrap}.cl-reaction{background:#fff;border:1px solid #dce3ed;border-radius:12px;padding:3px 8px;cursor:pointer;font-size:12px;color:#68758a}.cl-reaction.mine{background:#dce6f5;border-color:#aebed7}.cl-attachment img,.cl-attachment video{max-width:100%;max-height:320px;border-radius:10px;display:block;margin:6px 0}.cl-attachment audio{max-width:100%;width:290px;display:block;margin:8px 0}.cl-attachment a{color:#536b91;display:block;font-size:13px;margin:6px 0}.cl-sticker{display:grid;place-items:center;min-width:130px;padding:8px;font-weight:700;color:#687a97}.cl-sticker span{font-size:66px;filter:drop-shadow(0 5px 2px #26385912)}.cl-sticker small{background:#fff;border-radius:20px;padding:5px 14px;transform:rotate(-3deg);margin-top:4px;color:#556780}.cl-compose{padding:14px 24px 18px;border-top:1px solid var(--cl-line);background:#ffffffb5;position:relative}.cl-compose textarea{min-height:56px;max-height:160px;resize:vertical;width:100%;border:0!important;box-shadow:none!important;background:transparent!important;padding:12px 0}.cl-composebar{display:flex;gap:8px;align-items:center}.cl-composebar .cl-send{margin-left:auto}.cl-icon{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid #e0e5ee;border-radius:11px;background:#fff;color:#63718a;cursor:pointer;flex:none}.cl-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cl-icon:hover{background:#edf1f7}.cl-icon.recording{background:#fae2e4;color:#b04d5a;animation:cl-pulse 1s infinite}.cl-context,.cl-pinned{padding:9px 14px;border-radius:10px;background:#edf1f8;font-size:12px;color:#6b7d98;display:flex;gap:10px;align-items:center}.cl-context{margin-bottom:5px}.cl-pinned{margin:10px 20px 0}.cl-pinned span{flex:1}.cl-queued{display:flex;gap:7px;flex-wrap:wrap}.cl-chip{display:flex;align-items:center;background:#edf1f6;border-radius:9px;padding:5px 9px;font-size:12px;max-width:100%;gap:6px}.cl-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.cl-picker{position:absolute;bottom:80px;left:22px;width:330px;max-width:85vw;background:#fff;border:1px solid #e0e5ef;box-shadow:0 14px 40px #24355020;border-radius:18px;padding:14px;z-index:3}.cl-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.cl-picker-grid button{font-size:23px;background:none;border:0;border-radius:8px;padding:5px;cursor:pointer}.cl-picker-grid button:hover{background:#edf1f6}.cl-sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.cl-sticker-grid button{background:#f1f4f9;border:0;border-radius:10px;padding:8px;cursor:pointer;color:#5d6c84}.cl-sticker-grid span{font-size:32px;display:block}.cl-sticker-grid small{font-size:10px}.cl-error{color:#a14b59;font-size:13px;min-height:17px;margin:6px 0}.cl-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1000;padding:13px 23px;border-radius:14px;background:#3e4c62;color:white;max-width:90vw;box-shadow:0 10px 30px #23304220}.cl-dialog{width:min(650px,94vw);border:1px solid #fff;border-radius:24px;color:#40506b;background:#f9fafdef;box-shadow:0 25px 80px #26304a25;padding:28px;max-height:88dvh;overflow:auto}.cl-dialog::backdrop{background:#25334a30;backdrop-filter:blur(6px)}.cl-dialog h2{margin:0;font-size:23px}.cl-dialog .cl-heading{margin-bottom:24px}.cl-dialog form{display:grid;gap:16px}.cl-dialog label{display:grid;gap:8px;font-size:13px}.cl-dialog input,.cl-dialog select,.cl-dialog textarea{width:100%}.cl-people{max-height:210px;overflow:auto;border:1px solid #e1e6ee;border-radius:12px;padding:8px 12px;display:grid;gap:7px}.cl-people label{display:flex;align-items:center;gap:10px;padding:7px}.cl-people input{width:17px;height:17px}.cl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cl-task-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.cl-task-head h1{font-size:28px;margin:0}.cl-task-filters{display:flex;gap:12px;align-items:center;padding:18px;background:#fff9;border:1px solid #fff;border-radius:20px;margin-bottom:22px;flex-wrap:wrap}.cl-task-filters input{flex:1;min-width:200px}.cl-task-filters select{width:auto;min-width:145px}.cl-board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:16px;overflow:auto;align-items:start;min-height:450px}.cl-column{border:1px solid #fff;background:#e9edf34f;border-radius:20px;padding:14px;min-height:400px}.cl-column h3{font-size:14px;margin:3px 3px 20px;display:flex;justify-content:space-between}.cl-task-card{width:100%;text-align:left;padding:17px;margin-bottom:12px;border-radius:15px;border:1px solid #fff;background:#ffffffe0;box-shadow:0 6px 20px #273d5a05;cursor:pointer;color:inherit;transition:transform .15s,box-shadow .15s}.cl-task-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #273d5a10}.cl-task-card strong{font-size:14px;font-weight:600;line-height:1.5;display:block;margin:10px 0}.cl-task-card .cl-row{margin-top:12px}.cl-label{font-size:10px;border-radius:7px;padding:4px 7px;background:#e9eef7;color:#6b7c98;display:inline-block}.cl-label.high{background:#f6e7e9;color:#a76671}.cl-label.late{color:#ad6570;background:#f9e8e9}.cl-task-list{display:grid;gap:10px}.cl-task-list .cl-task-card{display:grid;grid-template-columns:minmax(170px,2fr) 1fr 1fr;gap:18px;margin:0;align-items:center}.cl-task-list .cl-task-card strong{margin:4px 0}.cl-task-list .cl-task-card .cl-row{margin:0}.cl-task-description{white-space:pre-wrap;line-height:1.65;font-size:14px}.cl-checklist{display:grid;gap:10px;margin:20px 0}.cl-checklist label{display:flex;gap:10px;align-items:center}.cl-checklist input{width:18px;height:18px}.cl-checklist .done{text-decoration:line-through;color:#9aa3b2}.cl-comment{border-top:1px solid #e1e6ef;padding:15px 0}.cl-comment p{white-space:pre-wrap;font-size:14px;line-height:1.5}.cl-comments-form{border-top:1px solid #e1e6ef;padding-top:16px}.cl-task-detail .cl-row{margin-bottom:15px}.cl-task-detail h3{font-size:16px;margin:24px 0 14px}.cl-task-detail details{margin-top:22px;font-size:12px;color:#7d899c}.cl-task-detail details p{font-size:12px}.cl-back{display:none}.cl-task-card[draggable=true]{cursor:grab}.cl-column.dragover{outline:2px dashed #9caec7}.cl-status{width:auto!important}.cl-typing{min-height:18px;font-size:11px;color:#8c99ae;padding-left:4px}.cl-online{color:#668f80}.cl-dialog .cl-link{font-size:12px}.cl-help{font-size:12px;color:#8995a7;line-height:1.5}
@keyframes cl-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes cl-pulse{50%{opacity:.55}}
@media(max-width:1000px){.cl-layout{grid-template-columns:235px minmax(0,1fr)}.cl-messages{padding:20px}.cl-bubble{max-width:90%}.cl-task-filters select{flex:1}.cl-task-list .cl-task-card{grid-template-columns:1fr 1fr}.cl-task-list .cl-task-card>div:first-child{grid-column:1/-1}}
@media(max-width:650px){.cl-layout{height:calc(100dvh - 120px);min-height:460px;border-radius:18px;display:block}.cl-sidebar{height:100%;border:0}.cl-chat{height:100%;display:none}.cl-layout.has-room .cl-sidebar{display:none}.cl-layout.has-room .cl-chat{display:flex}.cl-back{display:inline-grid}.cl-chathead{padding:14px}.cl-compose{padding:10px 14px}.cl-messages{padding:15px 12px}.cl-bubble{max-width:93%}.cl-task-head h1{font-size:24px}.cl-task-filters{padding:12px}.cl-task-filters input{flex-basis:100%}.cl-form-grid{grid-template-columns:1fr}.cl-dialog{padding:20px}.cl-board{grid-template-columns:repeat(4,260px)}.cl-task-list .cl-task-card{grid-template-columns:1fr}.cl-task-list .cl-task-card>div:first-child{grid-column:auto}.cl-composebar{gap:5px}.cl-icon{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.cl-message,.cl-icon.recording{animation:none}.cl-messages{scroll-behavior:auto}.cl-task-card{transition:none}}

/* Full-height messenger: only the conversation/sidebar scroll, never the shell. */
body.messages-view{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}
.messages-view .topbar.internal-toolbar{flex-shrink:0}
.messages-view main{max-width:none;width:100%;margin:0;padding:0;flex:1;min-height:0}
.messages-view #messagesPage{height:100%}
.messages-view .cl-layout{height:100%;min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none}
.messages-view .cl-messages{min-height:0}
.messages-view .cl-chathead,.messages-view .cl-compose{flex-shrink:0}
.tasks-view main{max-width:none;padding:0 40px 40px}
.tasks-view .cl-task-head{padding:22px 0 0 62px;margin-bottom:22px}
.tasks-view #clNewTask{white-space:nowrap;flex-shrink:0}
@media(max-width:600px){.tasks-view main{padding:0 12px 24px}.tasks-view .cl-task-head{padding-left:52px;padding-top:18px}.tasks-view #clNewTask{margin-left:auto}.messages-view .cl-compose{padding-bottom:max(14px,env(safe-area-inset-bottom))}}

.tasks-view #tasksPage{padding-top:20px}
/* Messenger management and bounded pickers */
.cl-picker{box-sizing:border-box;width:min(420px,calc(100% - 24px));max-width:calc(100vw - 24px);max-height:min(560px,65dvh);overflow:auto;overscroll-behavior:contain}
.cl-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%;min-width:0}.cl-picker-grid button{min-width:0;width:100%;box-sizing:border-box;padding:6px;font-size:25px}
.cl-sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cl-sticker-grid button{min-width:0;padding:5px}.cl-sticker-grid img{width:100%;height:74px;object-fit:contain}.cl-sticker img{width:160px;height:140px;object-fit:contain}.cl-sticker small{display:none}
.cl-avatar{overflow:hidden}.cl-avatar img{width:100%;height:100%;object-fit:cover}.cl-composebar #clMic{margin-left:auto;touch-action:none;user-select:none;-webkit-user-select:none}.cl-composebar .cl-send{margin-left:0}.cl-composebar #clRecordTime{white-space:nowrap}
.cl-room-summary{display:grid;justify-items:center;gap:10px;margin-bottom:20px}.cl-room-summary .cl-avatar{width:80px;height:80px;border-radius:25px;font-size:25px}.cl-info-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 5px}.cl-info-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid #e1e5ed;margin:22px 0 10px;padding-bottom:10px}.cl-info-tabs .selected{background:#e4eaf3;color:#35445e}.cl-member{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f5}.cl-member>span:nth-child(2){flex:1;min-width:0}.cl-member small,.cl-invite small{display:block;color:#7b879b;margin-top:5px}.cl-member>div{display:flex;flex-direction:column;align-items:flex-end}.cl-danger{color:#b34453}.cl-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cl-media-grid article{min-width:0;overflow-wrap:anywhere}.cl-media-grid .cl-attachment img,.cl-media-grid video,.cl-media-grid audio{max-width:100%;width:100%}.cl-invite{padding:12px;background:#eef3f9;border-radius:14px;margin-bottom:8px;font-size:13px}.cl-invite .cl-tool{margin-top:6px}.cl-people label[hidden]{display:none}
@media(max-width:650px){.cl-chathead .cl-row{gap:6px}.cl-chathead h2{font-size:15px}.cl-chathead .cl-icon{width:30px;height:32px}.cl-media-grid{grid-template-columns:1fr}.cl-member{flex-wrap:wrap}.cl-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.cl-sticker-grid img{height:60px}}
#clMediaViewer{max-width:min(1000px,94vw)}.cl-full-image{display:block;max-width:100%;max-height:72dvh;margin:auto;object-fit:contain;border-radius:12px}.cl-people label[hidden]{display:none}
/* ImageGen character sticker pack: preserve transparent artwork, no icon tiles. */
.cl-sticker-grid button{background:transparent;border:0;border-radius:15px;padding:5px;transition:background .15s,transform .15s}.cl-sticker-grid button:hover,.cl-sticker-grid button:focus-visible{background:#e8edf5;transform:translateY(-2px)}.cl-sticker-grid img{height:90px;object-fit:contain}.cl-sticker-grid small{font-size:11px;color:#69778c;display:block;margin-top:5px}.cl-sticker img{width:min(240px,48vw);height:min(240px,48vw);object-fit:contain}.cl-sticker{padding:0;min-width:0}.cl-message.sticker-only .cl-bubble{background:transparent;border-color:transparent;box-shadow:none;padding:3px 8px}.cl-message.sticker-only .cl-meta{margin-top:0}.cl-message.sticker-only .cl-author{margin-bottom:2px}
@media(max-width:650px){.cl-sticker-grid img{height:76px}}
@media(prefers-reduced-motion:reduce){.cl-sticker-grid button{transition:none}}