/*
 * Status-columns roadmap view (Pro).
 *
 * Static rules only, so this lives in a real stylesheet and is enqueued rather
 * than printed as an inline <style> tag (wordpress.org requires wp_enqueue_* for
 * CSS). Colors come from the theme's custom properties on the board container.
 */
.fquest-roadmap{max-width:1100px}
.fquest-roadmap-cols{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}
.fquest-roadmap-col{flex:1;min-width:220px;background:var(--bg);border-radius:var(--radius-md);padding:12px}
.fquest-roadmap-colhead{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin-bottom:12px;color:var(--dark)}
.fquest-roadmap-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}
.fquest-roadmap-count{margin-left:auto;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1px 9px;font-size:11px;color:var(--muted)}
.fquest-roadmap-card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px}
.fquest-roadmap-card::after{content:"";position:absolute;right:-10px;bottom:-10px;width:20px;height:20px;background:var(--fquest-status,var(--muted));transform:rotate(45deg)}
[dir="rtl"] .fquest-roadmap-card::after{right:auto;left:-10px}
.fquest-roadmap-card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.fquest-roadmap-card-title{font-weight:600;font-size:14px;color:var(--dark);line-height:1.3}
.fquest-roadmap-votes{flex-shrink:0;background:var(--bg);border-radius:var(--radius-sm);padding:2px 9px;font-size:12px;font-weight:700;color:var(--dark)}
.fquest-roadmap-card-desc{margin:6px 0 0;font-size:13px;color:#555;line-height:1.45}
.fquest-roadmap-empty{color:var(--muted);font-size:13px;font-style:italic;margin:4px 0}
.fquest-roadmap-cols.fquest-cols-wrap{flex-wrap:wrap;overflow-x:visible}
@media(max-width:600px){.fquest-roadmap-cols{flex-direction:column}.fquest-roadmap-col{min-width:0}}