/* server\public\home\css\_home.css */

/* 1) Tokens + shared components (HOME) */
@import './general.css';

/* 2) Layout sections (HOME) */
@import './header.css';
@import './main.css';
@import './footer.css';

.viewer-popup{
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translate(-50%, 14px);
  width: min(560px, calc(100vw - 20px));
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(17, 21, 29, .84);
  backdrop-filter: blur(10px) saturate(120%);
  color: #eaf0ff;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.5;
  box-shadow: 0 12px 30px rgba(0,0,0,.28);
  z-index: 1200;
  opacity: 0;
  transition: opacity .18s ease, transform .18s ease;
}

.viewer-popup.show{
  opacity: 1;
  transform: translate(-50%, 0);
}

.viewer-popup.hide{
  opacity: 0;
  transform: translate(-50%, 10px);
}

.viewer-popup.error{
  border-color: rgba(247, 59, 150, .28);
  box-shadow: 0 12px 30px rgba(247, 59, 150, .12);
}

.viewer-popup.info{
  border-color: rgba(138, 182, 255, .26);
  box-shadow: 0 12px 30px rgba(138, 182, 255, .10);
}

.viewer-popup.warning{
  border-color: rgba(247, 137, 59, .26);
  box-shadow: 0 12px 30px rgba(247, 137, 59, .10);
}