/* styles/widgets/wins.css
 *
 * Extracted from styles/main.css during T4#20 (the May-2026
 * CSS-split refactor). Originally lived at lines 1954-1966
 * of main.css. Cascade order is preserved: main.css loads first
 * (themes + base + modal/tab/layout infra), then per-widget
 * files in alphabetical order via <link> tags in index.html.
 */

/* ── WINS ─────────────────────────────────────── */
.win-item {
    display: flex; align-items: flex-start;
    gap: 10px; padding: 7px 8px;
    border-radius: 8px; margin-bottom: 3px;
}
.win-dot {
    width: 6px; height: 6px;
    border-radius: 50%; background: var(--green);
    flex-shrink: 0; margin-top: 6px;
}
.win-text { font-size: 13px; line-height: 1.45; color: var(--muted); }

/* Chadmin polish (May 2026): the widget now has a 3-way view
   toggle in the header (Yesterday / Today / Both). The "Both"
   view stacks two .win-section blocks with sub-headers. */
.win-section + .win-section { margin-top: 10px; }
.win-section-header {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--muted);
    padding: 0 2px 4px 2px;
    margin-top: 2px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 4px;
}
/* The empty-state copy is one line per view here vs. the original
   2-line "and they'll show up here tomorrow" copy, so tighten the
   top padding when an empty state sits inside a Both-view section
   so the gap doesn't look uneven. */
.win-section .empty { padding: 10px 8px; }