.tractar-panel{
  border:2px solid #0B0E14;
  background:#EDEEF2;
  padding:20px;
  font-family:Arial,sans-serif;
  color:#0B0E14;
}
.tractar-tabla{ width:100%; border-collapse:collapse; }
.tractar-tabla th{ text-align:left; font-size:.8rem; color:#8A93A6; padding:6px 0; border-bottom:1px solid rgba(11,14,20,.2); }
.tractar-tabla td{ padding:10px 0; border-bottom:1px dashed rgba(11,14,20,.2); }
.tractar-pill{ background:#131B33; color:#EDEEF2; font-size:.75rem; padding:3px 8px; border-radius:3px; }
.tractar-btn{ background:#0B0E14; color:#EDEEF2; border:2px solid #0B0E14; padding:10px 18px; font-weight:bold; cursor:pointer; }
.tractar-btn:hover{ background:#2E5FEC; border-color:#2E5FEC; color:#0B0E14; }
.tractar-error{ color:#B3261E; font-weight:bold; }
.tractar-ok{ color:#131B33; font-weight:bold; }
.tractar-meta{ font-size:.85rem; color:#333B4D; }

/* Contenedor fijo donde aparecen las notificaciones flotantes */
#tractar-toast-container{
  position:fixed; top:20px; right:20px; z-index:99999;
  display:flex; flex-direction:column; gap:10px;
  max-width:320px;
}
.tractar-toast-visible{
  padding:14px 18px;
  border-radius:4px;
  font-family:Arial,sans-serif;
  font-size:.9rem;
  font-weight:bold;
  color:#EDEEF2;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
  opacity:0;
  transform:translateY(-10px);
  transition:opacity .25s ease, transform .25s ease;
}
.tractar-toast-visible.tractar-toast-mostrar{
  opacity:1;
  transform:translateY(0);
}
.tractar-toast-visible.tractar-error{ background:#B3261E; }
.tractar-toast-visible.tractar-ok{ background:#131B33; }