.collab-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:640px;height:calc(100vh - 215px);max-height:850px;overflow:hidden;border:1px solid #dce3d8;border-radius:11px;background:#fff}
.collab-rail{display:flex;flex-direction:column;gap:4px;padding:15px 10px;border-right:1px solid #e5e9e1;background:#f7f8f4}
.collab-tab{display:flex;align-items:center;gap:11px;padding:10px 11px;border:0;border-radius:6px;background:transparent;color:#647264;text-align:left;font-size:11px}
.collab-tab span{font-size:15px;color:#819174}
.collab-tab:hover,.collab-tab.active{background:#e8eee2;color:#35533c}
.collab-rail-divider{margin:21px 8px 8px;color:#9aa294;font-size:8px;letter-spacing:1.1px}
.collab-channel{padding:8px 10px;border:0;border-radius:5px;background:transparent;color:#788276;text-align:left;font-size:10px}
.collab-channel:hover,.collab-channel.selected{background:#e9eee5;color:#3e6046}
.collab-add-channel{align-self:flex-start;margin:5px 8px;padding:6px 0;border:0;background:transparent;color:#879183;font-size:9px}
.collab-rail-form{display:grid;gap:7px;padding:7px}
.collab-rail-form input{min-width:0;padding:8px;border:1px solid #d8e1d4;border-radius:5px;background:#fff;color:#405142;font:inherit;font-size:9px}
.collab-rail-form .secondary{justify-self:start;padding:7px 10px}
.collab-rail-footer{margin-top:auto;padding:12px 7px 3px;border-top:1px solid #e4e8df;color:#9aa294;font-size:7px;letter-spacing:.8px}
.collab-main{display:flex;flex-direction:column;min-width:0;overflow:auto;background:#fff}
.collab-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid #e8ebe5}
.collab-header h2{margin:5px 0 0;color:#314737;font-family:Georgia,serif;font-size:22px;font-weight:400}
.collab-eyebrow{color:#97a08f;font-size:8px;letter-spacing:1px}
.collab-online{color:#899487;font-size:9px}
.collab-messages{display:flex;flex:1;flex-direction:column;gap:17px;overflow:auto;padding:22px 26px;background:linear-gradient(180deg,#fafbf8,#fff)}
.collab-empty,.collab-meeting-empty{display:grid;justify-items:center;align-content:center;gap:8px;flex:1;min-height:180px;text-align:center}
.collab-empty>span,.collab-meeting-empty>span{color:#94a987;font-size:25px}
.collab-empty strong,.collab-meeting-empty strong{color:#52634f;font-size:12px}
.collab-empty small,.collab-meeting-empty small{max-width:260px;color:#90998e;font-size:9px;line-height:1.6}
.collab-message{display:grid;grid-template-columns:31px minmax(0,1fr);gap:10px;max-width:800px}
.collab-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e9eee1;color:#60775c;font-size:9px;font-weight:650}
.collab-message>div{min-width:0}
.collab-message header{display:flex;align-items:baseline;gap:9px}
.collab-message header strong{color:#4c5d4e;font-size:10px}
.collab-message time{color:#a0a89e;font-size:8px}
.collab-message p{margin-top:5px;color:#526056;font-size:10px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.collab-compose{display:flex;align-items:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #e7ebe4;background:#fbfcfa}
.collab-compose textarea{flex:1;min-height:40px;resize:vertical;padding:10px 12px;border:1px solid #dfe6dc;border-radius:7px;background:#fff;color:#3d4d40;font:inherit;font-size:10px}
.collab-compose .primary,.collab-meeting-form .primary{padding:11px 14px;font-size:10px}
.collab-compose .primary span,.collab-meeting-form .primary span{margin-left:8px}
.collab-notice{position:relative;margin:12px 18px 0;padding:10px 34px 10px 12px;border:1px solid #eadbcc;border-radius:6px;background:#fff8f0;color:#805d46;font-size:9px}
.collab-notice button{position:absolute;right:10px;top:6px;border:0;background:transparent;color:inherit}
.collab-meeting-form{display:grid;gap:12px;margin:20px;padding:18px;border:1px solid #e1e7dd;border-radius:8px;background:#fafbf8}
.collab-form-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid #e8ece5}
.collab-form-heading strong{color:#455a45;font-size:12px}
.collab-form-heading span{color:#929b90;font-size:8px}
.collab-meeting-form>label,.collab-form-grid>label{display:grid;gap:6px;color:#657366;font-size:9px}
.collab-meeting-form input:not([type=checkbox]),.collab-meeting-form textarea,.collab-meeting-form select{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid #dce4d9;border-radius:5px;background:#fff;color:#3c4d40;font:inherit;font-size:10px}
.collab-meeting-form textarea{resize:vertical}
.collab-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.collab-attendees{display:flex;flex-wrap:wrap;gap:10px 15px;padding:11px;border:1px solid #e3e9df;border-radius:6px}
.collab-attendees legend{padding:0 5px;color:#778475;font-size:8px}
.collab-attendees label{display:flex;align-items:center;gap:5px;color:#697569;font-size:8px}
.collab-meeting-list{padding:5px 20px 22px}
.collab-meeting-list>h3{margin:8px 0 12px;color:#52634f;font-size:11px}
.collab-meeting{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #e9ede6}
.collab-meeting-date{display:grid;place-items:center;align-content:center;flex:none;width:45px;height:48px;border:1px solid #e1e7da;border-radius:6px;background:#f5f7f1}
.collab-meeting-date strong{color:#466143;font-size:18px;font-weight:500}
.collab-meeting-date span{color:#899482;font-size:8px;text-transform:uppercase}
.collab-meeting-details{display:grid;flex:1;gap:4px;min-width:0}
.collab-meeting-details h4{color:#435745;font-size:10px}
.collab-meeting-details p,.collab-meeting-details small{color:#879186;font-size:8px;line-height:1.5}
.collab-join{flex:none;padding:8px 10px;text-decoration:none;font-size:8px}
.hub-sidebar-section{display:block;margin:20px 15px 6px;color:#9aa397;font-size:8px;letter-spacing:1px}
@media(max-width:760px){.collab-shell{grid-template-columns:145px minmax(0,1fr);height:calc(100vh - 190px);min-height:520px}.collab-rail{padding:11px 6px}.collab-header{padding:15px}.collab-messages{padding:16px}.collab-meeting-form{margin:12px;padding:13px}.collab-meeting-list{padding:4px 12px 15px}}
@media(max-width:520px){.collab-shell{grid-template-columns:105px minmax(0,1fr);min-height:500px}.collab-rail{padding:8px 4px}.collab-tab{gap:5px;padding:9px 5px;font-size:9px}.collab-channel{padding:7px 5px;font-size:8px}.collab-header h2{font-size:18px}.collab-online{max-width:95px;text-align:right;font-size:7px}.collab-compose{gap:6px;padding:9px}.collab-compose .primary{padding:9px}.collab-form-grid{grid-template-columns:1fr}.collab-meeting{align-items:flex-start;gap:8px}.collab-meeting-date{width:37px;height:40px}.collab-join{padding:7px;font-size:7px}}

/* Keep project agenda and invitation actions usable on narrow workspaces. */
.collab-attendees{max-height:240px;overflow:auto}
.collab-attendees label{display:flex;align-items:flex-start;gap:8px}
.collab-meeting{flex-wrap:wrap}
.collab-meeting>.hub-actions{flex-basis:100%;flex-wrap:wrap;padding-left:57px}
.collab-meeting .hub-actions select{max-width:210px;padding:8px;border:1px solid #d8e1d3;border-radius:6px;background:#fff;color:#435745}
.collab-meeting .hub-actions small{align-self:center}
@media(max-width:520px){.collab-meeting>.hub-actions{padding-left:0}}
/* Shared communication surface: calls, channels and private conversations. */
.collab-no-people{display:block;padding:8px 12px;font-size:12px;line-height:1.5;color:#587184}
.collab-message header strong{font-size:13px;color:#243b4b}
.collab-message time{font-size:11px;color:#607a8b}
.collab-message p{font-size:14px;color:#273f50}
.collab-compose textarea{font-size:14px}
.collab-channel{overflow-wrap:anywhere}
.operation-frequent{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0;padding:16px;border:1px solid #dce8f0;border-radius:12px;background:#f7fbff}.operation-frequent>strong{font-size:12px}.operation-frequent>small{flex-basis:100%;font-size:10px;color:#738b9a}.pm-context{display:flex;align-items:center;gap:12px;font-size:12px;margin:12px 0}.pm-context select{max-width:360px}