#visitorCheckInView .visitor-first-top { width:100%; min-height:98px;
  display:flex; flex-direction:column; align-items:flex-start; gap:8px;
  margin-bottom:28px; padding:22px; text-align:left; }
#visitorCheckInView .visitor-first-top strong { font-size:26px; }
#visitorCheckInView .visitor-first-top span { font-size:15px; }
#visitorCheckInView .visitor-browser { display:grid;
  grid-template-columns:52px minmax(0,1fr) 52px; gap:10px; align-items:center; }
#visitorCheckInView .visitor-card-grid { display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
#visitorCheckInView .visitor-pick { width:100%; min-width:0; min-height:150px;
  padding:14px; text-align:left; overflow-wrap:anywhere; }
#visitorCheckInView .visitor-pick .visitor-record-name { font-size:21px; }
#visitorCheckInView .visitor-progress { white-space:normal;
  overflow-wrap:anywhere; font-size:20px; }
#visitorCheckInView .visitor-page-arrow { width:52px; min-height:78px;
  padding:0; font-size:38px; color:white; background:var(--navy); }
#visitorCheckInView .visitor-page-arrow:disabled { background:#e9eef5;
  color:var(--muted); opacity:.65; cursor:default; }
#visitorCheckInView .visitor-page-label { text-align:center; margin:14px 0; }
#visitorCheckInView .visitor-help { border:0; background:transparent;
  color:var(--muted); min-height:48px; cursor:pointer; font:inherit; }
#visitorCheckInView [data-v-search][hidden] { display:none; }
@media(max-width:600px) {
  #visitorCheckInView .visitor-browser { grid-template-columns:44px
    minmax(0,1fr) 44px; gap:6px; }
  #visitorCheckInView .visitor-card-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #visitorCheckInView .visitor-page-arrow { width:44px; }
  #visitorCheckInView .visitor-pick { padding:10px 8px; }
  #visitorCheckInView .visitor-pick .visitor-record-name { font-size:18px; }
  #visitorCheckInView .visitor-pick .visitor-progress-label { font-size:13px; }
}