/* Fizy Notebook authentication skin. */
body.fyd-skin-fizy-notebook .dn-auth-modal {
  --dna-bg: #f7faff;
  --dna-panel: #fff;
  --dna-text: #1d293d;
  --dna-muted: #64748b;
  --dna-line: #cbd8e7;
  --dna-accent: #3b82f6;
  color: var(--dna-text);
  font-family: "Be Vietnam Pro", sans-serif;
}
body.fyd-skin-fizy-notebook .dn-auth-modal,
body.fyd-skin-fizy-notebook .dn-auth-modal * { letter-spacing: 0; }
body.fyd-skin-fizy-notebook .dn-auth-backdrop { background: rgba(29,41,61,.54); backdrop-filter: blur(5px); }
body.fyd-skin-fizy-notebook .dn-auth-dialog {
  border: 2px solid var(--dna-text);
  border-radius: 8px;
  background-color: #fff;
  background-image: linear-gradient(#e5edf5 1px, transparent 1px), linear-gradient(90deg, #e5edf5 1px, transparent 1px);
  background-size: 24px 24px;
  box-shadow: 7px 7px 0 var(--dna-text);
}
body.fyd-skin-fizy-notebook .dn-auth-dialog h2,
body.fyd-skin-fizy-notebook .dn-auth-brand { font-family: "Baloo 2", "Be Vietnam Pro", sans-serif; font-weight: 800; }
body.fyd-skin-fizy-notebook .dn-auth-brand { display: inline-flex; padding: 4px 10px; border-radius: 999px; background: var(--dna-text); color: #fff; font-size: 11px; text-transform: uppercase; }
body.fyd-skin-fizy-notebook .dn-auth-dialog h2 { color: var(--dna-text); font-size: 29px; }
body.fyd-skin-fizy-notebook .dn-auth-close { color: var(--dna-muted); }
body.fyd-skin-fizy-notebook .dn-auth-close:hover { color: var(--dna-text); }
body.fyd-skin-fizy-notebook .dn-auth-tabs { border-color: var(--dna-text); }
body.fyd-skin-fizy-notebook .dn-auth-tabs button { color: var(--dna-muted); }
body.fyd-skin-fizy-notebook .dn-auth-tabs button.is-active { border-color: #3b82f6; color: #2563eb; }
body.fyd-skin-fizy-notebook .dn-auth-form label { color: var(--dna-text); }
body.fyd-skin-fizy-notebook .dn-auth-form input { border: 2px solid var(--dna-text); border-radius: 8px; background: #fff; color: var(--dna-text); box-shadow: 2px 2px 0 rgba(29,41,61,.12); }
body.fyd-skin-fizy-notebook .dn-auth-form input:focus { border-color: #3b82f6; box-shadow: 3px 3px 0 #bfdbfe; }
body.fyd-skin-fizy-notebook .dn-auth-primary { border: 2px solid var(--dna-text); border-radius: 8px; background: #ff7518; color: #fff; box-shadow: 4px 4px 0 var(--dna-text); }
body.fyd-skin-fizy-notebook .dn-auth-text-button { color: #2563eb; font-weight: 700; }
body.fyd-skin-fizy-notebook .dn-auth-divider::before,
body.fyd-skin-fizy-notebook .dn-auth-divider::after { background: var(--dna-line); }
body.fyd-skin-fizy-notebook .dn-auth-avatar { border: 2px solid var(--dna-text); background: #ff7518; color: #fff; box-shadow: 4px 4px 0 var(--dna-text); }
body.fyd-skin-fizy-notebook .dn-auth-message.is-error { color: #dc2626; }
body.fyd-skin-fizy-notebook .dn-auth-message.is-success { color: #15803d; }
@media (max-width: 520px) {
  body.fyd-skin-fizy-notebook .dn-auth-dialog { border-width: 2px 0 0; border-radius: 8px 8px 0 0; box-shadow: 0 -5px 0 rgba(29,41,61,.14); }
}
