/* AV-Board — Stile des Moduls js/anweisung.js (Reiter Arbeitsanweisung, Lauf 3). */

.aa-reiter { display: flex; flex-direction: column; gap: 12px; min-width: 0; }

.aa-profil {
    display: flex; flex-direction: column; gap: 6px;
    padding: 10px 12px; background: var(--bg);
    border: 1px solid var(--border); border-radius: 8px;
}
.aa-profil > div:first-child { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.aa-profil select { min-width: 14rem; }
.aa-profil .btn { align-self: flex-start; }
.aa-label {
    font-family: var(--font-display); font-weight: 600; font-size: .72rem;
    text-transform: uppercase; letter-spacing: .04em; color: var(--primary);
}

.aa-zahlen { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; }
.aa-zahl {
    padding: 10px 12px; background: var(--bg);
    border: 1px solid var(--border); border-radius: 8px;
}
.aa-zahl b {
    display: block; font-family: var(--font-display); font-size: 1.25rem; color: var(--primary);
    font-variant-numeric: tabular-nums;
}
.aa-zahl span { font-size: .76rem; color: var(--text-muted); }


/* Zeichnung und Vorschau (Q-6, U-4) */
.aa-zeichnung { display: flex; gap: 8px; align-items: baseline; margin: 8px 0; flex-wrap: wrap; }
.aa-vorschau { margin: 8px 0; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.aa-vorschau summary { cursor: pointer; padding: 8px 12px; font-size: .86rem; }
.aa-vorschau-inhalt { padding: 0 12px 10px; display: flex; flex-direction: column; gap: 10px; }