/* * submission_checker.css — PDF Submission Checker's requirements form + * results list. Reuses page_swap.css and pdf_doctor.css for the shared * dropzone/loading-spinner/password-box/error-box/fix-section/ * related-tools pieces, and redaction_verifier.css for * .bp-summary-headline (see this page's - all three load * together). Only the requirements form and the pass/fail results list - * genuinely unique to this tool, since it's the only one whose checks are * the person's own configurable input rather than fixed built-ins - are * defined here. */ .sc-req-panel { border: 1px solid var(--border); border-radius: 12px; background: var(--card); padding: 16px 18px; margin-bottom: 18px; } .sc-req-grid { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; } .sc-req-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; cursor: pointer; transition: background 0.12s ease; } .sc-req-row:hover { background: var(--surface-soft); } .sc-req-row input[type="checkbox"] { width: 17px; height: 17px; flex-shrink: 0; } .sc-req-row span:not(.sc-req-input-wrap) { font-size: 14px; font-weight: 600; color: var(--text); flex: 1; min-width: 140px; } .sc-req-row-simple span { font-weight: 500; } .sc-req-input-wrap { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-muted); font-weight: 500; } .sc-req-input-wrap input[type="number"] { width: 72px; padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-soft); color: var(--text); font-size: 13.5px; } .sc-req-input-wrap select { padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-soft); color: var(--text); font-size: 13.5px; } .sc-results-list { display: flex; flex-direction: column; gap: 10px; margin: 14px 0 18px; } .sc-result-row { display: flex; align-items: flex-start; gap: 12px; border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; background: var(--card); } .sc-result-row.sc-result-pass { border-left: 3px solid var(--accent-light); } .sc-result-row.sc-result-fail { border-left: 3px solid var(--danger); } .sc-result-icon { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; margin-top: 1px; } .sc-result-pass .sc-result-icon { background: var(--accent-light); color: #fff; } .sc-result-fail .sc-result-icon { background: var(--danger); color: #fff; } .sc-result-body { flex: 1; min-width: 0; } .sc-result-body strong { display: block; font-size: 13.5px; color: var(--text); } .sc-result-message { margin: 3px 0 0; font-size: 13px; color: var(--text-muted); line-height: 1.4; } .sc-result-checkbox-wrap { display: flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; color: var(--accent); cursor: pointer; flex-shrink: 0; white-space: nowrap; } .sc-result-checkbox-wrap input { width: 15px; height: 15px; } @media (max-width: 640px) { .sc-req-row { flex-wrap: wrap; } .sc-result-row { flex-wrap: wrap; } }