/* Employee View (2026-10-18): the banner on every page and the two employee-view pages. 18px base. */
.ev-banner { position: sticky; top: 0; z-index: 998;   /* below the phone menu button (1001) and the open menu (999) */
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  padding: 10px 24px; background: #fef3c7; color: #78350f; border-bottom: 3px solid #b45309; font-size: 17px; }
.ev-mode { font-weight: 800; text-transform: uppercase; letter-spacing: .05em; font-size: 14px; padding: 3px 10px; border-radius: 999px; background: #b45309; color: #fff; }
.ev-text { flex: 1; min-width: 240px; }
.ev-left { font-size: 15px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ev-exit-form { margin: 0; }
.ev-exit { border: 2px solid #78350f; background: #fff; color: #78350f; font-weight: 700; border-radius: 999px; padding: 6px 18px; font-size: 16px; cursor: pointer; }
.ev-exit:hover, .ev-exit:focus-visible { background: #78350f; color: #fff; }
.ev-page { max-width: 820px; font-size: 18px; }
.ev-card { background: #fff; border: 1px solid #dfe3ea; border-radius: 14px; padding: 22px; }
.ev-card h1 { font-size: 26px; margin: 0 0 8px; }
.ev-blocked { border: 2px solid #b91c1c; }
.ev-done { border: 2px solid #15803d; }
.ev-muted { color: #5b6475; font-size: 16px; }
.ev-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; align-items: center; }
.ev-actions form { margin: 0; }
.ev-page .btn { font-size: 17px; border-radius: 999px; padding: 8px 18px; }
.ev-facts { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 12px 0 0; font-size: 17px; }
.ev-facts dt { color: #5b6475; } .ev-facts dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 700px) { .ev-banner { padding: 8px 14px 8px 64px; gap: 8px; font-size: 15px; } .ev-text { flex-basis: 100%; order: 3; min-width: 0; }
  .ev-facts { grid-template-columns: 1fr; } .ev-facts dt { margin-top: 6px; } }