/* ── Unico Installer Course — shared styles (admin + frontend) ── */

:root {
    --uic-red:   #cd202c;
    --uic-navy:  #1e3a5f;
    --uic-green: #15803d;
    --uic-amber: #b45309;
}

/* ── Admin ── */
.uic-admin h1 { color: var(--uic-navy); }
.uic-stat-row { display:flex; gap:1.5rem; margin:1rem 0 1.5rem; flex-wrap:wrap; }
.uic-stat { background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:1rem 1.5rem; min-width:120px; text-align:center; }
.uic-stat-num { display:block; font-size:2rem; font-weight:700; color:var(--uic-navy); }
.uic-table { border-collapse:collapse; margin-top:.5rem; }
.uic-table th { background:#f3f4f6; color:#374151; font-weight:600; }
.uic-table th, .uic-table td { padding:.5rem .75rem; vertical-align:middle; }
.uic-badge { display:inline-block; padding:2px 10px; border-radius:12px; font-size:.75rem; font-weight:600; text-transform:capitalize; }
.uic-badge-registered { background:#e5e7eb; color:#374151; }
.uic-badge-day1, .uic-badge-day2, .uic-badge-day3 { background:#dbeafe; color:#1d4ed8; }
.uic-badge-assessed { background:#fef3c7; color:#92400e; }
.uic-badge-certified { background:#d1fae5; color:#065f46; }
.uic-badge-open   { background:#d1fae5; color:#065f46; }
.uic-badge-closed { background:#fee2e2; color:#991b1b; }
.uic-badge-draft  { background:#f3f4f6; color:#6b7280; }
.uic-badge-complete { background:#e0e7ff; color:#3730a3; }
.text-center { text-align:center; }
.uic-quiz-url code { font-size:.85rem; background:#f3f4f6; padding:4px 8px; border-radius:4px; }

/* ── Frontend ── */
.uic-card { background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:1.75rem; max-width:680px; margin:1rem auto; }
.uic-card h3 { color:var(--uic-navy); margin-bottom:.5rem; }
.uic-alert { padding:.75rem 1rem; border-radius:6px; margin-bottom:1rem; }
.uic-alert-success { background:#d1fae5; border:1px solid #6ee7b7; color:#065f46; }
.uic-alert-error   { background:#fee2e2; border:1px solid #fca5a5; color:#991b1b; }
.uic-form label, .uic-field label { display:block; font-weight:600; margin-bottom:.3rem; font-size:.9rem; color:#374151; }
.uic-form input, .uic-form textarea, .uic-input, .uic-field input { width:100%; padding:.55rem .75rem; border:1px solid #d1d5db; border-radius:6px; font-size:.95rem; box-sizing:border-box; }
.uic-field { margin-bottom:1rem; }
.uic-field-row { display:flex; gap:1rem; }
.uic-field-row .uic-field { flex:1; }
.uic-btn { background:var(--uic-red); color:#fff; border:none; padding:.65rem 1.5rem; border-radius:6px; font-size:1rem; font-weight:600; cursor:pointer; }
.uic-btn:hover { background:#a8181f; }
.uic-btn:disabled { opacity:.6; cursor:not-allowed; }

/* ── Assessment ── */
.uic-question { border:1px solid #e5e7eb; border-radius:8px; padding:1rem 1.25rem; margin-bottom:1rem; }
.uic-q-text { margin-bottom:.75rem; color:#1f2937; line-height:1.5; }
.uic-option { display:flex; align-items:flex-start; gap:.5rem; padding:.4rem .5rem; border-radius:4px; cursor:pointer; margin-bottom:.3rem; }
.uic-option:hover { background:#f9fafb; }
.uic-option input { margin-top:3px; flex-shrink:0; }

/* ── Preview mode ── */
.uic-preview-banner { background:#1e3a5f; color:#fff; padding:.85rem 1.25rem; font-size:.9rem; margin-bottom:1.5rem; border-radius:6px; display:flex; align-items:center; gap:.5rem; }
.uic-preview-banner::before { content:'👁'; font-size:1.1rem; }
.uic-preview-result-note { background:#fef3c7; border:1px solid #f59e0b; color:#92400e; padding:.6rem 1rem; border-radius:6px; margin-bottom:1rem; font-size:.85rem; text-align:center; }

/* ── Category badges — colour-coded ── */
.uic-q-cat { display:inline-block; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.6px; padding:2px 9px; border-radius:10px; margin-right:.5rem; vertical-align:middle; }
.uic-cat-design     { background:#dbeafe; color:#1d4ed8; }
.uic-cat-install    { background:#fef3c7; color:#92400e; }
.uic-cat-commission { background:#d1fae5; color:#065f46; }

/* ── Result review ── */
.uic-answer-row { padding:.75rem 1rem; border-radius:6px; margin-bottom:.5rem; font-size:.9rem; line-height:1.5; }
.uic-correct   { background:#d1fae5; border-left:3px solid var(--uic-green); }
.uic-incorrect { background:#fee2e2; border-left:3px solid var(--uic-red); }
.uic-your-answer   { color:#374151; margin-top:.25rem; }
.uic-correct-answer { color:var(--uic-green); font-weight:600; margin-top:.2rem; }