.staff-shell { width: min(100% - 40px, 1120px); margin: 32px auto 64px; overflow-wrap: anywhere; }
.staff-navigation { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; }
.staff-navigation a, .staff-navigation button, .staff-workspace a, .staff-workspace button { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 4px; color: #4338ca; cursor: pointer; }
.staff-navigation form { margin-left: auto; }
.staff-context { color: #475569; margin-block: 16px; }
.staff-notice { color: #713f12; background: #fefce8; padding: 16px; border-radius: 12px; }
.staff-workspace { margin-top: 32px; padding: 32px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; }
.staff-workspace h1 { font-size: 32px; font-weight: 600; line-height: 1.2; letter-spacing: -.025em; text-wrap: balance; margin-bottom: 20px; }
.staff-workspace h2 { font-size: 22px; font-weight: 600; line-height: 1.3; margin-bottom: 12px; }
.staff-workspace h3 { font-size: 18px; font-weight: 600; }
.staff-workspace p { max-width: 72ch; margin-block: 12px; }
.staff-workspace section { margin-top: 40px; padding-top: 24px; border-top: 1px solid #e2e8f0; }
.staff-form { display: flex; flex-direction: column; align-items: stretch; max-width: 640px; gap: 10px; margin-block: 24px; }
.staff-form label { font-size: 14px; font-weight: 600; margin-top: 12px; }
.staff-form input:not([type="hidden"]):not([type="checkbox"]):not([type="submit"]), .staff-form select { width: 100%; min-width: 0; min-height: 48px; border: 1px solid #64748b; border-radius: 12px; padding: 10px 12px; font-size: 16px; background: #fff; color: #17233c; caret-color: #4338ca; }
.staff-form input[type="submit"], .staff-workspace .staff-primary { color: #fff; background: #4338ca; border: 0; min-height: 48px; padding: 12px 20px; border-radius: 12px; font-weight: 600; cursor: pointer; white-space: normal; text-decoration: none; }
.staff-form input[type="submit"] { margin-top: 16px; }
.staff-form input[type="submit"]:hover, .staff-primary:hover { background: #3730a3; }
.staff-form input[type="submit"]:disabled { background: #64748b; cursor: not-allowed; }
.staff-choice { display: flex; align-items: center; gap: 12px; }
.staff-choice input { flex-shrink: 0; width: 20px; height: 20px; accent-color: #4338ca; }
.staff-choice label { min-height: 44px; margin: 0; padding-block: 10px; cursor: pointer; }
.staff-records { list-style: none; padding: 0; margin-block: 24px; }
.staff-records > li { padding-block: 20px; border-bottom: 1px solid #e2e8f0; }
.staff-records > li:first-child { border-top: 1px solid #e2e8f0; }
.staff-records a + a { margin-left: 16px; }
.staff-facts { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(0, 3fr); gap: 12px 24px; margin-block: 24px; }
.staff-facts dt { font-weight: 600; color: #475569; }
.staff-facts dd { margin: 0; }
.staff-shell code, .staff-facts { font-variant-numeric: tabular-nums; }
@media (max-width: 640px) {
  .staff-workspace { padding: 24px 20px; }
  .staff-workspace h1 { font-size: 26px; }
  .staff-facts { grid-template-columns: 1fr; gap: 4px; }
  .staff-facts dd { margin-bottom: 12px; }
  .staff-navigation { gap: 4px 16px; }
}