/* R4.6.24 conservative visual polish.
   This file only adjusts presentation; routes, form names and business logic
   remain unchanged. */
:root{
  --r4624-blue:#0b63ce;
  --r4624-blue-deep:#074b9c;
  --r4624-cyan:#0ea5c6;
  --r4624-surface:#ffffff;
  --r4624-soft:#f4f8fd;
  --r4624-line:#dbe7f4;
  --r4624-text:#132238;
  --r4624-muted:#61738a;
  --r4624-shadow:0 12px 32px rgba(24,73,122,.10);
}
html{scroll-behavior:smooth}
body.app-shell{color:var(--r4624-text);background:linear-gradient(180deg,#f8fbff 0,#f2f7fc 52%,#eef5fb 100%);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.card,.panel,.dashboard-card,.sample-main,.photo-upload-panel,.quick-test-card{border-color:var(--r4624-line)!important;box-shadow:var(--r4624-shadow);border-radius:16px!important;background:rgba(255,255,255,.96)}
.card:hover,.dashboard-card:hover{border-color:#c3d9ef!important}
.section-head,.form-section-title{gap:12px}
.section-index,.form-section-title>span{box-shadow:0 6px 16px rgba(11,99,206,.20)}
input,select,textarea{border-color:#cbdcec!important;border-radius:11px!important;background:#fff!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
input:hover,select:hover,textarea:hover{border-color:#9fc2e7!important}
input:focus,select:focus,textarea:focus{border-color:var(--r4624-blue)!important;box-shadow:0 0 0 3px rgba(11,99,206,.13)!important;outline:0}
button,.button,.upload-button,.photo-choice{border-radius:11px!important;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}
button:hover,.button:hover,.upload-button:hover,.photo-choice:hover{transform:translateY(-1px)}
.button.primary,button.primary{box-shadow:0 8px 20px rgba(11,99,206,.22)}
.ocr-workbench{border:1px solid #cfe0f1;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#edf6ff);padding:14px}
.standard-meter-preview{border:1px solid #cbdff1;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(25,76,128,.10)}
.standard-meter-preview img{display:block;width:100%;height:auto;object-fit:contain;background:#eef4f8}
.r392-ocr-message{padding:9px 11px;border-radius:10px;background:#edf6ff;color:#23527d}
.parameter-grid,.quadrant-parameter-grid{gap:12px}
.parameter-field{background:linear-gradient(180deg,#fff,#f8fbfe);border:1px solid var(--r4624-line);border-radius:14px;padding:12px}
.sidebar{box-shadow:10px 0 34px rgba(23,66,110,.08)}
.nav-item{border-radius:11px!important}
.nav-item.active{box-shadow:0 7px 18px rgba(11,99,206,.16)}
.system-chip{border-radius:999px!important}
.empty-state{border:1px dashed #bfd5ea;border-radius:16px;background:rgba(255,255,255,.75)}
:focus-visible{outline:3px solid rgba(14,165,198,.38)!important;outline-offset:2px}
@media(max-width:900px){
  body.app-shell{background:#f4f8fc}
  .card,.panel,.sample-main{border-radius:14px!important;box-shadow:0 8px 22px rgba(24,73,122,.08)}
  .ocr-workbench{padding:10px}
  .form-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  input,select,textarea{font-size:16px!important;min-height:44px}
  button,.button,.upload-button,.photo-choice{min-height:42px;touch-action:manipulation}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}