/* KI-Einstellungen der Akademie (academy_ai.js) – nutzt die Design-Tokens aus style.css */
.akai-panel{display:grid;gap:14px;padding:22px;border:1px solid var(--line,#ffffff13);border-radius:16px;background:var(--panel,#121217);color:var(--text,#f4f2f4)}
.akai-panel h3{margin:0;font-size:1.2rem}
.akai-panel .eyebrow{margin:0}
.akai-muted{color:var(--muted,#a5a3b0);font-size:.88rem;line-height:1.5;margin:0}
.akai-note{margin:0;padding:12px 14px;border-left:3px solid var(--red,#fa3049);border-radius:8px;background:var(--panel2,#19191f);line-height:1.5;font-size:.92rem}
.akai-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}
.akai-modes legend{margin-bottom:8px;font-weight:600;color:var(--muted,#a5a3b0);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.akai-mode{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--line,#ffffff13);border-radius:12px;background:var(--panel2,#19191f);cursor:pointer;transition:border-color .2s var(--ease,ease),background .2s var(--ease,ease)}
.akai-mode:hover{border-color:#ffffff30}
.akai-mode.active{border-color:var(--red,#fa3049);background:color-mix(in srgb,var(--red,#fa3049) 9%,var(--panel2,#19191f))}
.akai-mode input{margin-top:3px;accent-color:var(--red,#fa3049)}
.akai-mode span{display:grid;gap:4px}
.akai-mode small{color:var(--muted,#a5a3b0);line-height:1.4}
.akai-block{display:grid;gap:12px;padding:16px;border:1px solid var(--line,#ffffff13);border-radius:12px;background:var(--bg,#09090c)}
.akai-block[hidden]{display:none}
.akai-block label,.akai-url label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.akai-block input[type=text],.akai-block input[type=password],.akai-block select{width:100%;box-sizing:border-box;min-height:42px;padding:10px 12px;border:1px solid var(--line,#ffffff13);border-radius:10px;background:var(--panel2,#19191f);color:var(--text,#f4f2f4);font:inherit;font-weight:400}
.akai-block input:focus,.akai-block select:focus{outline:2px solid var(--red,#fa3049);outline-offset:1px}
.akai-copy-row{display:flex;gap:8px;min-width:0}
.akai-copy-row input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}
.akai-url{padding:12px;border:1px dashed var(--red,#fa3049);border-radius:10px}
.akai-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.akai-steps{margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.5;font-size:.92rem}
.akai-steps q{color:var(--text,#f4f2f4);font-weight:600}
.akai-feedback{margin:0;min-height:1.2em;font-size:.9rem;color:var(--green,#58d4a0)}
.akai-error{color:var(--red,#fa3049)!important}
/* Ergebnisanzeige (optional von academy.js nutzbar) */
.akai-result{display:grid;gap:8px;padding:14px;border-radius:12px;background:var(--panel2,#19191f);border:1px solid var(--line,#ffffff13)}
.akai-point{display:grid;grid-template-columns:22px 1fr;gap:8px;font-size:.92rem;line-height:1.45}
.akai-point.ok::before{content:"✓";color:var(--green,#58d4a0);font-weight:700}
.akai-point.miss::before{content:"✗";color:var(--red,#fa3049);font-weight:700}
@media (max-width:760px){
  .akai-panel{padding:16px;border-radius:12px}
  .akai-modes{grid-template-columns:1fr}
  .akai-copy-row{flex-direction:column}
  .akai-actions .button{width:100%}
}