/* Loto Community Chat widget — self-contained, namespaced .lcw-* (dark, matches ponturi.ro family) */
.lcw{
  --lcw-bg:#0f1729;--lcw-card:#16213a;--lcw-line:#243049;--lcw-text:#e6edf6;--lcw-muted:#9fb0c6;
  --lcw-dim:#6b7a93;--lcw-accent:#38bdf8;--lcw-danger:#fb7185;--lcw-radius:14px;
  max-width:780px;margin:34px auto;background:var(--lcw-bg);border:1px solid var(--lcw-line);
  border-radius:var(--lcw-radius);padding:18px 18px 14px;color:var(--lcw-text);font-family:inherit;box-sizing:border-box
}
.lcw *{box-sizing:border-box}
.lcw-title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.2px;color:var(--lcw-text)}
.lcw-sub{margin:4px 0 0;font-size:.86rem;color:var(--lcw-muted)}
.lcw-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 2px;font-size:.84rem}
.lcw-top-label{color:var(--lcw-dim)}
.lcw-ball{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;
  border-radius:50px;background:#1f2a44;border:1px solid var(--lcw-line);color:var(--lcw-text);font-size:.8rem;font-weight:600}
.lcw-ball .lcw-c{margin-left:5px;font-size:.7rem;color:var(--lcw-accent)}
.lcw-stream{margin:12px 0;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}
.lcw-empty{color:var(--lcw-dim);font-size:.88rem;text-align:center;padding:20px 0}
.lcw-item{display:flex;flex-direction:column;gap:3px;background:var(--lcw-card);border:1px solid var(--lcw-line);border-radius:10px;padding:8px 11px}
.lcw-item-head{display:flex;align-items:center;gap:8px;font-size:.8rem}
.lcw-uname{font-weight:700}
.lcw-time{color:var(--lcw-dim);font-size:.72rem;margin-left:auto}
.lcw-text{font-size:.92rem;line-height:1.42;color:var(--lcw-text);word-break:break-word;white-space:pre-wrap}
.lcw-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.lcw-tag{font-size:.72rem;background:#16284a;color:var(--lcw-accent);border:1px solid #214066;border-radius:20px;padding:1px 8px}
.lcw-composer{border-top:1px solid var(--lcw-line);padding-top:12px;display:flex;flex-direction:column;gap:8px}
.lcw-id{font-size:.82rem;color:var(--lcw-muted)}
.lcw-id a{color:var(--lcw-accent);cursor:pointer;text-decoration:underline}
.lcw-name-row{display:flex;gap:8px}
.lcw-name-input,.lcw-msg{width:100%;background:#0c1322;border:1px solid var(--lcw-line);border-radius:10px;color:var(--lcw-text);
  padding:9px 11px;font-size:.9rem;font-family:inherit;outline:none}
.lcw-name-input:focus,.lcw-msg:focus{border-color:var(--lcw-accent)}
.lcw-msg{resize:vertical;min-height:44px}
.lcw-name-btn,.lcw-send,.lcw-numbtn{cursor:pointer;border-radius:10px;border:1px solid var(--lcw-line);background:#1b2740;
  color:var(--lcw-text);font-size:.85rem;font-weight:600;padding:9px 14px;font-family:inherit;white-space:nowrap}
.lcw-send{background:var(--lcw-accent);border-color:var(--lcw-accent);color:#04121f}
.lcw-send:disabled{opacity:.5;cursor:not-allowed}
.lcw-bar{display:flex;align-items:center;gap:10px}
.lcw-count{font-size:.76rem;color:var(--lcw-dim);margin-left:auto}
.lcw-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;max-height:206px;overflow-y:auto;padding:7px;
  background:#0c1322;border:1px solid var(--lcw-line);border-radius:10px}
.lcw-np{cursor:pointer;border:1px solid var(--lcw-line);background:#16213a;color:var(--lcw-muted);border-radius:8px;
  font-size:.78rem;padding:6px 0;text-align:center;font-weight:600;user-select:none}
.lcw-np.on{background:var(--lcw-accent);color:#04121f;border-color:var(--lcw-accent)}
.lcw-note{font-size:.82rem;min-height:1em;margin-top:2px}
.lcw-note.ok{color:#4ade80}
.lcw-note.warn{color:var(--lcw-danger)}
.lcw-rg{margin:12px 0 0;font-size:.74rem;color:var(--lcw-dim);line-height:1.45;border-top:1px solid var(--lcw-line);padding-top:10px}
.lcw-rg strong{color:var(--lcw-muted)}
.lcw--hl{border:1px solid var(--lcw-accent);box-shadow:0 0 0 1px var(--lcw-accent),0 10px 34px -10px var(--lcw-glow,rgba(167,139,250,.5))}
.lcw--hl .lcw-head{border-left:3px solid var(--lcw-accent);padding-left:12px}
.lcw--hl .lcw-title{color:var(--lcw-accent)}
@media(max-width:560px){
  .lcw{margin:22px 10px;padding:14px}
  .lcw-grid{grid-template-columns:repeat(8,1fr)}
  .lcw-name-row{flex-direction:column}
}
.lcw-stat{color:var(--lcw-dim);font-size:.74rem;font-weight:400;margin-left:6px}
.lcw-streamwrap{position:relative}
.lcw-older{display:block;width:100%;margin:0 0 8px;background:transparent;border:1px dashed var(--lcw-line);color:var(--lcw-muted);border-radius:8px;padding:6px;font-size:.78rem;cursor:pointer}
.lcw-older:hover{border-color:var(--lcw-accent);color:var(--lcw-text)}
.lcw-newpill{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;background:var(--lcw-accent);color:#04121f;border:none;border-radius:20px;padding:5px 13px;font-size:.76rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.45);z-index:3}
.lcw-filter{font-size:.78rem;color:var(--lcw-muted);margin:2px 0 4px}
.lcw-filter a{color:var(--lcw-accent);cursor:pointer;text-decoration:underline}
.lcw-top .lcw-ball{cursor:pointer}
.lcw-top .lcw-ball.sel{background:var(--lcw-accent);color:#04121f;border-color:var(--lcw-accent)}
.lcw-top .lcw-ball.sel .lcw-c{color:#04121f}
.lcw-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
