/* Alerts and inline notices. */
.alert{
  display:flex;
  align-items:center;
  gap:var(--sp-2);
  padding:var(--sp-3) var(--sp-4);
  border-radius:var(--radius-sm);
  font-size:var(--fs-sm);
  margin-bottom:var(--sp-4);
}
.alert .icon{flex:none;}
.alert--warning{background:color-mix(in srgb, var(--status-processing) 12%, var(--bg-card));color:var(--status-processing);}
.alert--info{background:color-mix(in srgb, var(--accent-color) 12%, var(--bg-card));color:var(--accent-color-dark);}

/* An alert that links to what it's warning about (e.g. a pending row) —
 * text-decoration is off by default so it doesn't read as a stray link. */
a.alert--link{text-decoration:none;font-weight:600;transition:filter var(--transition);}
a.alert--link:hover,a.alert--link:focus-visible{filter:brightness(.92);}

/* The empty-panel shape every "nothing here" screen shares — a section with no
 * content yet (notice.html), a failed request (error.html), or a dashboard with no
 * data imported yet (research.html). Loaded globally by base.html, so a page that
 * extends the shell never has to link it by hand; error.html links it directly
 * since it is standalone. */
.placeholder-panel{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  padding:70px var(--sp-5);
  background:var(--bg-card);
  border:1px dashed var(--border-color-strong);
  border-radius:var(--radius);
  color:var(--text-muted);
}
.placeholder-panel .icon-lg{
  width:54px;height:54px;border-radius:var(--radius);background:var(--bg-alt);
  display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4);color:var(--text-muted);
}
.placeholder-panel .icon-lg svg{width:24px;height:24px;}
.placeholder-panel h2{color:var(--text-secondary);font-size:var(--fs-md);margin-bottom:6px;}
.placeholder-panel p{font-size:var(--fs-sm);max-width:340px;line-height:1.5;margin-bottom:var(--sp-2);overflow-wrap:anywhere;}
.placeholder-panel .btn{margin-top:var(--sp-4);min-height:40px;}

@media (max-width:560px){
  .placeholder-panel{padding:48px var(--sp-4);}
}