/* ═══════════════════════════════════════
   MEDIA OMNI — ADMIN CSS
═══════════════════════════════════════ */
#main-nav { background:rgba(5,15,44,.95); backdrop-filter:blur(20px); border-bottom-color:rgba(255,255,255,.08); }
.admin-wrap { max-width:1180px; margin:0 auto; padding:88px 24px 60px; }
.admin-hdr { display:flex; align-items:center; justify-content:space-between; margin-bottom:32px; flex-wrap:wrap; gap:12px; }
.admin-hdr h1 { font-family:var(--f-display); font-size:1.6rem; font-weight:800; letter-spacing:-.03em; }
.admin-hdr p  { font-size:.85rem; color:var(--muted); margin-top:4px; }

/* ── EDITOR ── */
.editor-layout { display:grid; grid-template-columns:1fr 300px; gap:20px; align-items:start; }
.editor-main, .editor-side { background:var(--white); border:1px solid var(--border); border-radius:var(--r-lg); padding:28px; }
.editor-side { position:sticky; top:84px; }
.ed-label { display:block; font-family:var(--f-mono); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin-bottom:8px; margin-top:16px; }
.ed-label:first-child { margin-top:0; }
.ed-input { width:100%; padding:11px 14px; background:var(--paper); border:1.5px solid var(--border); border-radius:var(--r-sm); font-family:var(--f-body); font-size:.88rem; color:var(--ink); outline:none; transition:border-color .2s,background .2s; }
.ed-input:focus { border-color:var(--blue); background:var(--white); box-shadow:0 0 0 3px rgba(37,99,235,.1); }
textarea.ed-input { resize:vertical; min-height:60px; }
.ed-toolbar { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:6px; padding:8px; background:var(--paper2); border:1.5px solid var(--border); border-bottom:none; border-radius:var(--r-sm) var(--r-sm) 0 0; }
.tb-btn { padding:.32rem .7rem; border-radius:6px; border:1px solid var(--border); background:var(--white); font-family:var(--f-mono); font-size:.72rem; font-weight:700; color:var(--ink); cursor:pointer; transition:background .15s,border-color .15s; }
.tb-btn:hover { background:var(--blue); border-color:var(--blue); color:var(--white); }
.ed-content { width:100%; min-height:280px; padding:14px; background:var(--white); border:1.5px solid var(--border); border-top:none; border-radius:0 0 var(--r-sm) var(--r-sm); font-family:var(--f-body); font-size:.88rem; line-height:1.7; color:var(--ink); resize:vertical; outline:none; transition:border-color .2s; }
.ed-content:focus { border-color:var(--blue); }

/* Tags input */
.tags-wrap { display:flex; flex-wrap:wrap; gap:6px; padding:10px; background:var(--paper); border:1.5px solid var(--border); border-radius:var(--r-sm); min-height:44px; cursor:text; transition:border-color .2s; }
.tags-wrap:focus-within { border-color:var(--blue); background:var(--white); }
.tag-pill { display:inline-flex; align-items:center; gap:5px; background:var(--border2); border:1px solid var(--border); color:var(--blue); padding:.22rem .65rem; border-radius:var(--r-pill); font-size:.75rem; font-weight:600; }
.tag-pill button { background:none; border:none; color:var(--faint); font-size:.8rem; line-height:1; padding:0; cursor:pointer; transition:color .15s; }
.tag-pill button:hover { color:var(--error); }
.tag-add-inp { border:none; outline:none; background:transparent; font-family:var(--f-body); font-size:.82rem; min-width:80px; flex:1; color:var(--ink); }

/* Thumbnail preview */
.thumb-preview { width:100%; height:140px; border-radius:var(--r-md); display:flex; align-items:center; justify-content:center; margin-bottom:12px; font-size:3rem; }

/* Status toggle */
.status-btns { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.s-btn { padding:.65rem; border-radius:var(--r-sm); border:1.5px solid var(--border); background:var(--paper); font-family:var(--f-body); font-size:.82rem; font-weight:600; color:var(--muted); cursor:pointer; transition:all .18s; text-align:center; }
.s-btn.active-draft { border-color:var(--warning); background:rgba(245,158,11,.1); color:var(--warning); }
.s-btn.active-pub   { border-color:var(--success); background:rgba(16,185,129,.1); color:var(--success); }

/* Action btns */
.editor-actions { display:flex; gap:10px; margin-top:16px; }
.btn-save { flex:1; padding:12px; background:var(--g-blue); color:var(--white); border:none; border-radius:var(--r-pill); font-family:var(--f-body); font-weight:700; font-size:.88rem; box-shadow:0 4px 16px rgba(37,99,235,.3); transition:opacity .18s,transform .2s; }
.btn-save:hover { opacity:.9; transform:translateY(-1px); }
.btn-save:disabled { opacity:.5; cursor:not-allowed; }
.btn-discard { padding:12px 16px; background:none; border:1.5px solid var(--border); border-radius:var(--r-pill); font-family:var(--f-body); font-weight:600; font-size:.88rem; color:var(--muted); transition:border-color .18s,color .18s; }
.btn-discard:hover { border-color:var(--error); color:var(--error); }

/* ── POST LIST ── */
.posts-section { margin-top:36px; }
.posts-hdr { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.posts-hdr h2 { font-family:var(--f-display); font-size:1.15rem; font-weight:800; letter-spacing:-.03em; }
.posts-table { background:var(--white); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; }
.pt-head { display:grid; grid-template-columns:2.5fr 1fr 1fr 1fr 120px; gap:0; padding:12px 20px; background:var(--paper2); border-bottom:1px solid var(--border); }
.pt-head span { font-family:var(--f-mono); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--faint); }
.pt-row { display:grid; grid-template-columns:2.5fr 1fr 1fr 1fr 120px; gap:0; padding:14px 20px; border-bottom:1px solid var(--border); align-items:center; transition:background .18s; }
.pt-row:last-child { border-bottom:none; }
.pt-row:hover { background:var(--paper); }
.pt-title { font-size:.84rem; font-weight:600; color:var(--ink); }
.pt-tag  { font-size:.78rem; color:var(--muted); }
.pt-date { font-family:var(--f-mono); font-size:.72rem; color:var(--faint); }
.pt-status { display:inline-flex; align-items:center; gap:4px; font-family:var(--f-mono); font-size:.65rem; font-weight:700; padding:.22rem .6rem; border-radius:var(--r-pill); }
.pts-pub   { background:rgba(16,185,129,.1); color:var(--success); }
.pts-draft { background:rgba(245,158,11,.1); color:var(--warning); }
.pt-actions { display:flex; gap:6px; }
.pt-act { padding:.35rem .75rem; border-radius:var(--r-sm); border:1px solid var(--border); font-size:.72rem; font-weight:600; font-family:var(--f-body); color:var(--muted); background:var(--white); cursor:pointer; transition:all .15s; }
.pt-act:hover { border-color:var(--blue); color:var(--blue); }
.pt-del:hover  { border-color:var(--error); color:var(--error); }
.no-posts { padding:48px; text-align:center; color:var(--faint); font-size:.88rem; }

/* ── API SETUP ── */
.api-card { background:var(--paper2); border:1px solid var(--border); border-radius:var(--r-lg); padding:24px; margin-bottom:28px; }
.api-card h3 { font-family:var(--f-display); font-size:.95rem; font-weight:700; margin-bottom:6px; }
.api-card p  { font-size:.82rem; color:var(--muted); margin-bottom:14px; line-height:1.65; }
.api-input-row { display:flex; gap:10px; }
.api-input-row .ed-input { flex:1; }

@media (max-width:1024px) {
  .editor-layout { grid-template-columns:1fr; }
  .editor-side { position:static; }
}
@media (max-width:768px) {
  .admin-wrap { padding:84px 16px 40px; }
  .pt-head,.pt-row { grid-template-columns:2fr 1fr 100px; }
  .pt-head span:nth-child(n+3):not(:nth-child(3)):not(:last-child),
  .pt-row>*:nth-child(n+3):not(:nth-child(3)):not(:last-child) { display:none; }
}