body{margin:0;background:#eef1f4;color:#17202a;font-family:system-ui,sans-serif}header{background:#8f1515;color:#fff;padding:15px 20px;display:flex;gap:18px}main{max-width:1100px;margin:auto;padding:16px}.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:14px;box-shadow:0 2px 8px #0001}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.full{grid-column:1/-1}label{font-weight:650;font-size:.9rem}input,select,textarea{width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #ccd3da;border-radius:8px;font:inherit}textarea{min-height:80px}button{padding:10px 14px;border:0;border-radius:8px;font-weight:700;cursor:pointer}.primary{background:#8f1515;color:#fff}.warn{border-left:4px solid #d97706;background:#fff8eb;padding:11px}.entry{padding:10px 0;border-bottom:1px solid #e5e7eb}.badge{background:#e5e7eb;padding:3px 7px;border-radius:20px;font-size:.75rem}.toolbar{display:flex;justify-content:space-between;margin-bottom:10px}.muted{color:#667085}@media(max-width:760px){.grid{grid-template-columns:1fr}.full{grid-column:auto}}

.ghs-grid{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px;margin-top:6px}
.ghs-item{border:1px solid #bbb;border-radius:8px;padding:8px;text-align:center;cursor:pointer;background:#fff}
.ghs-item.selected{outline:3px solid #333}
.ghs-svg{width:54px;height:54px;display:block;margin:0 auto 5px}
.adr-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid #222;border-radius:4px;font-weight:700;margin-right:6px;background:#fff}
.small-note{font-size:.85rem;color:#666}
@media(max-width:650px){.ghs-grid{grid-template-columns:repeat(2,minmax(90px,1fr))}}

.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.admin-nav button{font-weight:700}.admin-panel{margin-top:10px}

.top-admin-menu{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-left:auto}
.top-admin-menu button{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.12);color:#fff;border-radius:6px;padding:7px 10px;font-weight:700;cursor:pointer}
.top-admin-menu button:hover{background:rgba(255,255,255,.22)}
@media(max-width:700px){.top-admin-menu{width:100%;margin:7px 0 0}.top-admin-menu button{flex:1}}

.top-admin-menu[hidden]{display:none!important}

.top-admin-menu{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}
.top-admin-menu[hidden]{display:none!important}
.top-admin-menu a,.standalone-nav a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.55);padding:7px 10px;border-radius:6px;font-weight:700;background:rgba(255,255,255,.12)}
.top-admin-menu a:hover,.standalone-nav a:hover{background:rgba(255,255,255,.22)}
.standalone-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}

.incident-record-head{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 18px;margin:12px 0;background:#fff;border:1px solid #ddd;border-radius:10px}
.incident-record-head h2{margin:2px 0 4px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#777;font-weight:700}
.incident-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.incident-actions select{padding:7px;border:1px solid #bbb;border-radius:6px}
.locked-notice{display:flex;gap:12px;align-items:center;background:#fff0f0;border:1px solid #e1aaaa;border-radius:8px;padding:10px 14px;margin:10px 0;color:#7a1111}.locked-notice span{font-weight:400}
.record-tabs{display:flex;gap:4px;overflow-x:auto;margin:12px 0;padding:4px;background:#eee;border-radius:9px;position:sticky;top:0;z-index:2}
.record-tab{border:0;background:transparent;padding:10px 12px;border-radius:7px;white-space:nowrap;cursor:pointer}.record-tab.active{background:#fff;font-weight:700;box-shadow:0 1px 4px #bbb}
.record-panel{display:none}.record-panel.active{display:block}
.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.feature-list{display:grid;grid-template-columns:auto 1fr;gap:6px 18px}.feature-list dt{font-weight:700}.feature-list dd{margin:0}
.entry-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px;align-items:start}.entry-feed>.timeline-entry,.entry-feed>.entry{margin:0}

/* Compact incident-record chrome (0.12.2): every tab of the incident record uses the
   same wide, dense layout that the Messaufträge workspace already had, instead of only
   that one tab looking different when switched to. */
body.record-workspace main{max-width:1920px;padding:16px 24px}
body.record-workspace header{padding:10px 24px}
body.record-workspace .app-header-logo{height:36px;width:36px}
body.record-workspace .toolbar{font-size:.8rem;margin-bottom:8px}
body.record-workspace .incident-record-head{padding:12px 16px;margin:8px 0}
body.record-workspace .incident-record-head h2{font-size:1.14rem}
body.record-workspace #incidentMeta{display:none}
body.record-workspace .incident-record-head .eyebrow{display:none}
body.record-workspace .incident-actions select{width:auto;min-height:36px;font-size:.8rem;margin:0}
body.record-workspace .incident-actions .status-badge{font-size:.75rem}
body.record-workspace .record-tabs{position:static;margin:8px 0 14px}
body.record-workspace .record-tab{min-height:36px;padding:7px 12px;font-size:.84rem}
@media(max-width:800px){body.record-workspace main{padding:16px}}
.is-locked{opacity:.72}.report-block{line-height:1.5}.report-block b{display:block;margin-top:12px}.report-block p{margin:2px 0}
@media(max-width:800px){.incident-record-head,.summary-grid{display:block}.incident-actions{margin-top:12px}.record-tabs{position:static}}
@media print{header,.toolbar,.record-tabs,.incident-actions,.write-section,.primary{display:none!important}.record-panel{display:block!important}.incident-record-head{border:0}.locked-notice{display:flex}}

.adr-grid{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:8px;margin-top:6px}
.adr-item{border:1px solid #bbb;border-radius:8px;padding:8px;text-align:center;cursor:pointer;background:#fff}
.adr-item.selected{outline:3px solid #333}
.adr-svg{width:54px;height:54px;display:block;margin:0 auto 5px;object-fit:contain}
.saved-pictograms{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.saved-pictogram{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:62px;text-align:center;font-size:.78rem;font-weight:700}
.saved-pictogram .wiki-pictogram{width:54px;height:54px;object-fit:contain}
@media(max-width:650px){.adr-grid{grid-template-columns:repeat(2,minmax(90px,1fr))}}


/* Startseite: primärer Einsatz-anlegen-Button */
.btn-create-incident{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:46px;padding:.7rem 1.15rem;border:0;border-radius:10px;
  font-weight:800;font-size:.95rem;text-decoration:none;cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.14);transition:transform .12s ease,box-shadow .12s ease;
}
.btn-create-incident:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.18)}
.btn-create-incident:active{transform:translateY(0)}

/* Header logo */
.app-header-logo{width:46px;height:46px;object-fit:contain;display:block;flex:0 0 auto}.header-brand{display:flex;align-items:center;gap:10px;min-width:0}.header-brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.header-brand-text span{opacity:.9;font-size:.82rem}header{align-items:center}@media(max-width:700px){.app-header-logo{width:38px;height:38px}.header-brand-text span{display:none}}


.entry-actions{margin-top:.45rem;display:flex;justify-content:flex-end}.entry-delete-btn{font-size:.78rem;padding:.3rem .55rem}

/* Strukturierte Beobachtungen (Vokabular-Auswahl), Release 0.12.0 */
.obs-values{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0}
.obs-value-group{border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:200px;flex:1}
.obs-value-group legend{font-size:.78rem;font-weight:700;color:#566477;padding:0 4px}
.obs-check-list{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:4px}
.obs-check{display:flex;align-items:center;gap:7px;font-weight:400;margin:4px 0;flex:0 0 auto;min-width:170px}
.obs-check input{width:auto;min-height:0;margin:0}
.obs-check-inline{display:flex;align-items:center;gap:7px;font-weight:400}
.obs-check-inline input{width:auto;min-height:0;margin:0}
.obs-legacy-hint{color:#79510a;background:#fff8eb;display:inline-block;padding:2px 8px;border-radius:6px;margin-top:.35rem}

/* Zentrale Einsatzakte 0.9 */
[hidden]{display:none!important}
.entry-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.4rem;color:#667085;font-size:.82rem}
.entry-context{margin:.25rem 0;color:#56616d;font-size:.88rem}.timeline-entry p,.situation-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:.45rem 0}.timeline-entry small{display:block;color:#667085;margin-top:.35rem}
.timeline-entry{padding:.85rem .9rem;margin:.5rem 0;border:1px solid #e1e5e9;border-left:4px solid #8b97a3;border-radius:8px;background:#fff}
.priority-wichtig{border-left-color:#d7891c;background:#fffaf2}.priority-kritisch{border-left-color:#b42318;background:#fff6f5}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.section-heading h3{margin:4px 0}.section-heading p{max-width:620px;margin:0;color:#566477;font-size:.9rem}.measurement-card{padding:18px;margin:12px 0}.measurement-value{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:12px 0}.measurement-value b{font-size:1.02rem}.measurement-value strong{font-size:1.3rem;color:#17202a;text-align:right;overflow-wrap:anywhere}.measurement-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;padding:14px;background:#f6f8fa;border-radius:10px}.measurement-details div{min-width:0}.measurement-details dt{font-size:.72rem;color:#667085;font-weight:700}.measurement-details dd{margin:3px 0 0;font-size:.88rem;overflow-wrap:anywhere}.form-actions{display:flex;align-items:center;gap:16px;margin-top:18px}.form-actions p{margin:0}.measurement-form-grid{align-items:start}
.press-freigegeben{border-left-color:#43835c;background:#f5fbf7}.press-zur-freigabe{border-left-color:#d7891c}.press-zurückgezogen{opacity:.72}
.audit-row{padding:.7rem 0;border-bottom:1px solid #e5e7eb}.audit-row small{color:#667085}.audit-row pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7f8;padding:.65rem;border-radius:7px;font-size:.78rem}
.incident-archive{margin-top:1rem}.incident-archive summary{cursor:pointer;font-weight:750;padding:.7rem 0}
.status-abgeschlossen{background:#e6edf3;color:#344054}.status-gesperrt{background:#fee4e2;color:#912018}
button.secondary,.secondary{background:#eef1f4;color:#263442;border:1px solid #cdd5dd;text-decoration:none;display:inline-block}
.danger{background:#b42318;color:#fff}
button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.62}
@media print{.entry-actions,[data-permission]{display:none!important}.timeline-entry{break-inside:avoid}}

/* Nutzerverwaltung */
/* Einsatzübersicht */
.incident-home main{padding-top:26px}.incident-home .toolbar{color:#667085;font-size:.82rem;margin-bottom:18px}
.incident-list-card{padding:26px;border:1px solid #e1e6eb;box-shadow:0 4px 20px #17202a06}
.incident-list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.incident-list-heading h1{font-size:1.8rem;letter-spacing:-.04em;margin:5px 0 8px}.incident-list-heading p{margin:0;color:#667085;font-size:.94rem}.incident-list-heading .btn-create-incident{flex-shrink:0;box-shadow:none}
.incident-list-controls{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;padding:18px;background:#f6f8fa;border:1px solid #e6eaef;border-radius:12px}.incident-list-controls label{font-size:.8rem;color:#465363}.incident-list-controls input,.incident-list-controls select{background:white;min-height:44px;color:#17202a;font-size:.94rem}
.incident-results{display:flex;justify-content:space-between;gap:12px;margin:20px 0;color:#667085;font-size:.8rem}.incident-results>span{color:#667085}
.incident-group h2{font-size:1rem;display:flex;gap:9px;align-items:center;margin:0 0 12px}.incident-group h2>span,.incident-archive summary>span{font-size:.75rem;background:#e9edf1;color:#465363;border-radius:6px;padding:3px 7px}
.incident-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.incident-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #dfe5eb;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}.incident-card:hover{border-color:#aab6c3;box-shadow:0 7px 20px #17202a10;transform:translateY(-2px)}.incident-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.incident-number{font-size:.72rem;letter-spacing:.035em;color:#667085;overflow-wrap:anywhere}.incident-card h3{font-size:1.08rem;line-height:1.4;margin:14px 0 7px;overflow-wrap:anywhere}.incident-card h3 a{color:#17202a;text-decoration:none}.incident-card h3 a:hover{text-decoration:underline}.incident-location{font-size:.87rem;color:#56616d;margin:0 0 18px;overflow-wrap:anywhere}.incident-card .status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;font-size:.7rem;font-weight:750;white-space:nowrap}.incident-card .status-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.incident-card .status-laufend{background:#e8f4ec;color:#24613e}.incident-card .status-unknown{background:#eef1f4;color:#465363}.incident-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:auto 0 16px;padding-top:15px;border-top:1px solid #edf0f3}.incident-card-meta div{min-width:0}.incident-card-meta dt{font-size:.69rem;color:#667085}.incident-card-meta dd{margin:4px 0 0;font-size:.8rem;color:#344054;overflow-wrap:anywhere}.incident-card .open-incident-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #d9dfe5;border-radius:8px;color:#8f1515;background:#fff;font-size:.82rem;font-weight:750;text-decoration:none}.incident-card .open-incident-btn:hover{background:#fff4f3;border-color:#cfa3a3}
.incident-overview .incident-archive{border-top:1px solid #e4e8ed;margin-top:24px;padding-top:10px}.incident-overview .incident-archive summary{font-size:.95rem;padding:12px 0}.incident-archive summary>span{margin-left:6px}.incident-archive summary small{font-weight:400;font-size:.78rem;color:#667085;margin-left:12px}.incident-archive[open] summary{margin-bottom:8px}
.incident-empty{text-align:center;padding:38px 18px;background:#f8fafb;border:1px dashed #d5dde5;border-radius:10px}.incident-empty strong{font-size:1rem}.incident-empty p,.incident-empty-inline{color:#667085;font-size:.88rem;line-height:1.5}.incident-empty p{margin:8px 0 0}.incident-empty-inline{padding:16px;background:#f6f8fa;border-radius:8px}
.incident-home :is(a,button,input,select,summary):focus-visible{outline:3px solid #3267ad;outline-offset:3px}
@media(max-width:600px){.incident-home header{flex-wrap:wrap}.incident-home main{padding:12px}.incident-list-card{padding:16px}.incident-list-heading{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:20px}.incident-list-heading h1{font-size:1.55rem}.incident-list-controls{grid-template-columns:1fr;padding:12px;gap:12px}.incident-card-grid{grid-template-columns:1fr}.incident-card{padding:16px}.incident-results{flex-wrap:wrap}.incident-archive summary small{display:block;margin:7px 0 0}.incident-home .toolbar{gap:12px}}

.user-editor{border:1px solid #dfe4e8;border-radius:10px;padding:1rem;margin:.85rem 0;background:#fbfcfd}
.user-editor-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.9rem}.user-editor-head strong,.user-editor-head small{display:block}.user-editor-head small{color:#667085;margin-top:.2rem}
.user-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.user-actions{display:flex;gap:.55rem;justify-content:flex-end;flex-wrap:wrap;margin-top:.85rem}
.status-active{background:#e5f5e9;color:#25613a}.status-inactive{background:#f0f1f2;color:#59636e}
.password-reset{margin-top:.9rem;border-top:1px solid #e1e5e9;padding-top:.75rem}.password-reset summary{cursor:pointer;font-weight:700;color:#45515d}.password-reset-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:.7rem;align-items:end;margin-top:.7rem}.password-reset-row button{margin-bottom:0}
@media(max-width:850px){.user-fields{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.user-fields,.password-reset-row{grid-template-columns:1fr}.user-editor-head{display:block}.user-editor-head .status-badge{display:inline-block;margin-top:.55rem}.user-actions button{width:100%}}
@media(max-width:800px){.measurement-details{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading p{margin-top:8px}}
@media(max-width:540px){.measurement-details{grid-template-columns:1fr}.measurement-value{display:block}.measurement-value strong{display:block;text-align:left;margin-top:5px}.form-actions{display:block}.form-actions button{width:100%}.form-actions p{margin-top:10px}}
/* Shared interface system, Stofflage 0.9 */
:root{--brand:#8f1515;--ink:#202c3b;--line:#dce3eb;--surface:#f5f7fa;--focus:#2563a6}
*{box-sizing:border-box}body{color:var(--ink);background:var(--surface);line-height:1.55}header{flex-wrap:wrap;padding:18px 28px;box-shadow:0 2px 8px #17202a12}main{max-width:min(1760px,97vw);padding:24px 32px}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-size:1.85rem}h2{font-size:1.4rem}h3{font-size:1.08rem}.card{padding:24px;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 14px #17202a05;margin-bottom:20px}.card>h2:first-child,.card>h1:first-child{margin-top:0}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.grid>*{min-width:0}.grid.grid-narrow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}label{display:block;color:#354255;font-size:.86rem}input,select,textarea{background:#fff;color:var(--ink);border-color:#bcc8d5;min-height:44px}textarea{min-height:108px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;min-height:0}button,.primary,.secondary{border-radius:9px;min-height:44px;padding:10px 15px;font:inherit;font-weight:650}a.primary{text-decoration:none;display:inline-flex;align-items:center}button:hover{filter:brightness(.96)}:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.toolbar{gap:12px;flex-wrap:wrap;align-items:center}.muted,.small-note{color:#566477}.record-tabs{padding:6px;gap:6px;background:#e7ecf2}.record-tab.active{color:var(--brand);box-shadow:0 2px 6px #17202a10}.record-panel{min-width:0}.incident-record-head{border-color:var(--line);padding:20px}.feature-list{grid-template-columns:minmax(120px,1fr) minmax(0,2fr)}.feature-list>*{overflow-wrap:anywhere}summary{cursor:pointer;font-weight:650}table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}#login{max-width:720px;margin:40px auto}#login .grid{grid-template-columns:1fr 1fr;margin-bottom:18px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;color:var(--ink);padding:12px;border-radius:8px}.skip-link:focus{top:12px}
@media(max-width:800px){header{padding:16px}main{padding:16px}.grid{grid-template-columns:1fr 1fr}.top-admin-menu{margin-left:0}.incident-record-head{display:block}}
@media(max-width:540px){main{padding:12px}.card{padding:16px}.grid,#login .grid{grid-template-columns:1fr}.full{grid-column:1/-1}.feature-list{grid-template-columns:1fr}.feature-list dd{margin-bottom:10px}.top-admin-menu{width:100%;display:grid;grid-template-columns:1fr 1fr}.top-admin-menu a,.top-admin-menu button{text-align:center;font-size:.8rem}.incident-actions>*{max-width:100%}#login{margin:16px auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.skip-link{display:none!important}body{background:white}.card{box-shadow:none;break-inside:avoid}main{max-width:none;padding:0}}
.user-fields{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:850px){.user-fields{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.user-fields{grid-template-columns:1fr}}