:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#e9eff8;background:#0c1425;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 0%,#1d3551,#0c1425 65%)}.portal-wrap{width:min(990px,calc(100% - 32px));margin:36px auto}.portal-head{display:flex;align-items:center;gap:14px;margin-bottom:28px}.portal-head strong{font-size:23px;letter-spacing:.13em}.portal-head small{display:block;color:#a6bacf;margin-top:5px}.seal{border:2px solid #9dbad7;border-radius:15px;padding:17px;font-weight:800;letter-spacing:.05em}.card{background:#132039;border:1px solid #2e4767;border-radius:18px;padding:clamp(20px,4vw,40px);box-shadow:0 15px 45px #0005}h1{font-size:clamp(25px,4vw,35px);margin:4px 0 15px}h2{margin:30px 0 14px;font-size:20px}h2 small{font-size:12px;font-weight:400;color:#b7c9db}p{line-height:1.55;color:#bdcde0}a{color:#8cc9ff}.field{margin:15px 0;min-width:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.field.wide{grid-column:1/-1}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}input:not([type=checkbox]),select,textarea{background:#0b1628;color:#f0f6ff;border:1px solid #526988;border-radius:9px;width:100%;padding:12px 14px;font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid #81c6ff;outline-offset:1px}textarea{resize:vertical}button,.button{display:inline-block;cursor:pointer;border:0;border-radius:8px;text-decoration:none;font-weight:650;padding:12px 16px;font:inherit}.primary{background:#86c6f2;color:#081a2b}.secondary,.remove-row{background:#273956;color:#e4f1fb}.remove-row{width:auto;white-space:nowrap}.row{display:grid;grid-template-columns: 1fr 1.6fr auto;align-items:center;gap:8px;margin:8px 0}.alert{border-radius:10px;padding:14px 18px;margin:15px 0;line-height:1.5}.danger{background:#5b1a27;border:1px solid #ae4759}.warning{background:#554524;border:1px solid #a98b3e}.info{background:#16344b;border:1px solid #3b779a}.alert ul{padding-left:20px}.alert li{margin:6px 0}.status{display:inline-block;padding:5px 10px;border-radius:40px;font-size:12px;font-weight:700;margin-bottom:14px}.ok{background:#124a34;color:#a6ffd3}.tag{font-size:11px;color:#b2ffca;border-radius:8px;background:#174732;padding:3px 6px}.tag.missing{background:#5a3922;color:#ffddae}.hint{font-weight:400;color:#91a8c4}.finalize{border-top:1px solid #395471;margin-top:32px;padding-top:24px}.check{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:20px}.cancel-form{margin-top:14px}footer{color:#8fa1bb;text-align:center;font-size:12px;margin:30px 0}@media(max-width:700px){.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}.portal-wrap{margin:15px auto}.card{padding:20px}}

/* Erweiterung Statusabfrage */
.portal-nav{display:flex;flex-wrap:wrap;gap:10px;margin:-4px 0 22px}.portal-nav .button{font-size:14px}
.status-result{border-top:1px solid #395471;margin-top:32px;padding-top:22px}
.status-details{display:grid;grid-template-columns:minmax(125px,200px) 1fr;gap:10px 20px;margin:18px 0 24px}
.status-details dt{color:#91a8c4}.status-details dd{margin:0;overflow-wrap:anywhere}
.status-details dd strong{color:#d5f0ff;font-size:1.1em}
@media(max-width:540px){.status-details{grid-template-columns:1fr;gap:4px}.status-details dd{margin-bottom:12px}}

/* Branding: dynamisches Hoheitszeichen und App-Name aus den globalen Einstellungen */
.portal-head .seal{width:76px;height:76px;min-width:76px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:transparent}
.portal-head .seal img{display:block;width:100%;height:100%;object-fit:contain}
.portal-head .seal span{display:grid;place-items:center;width:62px;height:62px;border:2px solid #9dbad7;border-radius:15px;font-weight:800}
.portal-head .portal-brand-text{min-width:0;overflow-wrap:anywhere}
.portal-head .portal-brand-text strong{font-size:clamp(16px,2.6vw,23px);letter-spacing:.045em;line-height:1.15}
@media(max-width:480px){.portal-head .seal{width:58px;height:58px;min-width:58px}}

/* Strukturierte Tatvorwürfe: komfortable Eingabe auch bei langen Tatbestandsnamen. */
#charge-items .jb-charge-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(100px,1fr) minmax(200px,2.5fr) auto;gap:8px;align-items:center}
#charge-items .jb-charge-row input{width:100%;box-sizing:border-box;min-width:0}
@media(max-width:680px){#charge-items .jb-charge-row{grid-template-columns:1fr 1fr}#charge-items .jb-charge-row input[name$="[title]"]{grid-column:1/-1}#charge-items .jb-charge-row button{grid-column:1/-1}}