/* V32: original-form employee UX. Component source images are server evidence,
   not form content. The form shows only field values and lightweight status. */
.employee-shell .v30-component-runtime {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  min-height: 0;
}
.employee-shell .v30-hidden-component-source { display: none !important; }
.employee-shell .v30-component-runtime .server-check { display: none !important; }
.employee-shell .v30-component-processing { margin-top: 4px; }
.employee-shell .v30-component-processing .photo-process-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 8px;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 12px;
}
.employee-shell .v30-component-processing .photo-process-row progress {
  grid-column: 1 / -1;
  width: 100%;
  height: 3px;
}
.employee-shell .v30-component-feedback {
  margin-top: 3px;
  min-height: 16px;
  font-size: 11px;
  color: #667085;
}
.employee-shell .simple-ocr-live-status {
  display: block;
  margin-top: 4px;
  min-height: 16px;
  color: #667085;
  font-size: 11px;
  line-height: 1.35;
}
.employee-shell .simple-ocr-live-status.reading { color: #175cd3; }
.employee-shell .simple-ocr-live-status.ready { color: #067647; }
.employee-shell .simple-ocr-live-status.review { color: #b54708; }
.employee-shell .simple-ocr-live-status.failed { color: #b42318; }
.employee-shell .simple-camera-button.is-reading { opacity: .7; }
.employee-shell .simple-field-cell.camera-field .simple-input-row input,
.employee-shell .simple-field-cell.camera-field .simple-input-row textarea,
.employee-shell .simple-field-cell.camera-field .simple-input-row select {
  background: #fff;
}
.employee-shell .simple-field-cell.camera-field .simple-input-row input[data-server-suggested="true"] {
  background: #f0f9ff;
  border-color: #84caff;
}
/* Camera capture closes after shutter; there is no OCR confirmation sub-screen. */
.employee-shell ~ .camera-modal .live-ocr-panel,
body.employee-shell .camera-modal .live-ocr-panel,
body.employee-shell .camera-modal .camera-confirm { display: none !important; }
@media (max-width: 640px) {
  .employee-shell .simple-ocr-live-status,
  .employee-shell .v30-component-feedback { font-size: 10.5px; }
}

/* V32: one camera action opens both live capture and an existing-photo fallback. */
.camera-modal .camera-existing-photo { white-space: nowrap; }
@media (max-width: 640px) {
  .camera-modal .camera-controls { flex-wrap: wrap; }
  .camera-modal .camera-existing-photo { order: 5; flex: 1 1 100%; }
}


/* V32 final smart capture: automatic capture is backend-gated; manual shutter and existing photo remain first-class. */
.camera-modal .camera-auto-note{font-size:11px;color:#a9bac7;align-self:center}
.camera-modal .manual-shutter-wrap{display:grid;justify-items:center;gap:4px}
.camera-modal .manual-shutter-wrap small{font-size:10px;font-weight:800;color:#dbe7ef}
@media(max-width:640px){.camera-modal .camera-auto-note{display:none}.camera-modal .manual-shutter-wrap{order:3}}


/* V35.4 Auto / Manual capture mode lives only inside the camera modal. */
.camera-modal .capture-mode-choice{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.04)}
.camera-modal .capture-mode-label{font-size:10px;font-weight:900;letter-spacing:.03em;color:#96a7b5;transition:color .16s ease}
.camera-modal .capture-mode-choice:not(.manual) .auto-label,.camera-modal .capture-mode-choice.manual .manual-label{color:#fff}
.camera-modal .capture-mode-switch{position:relative;display:inline-flex!important;align-items:center!important;gap:0!important;cursor:pointer}
.camera-modal .capture-mode-switch input{position:absolute;opacity:0;pointer-events:none}
.camera-modal .capture-mode-track{display:block;width:44px;height:24px;border-radius:999px;background:#2f6fe4;border:1px solid rgba(255,255,255,.2);padding:2px;transition:background .16s ease}
.camera-modal .capture-mode-track i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.35);transform:translateX(0);transition:transform .16s ease}
.camera-modal .capture-mode-switch input:checked + .capture-mode-track{background:#596575}
.camera-modal .capture-mode-switch input:checked + .capture-mode-track i{transform:translateX(20px)}
.camera-modal .capture-mode-switch input:focus-visible + .capture-mode-track{outline:3px solid rgba(86,160,255,.4);outline-offset:2px}
.camera-modal[data-capture-mode="manual"] .camera-guide{border-style:dashed!important}
.camera-modal[data-capture-mode="manual"] .manual-shutter-wrap small{color:#fff;font-size:11px}
@media(max-width:640px){.camera-modal .camera-options{gap:8px!important}.camera-modal .camera-mode-note{flex:1 0 100%;text-align:center}.camera-modal .capture-settings-link{display:none}}