.communications-unread{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:var(--text);display:inline-grid;place-items:center;font-size:11px;font-weight:800}
.communications-status{width:9px;height:9px;border-radius:50%;background:var(--line-strong);flex:none}.communications-status.is-unread{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}
.notification-center{position:fixed;right:20px;top:78px;z-index:85;width:min(420px,calc(100vw - 32px));max-height:min(680px,calc(100dvh - 100px));border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-md);overflow:hidden}.notification-center>header,.conversation-panel>header{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-center h2,.conversation-panel h2{margin:0;font-size:18px}.notification-list{max-height:560px;overflow:auto;padding:8px}.notification-item{width:100%;padding:12px;border:0;border-radius:14px;background:transparent;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;text-align:left;cursor:pointer}.notification-item:hover,.notification-item.is-unread{background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.notification-item span:nth-child(2){display:grid;gap:4px}.notification-item small{color:var(--text-soft);line-height:1.4}.notification-item time{font-size:11px;color:var(--text-soft)}
.conversation-row{width:100%;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;justify-content:space-between;gap:16px;text-align:left;cursor:pointer}.conversation-row.is-unread{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.conversation-row-copy,.conversation-row-meta{display:grid;gap:5px}.conversation-row-copy small,.conversation-row-meta small{color:var(--text-soft)}.conversation-row-meta{justify-items:end}
.conversation-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:520px;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden}.message-list{min-height:0;padding:18px;display:flex;flex-direction:column;gap:12px;overflow:auto}.message-bubble{max-width:min(680px,84%);padding:12px 14px;border-radius:18px 18px 18px 5px;background:var(--surface-soft);align-self:flex-start}.message-bubble.is-own{border-radius:18px 18px 5px 18px;background:var(--accent);color:var(--text);align-self:flex-end}.message-bubble header{display:flex;justify-content:space-between;gap:16px;font-size:11px;opacity:.72}.message-bubble p{margin:7px 0 0;white-space:pre-wrap;line-height:1.5}.message-composer{padding:14px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.message-composer label{display:grid;gap:6px}.message-composer label>span{font-size:12px;font-weight:700}.message-composer textarea{min-height:82px;resize:vertical}.message-composer .form-message{grid-column:1/-1;margin:0}.communications-empty{padding:36px 18px;text-align:center;color:var(--text-soft)}
.communications-shell{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px}.communications-shell aside{display:grid;align-content:start;gap:10px}
@media(max-width:760px){.notification-center{inset:68px 10px auto}.communications-shell{grid-template-columns:1fr}.conversation-panel{min-height:70dvh}.message-composer{grid-template-columns:1fr}.message-composer .button{width:100%}}