/* ─── LIVESIC ADMIN ───────────────────────────────────────
 * Estilos para las páginas de administración (wp-admin).
 * Sustituye progresivamente los style="..." inline de
 * class-livesic-admin.php por estas clases.
 * ───────────────────────────────────────────────────────── */

/* ── Layouts ── */
.lv-admin-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.lv-admin-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0 20px}
.lv-admin-actions form{margin:0}

/* ── Info box ── */
.lv-admin-infobox{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px 20px;margin-bottom:24px;display:flex;gap:24px;flex-wrap:wrap;font-size:13px}

.lv-admin-panel{background:#fff;border:1px solid #ccd0d4;padding:16px;margin:0 0 16px}
.lv-admin-panel--info{background:#f0f9ff;border-color:#bae6fd;border-radius:10px;padding:20px;max-width:520px}

/* ── Tables ── */
.lv-admin-table{font-size:13px;margin-bottom:28px}
.lv-admin-table th{white-space:nowrap}
.lv-admin-table td.lv-actions{white-space:nowrap}

/* ── Status colors ── */
.lv-status-ok{color:#065f46;font-weight:700}
.lv-status-muted{color:#9ca3af}
.lv-status-err{color:#a00}
.lv-status-link{color:#2563eb;font-weight:700}
.lv-status-link--muted{color:#9ca3af;font-weight:normal}

/* ── Typography helpers ── */
.lv-slug{color:#6b7280;font-size:11px}
.lv-meta{color:#6b7280}
.lv-note{margin-top:4px;color:#a00;font-size:11px}

/* ── Inline form ── */
.lv-inline-form{display:inline-block;margin:0 0 0 4px}
.lv-inline-form--flex{display:inline-flex;gap:4px;align-items:center}
.lv-inline-select{font-size:12px}

/* Genre tag selector */
.lv-tags-field{border:1px solid #8c8f94;border-radius:4px;padding:8px 10px;background:#fff;display:flex;flex-direction:column;gap:8px;max-width:460px}
.lv-tags-field:focus-within{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}
.lv-tags-list{display:flex;flex-wrap:wrap;gap:6px;min-height:0}
.lv-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:#2271b1;color:#fff;border-radius:999px;font-size:12px;font-weight:600}
.lv-tag__remove{background:none;border:0;color:rgba(255,255,255,.8);cursor:pointer;padding:0;line-height:1;font-size:13px}
.lv-tag__remove:hover{color:#fff}
.lv-tags-input-row{display:flex;align-items:center}
.lv-tags-input{border:0!important;box-shadow:none!important;padding:3px 0!important;width:100%;max-width:100%;background:transparent}
.lv-genres-dropdown{position:relative;flex:1}
.lv-genres-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #c3c4c7;border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:10000;display:none;max-height:220px;overflow-y:auto}
.lv-genres-drop.open{display:block}
.lv-genres-drop__item{padding:9px 12px;font-size:13px;color:#1d2327;cursor:pointer}
.lv-genres-drop__item:hover{background:#f0f6fc}