/* HOM3 v4f -- Comms network panel. Discord format, ship's-radio soul.
   Inherits the app themes; brass accents under nautical via vars with
   safe fallbacks. ASCII-only. */
.commsnet{
  --cnk-acc:var(--lrw-metal, #d9a441);
  --cnk-acc-lo:var(--lrw-metal-lo, #7a5518);
  --cnk-ink:rgba(3,10,18,.62);
  display:grid; grid-template-columns:220px 1fr; gap:0;
  min-height:480px; height:62vh; margin:12px 0;
  border:1px solid var(--cnk-acc-lo); border-radius:10px;
  overflow:hidden; background:var(--cnk-ink);
}
.cnk-rail{
  border-right:1px solid var(--cnk-acc-lo);
  padding:10px 0; overflow-y:auto; background:rgba(0,0,0,.25);
}
.cnk-mode{
  margin:0 12px 10px; font-size:.6rem; letter-spacing:.16em;
  text-transform:uppercase; padding:3px 8px; border-radius:4px;
  border:1px solid var(--cnk-acc-lo); color:var(--cnk-acc);
  display:inline-block;
}
.cnk-mode.local{ opacity:.7 }
.cnk-head{
  padding:8px 12px 4px; font-size:.62rem; letter-spacing:.16em;
  text-transform:uppercase; opacity:.55;
  display:flex; justify-content:space-between; align-items:center;
}
.cnk-add{
  background:none; border:1px solid var(--cnk-acc-lo);
  color:var(--cnk-acc); border-radius:4px; width:20px; height:20px;
  cursor:pointer; line-height:1;
}
.cnk-list{ display:flex; flex-direction:column; }
.cnk-item{
  padding:7px 14px; font-size:.82rem; cursor:pointer;
  border-left:2px solid transparent; letter-spacing:.03em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.cnk-item:hover{ background:rgba(140,160,180,.08); }
.cnk-item.active{
  border-left-color:var(--cnk-acc); background:rgba(140,160,180,.1);
}
.cnk-item .cnk-hash{ opacity:.5; margin-right:5px; }
.cnk-main{ display:flex; flex-direction:column; min-width:0; }
.cnk-title{
  padding:10px 14px; font-size:.8rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--cnk-acc);
  border-bottom:1px solid var(--cnk-acc-lo);
}
.cnk-scroll{ flex:1; overflow-y:auto; padding:12px 14px;
  display:flex; flex-direction:column; gap:8px; }
.cnk-msg{ max-width:76%; align-self:flex-start; }
.cnk-msg.mine{ align-self:flex-end; text-align:right; }
.cnk-meta{ font-size:.62rem; opacity:.55; margin-bottom:2px;
  letter-spacing:.05em; }
.cnk-bubble{
  display:inline-block; padding:.45rem .7rem; border-radius:8px;
  background:rgba(140,160,180,.1); font-size:.86rem;
  border:1px solid rgba(140,160,180,.14); text-align:left;
  word-break:break-word;
}
.cnk-msg.mine .cnk-bubble{
  background:rgba(217,164,65,.14); border-color:var(--cnk-acc-lo);
}
.cnk-seal{ font-size:.58rem; letter-spacing:.12em; opacity:.6;
  margin-left:6px; color:var(--cnk-acc); }
.cnk-compose{
  display:flex; gap:8px; padding:10px 12px;
  border-top:1px solid var(--cnk-acc-lo);
}
.cnk-compose input{
  flex:1; min-width:0; font:inherit; font-size:.86rem;
  padding:.5rem .7rem; border-radius:6px; color:inherit;
  background:rgba(3,10,18,.6); border:1px solid var(--cnk-acc-lo);
}
.cnk-compose input:focus{ outline:none; border-color:var(--cnk-acc); }
.cnk-send{
  font:600 .7rem ui-monospace,monospace; letter-spacing:.14em;
  padding:.5rem .9rem; border-radius:6px; cursor:pointer;
  background:rgba(217,164,65,.16); border:1px solid var(--cnk-acc-lo);
  color:var(--cnk-acc);
}
.cnk-send:hover{ background:rgba(217,164,65,.3); }
.cnk-empty{ opacity:.5; font-size:.8rem; padding:8px 2px; }
@media (max-width:720px){
  .commsnet{ grid-template-columns:150px 1fr; height:70vh; }
}