/* /Pages/StaffUsers.razor.rz.scp.css */
.staff-actions[b-r61wzjfukg] { flex-wrap:wrap; }
p[b-r61wzjfukg] { overflow-wrap:anywhere; }
/* /Shared/StaffLayout.razor.rz.scp.css */
.staff-shell[b-b1p21obx5c] { min-height:100vh; background:#f8fafc; color:#152349; font-family:inherit; }
main[b-b1p21obx5c]  .staff-field { margin-bottom:1rem; }
main[b-b1p21obx5c]  select { width:100%; padding:.75rem; border:1px solid #e2e8f0; border-radius:.75rem; background:#f8fafc; min-height:44px; }
main[b-b1p21obx5c]  .field-required { display:inline-block; margin-left:.35rem; color:#9f1239; font-size:.62rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
main[b-b1p21obx5c]  textarea { width:100%; padding:.75rem; border:1px solid #e2e8f0; border-radius:.75rem; background:#f8fafc; font:inherit; }
main[b-b1p21obx5c]  .staff-check { display:flex; gap:.65rem; align-items:center; }
main[b-b1p21obx5c]  input[type="checkbox"] { width:20px; min-height:20px; flex-shrink:0; }
main[b-b1p21obx5c]  .validation-message { color:#b91c1c; font-size:.875rem; margin-top:.25rem; }
main[b-b1p21obx5c]  input.invalid, main[b-b1p21obx5c]  textarea.invalid { border-color:#b91c1c; }
main[b-b1p21obx5c]  .staff-actions { display:flex; gap:.75rem; }
main[b-b1p21obx5c]  .staff-answer { white-space:pre-wrap; overflow-wrap:anywhere; }
header[b-b1p21obx5c] { position:sticky; top:0; z-index:40; background:rgba(255,255,255,.95); backdrop-filter:blur(12px); border-bottom:1px solid #e2e8f0; box-shadow:0 1px 3px #0f172a0a; padding:.75rem 1rem; display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap; }
header a[b-b1p21obx5c] { color:inherit; text-decoration:none; }
.staff-brand img[b-b1p21obx5c] { height:36px; width:auto; max-width:180px; object-fit:contain; }
.staff-badge[b-b1p21obx5c] { display:inline-flex; align-items:center; gap:.4rem; border:1px solid #e2e8f0; border-radius:999px; padding:.35rem .65rem; background:#f8fafc; color:#475569; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; }
.staff-badge i[b-b1p21obx5c] { color:#059669; }
nav[b-b1p21obx5c] { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; font-size:.75rem; font-weight:700; }
nav a[b-b1p21obx5c] { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:44px; padding:.65rem .85rem; border:1px solid #e2e8f0; border-radius:.75rem; background:#f1f5f9; }
nav .staff-nav-primary[b-b1p21obx5c] { background:#152349; color:white; border-color:#152349; }
.staff-nav-primary i[b-b1p21obx5c] { color:#fbbf24; }
main[b-b1p21obx5c] { max-width:960px; margin:auto; padding:1.5rem 1rem; }
main[b-b1p21obx5c]  .staff-card { background:white; border:1px solid #e2e8f0; border-radius:1rem; padding:1.25rem; margin-bottom:1rem; box-shadow:0 1px 3px #0f172a05; }
main[b-b1p21obx5c]  h1 { font-size:1.5rem; font-weight:800; margin-bottom:.5rem; }
main[b-b1p21obx5c]  h2 { font-size:1rem; font-weight:800; margin-bottom:1rem; padding-bottom:.75rem; border-bottom:1px solid #f1f5f9; }
main[b-b1p21obx5c]  p { margin-bottom:.75rem; color:#64748b; font-size:.875rem; line-height:1.6; }
main[b-b1p21obx5c]  label { display:block; margin-bottom:.5rem; font-size:.875rem; font-weight:700; }
main[b-b1p21obx5c]  input:not(.staff-catalogue *) { border:1px solid #e2e8f0; border-radius:.75rem; background:#f8fafc; padding:.75rem; width:100%; max-width:30rem; min-height:44px; font-size:1rem; }
main[b-b1p21obx5c]  button:not(.staff-catalogue *) { background:#152349; color:white; padding:.75rem 1rem; border-radius:.75rem; margin-top:.75rem; font-size:.875rem; font-weight:700; min-height:44px; }
main[b-b1p21obx5c]  button:hover:not(:disabled):not(.staff-catalogue *) { background:#1e2f5d; }
main[b-b1p21obx5c]  button:disabled { opacity:.6; cursor:wait; }
nav a:focus-visible[b-b1p21obx5c], main[b-b1p21obx5c]  button:focus-visible, main[b-b1p21obx5c]  input:focus-visible { outline:2px solid #0072e6; outline-offset:3px; }
main[b-b1p21obx5c]  .staff-error { color:#b91c1c; margin-top:.5rem; }
main[b-b1p21obx5c]  input[aria-invalid="true"] { border-color:#b91c1c; }
main[b-b1p21obx5c]  dl { display:grid; grid-template-columns:minmax(110px,1fr) 2fr; gap:.75rem 1rem; font-size:.875rem; }
main[b-b1p21obx5c]  dd { overflow-wrap:anywhere; min-width:0; font-weight:600; }
main[b-b1p21obx5c]  dt { color:#64748b; }
@media (max-width:480px) {
    nav[b-b1p21obx5c] { width:100%; }
    nav a[b-b1p21obx5c] { flex:1; }
    main[b-b1p21obx5c] { padding:1rem; }
    main[b-b1p21obx5c]  .staff-card { padding:1rem; }
    main[b-b1p21obx5c]  dl { grid-template-columns:minmax(90px,1fr) 1.5fr; gap:.65rem; }
}