/* admin.css
   Wszystko, co widać dopiero po zalogowaniu do panelu.
   Lucifer's Garage */

/* ============================================================
   Panel administracyjny
   ============================================================ */
.admin{display:grid; grid-template-columns:212px 1fr; gap:26px; align-items:start}
.arail{
  position:sticky; top:calc(var(--nav-h) + 18px);
  display:flex; flex-direction:column; gap:2px;
  border:1px solid var(--line); border-radius:var(--r-md); padding:8px; background:var(--surface);
}
.arail__b{
  display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:var(--r-sm);
  background:transparent; border:0; cursor:pointer; text-align:left; font-size:14px;
  color:var(--dim); transition:.15s; width:100%;
}
.arail__b:hover{background:var(--surface-2); color:var(--text)}
.arail__b.is-on{background:var(--brass-soft); color:var(--brass); font-weight:600}
.arail__b svg{width:17px; height:17px; flex:none}

.abar{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:20px}
.abar__title{font-family:var(--f-display); font-size:27px}
.abar__spacer{flex:1}

.stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(158px,1fr)); gap:14px; margin-bottom:26px}
.stat{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md); padding:18px}
.stat__k{font-family:var(--f-mono); font-size:29px; color:var(--brass); line-height:1}
.stat__l{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim); margin-top:8px}

.tbl{width:100%; border-collapse:collapse; font-size:14px}
.tbl th{
  text-align:left; padding:10px 12px; font-family:var(--f-mono); font-size:10px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--dim);
  border-bottom:1px solid var(--line-2); white-space:nowrap;
}
.tbl td{padding:12px; border-bottom:1px solid var(--line); vertical-align:middle}
.tbl tr:hover td{background:var(--surface-2)}
.tbl__num{font-family:var(--f-mono); text-align:right; white-space:nowrap}
.tbl__act{display:flex; gap:6px; justify-content:flex-end}
.tblwrap{overflow-x:auto; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md)}

.switch{display:inline-flex; align-items:center; gap:9px; cursor:pointer; font-size:13px}
.switch__t{
  width:38px; height:21px; border-radius:100px; background:var(--line-2);
  position:relative; transition:.18s; flex:none;
}
.switch__t::after{
  content:""; position:absolute; top:2px; left:2px; width:17px; height:17px;
  border-radius:50%; background:var(--bg); transition:.18s;
}
.switch.is-on .switch__t{background:var(--brass)}
.switch.is-on .switch__t::after{left:19px}

.empty{
  padding:52px 22px; text-align:center; color:var(--dim);
  border:1px dashed var(--line-2); border-radius:var(--r-md);
}
.empty__t{font-family:var(--f-display); font-size:21px; color:var(--text); margin-bottom:8px}