/* Inspection records use the approved light, green interface. Reference patches
   are deliberate RGB values and do not inherit theme text/background colors. */
html.test-my-display .screen-tool .inspection-setup,
html.test-my-display .screen-tool .inspection-record { padding:22px 26px; border-bottom:1px solid #dbe5df; background:#fafcfb; }
html.test-my-display .screen-tool .inspection-setup { display:grid; grid-template-columns:minmax(190px,1fr) minmax(180px,1.4fr); gap:12px 20px; align-items:center; }
html.test-my-display .screen-tool .inspection-setup>button { justify-self:start; grid-column:1/-1; }
html.test-my-display .screen-tool :is(.inspection-setup,.inspection-record) p,
html.test-my-display .screen-tool .inspection-record li { font-size:13px; line-height:1.75; margin:10px 0; color:#526359; overflow-wrap:anywhere; }
html.test-my-display .screen-tool :is(.inspection-setup,.inspection-record,.inspection-observation) label { display:block; color:#334d3e; font-size:13px; font-weight:650; line-height:1.5; margin:8px 0; }
html.test-my-display .screen-tool :is(select,textarea,input) { max-width:100%; min-width:0; }
html.test-my-display .screen-tool textarea { display:block; width:100%; resize:vertical; padding:10px 12px; line-height:1.6; min-height:74px; border:1px solid #b9ccbf; background:#fff; color:#233d2e; border-radius:8px; font:inherit; font-size:14px; }
html.test-my-display .screen-tool select { width:100%; background-color:#fff; color:#233d2e; border:1px solid #b9ccbf; padding:10px 28px 10px 10px; min-height:44px; font-size:14px; border-radius:8px; }
html.test-my-display .screen-tool .screen-toolbar { max-height:65%; max-height:65dvh; overflow:auto; overscroll-behavior:contain; }
html.test-my-display .screen-tool .screen-stage { min-height:570px; }
html.test-my-display .screen-tool .screen-stage.is-active:not(:fullscreen) { min-height:680px; }
html.test-my-display .screen-tool .screen-stage:fullscreen { min-height:100dvh; height:100dvh; width:100vw; }
html.test-my-display .screen-tool .inspection-observation { border-top:1px solid #dbe5df; padding-top:10px; }
html.test-my-display .screen-tool :is(.inspection-observation,.inspection-pattern-records) summary { min-height:44px; cursor:pointer; font-size:14px; color:#286b4a; font-weight:650; padding:10px 0; }
html.test-my-display .screen-tool .inspection-observation fieldset { margin:0; padding:0; border:0; min-width:0; }
html.test-my-display .screen-tool .inspection-record-actions,
html.test-my-display .screen-tool .inspection-downloads { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
html.test-my-display .screen-tool :is(.inspection-record-actions,.inspection-downloads,.inspection-setup) button,
html.test-my-display .screen-tool #inspection-mark-mode,
html.test-my-display .screen-tool .inspection-record-list button,
html.test-my-display .screen-tool .inspection-mark-list button { background:#fff; color:#286b4a; border:1px solid #b9ccbf; padding:10px 13px; min-height:44px; border-radius:8px; line-height:1.5; font-size:13px; white-space:normal; }
html.test-my-display .screen-tool #inspection-mark-mode[aria-pressed=true] { color:#fff; background:#286b4a; border-color:#286b4a; }
html.test-my-display .screen-tool .inspection-field-status { font-weight:700; }
html.test-my-display .screen-tool .inspection-open-note { border-left:2px solid #b9ccbf; padding-left:10px; }
html.test-my-display .screen-tool[data-screen-state=active] .inspection-open-note { display:none; }
html.test-my-display .screen-tool .inspection-record h3 { font-size:22px; color:#213c2c; margin:0 0 14px; }
html.test-my-display .screen-tool .inspection-record h4 { color:#213c2c; font-size:16px; margin:24px 0 8px; }
html.test-my-display .screen-tool #inspection-counts { color:#286b4a; font-weight:700; }
html.test-my-display .screen-tool #inspection-record-list { list-style:none; padding:0; margin:0; }
html.test-my-display .screen-tool #inspection-record-list li { display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid #dbe5df; padding:8px 0; }
html.test-my-display .screen-tool #inspection-record-list button { flex:0 0 auto; background:#fff; color:#286b4a; border:1px solid #b9ccbf; font-size:13px; min-height:44px; padding:7px 12px; }
html.test-my-display .screen-tool .inspection-limits { border-left:3px solid #b9ccbf; padding-left:12px; }
html.test-my-display .screen-tool .inspection-privacy { font-size:12px; }
html.test-my-display .screen-tool :is(button,select,input,textarea,summary):focus-visible,
html.test-my-display .screen-tool .screen-stage:focus-visible { outline:3px solid #286b4a; outline-offset:3px; }
html.test-my-display .screen-tool .inspection-marks { position:absolute; inset:0; pointer-events:none; z-index:1; overflow:hidden; }
html.test-my-display .screen-tool .inspection-mark { position:absolute; transform:translate(-50%,-50%); display:flex; justify-content:center; align-items:center; width:30px; height:30px; border:2px solid #fff; outline:2px solid #000; border-radius:50%; background:#286b4a; color:#fff; font:12px/1 'DM Mono',monospace; }
html.test-my-display .screen-tool .screen-toolbar { z-index:2; }
html.test-my-display .screen-tool .is-marking .screen-surface { cursor:crosshair; }
html.test-my-display .screen-tool .inspection-mark-list { padding-left:22px; margin:12px 0; }
html.test-my-display .screen-tool .inspection-mark-list li { padding-bottom:12px; }
html.test-my-display .screen-tool .inspection-point-coordinates { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
html.test-my-display .screen-tool .inspection-mark-list input { display:block; width:100%; padding:10px; margin:8px 0; min-height:44px; border:1px solid #b9ccbf; border-radius:6px; font-size:14px; }
html.test-my-display .screen-tool .inspection-step-chart { position:absolute; inset:8% 0; display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); }
html.test-my-display .screen-tool .inspection-step-patch { min-width:0; position:relative; }
html.test-my-display .screen-tool .inspection-step-patch>span { display:block; position:absolute; left:0; right:0; top:8%; text-align:center; font:12px/1.5 'DM Mono',monospace; color:#fff; }
html.test-my-display .screen-tool [data-reference=near-white] .inspection-step-patch>span { color:#000; }
html.test-my-display .screen-tool .inspection-sharpness-chart { position:absolute; inset:7% 3%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:2fr 1fr; gap:12px; }
html.test-my-display .screen-tool .inspection-sharpness-chart>div { position:relative; min-width:0; }
html.test-my-display .screen-tool .inspection-sharpness-checker { background:repeating-conic-gradient(#000 0% 25%,#fff 0% 50%) 0 0/2px 2px; }
html.test-my-display .screen-tool .inspection-sharpness-vertical { background:repeating-linear-gradient(to right,#000 0 1px,#fff 1px 2px); }
html.test-my-display .screen-tool .inspection-sharpness-horizontal { background:repeating-linear-gradient(to bottom,#000 0 1px,#fff 1px 2px); }
html.test-my-display .screen-tool .inspection-sharpness-chart span { position:absolute; top:10px; left:5px; right:5px; background:#fff; color:#000; padding:6px; font:12px/1.5 sans-serif; text-align:center; overflow-wrap:anywhere; }
html.test-my-display .screen-tool .inspection-sharpness-text { grid-column:1/-1; background:#fff; color:#000; padding:12px; font:clamp(16px,3vw,28px)/1.5 sans-serif; }
@media(max-width:720px) {
  html.test-my-display .screen-tool .inspection-setup { grid-template-columns:1fr; }
  html.test-my-display .screen-tool :is(.inspection-setup,.inspection-record) { padding:18px 16px; }
  html.test-my-display .screen-tool .screen-stage { height:570px; min-height:570px; }
  html.test-my-display .screen-tool .screen-stage.is-active:not(:fullscreen) { min-height:680px; height:80dvh; }
  html.test-my-display .screen-tool .screen-toolbar { max-height:70%; max-height:min(70%,70dvh); left:8px; right:8px; padding:12px; }
  html.test-my-display .screen-tool .inspection-downloads { flex-direction:column; }
  html.test-my-display .screen-tool .inspection-step-patch>span { font-size:10px; }
  html.test-my-display .screen-tool .inspection-sharpness-chart { gap:5px; }
  html.test-my-display .screen-tool .inspection-sharpness-chart span { font-size:10px; padding:3px; }
}
@media(max-height:500px) {
  html.test-my-display .screen-tool .screen-stage:fullscreen .screen-toolbar { max-height:70dvh; bottom:8px; }
}