/* Kresim.app – UNIFIED UI PATCH */
:root{
  --bg:#f7f9fc; --card:#ffffff; --text:#1f2937; --muted:#6b7280; --border:#e6eaf2;
  --ring:#cfe0ff; --accent:#3b82f6; --accent-600:#2563eb; --accent-100:#e8f0ff;
  --success:#22c55e; --success-bd:#16a34a; --danger:#ef4444; --danger-bd:#dc2626;
  --radius:12px; --radius-lg:14px; --shadow-sm:0 1px 2px rgba(16,24,40,.04),0 1px 1px rgba(16,24,40,.04);
}
.card{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;padding:16px!important;margin-bottom:12px!important}
.card h3{margin:0 0 8px!important;font-size:16px!important}
.ok{padding:8px 10px;border:1px solid #bbf7d0;background:#ecfdf5;border-radius:10px}
.err{padding:8px 10px;border:1px solid #fecaca;background:#fff1f2;border-radius:10px}
.muted{color:var(--muted)!important}
.grid{display:grid!important;gap:8px!important}
.row{display:flex!important;gap:8px!important;align-items:center!important;margin-bottom:10px!important}
.form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.form label{display:flex!important;flex-direction:column!important;gap:6px!important;font-weight:600}
.form .full{grid-column:1 / -1!important}
.item{display:flex!important;gap:12px!important;align-items:flex-start!important;border:1px solid #e9ecf3!important;border-radius:12px!important;padding:10px!important;background:#fff!important}
input[type=text],input[type=email],input[type=number],input[type=date],input[type=datetime-local],select,textarea{
  width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;outline:none;background:#fff;color:var(--text)
}
input:focus,select:focus,textarea:focus{border-color:var(--ring);box-shadow:0 0 0 4px rgba(63,131,248,.12)}
textarea{min-height:90px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text);text-decoration:none;cursor:pointer}
.btn.primary{border-color:transparent;background:linear-gradient(180deg,var(--accent),var(--accent-600));color:#fff}
.btn.success{border-color:var(--success-bd);background:var(--success);color:#fff}
.btn.danger{border-color:#fecaca;background:#fff1f2}
.btn.ghost{border-color:var(--border);background:#fff}
.table, .card table{width:100%;border-collapse:separate;border-spacing:0}
.card table td, .card table th{padding:10px 12px;border-bottom:1px solid #edf0f6}
.card table thead th{background:#f8fbff;color:#334155;text-align:left;font-weight:700}
.card table tr:last-child td{border-bottom:0}
.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:12px}
.breadcrumb a{text-decoration:none;color:#64748b}.breadcrumb .sep{opacity:.5}
.hidden{display:none!important}
.mt-1{margin-top:6px!important}.mt-2{margin-top:12px!important}.mb-1{margin-bottom:6px!important}.mb-2{margin-bottom:12px!important}
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-weight:600;font-size:12px}