.mobile-incidents { --mi-accent: #a44739; --mi-edge: #e3ded6; max-width: 880px; margin: 0 auto; padding: 0 0 16px; }
.mobile-incidents .hidden { display: none !important; }
.mobile-incidents p { overflow-wrap: anywhere; }
.mobile-incidents .mi-error:empty, .mobile-incidents .mi-feedback:empty { display: none; }
.mi-error, .mi-feedback, .mi-emergency { border-radius: 16px; padding: 14px 16px; background: #fff3ed; border-left: 4px solid #a44739; color: #732c24; }
.mi-feedback { background: #edf6ef; border-color: #3d6c52; color: #245037; }
.mi-emergency { font-weight: 600; }
.mi-actions, .mi-pages, .mi-card-line { display: flex; gap: 10px; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.mi-actions { margin: 12px 0; }
.mobile-incidents button { min-height: 44px; border: 1px solid var(--mi-edge); border-radius: 14px; padding: 11px 15px; font: inherit; font-weight: 600; cursor: pointer; }
.mobile-incidents button:disabled { opacity: .5; cursor: default; }
.mobile-incidents .mi-primary { background: #984237; color: white; border-color: #984237; }
.mobile-incidents .mi-link, .mobile-incidents .mi-back { background: #f5ede8; color: #74392f; }
.mobile-incidents .mi-back { margin-bottom: 12px; }
.mi-list { display: grid; gap: 12px; margin: 12px 0; }
.mi-card, .mi-fold { background: rgba(255,255,255,.94); border: 1px solid var(--mi-edge); border-radius: 18px; padding: 16px; box-shadow: 0 5px 20px #23303808; }
.mi-card h2 { font-size: 1.2rem; margin-top: 0; }
.mi-card p { margin: 8px 0; }
.mi-card .mi-description { white-space: pre-wrap; margin: 12px 0; }
.mi-person { font-weight: 600; }
.mi-muted { color: #585f61; font-size: .92rem; }
.mi-badge { background: #edf1f2; border-radius: 100px; padding: 5px 10px; color: #344a50; font-size: .85rem; font-weight: 700; }
.mi-badge[data-severity="Hoch"] { background: #fff0ce; color: #73531b; }
.mi-badge[data-severity="Kritisch"] { background: #fce2df; color: #922c28; }
.mi-fold { margin: 12px 0; background: rgba(255,255,255,.78); }
@supports (backdrop-filter: blur(10px)) { .mi-fold { backdrop-filter: blur(10px); } }
.mi-fold summary { cursor: pointer; font-weight: 650; min-height: 24px; color: #62493a; }
.mi-fold[open] > summary { margin-bottom: 14px; }
.mi-field { display: flex; flex-direction: column; gap: 7px; margin: 14px 0; font-weight: 600; }
.mi-field input, .mi-field select, .mi-field textarea { box-sizing: border-box; width: 100%; min-width: 0; min-height: 46px; border: 1px solid #cacfd0; border-radius: 12px; background: #fff; color: #222b2e; font: inherit; font-size: 1rem; font-weight: 400; padding: 10px 12px; }
.mi-field textarea { resize: vertical; }
.mi-field:has(input[type="checkbox"]) { flex-direction: row-reverse; justify-content: flex-end; align-items: center; }
.mi-field input[type="checkbox"] { width: 22px; height: 22px; min-height: 22px; flex: 0 0 22px; accent-color: #984237; }
.mi-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mi-info-row { margin: 12px 0; }
.mi-info-row p { margin: 5px 0 0; white-space: pre-wrap; }
.mi-measure + .mi-measure { border-top: 1px solid var(--mi-edge); padding-top: 8px; }
.mi-pages { font-size: .9rem; margin: 18px 0; }
.mobile-incidents :focus-visible { outline: 3px solid #397487; outline-offset: 3px; }
@media (max-width: 360px) { .mi-card, .mi-fold { padding: 12px; } .mi-grid { grid-template-columns: 1fr; gap: 0; } .mi-actions > button { flex: 1 1 auto; } }
@media (prefers-reduced-transparency: reduce) { .mi-fold { background: #fff; backdrop-filter: none; } }
@media (forced-colors: active) {
  .mi-card, .mi-fold, .mi-error, .mi-feedback, .mi-emergency, .mi-badge,
  .mobile-incidents button, .mobile-incidents .mi-primary, .mobile-incidents .mi-back,
  .mobile-incidents .mi-link { color: CanvasText; background: Canvas; border: 1px solid CanvasText; box-shadow: none; backdrop-filter: none; }
  .mi-muted, .mi-fold summary { color: CanvasText; }
}