@import url('/css/shared/public-panel.css');
@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn/Vazirmatn-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn/Vazirmatn-Bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
:root{--public-accent:#16adbf;--public-accent-dark:#087e91;--public-blue:#155e75}
.login-development-note{border-right:3px solid #e9a319;padding-right:9px}.login-logo img{width:156px;height:48px;object-fit:contain}

/* Public authentication pages are intentionally light even when the authenticated
   panel theme persisted as dark on the html/body element. FormField is shared with
   the private panel and consumes --panel-* variables, so pin the public shell to a
   readable light palette instead of inheriting dark-panel variables. */
.public-panel-shell{
  color-scheme:light;
  --panel-page:#f7fdff;
  --panel-surface:#fff;
  --panel-text:#4b5962;
  --panel-title:#27343b;
  --panel-muted:#637984;
  --panel-border:#cbdde4;
}
.public-panel-shell .panel-form-field{color:#27343b}
.public-panel-shell .panel-form-field>span{color:#27343b}
.public-panel-shell .panel-form-field input,
.public-panel-shell .panel-form-field select,
.public-panel-shell .panel-form-field textarea{
  background:#fff;
  color:#172f39;
  border-color:#cbdde4;
  color-scheme:light;
}
.public-panel-shell .panel-form-field small{color:#637984}
.public-panel-shell .check-row{color:#27343b}