/* =========================================================
   AUTH LOGIN (right aligned)
   ========================================================= */


.page-auth-login .auth-card{
  width: min(420px, calc(100% - 32px));
  background: rgba(255,255,255,.92);
  border-radius: var(--radius);
  border: 1px solid var(--hairline);
  box-shadow: none;
  padding: 16px;
}

/* auth 내부 요소 기본 정리(없어도 되지만 깔끔) */










/* =========================================================
   NOTICE (서버 오류/실시간 메시지 표시)
   ========================================================= */
.notice{
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--hairline);
  background: #fff;
  color: rgba(15,23,42,.92);
  font-weight: 600;
  font-size: 13px;
  box-shadow: none;
  margin: 10px 0;
}
.notice.success{
  background: #f0fdf4;
  border-color: #aee1bd;
  color: #0d6f3c;
}
.notice.error{
  background: rgba(239,68,68,.10);
  border-color: rgba(239,68,68,.28);
  color: #b91c1c;
}
.notice.info{
  background: rgba(59,130,246,.08);
  border-color: rgba(59,130,246,.22);
  color: #1d4ed8;
}

/* =========================================================
   LOGIN CARD WIDTH (right aligned but compact)
   ========================================================= */
.page-auth-login .login-card{
  width: 420px;
  max-width: calc(100vw - 48px);
}

/* =========================================================
   TOGGLE SWITCH (final)
   ========================================================= */
.page-auth-login .toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top: 6px;
}

.page-auth-login .toggle-label{
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
}

.page-auth-login .toggle-switch{
  position: relative;
  width: 44px;
  height: 26px;
}
.page-auth-login .toggle-switch input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.page-auth-login .toggle-slider{
  position:absolute;
  inset:0;
  background: rgba(15,23,42,.18);
  border-radius: 999px;
  transition: background .2s ease;
}
.page-auth-login .toggle-slider::after{
  content:"";
  position:absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  background:#fff;
  border-radius:50%;
  box-shadow: none;
  transition: transform .2s ease;
}
.page-auth-login .toggle-switch input:checked + .toggle-slider{
  background: var(--brand);
}
.page-auth-login .toggle-switch input:checked + .toggle-slider::after{
  transform: translateX(18px);
}
/* =========================================================
   LOGIN FORCE CENTER (override)
   ========================================================= */


.page-auth-login .auth-card{
  width: 420px;
  max-width: calc(100vw - 48px);
  margin: 0 auto;
}

/* =========================================================
   INSPECT UI UNIFIED (site_list + inspection pages)
   - trendy badge
   - row/slot hover tint by inspect type
   - cursor pointer for clickable rows/items
   ========================================================= */