:root{--navy:#132b42;--blue:#176dad;--sky:#eaf3f8;--teal:#18846d;--ink:#182c3d;--muted:#536879;--line:#dce5eb;--paper:#f5f8fa;--white:#fff;--orange:#e99135;--red:#c62828;--red-soft:#fde3e1;--ok-soft:#e8f5f1;--warn-soft:#fff2e4}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.55}
a{color:var(--blue)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.top{background:var(--white);border-bottom:1px solid var(--line)}
.top .wrap{height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{font-weight:800;font-size:19px;letter-spacing:-.04em;color:var(--navy);text-decoration:none}.brand i{font-style:normal;color:var(--blue)}
.top nav{display:flex;align-items:center;gap:16px;font-size:13.5px;font-weight:600;flex-wrap:wrap;justify-content:flex-end}
.top nav a{color:#354c60;text-decoration:none}.top nav a:hover{color:var(--blue)}
.top nav .who{color:var(--muted);font-weight:500;font-size:12.5px;border-left:1px solid var(--line);padding-left:14px}
.top nav .alarmlink{color:var(--red)}
main{padding:34px 20px 50px;min-height:60vh}
h1{font-size:30px;line-height:1.15;letter-spacing:-.04em;color:var(--navy);margin:0 0 10px}
h2{font-size:21px;letter-spacing:-.02em;color:var(--navy);margin:28px 0 10px}
.lead{font-size:16.5px;color:#43596b;max-width:60ch;margin:0 0 20px}
.hint{font-size:12.5px;color:var(--muted)}
.narrow{max-width:720px}.narrow.center{margin:0 auto;text-align:center}.narrow.center .form{text-align:left}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:6px;font-size:14px;font-weight:700;text-decoration:none;border:1px solid #c9d5dd;background:var(--white);color:var(--navy);cursor:pointer;font-family:inherit}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}
.btn.danger{background:var(--red);color:#fff;border-color:var(--red)}
.btn.ghost{background:transparent}
.btn.small{padding:8px 12px;font-size:12.5px}.btn.big{padding:14px 24px;font-size:15px}
.form{display:grid;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:26px}
.form.slim{max-width:420px;margin:0 auto}
fieldset{border:1px solid var(--line);border-radius:8px;padding:16px 18px 18px;margin:0;display:grid;gap:12px}
legend{font-weight:800;color:var(--blue);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:0 6px}
label{display:grid;gap:5px;font-size:13px;font-weight:700;color:#334b5c}
input,select,textarea{width:100%;border:1px solid #cbd8e0;border-radius:6px;padding:11px 12px;font:inherit;font-weight:400;color:var(--ink);background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.err{color:var(--red);font-size:13px;margin:0;font-weight:600}
.flash{padding:12px 16px;border-radius:8px;margin-bottom:18px;font-weight:600;font-size:14px}
.flash.ok{background:var(--ok-soft);color:#16795f}.flash.warn{background:var(--warn-soft);color:#945013}.flash.err{background:var(--red-soft);color:var(--red)}
.slugbox{display:flex;align-items:center;border:1px solid #cbd8e0;border-radius:6px;background:#fff;overflow:hidden}
.slugbox span{padding:0 0 0 12px;color:var(--muted);font-weight:500;white-space:nowrap;font-size:13px}
.slugbox input{border:0;padding-left:2px}
#slugstate.ok{color:var(--teal)}#slugstate.bad{color:var(--red)}
.docbox{display:grid;gap:8px}
.docbox iframe{width:100%;height:220px;border:1px solid var(--line);border-radius:6px;background:#fff}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:13.5px;line-height:1.45}
.check input{width:auto;margin-top:3px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.foot{border-top:1px solid var(--line);padding:18px 0;color:#667989;font-size:12px;background:var(--white)}
.foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.foot a{color:inherit}
/* Übersicht / Tabellen */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 20px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.card b{display:block;font-size:28px;line-height:1.1;color:var(--blue);font-variant-numeric:tabular-nums}
.card small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.card.alarm b{color:var(--red)}
table.list{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:14px}
table.list th,table.list td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
table.list th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--sky)}
table.list tr:last-child td{border-bottom:0}
.pill{display:inline-block;font-size:11px;padding:3px 9px;border-radius:999px;font-weight:800;white-space:nowrap}
.pill.im_haus{background:var(--ok-soft);color:#16795f}.pill.erwartet{background:var(--sky);color:var(--blue)}.pill.wartet{background:var(--warn-soft);color:#945013}
.pill.erinnert{background:var(--warn-soft);color:#945013}.pill.ausgecheckt{background:#eef2f5;color:var(--muted)}.pill.abgesagt{background:#eef2f5;color:var(--muted)}
.pill.sicher{background:var(--ok-soft);color:#16795f}.pill.offen{background:var(--red-soft);color:var(--red)}
.badge{display:inline-block;background:var(--sky);border:1px solid var(--line);border-radius:5px;padding:2px 8px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 16px}
.toolbar .sp{flex:1}
.alarmbanner{background:var(--red);color:#fff;border-radius:10px;padding:16px 20px;margin:0 0 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-weight:700}
.alarmbanner .btn{background:#fff;color:var(--red);border-color:#fff}
.inline{display:inline-flex;gap:6px;align-items:center}
.inline input{width:90px;padding:6px 8px}
.muted{color:var(--muted)}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;word-break:break-all}
/* Besucherseiten (Handy) */
body.visitor main{max-width:520px;margin:0 auto;padding:20px 14px;width:100%;box-sizing:border-box}
body.visitor .wrap{padding:0 14px}
body.visitor .foot .wrap{flex-direction:column;gap:4px;font-size:11px}
body.visitor .top nav{display:none}
.vcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px;display:grid;gap:14px;min-width:0;overflow-wrap:anywhere}
.vcard h1{font-size:24px}
.bigbtn{display:block;text-align:center;padding:16px;border-radius:10px;font-weight:800;font-size:17px;text-decoration:none;background:var(--blue);color:#fff;border:0;width:100%;cursor:pointer;font-family:inherit}
.bigbtn.ok{background:var(--teal)}.bigbtn.ghost{background:#fff;color:var(--navy);border:1.5px solid #c9d5dd}.bigbtn.red{background:var(--red)}
.qrbig{display:block;margin:0 auto;max-width:280px}
@media(max-width:700px){.row2{grid-template-columns:1fr}.top .wrap{height:auto;padding:12px 20px;flex-wrap:wrap}.top nav .who{display:none}main{padding:22px 16px 40px}h1{font-size:25px}table.list{font-size:13px}table.list th:nth-child(n+5),table.list td:nth-child(n+5){display:none}}
@media print{.top,.foot,.toolbar,.btn{display:none!important}main{padding:0}body{background:#fff}}

/* ---------- kubisch.bewerbung ---------- */
.top nav .demo{color:var(--orange)}
.pill.eingang{background:var(--sky);color:var(--blue)}.pill.pruefung{background:var(--sky);color:var(--blue)}.pill.gespraech{background:var(--warn-soft);color:#945013}
.pill.zusage{background:var(--ok-soft);color:#16795f}.pill.absage{background:#eef2f5;color:var(--muted)}.pill.zurueckgezogen{background:#eef2f5;color:var(--muted)}
.pill.offen{background:var(--sky);color:var(--blue)}.pill.erledigt{background:var(--ok-soft);color:#16795f}.pill.uebergeben{background:var(--warn-soft);color:#945013}.pill.verfallen{background:#eef2f5;color:var(--muted)}
.pill.aktiv{background:var(--ok-soft);color:#16795f}.pill.eingeladen{background:var(--warn-soft);color:#945013}.pill.deaktiviert{background:#eef2f5;color:var(--muted)}
.pill.geschlossen{background:#eef2f5;color:var(--muted)}
/* Dashboard Statusspalten */
.sichten{display:flex;gap:8px;margin:0 0 14px}.sichten a{padding:8px 14px;border-radius:6px;border:1px solid #c9d5dd;background:#fff;font-weight:700;font-size:13px;text-decoration:none;color:var(--navy)}.sichten a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.filter{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:0 0 16px}.filter label{font-size:11.5px}.filter select,.filter input{padding:8px 10px;width:auto;min-width:160px}.filter .filtercheck{display:flex;align-items:center;gap:6px;font-size:13px;padding:0 4px 10px;white-space:nowrap}.filter .filtercheck input{width:16px;height:16px;min-width:0;margin:0;padding:0}
.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:10px;overflow-x:auto;padding-bottom:10px;align-items:start}
.col{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px;min-height:200px}
.col h4{margin:0 0 8px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800;display:flex;justify-content:space-between}
.bcard{display:block;background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:7px;padding:9px 10px;font-size:12.5px;margin-bottom:8px;text-decoration:none;color:var(--ink)}
.bcard:hover{border-color:var(--blue)}
.bcard b{display:block;color:var(--navy);font-size:13px}.bcard span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.bcard.late{border-left-color:var(--orange);background:#fff8ef}.bcard.crit{border-left-color:var(--red);background:var(--red-soft)}.bcard.ok{border-left-color:var(--teal)}.bcard.no{border-left-color:#8a9aa8;opacity:.75}
.bcard .ueb{color:#16795f;font-weight:700}.bcard .ueb.fehler{color:var(--red)}.bcard .ueb.dringend{color:var(--orange)}
/* Stellensicht */
details.stelle{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:10px}details.stelle summary{padding:14px 16px;cursor:pointer;display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:center;font-weight:700;color:var(--navy)}
details.stelle summary small{display:block;font-weight:500;color:var(--muted);font-size:12px}details.stelle .inner{padding:0 16px 14px}
.vert{display:flex;gap:6px;flex-wrap:wrap}.vert span{background:var(--sky);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;color:var(--navy)}
/* Mappe */
.mappe{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:start}
.doklist{list-style:none;margin:0;padding:0;display:grid;gap:6px}.doklist li{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px 12px;font-size:13.5px}.doklist li .sp{flex:1}
.doklist li.intern{background:#fff8ef;border-color:#f3d9b7}
.step{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.step:last-child{border-bottom:0}
.step .n{width:26px;height:26px;border-radius:50%;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:12px}
.step .n.ok{background:var(--ok-soft);color:#16795f}.step .n.no{background:var(--red-soft);color:var(--red)}.step .n.open{background:var(--warn-soft);color:#945013}
.step b{color:var(--navy)}.step .notiz{background:var(--paper);border-left:3px solid var(--line);padding:6px 10px;margin-top:6px;border-radius:0 6px 6px 0;white-space:pre-wrap}
.box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin-bottom:16px}.box h3{margin:0 0 10px;font-size:16px;color:var(--navy)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0}
.ueberschrift{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.rad{display:flex;gap:10px;flex-wrap:wrap}.rad label{flex:1;min-width:150px;display:flex;gap:8px;align-items:center;border:1px solid #c9d5dd;border-radius:8px;padding:12px;background:#fff;font-weight:700;cursor:pointer}.rad input{width:auto}
.rad label.weiter{border-color:var(--teal)}.rad label.einladen{border-color:var(--orange)}.rad label.absagen{border-color:var(--red)}
/* Prüferseite */
body.pruefer main{max-width:860px}body.pruefer .top nav{display:none}
.docframe{width:100%;height:70vh;border:1px solid var(--line);border-radius:8px;background:#fff}
.codebox input{font-size:28px;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;max-width:260px}
/* Workflow-Editor */
.wfsvg{width:100%;height:auto;background:#fff;border:1px solid var(--line);border-radius:10px;margin:12px 0}
.knoten{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px;display:grid;gap:8px}
.knoten .kopf{display:grid;grid-template-columns:70px 130px 1fr auto;gap:8px;align-items:end}
.knoten .felder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.knoten .felder.f3{grid-template-columns:repeat(3,1fr)}
.knoten .kanten{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--paper);padding:8px;border-radius:6px}
.knoten label{font-size:11px}.knoten input,.knoten select{padding:7px 9px;font-size:13px}
.knoten.t-start{border-left:4px solid var(--navy)}.knoten.t-aufgabe{border-left:4px solid var(--blue)}.knoten.t-gespraech{border-left:4px solid var(--orange)}.knoten.t-parallel{border-left:4px solid var(--teal)}.knoten.t-entscheidung{border-left:4px solid #8a9aa8}.knoten.t-ergebnis{border-left:4px solid var(--navy)}
.parallelaufg{border-top:1px dashed var(--line);padding-top:8px;display:grid;gap:6px}.parallelaufg .zeile{display:grid;grid-template-columns:1fr 1.4fr 1fr 1.2fr 70px auto;gap:6px;align-items:end}
.legende{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:6px 0 14px}.legende i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:4px;vertical-align:-1px}
/* Handy-Overlay */
.phonewrap{position:fixed;right:18px;bottom:18px;z-index:50}
.phonebtn{border:0;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;padding:12px 16px;font-size:14px;cursor:pointer;box-shadow:0 10px 28px #10233850;font-family:inherit}
.phonebtn span{background:var(--orange);border-radius:999px;padding:1px 8px;margin-left:4px;font-size:12px}
.phone{position:absolute;right:0;bottom:56px;width:300px;background:var(--navy);border-radius:30px;padding:12px 9px;box-shadow:0 20px 50px #10233860}
.phone.hidden{display:none}
.phone .screen{background:#fff;border-radius:22px;height:520px;padding:14px 12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}
.phone .from{text-align:center;font-size:10.5px;color:var(--muted);padding-bottom:6px;border-bottom:1px solid var(--line)}.phone .from small{color:#8a9aa8}
.bubble{background:var(--paper);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:9px 11px;font-size:12px;line-height:1.4;max-width:94%;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.bubble.sms{border-color:var(--orange);background:#fff8ef}.bubble.mail{border-color:#b9cbd8}
.bubble .k{display:block;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:4px;white-space:normal}
.bubble .t{font-size:10px;color:var(--muted);display:block;margin-top:4px}.bubble a{color:var(--blue);font-weight:700}
.bubble .code{display:inline-block;background:var(--navy);color:#fff;border-radius:5px;padding:1px 7px;letter-spacing:.2em;font-weight:800}
@media(max-width:900px){.mappe{grid-template-columns:1fr}.knoten .felder{grid-template-columns:1fr 1fr}.knoten .kopf{grid-template-columns:1fr 1fr}.knoten .kanten{grid-template-columns:1fr}.parallelaufg .zeile{grid-template-columns:1fr 1fr}details.stelle summary{grid-template-columns:1fr}}
@media(max-width:700px){.phone{width:280px}.board{grid-auto-columns:minmax(180px,1fr)}}

/* Stufen-Editor */
.stufenlayout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:start}
.stufe{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:10px;padding:12px 14px;margin-bottom:10px;display:grid;gap:8px}
.stufe.fest{border-left-color:var(--navy);grid-template-columns:auto auto 1fr;align-items:center;gap:12px;background:var(--paper)}
.stufe.fest.zusage{border-left-color:var(--teal)}
.stnr{width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center;flex:none}
.stkopf{display:grid;grid-template-columns:28px 1fr 170px auto;gap:10px;align-items:end}
.stkopf .inl{display:flex;align-items:center;gap:6px;font-size:13px}.stkopf .stfrist{width:64px}
.stbtn{display:flex;gap:4px}
.prliste{display:grid;gap:6px}
.pr{display:grid;grid-template-columns:1.2fr 1fr auto;gap:6px;align-items:end;background:var(--paper);padding:8px;border-radius:6px}
.stfuss{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12px}
.stfuss .regel select{padding:5px 8px;font-size:12px}
.stufe label{font-size:11px}.stufe input,.stufe select{padding:7px 9px;font-size:13px}
.vorschau{position:sticky;top:20px}.satz{font-size:15px;line-height:1.6;color:var(--navy)}
.hidden{display:none!important}
.muted.small{font-size:12px}
@media(max-width:900px){.stufenlayout{grid-template-columns:1fr}.stkopf{grid-template-columns:28px 1fr}.pr{grid-template-columns:1fr auto}.vorschau{position:static}}

/* Dateiliste: Button → Auswahl → Liste mit Vorschau/Entfernen; nach Auswahl kann die nächste Datei hinzugefügt werden */
.dateiliste .dl-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.dateiliste.nojs .dl-input{position:static;width:auto;height:auto;opacity:1}
.dateiliste.nojs .dl-add{display:none}
.dateiliste .hint{display:inline-block;margin-left:8px;font-size:12px;color:var(--muted)}
.dl-liste{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.dl-liste li{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:13.5px}
.dl-liste .dl-ico{width:34px;height:34px;border-radius:6px;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800;letter-spacing:.04em;flex:none}
.dl-liste .dl-ico.img{background:#e8f5f1;color:var(--teal)}
.dl-liste .dl-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--navy)}
.dl-liste .dl-size{color:var(--muted);font-size:12px;white-space:nowrap}
.dl-liste .dl-btn{border:1px solid #c9d5dd;background:#fff;border-radius:5px;padding:5px 9px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;color:var(--navy)}
.dl-liste .dl-btn.del{color:var(--red)}
.dl-liste li.fehler{border-color:var(--red);background:#fde3e1}
.dl-liste li.fehler .dl-size{color:var(--red)}
.feld{display:grid;gap:6px;margin:0 0 14px}.feld .label{font-size:13px;font-weight:700;color:#334b5c}

/* Prüfstellen-Auswahl in Stufen/Baukasten */
.pr .pssel{min-width:220px}.pr .psneu{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;grid-column:1/-1;background:#fff;border:1px dashed var(--line);border-radius:7px;padding:8px}
.pr .psneu.hidden,.psneu.hidden,.psinfo.hidden{display:none}
.pr .psinfo{align-self:end;padding-bottom:10px}
.stkopf .sttitel{font-size:15px;color:var(--navy);align-self:center;min-width:160px}
@media(max-width:700px){.pr .psneu{grid-template-columns:1fr 1fr}}

/* Prüfer: Dokument wählen, in der Vorschau scrollen, „Groß öffnen“ im neuen Tab */
.dokwahl li.waehlbar{cursor:pointer}.dokwahl li.waehlbar:hover{border-color:var(--blue)}
.dokwahl li.aktiv{border-color:var(--blue);background:var(--sky);box-shadow:inset 3px 0 0 var(--blue)}
.docview{margin-top:12px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.docview-kopf{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;background:var(--paper);border-bottom:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--navy)}
.docview-kopf .hint{font-weight:400}
.docview .docframe{display:block;width:100%;height:72vh;min-height:480px;border:0}

.demohinweis{background:#fff8ef;border:1px solid #f0c89a;border-radius:8px;padding:12px 14px;font-size:13.5px;line-height:1.5;margin:0 0 14px;color:#5b3a12}.demohinweis a{color:var(--blue);text-decoration:underline}

/* Manuelle Erfassung: Ablagezone, Quellenlinks, Quelle-Label */
.dropzone{position:relative;border:2px dashed #b9cbd8;border-radius:12px;background:var(--paper);padding:26px 20px;text-align:center;cursor:pointer;margin:0 0 16px;display:grid;gap:6px}
.dropzone b{font-size:15px;color:var(--navy)}.dropzone span{font-size:12.5px;color:var(--muted);max-width:620px;margin:0 auto}
.dropzone.over{border-color:var(--blue);background:var(--sky)}.dropzone:focus{outline:2px solid var(--blue);outline-offset:2px}
.dropzone #emlHinweis{display:block;margin-top:4px;color:var(--teal)}.dropzone #emlHinweis.warn{color:#945013}
.quellen{margin-top:10px}.quellen summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--blue)}.quellenliste td{font-size:12px;word-break:break-all}
.bcard em.quelle{font-style:normal;font-size:10px;background:var(--sky);color:var(--blue);border-radius:4px;padding:1px 6px;margin-left:4px;font-weight:700;letter-spacing:.03em}