/* --- Compact sizing (override Pico defaults) --- */
:root {
    --pico-font-size: 14px;
    --pico-line-height: 1.4;
}
h2 { font-size: 1.3rem; margin-bottom: 0.5rem; }
h3 { font-size: 1.1rem; margin-bottom: 0.4rem; }
article { padding: 0.75rem; margin-bottom: 0.5rem; }
article > header { padding: 0.4rem 0.75rem; margin: -0.75rem -0.75rem 0.5rem; }
article > footer { padding: 0.4rem 0.75rem; margin: 0.5rem -0.75rem -0.75rem; }
table { font-size: 0.85rem; }
th, td { padding: 0.3rem 0.5rem; }
button, [role="button"] { padding: 0.3rem 0.7rem; font-size: 0.8rem; }
nav ul li { font-size: 0.85em; }

/* --- P&L colors --- */
.pnl-pos { color: #4caf50; }
.pnl-neg { color: #f44336; }
.error-text { color: #f44336; }
.muted { opacity: 0.6; }

/* --- Badges --- */
.badge {
    display: inline-block;
    padding: 0.1em 0.4em;
    border-radius: 4px;
    font-size: 0.7em;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 0.5em;
}
.badge-active { background: #4caf50; color: #fff; }
.badge-paused { background: #ff9800; color: #fff; }
.badge-inactive { background: #666; color: #fff; }

/* --- Strategy cards: flex layout with bottom-aligned buttons --- */
.strategy-paused { opacity: 0.7; border-left: 3px solid #ff9800; }

.grid article {
    display: flex;
    flex-direction: column;
}
.grid article > footer {
    margin-top: auto;
}

/* --- Zebra striping on tables --- */
tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.08);
}

/* --- Compact article headers --- */
article header {
    font-size: 0.8em;
    opacity: 0.7;
}