/* vasikpivasik — пивная тема для filebrowser (Лагер / Стаут) */

/* ЛАГЕР — светлая */
:root{
  --blue:#D9911E; --dark-blue:#B5760F;
  --background:#FBF7EF;
  --surfacePrimary:#FFFFFF;
  --surfaceSecondary:#F3ECDE;
  --action:#6E6353;
  --divider:rgba(34,27,16,.07);
  --item-selected:#F5E9D2;
  --iconPrimary:#D9911E;
  --hover:rgba(217,145,30,.10);
}

/* СТАУТ — тёмная */
:root.dark{
  --blue:#F0A92E; --dark-blue:#F0A92E;
  --background:#0E0B07;
  --surfacePrimary:#17130C;
  --surfaceSecondary:#221B12;
  --action:#F1EBDF;
  --textPrimary:rgba(241,235,223,.65);
  --textSecondary:rgba(241,235,223,.92);
  --divider:rgba(255,255,255,.10);
  --item-selected:#2A2214;
  --iconPrimary:#F0A92E;
  --hover:rgba(240,169,46,.12);
  --borderPrimary:rgba(255,255,255,.06);
  --borderSecondary:rgba(255,255,255,.15);
}

/* акцентные кнопки — фирменный янтарный градиент */
.button--flat{ color:var(--blue); }
#login .button,
.button.button--block{
  background:linear-gradient(135deg,#ffcf6a,var(--blue)) !important;
  color:#241a00 !important;
}

/* ===== ЭКРАН ВХОДА — единая «пивная» карточка (как в Фильмах/Чате) ===== */
#login{
  display:flex !important; align-items:center; justify-content:center;
  min-height:100vh; background:var(--background) !important;
}
#login form{
  display:flex; flex-direction:column;
  background:var(--surfacePrimary);
  border:1px solid var(--divider);
  border-radius:20px;
  padding:2.6rem 2.4rem;
  max-width:400px; width:90%;
  box-shadow:0 24px 60px rgba(0,0,0,.18);
}
#login img[src*="logo.svg"]{
  width:76px; height:76px; margin:0 auto .8rem; display:block;
  filter:drop-shadow(0 6px 16px rgba(217,145,30,.35));
}
#login h1{
  font-size:1.7rem; font-weight:800; text-align:center;
  letter-spacing:-.5px; margin-bottom:1.4rem; color:var(--action);
}
#login .input{
  padding:1rem !important; border-radius:12px !important;
  border:1px solid var(--divider) !important; background:var(--surfaceSecondary) !important;
  font-size:1.05rem; margin-bottom:1rem; transition:border-color .2s;
}
#login .input:focus{ border-color:var(--blue) !important; outline:none; }
#login .button{
  padding:1rem !important; border-radius:12px !important;
  font-size:1.1rem; font-weight:700; margin-top:.2rem;
}
#login .wrong{
  background:rgba(220,60,50,.12); border:1px solid rgba(220,60,50,.4);
  color:#c0392b; border-radius:10px; padding:.7rem; text-align:center;
}

/* логотип с мягким свечением + курсор-рука (он станет ссылкой) */
img[src*="logo.svg"]{
  filter:drop-shadow(0 3px 8px rgba(217,145,30,.35));
  cursor:pointer;
}
/* при наведении крутится как монетка */
img[src*="logo.svg"]:hover{ animation:coinspin 1.1s linear infinite; }
@keyframes coinspin{ to{ transform:perspective(600px) rotateY(1turn); } }

/* шрифт как на главной vasikpivasik.ru */
body, input, button, select, textarea, .dashboard, .message{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif !important;
}

/* иконки в стиле главной — контурный Material Icons Outlined вместо залитого */
@font-face{
  font-family:'Material Icons Outlined';
  font-style:normal; font-weight:400; font-display:block;
  src:url('material-icons-outlined.woff2') format('woff2');
}
.material-icons{ font-family:'Material Icons Outlined' !important; }