/* handbook.css — digital employee handbook reader. */
.hb-progress { margin-bottom: 14px; }
.hb-progress__label { font-size: 13px; color: var(--muted, #8a939d); margin-bottom: 6px; }
.hb-signed { border-left: 3px solid #4fc076; margin-bottom: 14px; }

.hb-chapter { margin-bottom: 10px; }
.hb-chapter--read { border-left: 3px solid #4fc076; }
.hb-chapter__head {
  display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 4px 2px;
}
.hb-chapter__head b { flex: 1; }
.hb-chapter__mark { font-size: 18px; color: #f0a63c; }
.hb-chapter--read .hb-chapter__mark { color: #4fc076; }

.hb-chapter__body { padding: 8px 6px 10px 30px; }
.hb-chapter__body h4 { margin: 14px 0 4px; color: #f0a63c; }
.hb-chapter__body p { margin: 0 0 10px; line-height: 1.55; font-size: 14.5px; }
.hb-chapter__body .hb-li {
  margin: 0 0 4px 16px; position: relative;
}
.hb-chapter__body .hb-li::before {
  content: "•"; position: absolute; left: -14px; color: #f0a63c;
}
.hb-readstamp { color: #4fc076; font-size: 13px; }

.hb-verify { border-left: 3px solid #6ca6ea; margin-bottom: 14px; }
.hb-verify__row { padding: 8px 0; border-bottom: 1px solid rgba(138, 147, 157, .14); }
.hb-verify__row:last-child { border-bottom: 0; }
.hb-verify__row > .fx-btn { margin-top: 6px; }
.hb-verify__form input {
  display: block; width: 100%; margin-top: 6px; padding: 8px 10px; font-size: 14px;
  background: var(--panel, #1c2027); color: inherit;
  border: 1px solid rgba(138, 147, 157, .3); border-radius: 8px;
}
.hb-verify__form .hb-verify__name { font-family: "Segoe Script", "Bradley Hand", cursive; }
.hb-verify__form .fx-btn { margin-top: 8px; }

.hb-sign { margin-top: 16px; border-left: 3px solid #f0a63c; }
.hb-sign ul { margin: 6px 0 14px 22px; }
.hb-sign li { margin-bottom: 6px; font-size: 14px; }
.hb-sign .offer-check { margin: 10px 0; display: flex; gap: 10px; }
.hb-sign .offer-check input { width: 18px; height: 18px; margin-top: 2px; flex: none; }
#hb-sig-name {
  font-family: "Segoe Script", "Bradley Hand", cursive; font-size: 17px;
}

/* HR › Sign-offs board */
.so-scroll { overflow-x: auto; }
.so-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.so-table th, .so-table td { text-align: left; vertical-align: top; padding: 9px 10px; border-bottom: 1px solid var(--line, rgba(128,128,128,.22)); }
.so-table th { font-size: 12px; font-weight: 600; white-space: nowrap; }
.so-table td:first-child { min-width: 150px; }
.so-tile { cursor: pointer; text-align: left; font: inherit; color: inherit; }
.so-tile--on { outline: 2px solid var(--accent, #6ca6ea); }
.so-pick { margin-top: 5px; }
.so-pick select { font: inherit; font-size: 12px; max-width: 130px; }