:root{font-family:system-ui,-apple-system,sans-serif;color:#111827;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}header{padding:14px 18px;background:#111827;color:white;display:flex;justify-content:space-between;align-items:center;gap:14px}header a{color:white}.header-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.language-control{display:flex;grid-template-columns:none;align-items:center;gap:7px;font-size:14px}.language-control select{padding:6px 8px;background:white;color:#111827}main{max-width:1100px;margin:auto;padding:16px}.card{background:white;border-radius:12px;padding:16px;margin-bottom:14px;box-shadow:0 1px 4px #0002}button,input,select,textarea{font:inherit;padding:10px;border:1px solid #d1d5db;border-radius:8px}button{cursor:pointer;background:#111827;color:white}button.secondary{background:white;color:#111827}button.small{padding:6px 9px;font-size:13px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}label{display:grid;gap:5px}#map,#adminMap{height:55vh;border-radius:12px}.muted{color:#6b7280}.hidden{display:none}.incident{border-top:1px solid #e5e7eb;padding:10px 0}.danger{background:#991b1b}.ok{background:#166534}.admin-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #e5e7eb;padding:10px 0}.badge{display:inline-block;border-radius:999px;padding:3px 8px;font-size:12px;margin-left:6px;background:#e5e7eb}.badge.locked{background:#fef3c7;color:#92400e}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}@media(max-width:700px){#map,#adminMap{height:45vh}header{align-items:flex-start}.header-actions{justify-content:flex-end}.admin-row{align-items:flex-start;flex-direction:column}}
.category-admin-list{margin-top:14px}.category-admin-row{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(150px,1fr) minmax(150px,1fr) 100px minmax(130px,.8fr) auto;gap:8px;align-items:center;border-top:1px solid #e5e7eb;padding:10px 0}.category-toggle{display:flex;grid-template-columns:none;flex-direction:row;align-items:center;gap:6px}.category-toggle input{width:auto}.category-key{min-width:0;overflow-wrap:anywhere}@media(max-width:900px){.category-admin-row{grid-template-columns:1fr 1fr}.category-key{grid-column:1/-1}}@media(max-width:560px){.category-admin-row{grid-template-columns:1fr}.category-key{grid-column:auto}}

.incident-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}.modal{position:fixed;inset:0;background:#0008;z-index:1000;padding:24px;overflow:auto}.modal-panel{max-width:900px;margin:0 auto;background:white;border-radius:14px;padding:18px;box-shadow:0 18px 50px #0005}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #e5e7eb;padding-bottom:12px;margin-bottom:14px}.modal-header h2{margin:0 0 4px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:20px}.detail-grid>div{background:#f9fafb;border-radius:9px;padding:10px}.timeline{position:relative}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding-bottom:16px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:8px;top:16px;bottom:0;width:2px;background:#e5e7eb}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#111827;margin-top:6px;z-index:1}.timeline-content{min-width:0}.timeline-title{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.interaction-text{margin-top:6px;white-space:pre-wrap}.modal.hidden{display:none}@media(max-width:600px){.modal{padding:8px}.modal-panel{padding:14px}.modal-header{flex-direction:column}.incident-heading{align-items:flex-start;flex-direction:column}}

.incident-counts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}

.landing-card{max-width:680px;margin:8vh auto 0}.landing-card h2{margin-top:0}

.brand{display:flex;align-items:center;gap:8px}.version-badge{font-size:11px;opacity:.75;border:1px solid #ffffff55;border-radius:999px;padding:2px 6px}.incident-description{white-space:pre-wrap;margin:7px 0}.detail-section{margin:18px 0}.category-change-panel{background:#f9fafb;border-radius:10px;padding:12px}.suggestion-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e5e7eb;padding:10px 0}.suggestion-row:first-of-type{border-top:0}@media(max-width:600px){.suggestion-row{align-items:flex-start;flex-direction:column}}
.table-wrap{overflow-x:auto}.table-wrap table{min-width:850px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.section-heading h3{margin-top:0}.member-inactive{opacity:.65}.permission-list{font-size:12px;color:#4b5563;max-width:260px}.audit-event{font-weight:600}@media(max-width:600px){.section-heading{flex-direction:column}}


/* v0.13.0 theme layer */
:root{
  --bg:#f3f4f6;--surface:#ffffff;--surface-soft:#f9fafb;--text:#111827;--muted:#6b7280;
  --border:#d1d5db;--border-soft:#e5e7eb;--header:#111827;--header-text:#ffffff;
  --button:#111827;--button-text:#ffffff;--danger:#991b1b;--ok:#166534;--shadow:#0002;
  --badge:#e5e7eb;--badge-text:#111827;--input:#ffffff;--overlay:#0008;--timeline:#111827;
}
:root[data-theme="dark"]{
  --bg:#0b1220;--surface:#111827;--surface-soft:#172033;--text:#e5e7eb;--muted:#9ca3af;
  --border:#374151;--border-soft:#263244;--header:#070d18;--header-text:#f9fafb;
  --button:#e5e7eb;--button-text:#111827;--danger:#b91c1c;--ok:#15803d;--shadow:#0007;
  --badge:#263244;--badge-text:#e5e7eb;--input:#0f172a;--overlay:#000b;--timeline:#d1d5db;
}
html,body{background:var(--bg);color:var(--text)}
header{background:var(--header);color:var(--header-text)}header a{color:var(--header-text)}
.card,.modal-panel{background:var(--surface);color:var(--text);box-shadow:0 1px 4px var(--shadow)}
.detail-grid>div,.category-change-panel{background:var(--surface-soft)}
.muted,.permission-list{color:var(--muted)}
button{background:var(--button);color:var(--button-text);border-color:var(--border)}
button.secondary,.theme-toggle{background:var(--surface);color:var(--text);border-color:var(--border)}
button.danger{background:var(--danger);color:#fff}.ok{background:var(--ok);color:#fff}
input,select,textarea{background:var(--input);color:var(--text);border-color:var(--border)}
.language-control select{background:var(--input);color:var(--text)}
.incident,.admin-row,th,td,.category-admin-row,.suggestion-row,.modal-header{border-color:var(--border-soft)}
.badge{background:var(--badge);color:var(--badge-text)}
.timeline-item:not(:last-child):before{background:var(--border-soft)}.timeline-dot{background:var(--timeline)}
.modal{background:var(--overlay)}
.theme-toggle{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
:root[data-theme="dark"] .leaflet-container{background:#0b1220}
:root[data-theme="dark"] .leaflet-tile{filter:brightness(.68) contrast(1.12) saturate(.78)}
:root[data-theme="dark"] .leaflet-control-zoom a,
:root[data-theme="dark"] .leaflet-control-attribution{background:#111827;color:#e5e7eb;border-color:#374151}
:root[data-theme="dark"] .leaflet-control-attribution a{color:#93c5fd}
:root[data-theme="dark"] .leaflet-popup-content-wrapper,
:root[data-theme="dark"] .leaflet-popup-tip{background:#111827;color:#e5e7eb}