/* Okey / 101 / Pişti masa sohbeti + Masadakiler (table-chat.js) */
.tc-panel{display:none;flex-direction:column;background:#f4f7fa;color:#123;min-height:0;box-sizing:border-box;font-size:14px}
.tc-head{display:flex;gap:4px;padding:5px;background:#0b3a5c;flex:0 0 auto}
.tc-tab{flex:1;border:0;border-radius:6px;padding:8px 6px;background:#1d5b85;color:#fff;font-weight:bold;font-size:14px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-tab.on{background:#087b48;box-shadow:inset 0 -3px 0 #ffca42}
.tc-x{flex:0 0 38px;border:0;border-radius:6px;background:#a61b1b;color:#fff;font-size:22px;font-weight:bold;cursor:pointer;line-height:1}
.tc-people{overflow:auto;padding:6px 8px;background:#fff;border-bottom:1px solid #c8d2da}
.tc-ph{font-weight:bold;color:#0b3a5c;margin:4px 0 3px;font-size:13px}
.tc-prow{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 2px;border-bottom:1px dashed #dde3e8}
.tc-pn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold}
.tc-tag{font-weight:normal;color:#6b7a86}
.tc-ps{flex:0 0 auto;min-width:34px;text-align:center;font-weight:bold;background:#0b3a5c;color:#ffd54a;border-radius:10px;padding:1px 8px}
.tc-wlist{display:flex;flex-wrap:wrap;gap:4px 10px;padding:2px 0 4px}
.tc-w{font-weight:bold;color:#1d5b85;cursor:pointer}
.tc-none{color:#7a8894;font-style:italic}
.tc-chat{display:flex;flex-direction:column;flex:1;min-height:0}
.tc-log{flex:1;min-height:0;overflow-y:auto;padding:6px 8px;line-height:1.35;word-wrap:break-word;overflow-wrap:anywhere;background:#f8fbfd}
.tc-line{padding:1px 0}
.tc-line .nick-click{cursor:pointer}
.tc-sys{color:#c0161b;font-weight:bold}
.tc-hello{color:#0b5d86}
.tc-ctl{display:flex;justify-content:flex-end;padding:2px 8px;background:#eef2f5;border-top:1px solid #d5dde3;font-size:12px}
.tc-scroll{display:inline-flex;align-items:center;gap:3px;cursor:pointer;color:#33495a}
.tc-form{display:flex;gap:4px;padding:5px;background:#e3e9ee;flex:0 0 auto}
.tc-form input{flex:1;min-width:0;padding:8px;border:1px solid #b9c4cc;border-radius:6px;font-size:16px;background:#fff;color:#111}
.tc-form input:disabled{background:#eceff1}
.tc-form .emoji-btn{flex:0 0 40px;border:0;border-radius:6px;background:#f2c230;font-size:18px;cursor:pointer}
.tc-send{flex:0 0 44px;border:0;border-radius:6px;background:#0b7fb0;color:#fff;font-size:18px;cursor:pointer}
.tc-btn{position:relative}
.tc-btn.on{background:#0b7fb0}
.tc-n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#d81b1b;color:#fff;font-size:11px;line-height:18px;text-align:center;box-sizing:border-box}
.tc-n.hidden{display:none}
/* Dar ekran: açılır panel, sekmeli */
@media (max-width:1099px){
  .tc-panel{position:absolute;right:6px;top:56px;bottom:6px;width:min(380px,calc(100% - 12px));z-index:40;border-radius:10px;overflow:hidden;box-shadow:0 8px 28px #000a}
  .tc-panel.open{display:flex}
  .tc-panel[data-tab="chat"] .tc-people{display:none}
  .tc-panel[data-tab="people"] .tc-chat{display:none}
  .tc-panel[data-tab="people"] .tc-people{flex:1}
}
/* Geniş ekran: masanın sağında sabit sütun, sekme yok (ikisi üst üste) */
@media (min-width:1100px){
  .ok-screen.tc-on{flex-direction:row}
  .ok-screen.tc-on>.ok-in{min-width:0}
  .tc-panel{display:flex;flex:0 0 310px;width:310px;border-left:2px solid #0b3a5c}
  .tc-head,.tc-btn{display:none!important}
  .tc-people{flex:0 1 auto;max-height:42%}
}
/* ===== Istaka üstü düğme çubuğu (okey-tools.js; Okey + 101) ===== */
.rk-tools{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px}
.rk-tools.hidden{display:none}
.rk-undo{width:40px;height:36px;border:0;border-radius:7px;background:#14853f;color:#fff;font-size:22px;font-weight:bold;cursor:pointer;box-shadow:0 2px 5px #0007;line-height:1}
.rk-undo:disabled{opacity:.4;cursor:default}
.rk-b{position:relative;width:42px;height:36px;border:2px solid #ffffff66;border-radius:7px;background:#1d6fa5;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0;box-shadow:0 2px 5px #0007}
.rk-b.rk-cift{background:#3d6f86}
.rk-b.rk-dbl{background:#b31d1d}
.rk-b.rk-open{background:#8e1414}
.rk-b.off{opacity:.45;filter:saturate(.5)}
.rk-b.on{border-color:#ffd54a;box-shadow:0 0 0 2px #ffd54a,0 2px 5px #0007}
.rk-b.hot{border-color:#ffd54a;animation:rkPulse 1.2s ease-in-out infinite}
@keyframes rkPulse{50%{box-shadow:0 0 0 4px #ffd54a88}}
.rk-t{width:13px;height:19px;border-radius:3px;background:#fffdf3;color:#123;font:bold 11px/19px Arial,sans-serif;text-align:center;box-shadow:0 1px 1px #0006}
.rk-t.b{color:#1565c0}.rk-t.k{color:#111}.rk-t.r{color:#c62828}
.rk-t.fan1{transform:rotate(-14deg) translateX(3px)}.rk-t.fan2{transform:rotate(12deg) translateX(-3px)}
.rk-on{position:absolute;top:-9px;right:-10px;background:#ffd54a;color:#5a1000;font-size:9px;line-height:14px;padding:0 4px;border-radius:7px}
.rk-on.hidden{display:none}
@media (hover:hover){
  .rk-b[data-tip]:hover::after,.rk-undo[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#3a3f45;color:#fff;font:bold 12px Arial,sans-serif;padding:5px 8px;border-radius:6px;pointer-events:none;z-index:50}
  .rk-undo{position:relative}
}
/* Koltukta ÇİFT rozeti (Okey: çifte gitti, 101: çiftle açtı) */
.sbadge-cift{display:inline-block;margin-left:4px;background:#ffd54a;color:#5a1000;font-size:10px;font-weight:bold;line-height:15px;padding:0 5px;border-radius:7px;vertical-align:middle}
@media (max-height:520px){.rk-tools{min-height:32px}.rk-b,.rk-undo{height:30px}}
.rk-b.on.off{opacity:1;filter:none;cursor:default}