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

.admin-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:14px; }
.admin-eyebrow { font-size:11px; letter-spacing:.14em; color:var(--sun); font-weight:900; margin:0 0 4px; }
.admin-head h1 { font-size:24px; font-weight:900; text-shadow:0 2px 0 var(--ink-line); margin:0 0 4px; }
.admin-stats-line { font-size:11px; color:var(--text-2); 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:2px solid var(--chip-border); background:var(--chip); color:var(--text-2); font-size:12px; font-weight:800; cursor:pointer; transition:background .2s, color .2s, border-color .2s; }
.admin-tab:hover { border-color:rgba(255,255,255,.3); }
.admin-tab.active { background:var(--sun); color:var(--ink-950) !important; border-color:var(--ink-line); box-shadow:var(--shadow-cel-sm); color:var(--sun); }

.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:var(--mute); margin:0 0 10px; }
.admin-count strong { color:var(--text); }

.admin-list { display:grid; gap:10px; }
.admin-row { display:flex; gap:12px; align-items:flex-start; padding:13px 14px; border-radius:var(--r-lg); border:2px solid var(--panel-border); background:var(--panel); box-shadow:var(--shadow-cel), var(--panel-hi); }
.admin-row-art { flex:0 0 auto; display:grid; place-items:center; width:48px; height:48px; border-radius:var(--r-md); background:var(--chip); 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:var(--text); }
.admin-row-sub { display:block; font-size:11px; color:var(--text-2); 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:var(--text-2); }

.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:var(--text-2); }
.admin-field > span { font-weight:600; color:var(--text-2); }
.admin-field small { font-size:11px; color:var(--mute); }
.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:var(--sun); }
.admin-field--check span { font-weight:600; color:var(--text-2); }
.admin-invalid { border-color:var(--coral) !important; box-shadow:0 0 0 2px rgba(var(--coral-rgb),.25); }
.admin-note { grid-column:1/-1; font-size:11px; color:var(--mute); 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; }
}