.room-tabs a.active { color:var(--color-primary-600); border-bottom-color:var(--color-primary-600); }
.room-heading, .room-heading > div { text-align:left; }
.room-heading-actions { justify-content:flex-start; }
.summary-tabs { display:flex; overflow-x:auto; gap:1.25rem; border-bottom:1px solid var(--color-border); margin:1.25rem 0; scrollbar-width:none; }
.summary-tabs::-webkit-scrollbar { display:none; }
.summary-tabs button { flex:0 0 auto; background:transparent; border:0; border-radius:0; border-bottom:3px solid transparent; color:var(--color-text-muted); padding:.8rem .15rem; font:inherit; cursor:pointer; }
.summary-tabs button[aria-selected="true"] { color:var(--color-primary-600); border-bottom-color:var(--color-primary-600); font-weight:700; }
.room-invitation-dialog { width:min(640px,calc(100vw - 2rem)); max-height:calc(100dvh - 2rem); overflow:auto; border:1px solid var(--color-border); border-radius:16px; padding:1.5rem; color:var(--color-text); background:var(--color-surface); box-shadow:var(--shadow-lg); }
.room-invitation-dialog::backdrop { background:color-mix(in srgb,var(--color-primary-900) 45%,transparent); }
.room-invitation-dialog h2 { margin:0; }
.room-invitation-dialog input[readonly] { width:100%; font-size:.85rem; }
.share-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin:1rem 0; }
.invitation-qr { display:block; max-width:100%; margin:1rem 0; }
.invite-email { margin-top:1.5rem; }
.meeting-rename { margin:1rem 0; }
.meeting-rename form { max-width:600px; }
.meeting-summary-heading h2 { margin-top:0; }
.usage-customer { max-width:850px; }
.usage-customer h2 { font-size:1.35rem; line-height:1.5; }
.usage-meter { width:100%; height:28px; accent-color:var(--color-primary-600); }
.usage-meter::-webkit-meter-optimum-value { background:var(--color-primary-600); }
.usage-meter::-webkit-meter-bar { background:var(--color-mint-100); border-color:var(--color-border); }
.usage-storage { margin:2rem 0 1.5rem; font-weight:600; }
.usage-explanation { margin-bottom:1.5rem; }
.usage-explanation summary { color:var(--color-primary-600); cursor:pointer; }
.compact-record-list { list-style:none; padding:0; margin:1rem 0; border-top:1px solid var(--color-border); }
.compact-record-list li { border-bottom:1px solid var(--color-border); }
.compact-record-list a { display:grid; grid-template-columns:minmax(180px,1fr) auto 16px; gap:1rem; align-items:center; min-height:56px; padding:.75rem .25rem; color:var(--color-text); text-decoration:none; }
.compact-record-list a:hover { background:var(--color-mint-100); }
.compact-record-list strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.compact-record-meta { color:var(--color-text-muted); font-size:.85rem; }
.compact-record-list a > span:last-child { text-align:right; font-size:1.4rem; }
.room-chat .chat-panel { display:flex; flex-direction:column; height:calc(100dvh - var(--room-chat-top,320px) - 24px); min-height:360px; padding:0; border:0; background:transparent; box-shadow:none; }
.room-chat .chat-messages { display:flex; flex-direction:column; gap:.25rem; flex:1 0 360px; min-height:360px; overflow:auto; padding:.5rem; margin:.75rem 0; scroll-behavior:smooth; }
.room-heading-compact { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; margin:0; gap:.5rem; }
.app-shell .room-heading-compact > div:first-child { display:flex; align-items:center; gap:.75rem; flex:1 1 0%; min-width:0; width:auto; }
.app-shell .room-heading-compact h1 { font-size:1.25rem; margin:0; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.room-heading-compact .room-members { flex-shrink:0; }
.room-heading-compact .room-members > span:last-child { display:none; }
.room-heading-compact .room-heading-actions { flex:0 0 auto; width:auto; gap:.4rem; flex-wrap:nowrap; }
.room-heading-compact .btn { width:44px; min-width:44px; height:44px; padding:.5rem; }
.room-heading-compact .btn .ui-icon { width:20px; height:20px; }
.room-heading-compact .room-avatar-stack > :nth-child(n+3) { display:none; }
.room-chat .chat-messages > li { flex-shrink:0; }
.collaboration-workspace .chat-messages > li { border:0; border-left:0; background:transparent; box-shadow:none; padding:0; margin:.25rem 0; display:flex; flex-direction:column; align-items:flex-start; max-width:100%; }
.collaboration-workspace .chat-messages > .chat-group-start { margin-top:1rem; }
.collaboration-workspace .chat-messages > .chat-own { align-items:flex-end; }
.room-chat .chat-bubble { background:var(--color-bg); padding:.65rem .9rem; border-radius:12px; max-width:min(85%,640px); min-width:80px; overflow-wrap:anywhere; }
.room-chat .chat-own .chat-bubble { background:var(--color-mint-100); }
.room-chat .chat-bubble > p { margin:0; }
.room-chat .chat-bubble-footer { display:flex; gap:.75rem; justify-content:flex-end; align-items:center; }
.room-chat .chat-bubble-footer time { color:var(--color-text-muted); font-size:.75rem; }
.room-chat .chat-bubble .chat-message-actions { position:relative; margin:0; }
.room-chat .chat-bubble .chat-message-actions > div { position:absolute; right:0; z-index:5; min-width:220px; background:var(--color-surface); border:1px solid var(--color-border); border-radius:8px; box-shadow:var(--shadow-lg); }
.chat-message-meta { margin:.4rem 0; }
.collaboration-workspace .chat-messages > .chat-day { display:flex; align-items:center; margin:1.5rem 0 .75rem; font-size:.8rem; color:var(--color-text-muted); }
.chat-day span { padding:.25rem .75rem; background:var(--color-surface); border-radius:20px; }
.room-chat .chat-panel > form { flex-shrink:0; position:relative; padding:1rem 0; margin:0; width:100%; max-width:none; background:var(--color-surface); border-top:1px solid var(--color-border); }
.room-invitation-dialog .work-check { display:flex; align-items:center; gap:.65rem; margin:1rem 0; }
.room-invitation-dialog .work-check input { width:auto; margin:0; flex:0 0 auto; }
.room-chat .chat-panel textarea { min-height:44px; max-height:160px; resize:none; margin-bottom:.5rem; }
.room-chat .call-new-messages { align-self:center; margin:.5rem; }
@media(max-width:700px) {
    .room-heading > div { width:100%; }
    .room-heading-actions { justify-content:flex-start; }
    .compact-record-list a { grid-template-columns:minmax(0,1fr) 16px; gap:.25rem .5rem; padding:.5rem .25rem; }
    .compact-record-list .compact-record-meta { grid-column:1; grid-row:2; }
    .compact-record-list a > span:last-child { grid-column:2; grid-row:1 / span 2; }
    .room-invitation-dialog { padding:1rem; }
    .room-invitation-dialog .summary-tabs { gap:.8rem; font-size:.85rem; }
    .meeting-summary-heading .room-heading-actions { flex-wrap:wrap; }
    .room-chat .chat-bubble { max-width:95%; }
}