/* Estilos do Painel Admin Alkron */
.admin { padding: 24px 0; }
.admin h1 { margin: 12px 0 18px; }
.admin-tabs { display:flex; gap:10px; margin-bottom: 16px; }
.admin-tabs button { padding:8px 12px; border-radius:8px; border:1px solid rgba(212,175,55,0.35); background: linear-gradient(to bottom, #FFFFFF, #F5F5F5); cursor:pointer; }
.admin-tabs button.active { background: var(--primary-color); color: #fff; border-color: transparent; }
.tab { display:none; }
.tab.active { display:block; }
.form-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.form-item { background: linear-gradient(180deg, rgba(255,255,255,0.97), rgba(255,255,255,0.90)); border:1px solid rgba(0,0,0,0.06); box-shadow: var(--box-shadow); border-radius: 12px; padding: 12px; }
.form-item label { font-weight: 600; display:block; margin-bottom: 6px; }
.form-item input[type="text"], .form-item textarea { width: 100%; padding: 8px 10px; border: 1px solid #ddd; border-radius: 8px; }
.form-item .actions { display:flex; gap: 8px; margin-top: 8px; }
.preview-thumb { width: 100%; height: 160px; background: #f3f4f6; border-radius: 8px; display:grid; place-items:center; overflow:hidden; }
.preview-thumb img { width: 100%; height: 100%; object-fit: cover; }
.export-actions { display:flex; gap: 10px; align-items: center; }