/* STARS RCM PRO v3.5.0 — Discussion Room */
.dc-shell{min-height:78vh;padding-bottom:6px}
.dc-hero{border:1px solid rgba(78,168,255,.3);background:linear-gradient(145deg,rgba(78,168,255,.14),rgba(18,22,28,.96));border-radius:16px;padding:14px;margin-bottom:11px}
.dc-hero-head{display:flex;gap:10px;align-items:flex-start}
.dc-hero-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(78,168,255,.18);font-size:23px;flex:0 0 auto}
.dc-hero h2{font-size:17px;margin:0 0 4px}
.dc-hero p{font-size:10px;line-height:1.5;color:var(--muted)}
.dc-hero-actions{display:flex;gap:7px;margin-top:11px}
.dc-hero-actions button,.dc-filter button,.dc-inline-btn{border:1px solid var(--border);border-radius:9px;padding:9px 11px;background:var(--surface2);font-size:10px;font-weight:900}
.dc-hero-actions .primary,.dc-inline-btn.primary{background:var(--accent);border-color:var(--accent);color:#171000}
.dc-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.dc-metrics div{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:9px 4px;text-align:center}
.dc-metrics b{display:block;font-size:14px;color:var(--accent)}
.dc-metrics small{display:block;font-size:6.5px;color:var(--muted);margin-top:3px;text-transform:uppercase}
.dc-filter{display:grid;grid-template-columns:1fr 105px;gap:7px;margin-bottom:10px}
.dc-filter input,.dc-filter select{font-size:11px;padding:10px}
.dc-filter .mine{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}
.dc-filter .mine input{width:17px;height:17px}
.dc-room-list{display:grid;gap:8px}
.dc-room-card{width:100%;text-align:left;border:1px solid var(--border);background:var(--surface2);border-radius:13px;padding:11px;position:relative}
.dc-room-card.has-unread{border-color:rgba(78,168,255,.65);box-shadow:inset 3px 0 0 var(--blue)}
.dc-room-top{display:flex;align-items:center;gap:7px}
.dc-room-no{font-size:8px;font-weight:900;color:var(--blue);letter-spacing:.6px}
.dc-room-status{margin-left:auto;font-size:7px;font-weight:900;padding:4px 6px;border-radius:5px}
.dc-room-status.open{background:rgba(43,201,126,.13);color:#6be3a8}
.dc-room-status.resolved{background:rgba(130,141,155,.15);color:#aab4c1}
.dc-unread{min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;background:var(--p1);color:#fff;font-size:8px;font-weight:900}
.dc-room-card h3{font-size:12px;line-height:1.35;margin:7px 0 5px;padding-right:3px}
.dc-room-card p{font-size:9.5px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dc-room-meta,.dc-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.dc-room-meta span,.dc-tags span{font-size:7.5px;color:#aab4c1;background:var(--surface3);padding:4px 6px;border-radius:5px}
.dc-empty{padding:35px 15px;text-align:center;color:var(--muted);font-size:11px}
.dc-empty b{display:block;color:var(--text);font-size:14px;margin-bottom:5px}

.dc-form{display:grid;gap:10px}
.dc-form label{display:grid;gap:5px;font-size:9px;color:var(--muted);font-weight:800}
.dc-form textarea{min-height:100px;resize:vertical}
.dc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}

.dc-thread-head{position:sticky;top:-8px;z-index:4;background:rgba(18,22,28,.96);backdrop-filter:blur(12px);margin:0 -18px;padding:9px 14px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px}
.dc-thread-head button{width:34px;height:34px;border-radius:10px;background:var(--surface2);font-size:20px}
.dc-thread-head div{min-width:0;flex:1}
.dc-thread-head small{display:block;color:var(--blue);font-size:7.5px;font-weight:900;letter-spacing:.5px}
.dc-thread-head h2{font-size:12px;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-thread-head .dc-state{flex:0 0 auto;font-size:7px;font-weight:900;padding:5px 7px;border-radius:6px;background:rgba(43,201,126,.12);color:#6be3a8}
.dc-thread-head .dc-state.resolved{background:rgba(130,141,155,.15);color:#aab4c1}
.dc-source-card{border:1px solid rgba(245,183,0,.3);background:rgba(245,183,0,.07);border-radius:13px;padding:11px;margin:11px 0 9px}
.dc-source-top{display:flex;gap:7px;align-items:center}
.dc-source-top b{font-size:11px}
.dc-source-top span{margin-left:auto;font-size:7px;background:var(--accent);color:#171000;font-weight:900;padding:4px 6px;border-radius:5px}
.dc-source-card p{font-size:10px;line-height:1.5;margin-top:7px;color:#d8dde4}
.dc-source-card small{display:block;color:var(--muted);font-size:8px;line-height:1.45;margin-top:6px}
.dc-source-actions{display:flex;gap:6px;margin-top:9px}
.dc-source-actions button{font-size:8px;font-weight:900;padding:7px 8px;border:1px solid rgba(245,183,0,.3);border-radius:7px;background:rgba(245,183,0,.09)}
.dc-media-strip{display:flex;gap:7px;overflow:auto;margin-top:8px;scrollbar-width:none}
.dc-media-strip::-webkit-scrollbar{display:none}
.dc-media-strip img,.dc-media-strip video{width:72px;height:58px;object-fit:cover;border-radius:8px;border:1px solid var(--border);flex:0 0 auto}
.dc-room-summary{padding:9px 10px;border:1px solid var(--border);background:var(--surface2);border-radius:11px;margin-bottom:9px}
.dc-room-summary p{font-size:9.5px;line-height:1.5;color:var(--muted)}
.dc-section-title{display:flex;align-items:center;gap:7px;margin:13px 0 7px}
.dc-section-title b{font-size:10px;text-transform:uppercase;letter-spacing:.6px}
.dc-section-title span{margin-left:auto;font-size:8px;color:var(--muted)}

.dc-action-list{display:grid;gap:7px}
.dc-action{border:1px solid var(--border);background:var(--surface2);border-radius:11px;padding:9px}
.dc-action.done{border-color:rgba(43,201,126,.35)}
.dc-action.blocked{border-color:rgba(255,59,78,.35)}
.dc-action-head{display:flex;gap:7px;align-items:center}
.dc-action-step{width:24px;height:24px;border-radius:7px;background:var(--accent);color:#171000;font-size:9px;font-weight:900;display:grid;place-items:center}
.dc-action-head b{font-size:10.5px;line-height:1.35;flex:1}
.dc-action-status{font-size:6.5px;font-weight:900;padding:4px 5px;border-radius:5px;background:var(--surface3);color:#aab4c1}
.dc-action.done .dc-action-status{color:#6be3a8}
.dc-action-meta{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0 0 31px}
.dc-action-meta span{font-size:7px;color:var(--muted)}
.dc-action-note{font-size:8px;line-height:1.45;color:#b7c0cb;margin:6px 0 0 31px}
.dc-action-controls{display:flex;gap:5px;margin:8px 0 0 31px}
.dc-action-controls button{font-size:7px;font-weight:900;padding:6px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface3)}

.dc-messages{display:flex;flex-direction:column;gap:7px;padding:6px 0 10px;min-height:170px}
.dc-message{display:flex;gap:7px;align-items:flex-end;max-width:91%}
.dc-message.own{align-self:flex-end;flex-direction:row-reverse}
.dc-message-avatar{width:27px;height:27px;border-radius:50%;object-fit:cover;display:grid;place-items:center;color:#16100a;font-size:8px;font-weight:900;flex:0 0 auto}
.dc-bubble{background:var(--surface2);border:1px solid var(--border);border-radius:12px 12px 12px 3px;padding:8px 9px;min-width:85px}
.dc-message.own .dc-bubble{background:rgba(78,168,255,.14);border-color:rgba(78,168,255,.35);border-radius:12px 12px 3px 12px}
.dc-bubble-head{display:flex;gap:6px;align-items:center;margin-bottom:4px}
.dc-bubble-head b{font-size:8.5px;color:var(--blue)}
.dc-bubble-head small{font-size:6.5px;color:var(--dim)}
.dc-bubble p{font-size:10.5px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}
.dc-mention{color:#7fc1ff;font-weight:800}
.dc-reply-quote{border-left:2px solid var(--blue);padding:5px 7px;margin-bottom:6px;background:rgba(78,168,255,.07);font-size:7.5px;color:var(--muted);border-radius:0 6px 6px 0}
.dc-msg-reply{font-size:6.5px;color:var(--muted);font-weight:800;margin-top:5px;display:block}
.dc-system{align-self:center;max-width:94%;font-size:7.5px;line-height:1.4;text-align:center;color:var(--muted);background:var(--surface2);border:1px dashed var(--border);border-radius:9px;padding:6px 9px}

.dc-composer{position:sticky;bottom:-34px;z-index:5;background:rgba(18,22,28,.97);backdrop-filter:blur(12px);margin:4px -18px -34px;padding:9px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}
.dc-replying{display:none;align-items:center;gap:7px;padding:6px 8px;margin-bottom:6px;border-left:2px solid var(--blue);background:var(--surface2);border-radius:0 7px 7px 0}
.dc-replying.show{display:flex}
.dc-replying div{min-width:0;flex:1}
.dc-replying b,.dc-replying small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-replying b{font-size:8px}.dc-replying small{font-size:7px;color:var(--muted)}
.dc-replying button{font-size:14px}
.dc-compose-row{display:grid;grid-template-columns:35px 1fr 46px;gap:6px;align-items:end}
.dc-compose-row>button{height:38px;border-radius:10px;background:var(--surface2);font-size:16px}
.dc-compose-row>button.send{background:var(--accent);color:#171000;font-size:10px;font-weight:900}
.dc-compose-row textarea{min-height:38px;max-height:110px;resize:none;padding:9px 10px;font-size:12px}
.dc-mention-panel{display:none;max-height:180px;overflow:auto;background:var(--surface2);border:1px solid var(--border);border-radius:10px;margin-bottom:6px;padding:5px}
.dc-mention-panel.show{display:block}
.dc-mention-person{width:100%;display:flex;align-items:center;gap:8px;padding:7px;border-radius:8px;text-align:left}
.dc-mention-person:active{background:var(--surface3)}
.dc-mention-person span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:900;color:#171000}
.dc-mention-person div{min-width:0}
.dc-mention-person b{display:block;font-size:9px}
.dc-mention-person small{display:block;font-size:7px;color:var(--muted)}
.dc-resolved-note{padding:10px;border:1px solid rgba(43,201,126,.3);background:rgba(43,201,126,.08);border-radius:10px;font-size:9px;line-height:1.5;color:#9de8c4;margin:8px 0}

@media(max-width:380px){
  .dc-metrics{grid-template-columns:repeat(2,1fr)}
  .dc-form-grid{grid-template-columns:1fr}
  .dc-filter{grid-template-columns:1fr}
  .dc-filter .mine{grid-column:auto}
}