/*
 * 文件：web/boss/style.css
 * 职责：老板入口跟员工入口的**视觉区别**
 * 禁区：❌ 不准写死颜色
 *       ❌ 布局不在这写 —— 复用 /login/style.css，这里只改"看起来不一样"的部分
 * 改这里会影响：老板登录页
 *
 * 为什么要长得不一样：两个入口如果一模一样，
 * 你收藏了也分不清哪个是哪个，登错了还得退出重来。
 * 老板端用蓝色 + 钥匙，员工端用金色 + 星星，一眼分得开。
 */

.boss-card {
  border-color: var(--blue-soft);
}

.boss-mark {
  color: var(--blue);
  text-shadow: 0 0 24px var(--blue-soft);
  font-size: 30px;
}

.boss-btn {
  background: var(--blue);
  border-color: var(--blue);
  color: var(--bg-0);
}
.boss-btn:hover:not(:disabled) {
  background: var(--blue-hover);
}

.boss-card input:focus,
.boss-card select:focus {
  border-color: var(--blue-soft);
}

/* 已经用员工账号登录时的提示 */
.boss-switch {
  background: var(--orange-soft);
  border: 1px solid var(--orange-soft);
  border-radius: var(--r-md);
  padding: var(--s-3);
  margin-bottom: var(--s-4);
  color: var(--warn);
  font-size: var(--f-sm);
  line-height: 1.7;
}
.boss-switch b { display: block; margin-bottom: 4px; }

.boss-card code {
  font-size: var(--f-xs);
  color: var(--text-2);
}