/* static/css/components/flash_v200.css */
.cc-flash {
  padding: .75rem 1rem 0;
}

.cc-alert {
  position: relative;
  border-radius: 1rem;
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(15, 23, 42, .66);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 40px rgba(0,0,0,.28);
  overflow: hidden;
}

.cc-alert::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width: 3px;
  background: rgba(56, 189, 248, .9); /* celeste micro-glow */
}

.alert-success.cc-alert::before{ background: rgba(34, 197, 94, .95); }
.alert-danger.cc-alert::before{ background: rgba(248, 113, 113, .95); }
.alert-warning.cc-alert::before{ background: rgba(251, 191, 36, .95); }

.cc-alert-row{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  padding:.85rem .95rem;
}

.cc-alert-ico{
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(2,6,23,.55);
  border: 1px solid rgba(148,163,184,.18);
  color: rgba(226,232,240,.95);
  flex: 0 0 auto;
}

.cc-alert-body{
  color: rgba(226,232,240,.95);
  line-height: 1.25rem;
}

.cc-alert .btn-close{
  filter: invert(1);
  opacity: .7;
}
.cc-alert .btn-close:hover{ opacity: 1; }