/* main.css - Stili per sistema QMS fornitori */
.badge { padding: 2px 8px; border-radius: 12px; font-size: 12px; }
.badge-danger { background:#b91c1c; color:#fff; }
.btn-danger { background:#b91c1c; color:#fff; padding:8px 12px; border-radius:8px; }
.muted { opacity:.7; }
.grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.card { border:1px solid #e5e7eb; padding:16px; border-radius:12px; }
.input { border:1px solid #d1d5db; padding:8px; border-radius:8px; }
.btn, .btn-secondary { padding:8px 12px; border-radius:8px; cursor:pointer; }
.btn { background:#111; color:#fff; }
.btn-secondary { background:#f3f4f6; }

/* Layout utilities */
.p-6 { padding: 1.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-2 { margin-top: 0.5rem; }
.flex { display: flex; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.gap-2 { gap: 0.5rem; }
.w-32 { width: 8rem; }
.w-40 { width: 10rem; }
.w-64 { width: 16rem; }
.w-96 { width: 24rem; }
.space-y-2 > * + * { margin-top: 0.5rem; }

/* Table styles */
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { border: 1px solid #d1d5db; padding: 8px 12px; text-align: left; }
.table th { background: #f9fafb; font-weight: 600; }

/* Form styles */
.form-group { margin-bottom: 1rem; }
.form-label { display: block; margin-bottom: 0.25rem; font-weight: 500; }
.form-input, .form-select { width: 100%; }

/* Card styles */
.card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.card-title { margin: 0; font-size: 1.125rem; font-weight: 600; }

/* Button variants */
.btn-primary { background: #3b82f6; color: white; }
.btn-success { background: #10b981; color: white; }
.btn-warning { background: #f59e0b; color: white; }
.btn-info { background: #06b6d4; color: white; }

/* Status badges */
.badge-success { background: #10b981; color: white; }
.badge-warning { background: #f59e0b; color: white; }
.badge-info { background: #06b6d4; color: white; }

/* Responsive */
@media (max-width: 768px) {
  .grid-2 { grid-template-columns: 1fr; }
  .flex { flex-direction: column; }
  .w-96 { width: 100%; }
}