/* Phase 2: review queue + item page */
.small { font-size:12px; }
.filters { display:flex; gap:8px; }
.flash { background:#e7f6ec; color:#14532d; padding:8px 12px; border-radius:6px; }
@media (prefers-color-scheme: dark) { .flash { background:#14321f; color:#bbf7d0; } }
.cards { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:14px; }
.item-card { display:block; background:var(--card); border:1px solid var(--line); border-radius:10px; overflow:hidden; color:var(--fg); text-decoration:none; }
.item-card:hover { border-color:var(--accent); }
.item-card img, .item-card .noimg { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; background:var(--bg); }
.item-card .noimg { display:grid; place-items:center; color:var(--muted); }
.item-card .body { padding:10px 12px; }
.badges { display:flex; flex-wrap:wrap; gap:4px; margin:6px 0; }
.badge.warn { color:#b45309; border-color:#f59e0b; }
.badge.risk-high { color:var(--danger); border-color:var(--danger); }
.badge.risk-medium { color:#b45309; }
.s-pending_review { color:#1d4ed8; border-color:#3b82f6; }
.s-approved { color:var(--accent); border-color:var(--accent); }
.s-rejected { color:var(--danger); border-color:var(--danger); }
.item-layout { display:grid; grid-template-columns:minmax(0, 1fr) 380px; gap:20px; align-items:start; }
@media (max-width:900px) { .item-layout { grid-template-columns:1fr; } }
.preview figure { margin:0 0 12px; }
.preview img { width:100%; border-radius:8px; display:block; }
.preview figcaption { font-size:12px; color:var(--muted); }
.ur-article { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:18px 20px; font-family:"Noto Nastaliq Urdu", serif; font-size:18px; line-height:2.3; }
.ur-article h1 { font-size:26px; line-height:2; margin:0 0 6px; }
.ur-article h2 { font-size:21px; margin:20px 0 4px; color:var(--accent); }
.ur-article p { margin:0 0 12px; }
.ur-article .dek { color:var(--muted); }
.ur-article .hero { margin:8px 0 16px; }
.ur-article .caption { border-top:1px solid var(--line); margin-top:16px; padding-top:8px; font-size:16px; }
.ur-article .tags { margin-top:6px; font-family:system-ui, sans-serif; }
.gallery { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:10px; }
.gallery figure { margin:0; }
.panel .card { margin-bottom:14px; display:grid; gap:10px; }
.panel h3 { margin:0; font-size:15px; }
.checks { display:flex; flex-wrap:wrap; gap:10px; }
label.check { display:flex; gap:6px; align-items:center; }
label.legal { background:#fff7e0; border:1px solid #e9c46a; padding:8px; border-radius:6px; color:#3b2f0b; }
button.danger { background:var(--danger); }
.ur-input { font-family:"Noto Nastaliq Urdu", serif; font-size:16px; line-height:2.2; }
textarea { width:100%; }
dl.facts { display:grid; grid-template-columns:auto 1fr; gap:4px 10px; margin:0; font-size:13px; }
dl.facts dt { color:var(--muted); }
ul.srcs { margin:0; padding-left:18px; font-size:13px; display:grid; gap:6px; }
.embed { position:relative; aspect-ratio:16/9; }
.embed iframe { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:6px; }
details summary { cursor:pointer; }
details form { display:grid; gap:10px; margin-top:10px; }

/* Phase 3: clips + upload */
.clip-wrap video { display:block; margin:8px auto; max-height:640px; max-width:100%; border-radius:8px; background:#000; }
.ur-article .hook { color:var(--accent); font-size:20px; }
pre.transcript { white-space:pre-wrap; direction:rtl; font-family:"Noto Nastaliq Urdu", serif; font-size:15px; line-height:2.1; background:var(--bg); padding:10px; border-radius:6px; }
.row2 { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
form.upload { max-width:680px; display:grid; gap:12px; }