.stat-row{display:grid; grid-template-columns:repeat(5,1fr); gap:14px;}
.stat-card{background:var(--panel); border:1px solid var(--line-soft); border-radius:14px; padding:18px;}
.stat-card b{display:block; font-family:var(--display); font-size:28px; color:var(--teal); line-height:1;}
.stat-card.gold b{color:var(--gold);}
.stat-card.warn b{color:var(--red);}
.stat-card span{font-size:12px; color:var(--muted); margin-top:6px; display:block;}

.tabs{display:flex; gap:4px; background:var(--ink-2); padding:4px; border-radius:11px; margin-bottom:18px;}
.tab{flex:1; background:transparent; border:none; color:var(--muted); padding:9px; border-radius:8px; cursor:pointer; font-family:var(--body); font-size:14px; font-weight:500;}
.tab.active{background:var(--panel-2); color:var(--text);}

.adm-form{display:grid; grid-template-columns:repeat(4,1fr); gap:10px;}
.adm-form input,.adm-form select{background:var(--ink-2); border:1px solid var(--line); border-radius:9px; padding:10px 12px; color:var(--text); font-family:var(--body); font-size:14px;}
.adm-form input:focus,.adm-form select:focus{outline:none; border-color:var(--teal);}

.pill{display:inline-block; font-size:11px; font-family:var(--mono); padding:3px 9px; border-radius:12px; text-transform:uppercase; letter-spacing:.04em;}
.pill.ok{background:rgba(87,180,90,.15); color:var(--green); border:1px solid rgba(87,180,90,.35);}
.pill.pend{background:rgba(231,180,74,.15); color:var(--gold); border:1px solid rgba(231,180,74,.35);}
.pill.adm{background:var(--teal-glow); color:var(--teal); border:1px solid rgba(31,199,199,.35);}

.act-btn{background:var(--ink-2); border:1px solid var(--line); color:var(--text); border-radius:7px; padding:5px 11px; font-size:12px; cursor:pointer; font-family:var(--body); margin-left:4px;}
.act-btn.ok{border-color:var(--green); color:var(--green);}
.act-btn.ok:hover{background:var(--green); color:#04220a;}
.act-btn.del{border-color:var(--red); color:var(--red);}
.act-btn.del:hover{background:var(--red); color:#fff;}

.tbl-wrap{overflow-x:auto; border:1px solid var(--line-soft); border-radius:14px;}

@media(max-width:900px){ .stat-row{grid-template-columns:repeat(2,1fr);} .adm-form{grid-template-columns:1fr 1fr;} }
@media(max-width:560px){ .adm-form{grid-template-columns:1fr;} }

.tab-body{overflow-x:auto;}
.bk-status{display:inline-block; font-size:11px; font-family:var(--mono); text-transform:uppercase; letter-spacing:.05em;
  padding:3px 9px; border-radius:12px; background:rgba(87,180,90,.15); color:var(--green); border:1px solid rgba(87,180,90,.35);}
.bk-status.warn{background:rgba(231,180,74,.15); color:var(--gold); border-color:rgba(231,180,74,.4);}
.mini{font-family:var(--body); font-size:12px; font-weight:600; padding:6px 11px; border-radius:8px; cursor:pointer; border:1px solid var(--line); background:var(--ink-2); color:var(--text);}
.mini:hover{border-color:var(--teal);}
.mini.ok{background:var(--green); color:#04220a; border-color:var(--green);}
.mini.del{color:var(--red); border-color:rgba(240,75,75,.4);}
.mini.del:hover{background:var(--red); color:#fff;}
@media(max-width:720px){ .adm-form{grid-template-columns:1fr 1fr;} .stat-row{grid-template-columns:1fr 1fr;} }

/* ---- Tapmaca vizual redaktoru ---- */
.pe-wrap{display:flex; gap:22px; flex-wrap:wrap; align-items:flex-start;}
.pe-board-col{flex:0 0 auto;}
.pe-board{position:relative; width:min(360px,72vw); aspect-ratio:1/1; display:grid; grid-template-columns:repeat(8,1fr); grid-template-rows:repeat(8,1fr);
  border-radius:10px; overflow:hidden; box-shadow:0 10px 26px rgba(0,0,0,.4); user-select:none; touch-action:none; container-type:size;}
.pe-board .psq{position:relative; display:flex; align-items:center; justify-content:center;}
.pe-board .psq.light{background:#dbe4ea;} .pe-board .psq.dark{background:#48707e;}
.pe-board .psq.hover{outline:3px solid #1fc7c7; outline-offset:-3px; z-index:2;}
.pe-board .pg{font-size:10cqmin; line-height:1; cursor:grab; pointer-events:none;}
.pe-board .pg.w{color:#f5f7f9; -webkit-text-stroke:1.5px #2a333d;}
.pe-board .pg.b{color:#28303a; -webkit-text-stroke:1.5px #e7b44a;}
.pe-side{flex:1; min-width:190px;}
.pe-lbl{display:block; font-size:11px; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); margin-bottom:6px; font-family:var(--mono);}
.pe-pal{display:flex; gap:6px; flex-wrap:wrap;}
.pe-pal .pp{width:42px; height:42px; display:flex; align-items:center; justify-content:center; font-size:26px; line-height:1;
  background:var(--ink-2); border:1px solid var(--line); border-radius:9px; cursor:grab; transition:.14s;}
.pe-pal .pp:hover{border-color:var(--teal); transform:translateY(-1px);}
.pe-pal .pp.w{color:#f5f7f9; -webkit-text-stroke:1.3px #2a333d;}
.pe-pal .pp.b{color:#28303a; -webkit-text-stroke:1.3px #e7b44a;}
.pe-trash{margin-top:12px; padding:12px; text-align:center; font-size:12px; color:var(--muted);
  border:1px dashed var(--line); border-radius:10px; transition:.15s;}
.pe-trash.hot{border-color:var(--red); color:var(--red);}
.pe-row{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.pe-seg{display:inline-grid; grid-auto-flow:column; gap:6px;}
.pe-seg button{background:var(--ink-2); border:1px solid var(--line); color:var(--muted); font-size:13px; font-weight:600; padding:7px 16px; border-radius:8px; cursor:pointer;}
.pe-seg button.active{background:var(--teal); color:#04222a; border-color:var(--teal);}
.pe-ghost{position:fixed; pointer-events:none; z-index:9999; font-size:34px; line-height:1; transform:translate(-50%,-50%);}
.pe-ghost.w{color:#f5f7f9; -webkit-text-stroke:1.5px #2a333d;}
.pe-ghost.b{color:#28303a; -webkit-text-stroke:1.5px #e7b44a;}
@media(max-width:640px){ .pe-wrap{flex-direction:column;} }
.pe-board .pcf,.pe-board .pcr{position:absolute; font:700 2.4cqmin var(--mono); mix-blend-mode:difference; color:#fff; opacity:.75; pointer-events:none; z-index:1;}
.pe-board .pcf{right:4%; bottom:2%;}
.pe-board .pcr{left:4%; top:2%;}

/* Tapmaca redaktoru — rejim keçidi */
.pe-modeseg{display:inline-flex; max-width:100%;}
.pe-fen-pane textarea{background:var(--ink-2); border:1px solid var(--line); border-radius:8px; color:var(--text); padding:10px 12px; box-sizing:border-box;}
.pe-fen-pane textarea:focus{outline:none; border-color:var(--teal);}
.pe-fen-pane #peFenView{width:280px;}

/* FEN rejimi — "kimin gedişi" göstəricisi */
.pe-turnbox{display:none; flex-direction:column; gap:8px; margin:14px 0; padding:12px 14px;
  background:var(--ink-2); border:1px solid var(--line); border-radius:10px;}
.pe-turnbox-label{font-size:12px; color:var(--muted); font-weight:600;}
.pe-turnbox-seg{display:flex;}
.pe-turnbox-seg button{flex:1;}
.pe-turnbox-hint{font-size:11.5px; color:var(--muted-2); font-style:italic;}