/* ── Checkbox & Radio ─────────────────────────────────────────── */
.checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #DAD6D4;
    border-radius: 4px;
    background: white;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
    vertical-align: middle;
}
.checkbox:checked {
    background: #0D9488;
    border-color: #0D9488;
}
.checkbox:checked::after {
    content: '✓';
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}

.radio {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #DAD6D4;
    border-radius: 50%;
    background: white;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
}
.radio:checked { border-color: #0D9488; }
.radio:checked::after {
    content: '';
    width: 8px;
    height: 8px;
    background: #0D9488;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ── Topic items ──────────────────────────────────────────────── */
.forum-topic-item { transition: border-color .15s, box-shadow .15s; }
.forum-topic-item:hover { box-shadow: 0 2px 12px rgba(13,148,136,.08); }

/* ── Like button ──────────────────────────────────────────────── */
.forum-like-btn { cursor: pointer; background: none; border: none; padding: 0; }
.forum-like-btn:disabled { opacity: .5; cursor: not-allowed; }
.forum-like-btn svg { transition: transform .15s; }
.forum-like-btn:not(:disabled):hover svg { transform: scale(1.2); }

/* ── Pinned section divider ───────────────────────────────────── */
.forum-pinned-section { position: relative; }
.forum-pinned-section::after {
    content: '';
    display: block;
    height: 1px;
    background: #e5e7eb;
    margin: 12px 0;
}

/* ── Form messages ────────────────────────────────────────────── */
.forum-message {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: .875rem;
}
.forum-message-success {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}
.forum-message-error {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

/* ── Spinner animation ────────────────────────────────────────── */
@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin { animation: spin .7s linear infinite; }

/* ── Prose (topic content) ────────────────────────────────────── */
.topic-content p { margin-bottom: .75rem; }
.topic-content a { color: #0D9488; text-decoration: underline; }
.topic-content ul, .topic-content ol { padding-left: 1.5rem; margin-bottom: .75rem; }
.topic-content li { margin-bottom: .25rem; }

/* ── Reply cards ──────────────────────────────────────────────── */
#forum-reply-form textarea:focus,
#forum-reply-form input:focus { box-shadow: 0 0 0 2px rgba(13,148,136,.15); }