:root{
  --ui-bg:#0b1220;
  --ui-fg:#fff;
  --ui-accent:#4f8cff;
  --ui-muted:#cbd5e1;
  --ui-shadow:0 10px 30px rgba(0,0,0,.25);
}

/* containerul barei */
.ui-notice{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:2147483647;
  background:var(--ui-bg);
  color:var(--ui-fg);
  box-shadow:var(--ui-shadow);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  text-shadow:none;
}

/* conținut intern */
.ui-container{
  max-width:1000px;
  margin:0 auto;
  padding:1rem .875rem;
  display:flex;
  gap:1rem;
  align-items:flex-start;
}

.ui-text{
  flex:1; font-size:.95rem;
  line-height:1.5;
}
.ui-text a{
  color:var(--ui-accent);
  text-decoration:underline;
}

.ui-actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap
}


.ui-btn-primary{
  background:var(--ui-accent);
  color:#fff;
  appearance:none;
  border:0;
  border-radius:.5rem;
  cursor:pointer;
  padding:.6rem .9rem;
  font-weight:600;
}

/* mică animație (respectă reduced motion) */
@media (prefers-reduced-motion:no-preference){
  .ui-notice{transform:translateY(100%); animation:ui-slide .45s ease-out forwards}
  @keyframes ui-slide{to{transform:translateY(0)}}
}

/* responsive */
@media (max-width:600px){
  .ui-container{flex-direction:column; align-items:stretch}
  .ui-actions{justify-content:flex-end}
}