/* css styles */

/* Timer customization - smaller and right-aligned */
.base-timer {
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: 0;
}

.base-timer__label {
    font-size: 1.5rem;
}

/* Callouts: Burgundy for actions, Gold for insights
   NOTE: Keep colors in sync with _brand.yml and custom.scss
   - Burgundy: #9A4665 (action callouts)
   - Gold: #D4A03E (insight callouts)
*/

/* Burgundy callouts (active-processing, individual, pair, group, agent-potential) */
.callout.callout-active-processing .callout-icon,
.callout.callout-individual .callout-icon,
.callout.callout-pair .callout-icon,
.callout.callout-group .callout-icon,
.callout.callout-agent-potential .callout-icon {
    background-color: rgba(154, 70, 101, 0.12);
    color: #9A4665;
}

.callout.callout-active-processing > .callout-body,
.callout.callout-individual > .callout-body,
.callout.callout-pair > .callout-body,
.callout.callout-group > .callout-body,
.callout.callout-agent-potential > .callout-body {
    background-color: rgba(154, 70, 101, 0.05);
}

/* Gold callouts (reflect, pro-tip, nachlesen) */
.callout.callout-reflect .callout-icon,
.callout.callout-pro-tip .callout-icon,
.callout.callout-nachlesen .callout-icon {
    background-color: rgba(212, 160, 62, 0.15);
    color: #D4A03E;
}

.callout.callout-reflect > .callout-body,
.callout.callout-pro-tip > .callout-body,
.callout.callout-nachlesen > .callout-body {
    background-color: rgba(212, 160, 62, 0.06);
}

/* Neutral callouts (facilitator) */
.callout.callout-facilitator .callout-icon {
    background-color: rgba(51, 51, 51, 0.10);
    color: #333333;
}

.callout.callout-facilitator > .callout-body {
    background-color: rgba(51, 51, 51, 0.03);
}

/* Tables: striped, readable, left-aligned */
.quarto-table-container table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

.quarto-table-container table th,
.quarto-table-container table td {
    padding: 0.6rem 0.75rem;
    text-align: left;
}

.quarto-table-container table thead th {
    background-color: #f3f4f6;
    color: #1f2933;
    font-weight: 700;
    border-bottom: 2px solid #e5e7eb;
}

.quarto-table-container table tbody tr:nth-child(even) {
    background-color: #f9fafb;
}

.quarto-table-container table tbody tr:hover {
    background-color: #f1f5f9;
}