#resultScreenshotDialog { --scan-ink: #172832; --scan-muted: #526472; --scan-line: #c4cfd6; color-scheme: light; color: var(--scan-ink); background: #fff; width: min(820px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); border: 1px solid var(--scan-line); border-radius: 16px; padding: 0; font: 15px/1.45 system-ui, sans-serif; }
#resultScreenshotDialog::backdrop { background: #10232bb3; }
#resultScreenshotDialog [hidden] { display: none !important; }
#resultScanForm { margin: 0; display: flex; flex-direction: column; max-height: calc(100dvh - 36px); }
#resultScanForm header, #resultScanForm footer { display: flex; align-items: center; gap: 12px; padding: 12px 18px; background: #f5f8f9; flex: none; }
#resultScanForm header { justify-content: space-between; border-bottom: 1px solid var(--scan-line); }
#resultScanForm footer { border-top: 1px solid var(--scan-line); }
#resultScanForm h2 { font-size: 20px; margin: 0; color: var(--scan-ink); }
#resultScanForm h3 { font-size: 17px; }
.result-scan-body { padding: 16px 18px; overflow: auto; overscroll-behavior: contain; min-height: 0; }
#resultScanForm p { margin: 8px 0 14px; overflow-wrap: anywhere; }
#resultScanForm label { display: block; font-size: 14px; color: var(--scan-ink); }
#resultScanForm input:not([type=checkbox]), #resultScanForm select { box-sizing: border-box; display: block; width: 100%; min-height: 44px; margin-top: 5px; border: 1px solid #8799a6; background: #fff; color: var(--scan-ink); border-radius: 6px; padding: 9px; font: inherit; text-align: left; }
#resultScanForm button, .result-screenshot-button { min-height: 44px; padding: 9px 14px; border: 1px solid #8799a6; border-radius: 7px; background: #fff; color: #173f39; font: inherit; cursor: pointer; }
#resultScanForm button:disabled { opacity: .6; cursor: default; }
#resultScanForm :focus-visible { outline: 3px solid #2866bc; outline-offset: 2px; }
#resultScanClose { font-size: 24px !important; width: 44px; flex-shrink: 0; }
#resultScanTarget { font-weight: 650; }
.result-scan-hint { font-size: 13px; color: var(--scan-muted); }
#resultScanStatus { font-weight: 600; }
#resultScanPreviews { display: grid; gap: 10px; }
#resultScanImages { margin: 10px 0; }
#resultScanImages summary { padding: 12px 0; cursor: pointer; min-height: 44px; box-sizing: border-box; }
.result-scan-image { max-height: 360px; overflow: auto; }
.result-scan-image.enlarged img { max-width: none !important; max-height: none !important; }
#resultScanPreviews figure { margin: 0; border: 1px solid var(--scan-line); border-radius: 6px; overflow: hidden; }
#resultScanPreviews img { display: block; max-width: 100%; max-height: 300px; margin: auto; object-fit: contain; }
#resultScanPreviews figcaption { padding: 6px; overflow-wrap: anywhere; font-size: 12px; color: var(--scan-muted); }
.result-scan-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.result-scan-team { grid-column: 1 / -1; }
#resultScanPreview { padding: 12px; background: #eef7f4; border-radius: 6px; }
#resultScanForm .result-scan-check { display: flex; align-items: flex-start; gap: 10px; padding: 12px 0; cursor: pointer; }
#resultScanConfirm { width: 24px; height: 24px; flex: none; margin: 0; accent-color: #087963; }
#resultScanApply { background: #087963 !important; color: white !important; width: 100%; margin: 8px 0; }
@media (max-width: 600px) { #resultScreenshotDialog { width: calc(100vw - 12px); max-height: calc(100dvh - 12px); border-radius: 10px; } #resultScanForm { max-height: calc(100dvh - 16px); } .result-scan-body { padding: 12px; } #resultScanForm header, #resultScanForm footer { padding: 10px 12px; } #resultScanForm input:not([type=checkbox]), #resultScanForm select { font-size: 16px; } }
@media print { #resultScreenshotDialog, .result-screenshot-button { display: none !important; } }