/* Styles specifiques a admin/characters/index.blade.php */

.character-cover-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: calc(12px * var(--radius-scale)); padding: 1.25rem 1.5rem; display: flex; align-items: center; gap: 1.5rem; flex: 1 1 300px; max-width: 500px; }
.character-cover-preview { width: 80px; height: 106px; border-radius: calc(8px * var(--radius-scale)); border: 2px dashed var(--border); display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--bg-main); flex-shrink: 0; }
.character-cover-preview img { width: 100%; height: 100%; object-fit: cover; }
.character-cover-icon { font-size: 2rem; }
.character-cover-info { flex-grow: 1; }
.character-cover-title { margin: 0 0 0.4rem 0; font-size: 1.1rem; font-weight: 700; color: var(--text-main); }
.character-cover-desc { margin: 0 0 0.8rem 0; font-size: 0.85rem; color: var(--text-muted); line-height: 1.4; }
.character-cover-form { display: flex; gap: 10px; align-items: center; margin: 0; }
.character-cover-form-wrap { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

.btn-select-image { background: rgba(var(--primary-rgb), 0.1); color: var(--primary); border: 1px solid rgba(var(--primary-rgb), 0.2); font-weight: 700; padding: 0.5rem 1rem; border-radius: calc(8px * var(--radius-scale)); font-size: 0.85rem; cursor: pointer; }
.btn-save-compact { padding: 0.5rem 1.2rem; border-radius: calc(8px * var(--radius-scale)); font-size: 0.85rem; }
.btn-clear-new { background: rgba(var(--danger-rgb), 0.1); color: var(--danger); border: 1px solid rgba(var(--danger-rgb), 0.2); font-weight: 700; padding: 0.5rem 1.2rem; border-radius: calc(8px * var(--radius-scale)); font-size: 0.85rem; cursor: pointer; }

.badge-new-count { background: var(--danger); color: white; padding: 0.1rem 0.4rem; border-radius: calc(4px * var(--radius-scale)); font-size: 0.7rem; font-weight: 800; text-transform: uppercase; margin-left: 0.3rem; vertical-align: middle; }
.badge-count { background: rgba(var(--primary-rgb), 0.1); color: var(--primary); padding: 0.4rem 0.8rem; border-radius: calc(20px * var(--radius-scale)); font-weight: 600; }

.thumb-cover { object-fit: cover; }
.thumb-placeholder-alt { background: var(--border); display: flex; align-items: center; justify-content: center; color: var(--text-muted); }
.thumb-placeholder-icon { font-size: 1.2rem; }

.text-main-strong { color: var(--text-main); }
.btn-edit-spacing { margin-right: 0.5rem; }

.table-empty-cell { text-align: center; padding: 4rem; color: var(--text-muted); }
.empty-state-icon { font-size: 2rem; }

.delete-form-inline { display: inline; }