/* C2: Acquisition Intelligence styles */

/* Panel row — side by side on desktop, stacked on mobile */
.c2-panels-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-md, 1rem); margin: var(--space-md, 1rem) 0; }
@media (max-width: 768px) { .c2-panels-row { grid-template-columns: 1fr; } }

/* Wines to Try panel */
.wines-to-try-panel { background: var(--bg-card, #fff); border: 1px solid var(--border, #eee); border-radius: var(--radius-md, 8px); padding: var(--space-md, 1rem); }
.wtt-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-sm, 0.5rem); }
.wtt-header h3 { margin: 0; font-size: 1rem; font-weight: 600; }
.wtt-count { font-size: 0.85rem; color: var(--text-muted, #666); }
.wtt-card { padding: var(--space-sm, 0.5rem) 0; border-bottom: 1px solid var(--border, #eee); }
.wtt-card:last-child { border-bottom: none; }
.wtt-card-header { display: flex; align-items: baseline; gap: var(--space-xs, 0.25rem); flex-wrap: wrap; }
.wtt-vintage { font-size: 0.85rem; color: var(--text-muted, #666); }
.wtt-colour { font-size: 0.75rem; padding: 0.1rem 0.4rem; border-radius: var(--radius-sm, 4px); background: var(--bg-slot, #f5f5f5); }
.wtt-context, .wtt-reason { font-size: 0.85rem; color: var(--text-muted, #666); margin-top: 0.15rem; }
.wtt-gap-badge { display: inline-block; font-size: 0.8rem; background: var(--bg-slot, #f0f0f0); padding: 0.15rem 0.5rem; border-radius: var(--radius-sm, 4px); margin-top: 0.25rem; }
.wtt-link { font-size: 0.85rem; color: var(--accent, #1a73e8); text-decoration: none; }
.wtt-link:hover { text-decoration: underline; }
.wtt-actions { display: flex; gap: var(--space-xs, 0.25rem); margin-top: var(--space-xs, 0.25rem); }
.wtt-quick-add { display: flex; gap: var(--space-xs, 0.25rem); margin-top: var(--space-sm, 0.5rem); flex-wrap: wrap; }
.wtt-input-name, .wtt-input-context { flex: 1; min-width: 120px; padding: 0.35rem 0.5rem; border: 1px solid var(--border, #ccc); border-radius: var(--radius-sm, 4px); font-size: 0.85rem; }
.wtt-empty { text-align: center; padding: var(--space-md, 1rem) 0; color: var(--text-muted, #666); }
.wtt-error { color: var(--priority-1, #c0392b); font-size: 0.85rem; margin-top: var(--space-xs, 0.25rem); }

/* Profile card */
.profile-card-container { background: var(--bg-card, #fff); border: 1px solid var(--border, #eee); border-radius: var(--radius-md, 8px); padding: var(--space-md, 1rem); }
.profile-card-title { margin: 0 0 var(--space-sm, 0.5rem); font-size: 1rem; font-weight: 600; }
.profile-row { display: flex; align-items: center; gap: var(--space-sm, 0.5rem); margin-bottom: var(--space-xs, 0.25rem); }
.profile-label { width: 80px; font-size: 0.8rem; color: var(--text-muted, #666); text-align: right; flex-shrink: 0; }
.profile-bar { flex: 1; height: 18px; display: flex; border-radius: var(--radius-sm, 4px); overflow: hidden; background: var(--bg-slot, #f0f0f0); }
.profile-bar-seg { height: 100%; transition: width 0.3s ease; }
.profile-bar-seg.colour-red { background: var(--priority-1, #c0392b); }
.profile-bar-seg.colour-white { background: #f4d03f; }
.profile-bar-seg.colour-rosé { background: #f5b7b1; }
.profile-bar-seg.colour-sparkling { background: #aed6f1; }
.profile-bar-seg.colour-orange { background: #e67e22; }
.profile-bar-seg.colour-dessert { background: #d4ac0d; }
.profile-bar-seg.colour-fortified { background: #6c3483; }
.profile-insight { font-size: 0.85rem; color: var(--text-muted, #666); margin-top: var(--space-sm, 0.5rem); font-style: italic; }
.profile-empty { text-align: center; padding: var(--space-sm, 0.5rem) 0; color: var(--text-muted, #666); font-style: italic; }

/* Velocity context on wine detail */
.velocity-context { font-size: 0.85rem; color: var(--text-muted, #666); padding: var(--space-xs, 0.25rem) 0; }
.velocity-warning { color: var(--priority-2, #e67e22); font-weight: 500; }
.velocity-love { color: var(--priority-1, #c0392b); }
.velocity-recipes { font-size: 0.8rem; color: var(--text-muted, #888); }