/* Staff navigation and reports extend the existing navy glass theme. */
.nav-group { border-top: 1px solid var(--line); margin-top: 12px; padding-top: 10px; }
.nav-group h2 { color: var(--muted); font-size: .875rem; margin: 0 12px 8px; font-weight: 600; }
.nav-button[aria-current="page"] { background: var(--nav2); color: white; }
.command-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.command-toolbar label { display: flex; gap: 10px; align-items: center; }
.command-toolbar select { max-width: 100%; min-height: 42px; padding: 8px 12px; background: #102943; color: white; border: 1px solid var(--line); border-radius: 8px; }
.command-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 16px; }
.command-grid .panel { min-width: 0; }
.signal-link { display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; background: transparent; color: var(--ink); border: 0; padding: 4px 0 14px; cursor: pointer; }
.signal-link strong { font-size: 2rem; font-weight: 700; }
.signal-link span { font-size: 1rem; }
.command-row { padding: 10px 0; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.command-row strong, .command-row small { display: block; }
.command-row small { margin-top: 5px; color: var(--muted); font-size: .875rem; line-height: 1.45; }
.command-dialog { width: min(680px,calc(100% - 28px)); max-height: 85vh; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: #0a1e35; color: var(--ink); box-shadow: 0 24px 80px #0009; }
.command-dialog::backdrop { background: #020b19b8; backdrop-filter: blur(8px); }
.dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dialog-heading h2 { margin: 0 0 12px; }
.command-dialog input { width: 100%; padding: 14px; margin: 12px 0; font-size: 1rem; color: white; background: #ffffff0c; border: 1px solid var(--line); border-radius: 8px; }
.command-results { max-height: 48vh; overflow-y: auto; display: grid; gap: 6px; }
.command-result { display: grid; gap: 4px; padding: 12px; text-align: left; cursor: pointer; border-radius: 8px; border: 1px solid transparent; color: white; background: transparent; font-size: 1rem; }
.command-result small { font-size: .875rem; color: var(--muted); }
.command-result:hover, .command-result:focus { background: #ffffff12; border-color: #8ebdff; outline: none; }
.event-fields { display: grid; grid-template-columns: 1fr 2fr; gap: 12px; overflow-wrap: anywhere; }
.event-fields dt { color: var(--muted); }
.event-fields dd { margin: 0; white-space: pre-wrap; }
.button:focus-visible, .nav-button:focus-visible, .signal-link:focus-visible { outline: 2px solid #a5ccff; outline-offset: 3px; }
#hours-print-report { display: none; }
@media (max-width: 1050px) { .command-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 650px) { .command-grid { grid-template-columns: 1fr; } .command-toolbar label { display: grid; width: 100%; } .controls { flex-wrap: wrap; } .event-fields { grid-template-columns: 1fr; gap: 6px; } .event-fields dd { margin-bottom: 12px; } }
@media print {
  body.print-hours { background: white !important; color: #111 !important; }
  body.print-hours > :not(#hours-print-report) { display: none !important; }
  body.print-hours #hours-print-report { display: block !important; font: 11pt Arial,sans-serif; }
  #hours-print-report h1 { font-size: 20pt; }
  #hours-print-report table { width: 100%; border-collapse: collapse; table-layout: auto; }
  #hours-print-report th, #hours-print-report td { padding: 6px; border: 1px solid #888; color: #111; background: white; font-size: 9pt; white-space: normal; overflow-wrap: anywhere; }
  #hours-print-report thead { display: table-header-group; }
  #hours-print-report tr { break-inside: avoid; }
  @page { size: landscape; margin: 14mm; }
}

@media screen and (max-width: 700px) {
  .panel { overflow-x: auto; }
  .panel table { min-width: 560px; }
  th:nth-child(3), td:nth-child(3) { display: table-cell; }
}

input[type="checkbox"]{width:auto!important;min-height:0!important;padding:0!important;margin-right:8px;}
.event-picker{margin:16px 0;}
.event-picker-trigger{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px;text-align:left;color:#eef5ff;background:linear-gradient(135deg,#173953,#10243c);border:1px solid #749cc85c;border-radius:14px;cursor:pointer;}
.event-picker-trigger strong,.event-picker-trigger small{display:block;overflow-wrap:anywhere;}
.event-picker-trigger strong{font-size:1.05rem;}
.event-picker-trigger small{margin-top:6px;color:#b4c7db;}
.event-picker-trigger>span:last-child{font-size:1.8rem;}
.event-picker-trigger:focus-visible{outline:2px solid #a5ccff;outline-offset:3px;}
.event-picker-filters{display:flex;gap:8px;flex-wrap:wrap;}
.event-picker-filters [aria-pressed="true"]{background:#285780;border-color:#94c5ff;}
.event-picker-result{background:#ffffff05;border-color:#ffffff12;}
.event-picker-date{color:#99c8ff;font-size:.8rem;font-weight:700;letter-spacing:.04em;}
.event-picker-dialog{box-sizing:border-box;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}