/* Stylesheet des Auth-Flows (Login, Einladung, Zuruecksetzen, Passwort aendern) - UX_UI_DESIGN.md §3/§13.
   Marken-Tokens wie in andiaris-ui-018.css (--brand-blue, --ink); die aelteren Namen (--blue, --text)
   bleiben als Aliase, bis die Regeln darunter umgestellt sind. Versioniert ueber ?v=NN. */
:root{--brand-blue:#156ce3;--ink:#122a43;--bg:#f3f5f7;--card:#fff;--line:#dfe5ea;--text:var(--ink);--muted:#6b7b8e;--blue:var(--brand-blue);--blue2:#0f57bd;--blue3:#0b4ca4;--blue-soft:#eaf3ff;--green:#188859;--greenbg:#eaf7f0;--amber:#a76b00;--amberbg:#fff4dc;--red:#c74444;--redbg:#fdecec;--shadow:0 12px 35px rgba(17,45,80,.10)}
*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text)}body{background:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.blue-app{background:linear-gradient(145deg,#0b56c7 0%,#1f78eb 58%,#4394f6 100%);min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #e3e9ee;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;position:sticky;top:0;z-index:20}.app-header .brand img{width:220px;max-width:45vw;height:auto;display:block}.header-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.header-user{display:flex;align-items:center;gap:9px;font-size:13px;color:#536476}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:850}.app-main{max-width:1380px;margin:0 auto;padding:28px 30px 54px}.stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;color:#fff;margin:0 0 18px}.stage-head h1{font-size:30px;line-height:1.08;margin:0 0 5px;letter-spacing:-.025em}.stage-head p{margin:0;color:rgba(255,255,255,.87);font-size:15px;line-height:1.45}.stage-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 13px;cursor:pointer;color:var(--text);font-weight:650}.btn:hover{border-color:#b9cad8}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.55)}.btn.ghost{background:transparent}.btn.danger{color:var(--red)}.btn.small{padding:7px 10px;font-size:12px}.panel,.card,.hero{background:#fff;border:1px solid rgba(221,229,236,.98);border-radius:18px;box-shadow:0 6px 20px rgba(14,51,96,.08)}.hero{padding:23px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.085em;color:var(--muted);font-weight:800}.hero h1{font-size:34px;letter-spacing:-.03em;margin:6px 0 8px}.hero p{margin:0;color:var(--muted);line-height:1.55;max-width:880px}.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:11px}.section-head h2{margin:0;font-size:21px}.section-head p{margin:4px 0 0;color:rgba(255,255,255,.85)}.section.white-head .section-head p{color:var(--muted)}.list{display:flex;flex-direction:column;gap:11px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.grid-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.card{padding:17px}.card h3{margin:0;font-size:16px}.card p{margin:6px 0 0;color:var(--muted);line-height:1.45}.status-pill,.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:11px;background:#fafcfd;color:#536575}.status-pill.red,.tag.red{color:var(--red);background:var(--redbg);border-color:#f0c5c5}.status-pill.amber,.tag.amber{color:var(--amber);background:var(--amberbg);border-color:#ebd4a4}.status-pill.green,.tag.green{color:var(--green);background:var(--greenbg);border-color:#bee3cf}.status-pill.blue,.tag.blue{color:var(--blue2);background:var(--blue-soft);border-color:#c7dcf7}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#92a2af}.dot.red{background:var(--red)}.dot.amber{background:#e6a000}.dot.green{background:var(--green)}.dot.blue{background:var(--blue)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;min-width:0}.kpi strong{font-size:25px;display:block;line-height:1.05}.kpi span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.kpi em{font-size:10px;font-style:normal;display:block;margin-top:4px}.kpi.red em{color:var(--red)}.kpi.amber em{color:var(--amber)}.kpi.green em{color:var(--green)}.summary-panel{padding:18px}.summary-row{display:grid;grid-template-columns:minmax(250px,1.1fr) 2fr;gap:16px;align-items:stretch}.summary-status{padding:8px 10px;border-right:1px solid var(--line);display:flex;gap:13px;align-items:flex-start}.status-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:900;flex:0 0 auto}.status-icon.red{background:var(--red);color:#fff}.status-icon.amber{background:#f1a400;color:#fff}.status-icon.green{background:var(--green);color:#fff}.summary-status h2{font-size:20px;margin:5px 0 6px}.summary-status p{margin:3px 0;color:var(--text);font-size:13px}.nav-pills{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.nav-pills button,.nav-pills a{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);color:#fff;padding:8px 11px;border-radius:10px;cursor:pointer;font-weight:700;font-size:12px}.nav-pills .active{background:#fff;color:var(--blue2);border-color:#fff}.topic-card,.control-card,.task-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 4px 14px rgba(12,45,84,.05)}.topic-card:hover,.control-card:hover{border-color:#b8cde0}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.card-top h3{margin:0;font-size:16px;line-height:1.3}.quick-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.fact{background:#f7f9fb;border:1px solid #edf0f2;border-radius:10px;padding:8px;min-width:0}.fact b{font-size:11px;display:block}.fact span{font-size:11px;color:var(--muted);display:block;margin-top:3px;overflow-wrap:anywhere}.fact span.red{color:var(--red)}.fact span.amber{color:var(--amber)}.fact span.green{color:var(--green)}.control-actions,.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.actions{justify-content:flex-end}.chain{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}.chain span{background:#f7f9fb;border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:10px}.chain i{font-style:normal;color:#91a0ad}.steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:14px}.step-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center}.step-num{width:28px;height:28px;border-radius:50%;background:var(--blue-soft);color:var(--blue2);display:grid;place-items:center;font-weight:850;font-size:12px}.step-card h4{font-size:13px;margin:8px 0 5px}.step-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.38}.step-state{margin-top:auto;padding-top:10px;width:100%}.details-box{background:#fff;border:1px solid var(--line);border-radius:15px;margin-top:12px;overflow:hidden}.details-box details{border-top:1px solid var(--line)}.details-box details:first-child{border-top:0}.details-box summary{padding:13px 15px;cursor:pointer;font-weight:750;font-size:13px;list-style:none}.details-box summary::-webkit-details-marker{display:none}.details-box summary:before{content:'›';display:inline-block;margin-right:8px;color:var(--blue);transition:.15s}.details-box details[open] summary:before{transform:rotate(90deg)}.details-content{padding:0 15px 14px;color:var(--muted);font-size:12px;line-height:1.5}.field{margin-top:11px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fff;color:var(--text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.empty{text-align:center;padding:28px;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(12,32,52,.52);display:none;align-items:flex-start;justify-content:center;padding:4vh 16px;overflow:auto;z-index:60}.modal.open{display:flex}.dialog{width:min(900px,100%);background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.28);padding:20px}.dialog.wide{width:min(1080px,100%)}.dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.dialog h2{margin:2px 0 0;font-size:23px}.quick-edit{background:#f6f9fc;border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:14px}.advanced{margin-top:12px}.advanced summary{cursor:pointer;color:var(--blue2);font-weight:750}.wizard{margin-top:10px}.wizard-step{display:none}.wizard-step.active{display:block}.choice-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.choice{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;cursor:pointer}.choice.on{background:var(--blue-soft);border-color:#82afe9;color:var(--blue2);font-weight:800}.progress{height:6px;background:#e8edf2;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:var(--blue);border-radius:999px}.footer-note{color:rgba(255,255,255,.86);font-size:11px;margin-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.white-surface{background:#fff;color:var(--text)}
@media(max-width:1050px){.kpis{grid-template-columns:repeat(3,1fr)}.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.summary-row{grid-template-columns:1fr}.summary-status{border-right:0;border-bottom:1px solid var(--line);padding-bottom:14px}.quick-facts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.app-header{padding:10px 14px;align-items:flex-start;flex-direction:column}.app-header .brand img{width:195px;max-width:80vw}.header-nav{width:100%;justify-content:flex-start}.app-main{padding:18px 14px 42px}.stage-head{flex-direction:column}.stage-head h1{font-size:26px}.kpis,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.steps,.quick-facts,.form-grid{grid-template-columns:1fr}.summary-panel{padding:14px}.dialog{padding:16px}.section-head{align-items:flex-start;flex-direction:column}.btn{min-height:42px}}