/* Панель администратора: вкладки, списки, редактор записей. */

.admin-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:14px; }
.admin-eyebrow { font-size:9px; letter-spacing:.18em; color:#88dbcb; font-weight:700; margin:0 0 4px; }
.admin-head h1 { font-size:24px; font-weight:750; letter-spacing:-.03em; margin:0 0 4px; }
.admin-stats-line { font-size:11px; color:#9db2c4; line-height:1.6; }
.admin-head-actions { display:flex; gap:6px; flex:0 0 auto; }
.admin-head-actions .btn { padding:7px 12px; font-size:12px; }

.admin-tabs { display:flex; gap:6px; overflow-x:auto; padding:4px 2px 10px; margin-bottom:10px; scrollbar-width:thin; }
.admin-tab { flex:0 0 auto; padding:8px 13px; border-radius:999px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:#cbd8e4; font-size:12px; font-weight:650; cursor:pointer; transition:background .2s, color .2s, border-color .2s; }
.admin-tab:hover { border-color:rgba(255,255,255,.3); }
.admin-tab.active { background:linear-gradient(135deg,rgba(250,204,21,.28),rgba(249,115,22,.18)); border-color:rgba(250,204,21,.55); color:#fde047; }

.admin-toolbar { display:flex; gap:8px; margin-bottom:12px; }
.admin-toolbar .input { flex:1; }
.admin-toolbar .btn { flex:0 0 auto; padding:10px 16px; font-size:13px; }
.admin-count { font-size:11px; color:#8fa5b8; margin:0 0 10px; }
.admin-count strong { color:#e2e8f0; }

.admin-list { display:grid; gap:10px; }
.admin-row { display:flex; gap:12px; align-items:flex-start; padding:13px 14px; border-radius:16px; border:1px solid rgba(255,255,255,.1); background:linear-gradient(180deg, rgba(10,16,32,.88), rgba(2,6,18,.84)); box-shadow:0 8px 22px rgba(0,0,0,.35); }
.admin-row-art { flex:0 0 auto; display:grid; place-items:center; width:48px; height:48px; border-radius:12px; background:rgba(255,255,255,.06); font-size:24px; overflow:hidden; }
.admin-row-art img { max-width:100%; max-height:100%; object-fit:contain; }
.admin-row-main { flex:1; min-width:0; }
.admin-row-main strong { display:block; font-size:13px; color:#f1f6fb; }
.admin-row-sub { display:block; font-size:11px; color:#9db2c4; line-height:1.6; word-break:break-word; }
.admin-row-actions { display:flex; flex-direction:column; gap:6px; flex:0 0 auto; }
.admin-row-actions .btn { padding:6px 11px; font-size:11px; }

.admin-empty, .admin-loading { padding:26px 10px; text-align:center; font-size:13px; color:#a7bccb; }

.admin-bonus { padding:18px; }
.admin-bonus h2 { font-size:16px; font-weight:700; margin:0 0 4px; }
.admin-fields { display:grid; gap:10px; margin:14px 0; }
.admin-fields--grid { grid-template-columns:1fr 1fr; }
.admin-field { display:flex; flex-direction:column; gap:5px; font-size:11px; color:#9db2c4; }
.admin-field > span { font-weight:600; color:#cbd8e4; }
.admin-field small { font-size:10px; color:#8296a8; }
.admin-field--wide { grid-column:1/-1; }
.admin-field--check { flex-direction:row; align-items:center; gap:9px; }
.admin-field--check input { width:18px; height:18px; accent-color:#facc15; }
.admin-field--check span { font-weight:600; color:#cbd8e4; }
.admin-invalid { border-color:#ef4444 !important; box-shadow:0 0 0 2px rgba(239,68,68,.2); }
.admin-note { grid-column:1/-1; font-size:11px; color:#8296a8; margin:0; }

.admin-editor { max-width:520px; }
.admin-editor-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:6px; }
.admin-editor-head h2 { font-size:18px; font-weight:700; margin:0; }
.admin-editor-actions { display:flex; gap:8px; margin-top:14px; }
.admin-editor-actions .btn { flex:1; }

@media (max-width:400px) {
  .admin-fields--grid { grid-template-columns:1fr; }
  .admin-row { flex-wrap:wrap; }
  .admin-row-actions { flex-direction:row; flex-wrap:wrap; width:100%; }
  .admin-row-actions .btn { flex:1; }
}