/* ═══════════════════════════════════════════════════════════
   ADMIN.CSS — Admin Dashboard Panel
   ═══════════════════════════════════════════════════════════ */

/* ── Dashboard overlay ───────────────────────────────────── */
.admin-dashboard{
  position:fixed;inset:0;top:50px;bottom:28px;
  background:var(--bg0);z-index:100;
  display:flex;flex-direction:column;
  transform:translateY(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);
}
.admin-dashboard.open{transform:translateY(0)}

/* ── Dashboard header ────────────────────────────────────── */
.adm-hdr{
  display:flex;align-items:center;gap:10px;padding:0 16px;height:46px;
  background:var(--bg1);border-bottom:2px solid var(--gold);flex-shrink:0;
}
.adm-title{font-family:'Press Start 2P';font-size:9px;color:var(--gold)}
.adm-close{
  margin-left:auto;background:var(--bg3);border:1px solid var(--bdr);
  color:var(--txt1);border-radius:7px;padding:4px 12px;cursor:pointer;
  font-size:11px;transition:.2s;
}
.adm-close:hover{background:var(--bg4);color:var(--orange)}
.adm-refresh{
  background:var(--bg3);border:1px solid var(--bdr);
  color:var(--cyan);border-radius:7px;padding:4px 10px;cursor:pointer;
  font-size:11px;transition:.2s;
}
.adm-refresh:hover{background:var(--bg4)}

/* ── Dashboard body ──────────────────────────────────────── */
.adm-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}

/* ── Stat cards row ──────────────────────────────────────── */
.adm-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.adm-stat-card{
  background:var(--bg1);border:1px solid var(--bdr);border-radius:10px;
  padding:12px 14px;display:flex;flex-direction:column;gap:4px;
}
.adm-stat-label{font-size:9px;color:var(--txt2);font-family:'Press Start 2P'}
.adm-stat-val{font-size:24px;font-weight:800;color:var(--txt0)}
.adm-stat-sub{font-size:9px;color:var(--txt3)}

/* ── Section titles ──────────────────────────────────────── */
.adm-sec-title{
  font-family:'Press Start 2P';font-size:8px;color:var(--txt2);
  padding-bottom:6px;border-bottom:1px solid var(--bdr);margin-bottom:8px;
}

/* ── Task status bar ─────────────────────────────────────── */
.adm-task-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px}
.adm-task-bar-seg{height:100%;border-radius:3px;transition:.5s}

/* ── Position grid ───────────────────────────────────────── */
.adm-pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.adm-pos-card{
  background:var(--bg2);border:1px solid var(--bdr);border-radius:8px;
  padding:8px 10px;display:flex;align-items:center;gap:8px;transition:.15s;
}
.adm-pos-card:hover{background:var(--bg3)}
.adm-pos-card.working{border-color:#ef444444;background:rgba(239,68,68,.04)}
.adm-pos-em{font-size:16px}
.adm-pos-info{flex:1;min-width:0}
.adm-pos-name{font-size:10px;font-weight:700;color:var(--txt0);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-pos-status{font-size:9px;margin-top:1px}
.adm-pos-tasks{
  font-size:9px;background:var(--bg3);border:1px solid var(--bdr);
  padding:1px 6px;border-radius:8px;color:var(--txt2);white-space:nowrap;
}

/* ── Recent tasks table ──────────────────────────────────── */
.adm-table{width:100%;border-collapse:collapse;font-size:10px}
.adm-table th{
  text-align:left;padding:6px 8px;color:var(--txt3);font-size:8px;
  font-family:'Press Start 2P';border-bottom:1px solid var(--bdr);font-weight:400;
}
.adm-table td{padding:7px 8px;border-bottom:1px solid rgba(46,46,106,.3);color:var(--txt1)}
.adm-table tr:hover td{background:var(--bg2)}

/* ── Broadcast box ───────────────────────────────────────── */
.adm-broadcast{
  display:flex;gap:8px;padding:10px;background:var(--bg2);
  border:1px solid var(--bdr);border-radius:8px;align-items:center;
}
.adm-bc-inp{
  flex:1;background:var(--bg3);border:1px solid var(--bdr);border-radius:6px;
  padding:7px 10px;color:var(--txt0);font-size:12px;outline:none;
  font-family:'Noto Sans Lao','Inter',sans-serif;
}
.adm-bc-inp:focus{border-color:var(--gold)}
.adm-bc-btn{
  background:var(--gold);border:none;color:#000;border-radius:6px;
  padding:7px 14px;font-size:11px;font-weight:700;cursor:pointer;
  white-space:nowrap;transition:.2s;
}
.adm-bc-btn:hover{filter:brightness(1.1)}

/* ── Phones list ─────────────────────────────────────────── */
.adm-phone-list{display:flex;flex-direction:column;gap:6px}
.adm-phone-item{
  display:flex;align-items:center;gap:8px;padding:8px 10px;
  background:var(--bg2);border:1px solid var(--bdr);border-radius:8px;font-size:11px;
}
.adm-phone-badge{background:rgba(37,209,102,.1);border:1px solid rgba(37,209,102,.3);color:#25d166;padding:2px 8px;border-radius:6px;font-size:9px}