/* AUTH + MODAL CSS */
.user-menu { position:relative; }
.user-avatar {
  width:34px; height:34px; border-radius:50%;
  background:linear-gradient(135deg,var(--purple),var(--purple2));
  color:#fff; font-family:var(--fd); font-size:0.9rem; font-weight:700;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; border:1px solid var(--border2);
}
.user-dropdown {
  position:absolute; top:calc(100% + 8px); right:0;
  min-width:200px; background:var(--bg2);
  border:1px solid var(--border2); border-radius:var(--r2);
  overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,0.5);
  display:none;
}
.user-dropdown.open { display:block; }
.ud-header { padding:12px 16px; border-bottom:1px solid var(--border); }
.ud-name { display:block; font-family:var(--fd); font-size:0.82rem; font-weight:700; color:#fff; }
.ud-role { font-size:0.68rem; color:var(--glow); text-transform:uppercase; letter-spacing:0.08em; }
.ud-item {
  display:block; padding:10px 16px; font-size:0.8rem;
  color:var(--text2); transition:all 0.15s;
}
.ud-item:hover { background:rgba(123,47,190,0.12); color:#fff; }
.ud-logout {
  display:block; width:100%; text-align:left;
  padding:10px 16px; font-size:0.8rem;
  color:#ff4444; border-top:1px solid var(--border);
  transition:all 0.15s;
}
.ud-logout:hover { background:rgba(255,68,68,0.08); }

/* AUTH ERROR */
.auth-error {
  padding:10px 14px; border-radius:var(--r); margin-bottom:14px;
  font-size:0.78rem; line-height:1.4;
}
.auth-error.error { background:rgba(255,68,68,0.1); color:#ff6b6b; border:1px solid rgba(255,68,68,0.2); }
.auth-error.info { background:rgba(0,214,143,0.1); color:#00D68F; border:1px solid rgba(0,214,143,0.2); }

/* COMING SOON MODAL */
.cs-box { text-align:center; }
.cs-icon { display:flex; justify-content:center; margin-bottom:16px; }
.cs-box h3 { font-family:var(--fd); font-size:1.4rem; font-weight:800; color:#fff; text-transform:uppercase; margin-bottom:10px; }
.cs-box p { font-size:0.84rem; color:var(--text2); margin-bottom:20px; line-height:1.6; }

/* TRAILER MODAL */
.trailer-box h3 { font-family:var(--fd); font-size:1.1rem; font-weight:700; color:#fff; text-transform:uppercase; margin-bottom:16px; }
.trailer-placeholder {
  aspect-ratio:16/9; background:var(--card);
  border:1px solid var(--border); border-radius:var(--r);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px;
}
.trailer-placeholder p { font-size:0.82rem; color:var(--text3); }

/* TOAST */
.toast {
  position:fixed; bottom:24px; right:24px; z-index:9999;
  padding:12px 20px; border-radius:var(--r);
  font-size:0.84rem; font-weight:500; color:#fff;
  background:var(--card2); border:1px solid var(--border2);
  box-shadow:0 8px 24px rgba(0,0,0,0.4);
  transform:translateY(16px); opacity:0;
  transition:all 0.25s; pointer-events:none;
}
.toast.show { transform:translateY(0); opacity:1; }
.toast-success { border-color:rgba(0,214,143,0.4); background:rgba(0,214,143,0.1); color:#00D68F; }
.toast-error { border-color:rgba(255,68,68,0.4); background:rgba(255,68,68,0.1); color:#ff6b6b; }
.toast-info { border-color:var(--border2); }