/* ============================================================
   ZUM DASHBOARD HINZUFÜGEN — Ergänzung zum Design-System (ax-dialog, ax-field, ax-choice, ax-toast).
   Regeln: Aktion „Zum Dashboard“ steht bei jeder Antwort mit Ergebnis an erster Stelle der Aktionen.
   Das Widget speichert die Abfrage, nicht ein Bild: Aktualisierung ist wählbar (live / täglich / fester Stand).
   Nur Inhalte anbieten, die die Antwort wirklich hat (Kennzahlen, Diagramm, Tabelle, Diagramm + Tabelle).
   Bestätigung als Toast oben rechts unter der Kopfzeile mit Link zum Dashboard, verschwindet nach 6 s.
   ============================================================ */
.ax-dialog{width:min(480px,calc(100vw - 32px));padding:0;border:0;border-radius:var(--radius-4);background:var(--surface-panel);color:var(--text-1);box-shadow:var(--elev-4)}
.ax-dialog::backdrop{background:var(--overlay-scrim)}
.ax-dialog__head{display:flex;align-items:center;gap:8px;height:44px;padding:0 8px 0 16px;border-bottom:1px solid var(--border-1)}
.ax-dialog__title{flex:1;font:var(--type-heading)}
.ax-dialog__body{display:flex;flex-direction:column;gap:16px;padding:16px}
.ax-dialog__foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-1);background:var(--gray-50);border-radius:0 0 var(--radius-4) var(--radius-4)}
.ax-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.ax-field__label{font:var(--type-label-caps);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-3)}
.ax-field__hint{font:var(--type-small);color:var(--text-3)}
.ax-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.ax-choice label{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;border-radius:var(--radius-3);background:#fff;box-shadow:inset 0 0 0 1px var(--border-2);cursor:pointer;font:var(--type-body)}
.ax-choice label:hover{background:var(--gray-50)}
.ax-choice label svg{color:var(--gray-800)}
.ax-choice input{position:absolute;opacity:0;pointer-events:none}
.ax-choice label:has(input:checked){background:var(--surface-selected);box-shadow:inset 0 0 0 2px var(--blue-500)}
.ax-choice label:has(input:checked) svg{color:var(--blue-600)}
.ax-choice label:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--blue-500),var(--focus-ring)}
.ax-choice small{font:var(--type-small);color:var(--text-3)}
.ax-list{display:flex;flex-direction:column;border-radius:var(--radius-3);box-shadow:inset 0 0 0 1px var(--border-2);overflow:hidden}
.ax-list label{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 10px;border-top:1px solid var(--border-1);cursor:pointer}
.ax-list label:first-child{border-top:0}
.ax-list label:hover{background:var(--gray-50)}
.ax-list label:has(input:checked){background:var(--surface-selected)}
.ax-list input{accent-color:var(--blue-500);margin:0}
.ax-list span{flex:1;min-width:0}
.ax-list small{font:var(--type-mono);color:var(--text-3)}
.ax-list .new{color:var(--blue-600)}