/* simple theme (light/dark aware) */
.cad-el-wrapper{display:grid;gap:12px;color:var(--cad-el-fg,#111)}
.cad-el-wrapper[data-theme="light"]{--cad-el-fg:#111; --cad-el-border:#e7e7ec; --cad-el-bg:#fff; --cad-el-head:#f6f7fb; --cad-el-hover:#f3f6ff; --cad-el-active:#e9f0ff;}
.cad-el-wrapper[data-theme="dark"]{--cad-el-fg:#e6e6e6; --cad-el-border:#2a2b31; --cad-el-bg:#111214; --cad-el-head:#16171b; --cad-el-hover:#151a24; --cad-el-active:#0f213f;}
@media (prefers-color-scheme: dark){
  .cad-el-wrapper[data-theme="auto"]{--cad-el-fg:#e6e6e6; --cad-el-border:#2a2b31; --cad-el-bg:#111214; --cad-el-head:#16171b; --cad-el-hover:#151a24; --cad-el-active:#0f213f;}
}
.cad-el-header{display:flex;justify-content:space-between;align-items:center}
.cad-el-search{width:100%;max-width:420px;padding:10px 12px;border:1px solid var(--cad-el-border);border-radius:10px;background:var(--cad-el-bg);color:var(--cad-el-fg)}
.cad-el-search::placeholder{color:rgba(127,127,129,.9)}
.cad-el-list{border:1px solid var(--cad-el-border); border-radius:12px; overflow:hidden; background:var(--cad-el-bg)}
.cad-el-cadrow{display:grid; grid-template-columns: 150px 300px 1fr; gap:12px; align-items:center; padding:10px 12px; border-bottom:1px solid var(--cad-el-border); text-align:left; font: 500 14px ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Helvetica, Arial;}
.cad-el-cadrow:last-child{border-bottom:none}
.cad-el-cadrow.cad-el-head{font-weight:700; text-transform:uppercase; font-size:12px; letter-spacing:.04em; background:var(--cad-el-head);}
.cad-el-cadrow { background: transparent; border:0; width:100%; display:grid; color:var(--cad-el-fg)}
.cad-el-cadrow:hover{background:var(--cad-el-hover)}
.cad-el-cadrow.active{background:var(--cad-el-active)}
.cad-el-cadrow .col.addr{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.cad-el-empty{padding:12px; opacity:.9}

/* === Incident layout patch === */
/* --- Uniform 4‑column layout (Date, Nature, Address, Incident) --- */
.cad-el-list{border:1px solid var(--cad-el-border); border-radius:12px; overflow:hidden; background:var(--cad-el-bg)}
.cad-el-cadrow{ 
  display:grid; 
  grid-template-columns: 120px 280px 1fr 160px; 
  gap: 12px; 
  align-items: center;
  padding: 12px 14px; 
  border-bottom:1px solid var(--cad-el-border);
  background: transparent; 
  border:0; 
  width:100%; 
  color:var(--cad-el-fg); 
  text-align:left;
  font: 14px/1.35 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Helvetica, Arial;
}
.cad-el-cadrow .col.date{white-space:nowrap; opacity:.9}
.cad-el-cadrow .col.nature{font-weight:600}
.cad-el-cadrow .col.addr{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.cad-el-cadrow .col.inc{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; letter-spacing:.02em; white-space:nowrap; text-align:right}
.cad-el-cadrow.cad-el-head{ 
  font-weight:700; 
  text-transform:uppercase; 
  font-size:12px; 
  letter-spacing:.05em; 
  background:var(--cad-el-head);
}
.cad-el-cadrow:hover{background:var(--cad-el-hover)}
.cad-el-cadrow.active{background:var(--cad-el-active)}
.cad-el-empty{padding:14px; opacity:.9}

/* Mobile: stack into 2x2 grid per row */
@media (max-width: 720px){
  .cad-el-cadrow{ grid-template-columns: 1fr 1fr; grid-auto-rows: auto; }
  .cad-el-cadrow .col.date{ order:1 }
  .cad-el-cadrow .col.nature{ order:2 }
  .cad-el-cadrow .col.addr{ order:3; grid-column: 1 / span 2; }
  .cad-el-cadrow .col.inc{ order:4; text-align:left }
}