/* Table + theme bits */
table{color:#aeaeae;text-shadow:1px 1px 2px rgba(0,0,0,.2);font-size:13px}
.tborder{width:100%;margin:auto;border:2px solid #2a2a2a;box-shadow:0 0 1px #000;background:#15181d;border-radius:10px;overflow:hidden}
.tfixed{table-layout:fixed;word-wrap:break-word}
.thead{position:relative;background:var(--theme-primary-color);color:#fff;font-size:14px;padding:9px 12px}
.thead a{color:#fff;text-decoration:none}
.trow2{background:#1a2026}
.trow2 .contentShout{padding:10px}

/* Shoutbox header tabs */
.tabShout{display:inline-flex;align-items:center;gap:8px;margin:0 10px 10px 0;padding:8px 12px;border-radius:6px;background:var(--chip);border:1px solid #334055}
.tabShout.selected{border-color:#6fb6ff;box-shadow:0 0 0 1px rgba(111,182,255,.25) inset}
.tabShout a{color:#7ec0ff;text-decoration:none}
.active-users{color:#d7dde6}
.telegram{color:#179cde}

/* Panels / areas */
.wrapShout{background:#12161c;border:1px solid #252e3a;border-radius:8px;padding:10px;margin:0 0 10px 0}
.shout-box-text{margin-top:8px}
.shoutarea{height:400px;overflow:auto}
.pm-tab,.active-users-tab{height:400px;overflow:auto;display:none}

/* Editor toolbar (minimal) */
.yuieditor-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0;position:relative}
div.yuieditor-group{background:#191919;border-bottom:0;border-radius:8px;padding:4px}
.yuieditor-button{border:1px solid #191919;background:#1a2027;color:#d7dde6;border-radius:8px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.yuieditor-button:hover{background:#191919}
textarea.editorShout{width:100%;min-height:70px;background:var(--input);border:1px solid #2f3b47;border-radius:10px;color:var(--text);padding:8px;outline:none}
.send-message{background:#293543;border:1px solid #334354;color:#cbd6e2;padding:8px 14px;border-radius:10px;cursor:pointer;font-weight:600}
.send-message:hover{filter:brightness(1.05)}
.remaining-characters{display:inline-block;margin-top:6px;color:var(--muted)}

/* FA icon picker popup (no emoji) */
.emoji-popup{ /* icon picker */
  position:absolute; top:100%; left:6px; margin-top:8px;
  width:360px; max-height:240px; overflow:auto;
  background:#0f141a; border:1px solid #2a3442; border-radius:10px;
  box-shadow:0 12px 30px rgba(0,0,0,.5); padding:8px; display:none; z-index:50;
}
.emoji-grid{ display:grid; grid-template-columns: repeat(8, 1fr); gap:6px; }
.emoji-btn{ display:grid; place-items:center; height:36px; border-radius:8px; cursor:pointer; user-select:none }
.emoji-btn:hover{ background:#1b2430 }
.emoji-btn i{ font-size:18px }

/* Collapser */
.expcolimage{float:right}
.expander{width:18px;height:18px;opacity:.85;cursor:pointer}

/* Scrollbar */
.shoutarea::-webkit-scrollbar{width:10px}
.shoutarea::-webkit-scrollbar-thumb{background:#283241;border-radius:10px}
.shoutarea::-webkit-scrollbar-track{background:#161a20}

/* Messages */
.msg{margin:8px 0}
.msg .tag{opacity:.6}
.msg .name{font-weight:700}
.msg .fa-crown{color:#ffd76d}
.msg .mention{color:#9eea9e}
.icon{opacity:.9}