/* Popup Specific Styles */
.options-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 20px;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}

@media (min-width: 600px) {
    .options-grid {
        grid-template-columns: 1fr 1fr;
    }
    .options-grid.multi-select {
        grid-template-columns: 1fr;
    }
}

.option-btn {
    background: var(--cream);
    border: 2px solid transparent;
    padding: 15px 20px;
    border-radius: var(--radius);
    text-align: left;
    font-family: var(--font-body);
    font-size: 1rem;
    color: var(--navy);
    cursor: pointer;
    transition: var(--transition);
}

.option-btn:hover {
    background: #f0ede5;
}

.option-btn.selected {
    border-color: var(--gold);
    background: rgba(201, 147, 58, 0.1);
}

.score-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 5px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-family: var(--font-heading);
    color: var(--navy);
    margin: 0 auto;
}

.score-circle span {
    font-size: 1rem;
    color: var(--text-muted);
}

.badge {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.badge-red { background: #ffebee; color: #c62828; }
.badge-amber { background: #fff8e1; color: #f57f17; }
.badge-green { background: #e8f5e9; color: #2e7d32; }

.w-100 { width: 100%; }

.recommended-list {
    list-style: none;
    padding: 0;
}

.recommended-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 1.05rem;
}

.text-gold {
    color: var(--gold);
}