/* === BriefRooms – Comments (CSS) === */
#br-comments{margin:26px 0}
.brc{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
     border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:14px;
     box-shadow:0 16px 40px -18px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.03)}
.brc h3{margin:0 0 10px; font-size:18px}
.brc-form{display:grid; grid-template-columns:1fr auto; gap:8px; align-items:start; margin-bottom:12px}
.brc-row{display:flex; gap:8px}
.brc input[type="text"], .brc textarea{
  width:100%; color:#e6eef8; background:#0f1a28; border:1px solid rgba(255,255,255,.10);
  border-radius:10px; padding:9px 10px; font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif
}
.brc textarea{min-height:76px; resize:vertical}
.brc small{opacity:.75}
.brc button{
  white-space:nowrap; height:40px; border-radius:10px; padding:0 14px; cursor:pointer;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(64,110,84,.98),rgba(38,79,60,.98)); color:#f3fff6;
  box-shadow:0 10px 24px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.05);
}
.brc button:disabled{opacity:.6; cursor:default}
.brc-list{list-style:none; margin:0; padding:0}
.brc-item{border-top:1px solid rgba(255,255,255,.08); padding:10px 2px}
.brc-meta{opacity:.7; font-size:12px; margin-bottom:4px}
.brc-nick{font-weight:600}
.brc-empty{opacity:.7; padding:8px 2px}
.brc-err{color:#ff9b87; font-size:13px; margin:6px 0 0}
@media (max-width:640px){
  .brc-form{grid-template-columns:1fr}
  .brc-row{flex-direction:column}
  .brc button{width:100%}
}