/* layer.css — AdminLTE 固有の上書き（正: DESIGN.md）
 * 読み込み順: vendor/adminlte/adminlte.min.css → design.css → このファイル。
 * AdminLTE のクラスに触れるのはここだけ。上書きは最小限にする（既定に従う）。
 * 面・文字・罫線・角・影・サイドバーの当たりは AdminLTE の既定のままにする。
 */

/* AdminLTE の JS が差し込むスキップリンク（英語）。非フォーカス時は上へ隠すが、既定の
   -40px だと文字の高さぶん端に少し覗く。さらに上へずらす。
   :focus では AdminLTE 側の `top:0`（詳細度が上）が勝つので、キーボードでは出る。 */
.skip-link { top: -5rem; }

/* 従業員のログイン（employee-login）だけの調整: LINE Login のブランドボタン。
   ログイン手段が LINE なので、ここだけブランド色を使う（DESIGN.md のパレットとは別扱い）。
   指で押しやすい高さ（56px）にする。 */
.btn-line {
  --bs-btn-bg: #06c755;
  --bs-btn-color: #ffffff;
  --bs-btn-hover-bg: #05b34c;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-border-color: #06c755;
  font-weight: 700;
  min-height: 56px;
}

/* 勤務表（admin-matrix）のセル。docs/20_matrix_display_spec.md・#196。
   管理画面だけのコンポーネント（`.matrix` に閉じる）。色は層のトークン（--kiosk-* / --mx-*）だけを使う。
   ERB にスタイルを書かない。「丸が育つ」＝塗りの量が記録の完成度、形が働いたか、右上のドットが修正。 */
.matrix th,
.matrix td {
  padding: .35rem .4rem;
  white-space: nowrap;
}
.matrix td.cell {
  text-align: center;
  font-variant-numeric: tabular-nums;
}
/* 非営業日（休日）は背景を沈め、日付（曜日）を赤で示す（カレンダーの慣習）。
   記録なしの赤◆（--mx-none）とは別の色（--mx-holiday）。 */
.matrix .wk-holiday {
  background: var(--kiosk-quiet);
  color: var(--mx-holiday);
}
/* 今日の列＝いま見ているところ。 */
.matrix .today {
  outline: 2px solid var(--kiosk-accent);
  outline-offset: -2px;
}
/* 月の変わり目。 */
.matrix .month-sep {
  border-left: 2px solid var(--kiosk-border);
}
.legend-holiday {
  color: var(--mx-holiday);
}

.mx-mark {
  position: relative;
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  line-height: 1.125rem;
  vertical-align: middle;
}
.mx-dot {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--kiosk-quiet);
}
/* まだ何もない営業日（今日・未来）。 */
.mx-dot.is-empty {
  background: var(--kiosk-quiet);
}
.mx-dot.is-half-l {
  background: linear-gradient(90deg, var(--kiosk-accent) 50%, var(--kiosk-quiet) 50%);
}
.mx-dot.is-half-r {
  background: linear-gradient(90deg, var(--kiosk-quiet) 50%, var(--kiosk-accent) 50%);
}
.mx-dot.is-full {
  background: var(--kiosk-accent);
}
/* 8時間超（残業）はオレンジの丸。事実の表示で、評価ではない。 */
.mx-dot.is-over {
  background: var(--mx-over);
}
/* 重複（要対応）は丸に赤い輪。記録なしの赤◆とは別の形。
   見せ方は docs/20 §10 #7 で未決のため、ここは暫定（#103 / #108 で決める）。 */
.mx-dot.is-conflict {
  background: var(--kiosk-accent);
  outline: 2px solid var(--mx-none);
  outline-offset: -2px;
}
.mx-diamond {
  display: block;
  width: .7rem;
  height: .7rem;
  margin: .2rem auto 0;
  background: var(--mx-none);
  transform: rotate(45deg);
}
.mx-cross {
  display: block;
  color: var(--kiosk-muted);
  font-size: 1.05rem;
  line-height: 1.125rem;
}
.mx-fix {
  position: absolute;
  top: -.2rem;
  right: -.2rem;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: var(--kiosk-accent);
  box-shadow: 0 0 0 1.5px var(--kiosk-bg);
}
/* 「出勤を薄く」: 完成した平常日と未着手の営業日だけを薄くする（消さない）。
   ◆・半分・×・修正ありは濃いまま（片付けるべきものを見失わない）。 */
.mx-mark.is-dim {
  opacity: .28;
}