/* 북극성 공통 명칭·로고·로그인 카드. 각 시스템 기능은 건드리지 않는다. */
:root {
  --brand-title: "AI 기반 직업교육 통합관리체계";
  --brand-team: "북극성";
  --brand-lead: "북부직업교육의 극적인 성장";
  --brand-org: "경기도일자리재단 북부교육팀";
  --brand-btn-from: #8A6751;
  --brand-btn-to: #6C4E3D;
  --brand-star: #D4B483;
  --group-main: #765846;
  --group-main-soft: #F1E9E1;
  --group-interview: #8A5A44;
  --group-interview-soft: #F7ECE5;
  --group-ops: #3F6F68;
  --group-ops-soft: #EAF2EF;
  --group-after: #71566C;
  --group-after-soft: #F2ECF1;
}
.brand-mark {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto 12px;
}
.brand-mark-sm { width: 48px; height: 48px; margin: 0; }
.brand-login {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 16px;
  background: linear-gradient(180deg, var(--group-soft, #F1E9E1) 0%, #ffffff 58%, #F6F3EF 100%);
  color: #3F332D;
}
.brand-login-main { --group-ink: var(--group-main); --group-soft: var(--group-main-soft); }
.brand-login-interview { --group-ink: var(--group-interview); --group-soft: var(--group-interview-soft); }
.brand-login-ops { --group-ink: var(--group-ops); --group-soft: var(--group-ops-soft); }
.brand-login-stack { width: 100%; max-width: 400px; }
.brand-login-head { text-align: center; margin: 0 0 20px; }
.brand-login-title {
  margin: 0;
  font: 700 20px/1.4 "Gmarket Sans", Pretendard, "Malgun Gothic", sans-serif;
  letter-spacing: -.5px;
  color: #3F332D;
  word-break: keep-all;
}
.brand-login-work {
  margin: 6px 0 0;
  font: 700 15px/1.4 "Gmarket Sans", Pretendard, sans-serif;
  color: var(--group-ink, #765846);
}
.brand-login-note {
  margin: 6px 0 0;
  font: 400 12px/1.5 Pretendard, "Malgun Gothic", sans-serif;
  color: #70645C;
}
.brand-login-card {
  background: #FFFCF8;
  border: 1px solid #DDD5CD;
  border-radius: 16px;
  padding: 28px 28px 24px;
  box-shadow: 0 10px 28px #3F332D14;
}
.brand-btn,
html[data-look="cocoa"] .brand-btn {
  background: linear-gradient(180deg, var(--brand-btn-from), var(--brand-btn-to)) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  min-height: 44px;
  font: 700 14px/1.4 Pretendard, sans-serif !important;
  box-shadow: 0 4px 12px #6C4E3D22 !important;
}
.brand-btn:disabled { opacity: .55; box-shadow: none !important; }
@media screen {
  html[data-embed="1"] .brand-login {
    min-height: auto;
    padding: 8px 0 16px;
    background: transparent;
  }
  html[data-embed="1"] .brand-login-head { margin-bottom: 12px; }
  html[data-embed="1"] .brand-mark { width: 44px; height: 44px; margin-bottom: 8px; }
  html[data-embed="1"] .brand-login-title { font-size: 15px; }
  html[data-embed="1"] .brand-login-card { box-shadow: 0 4px 14px #3F332D0F; }
}
@media print {
  .brand-mark { filter: grayscale(1); }
}