/* * official_document.css — PDF -> Official Document's options form + * ready-to-stamp panel + result summary. Reuses page_swap.css and * pdf_doctor.css for the shared dropzone/loading-spinner/error-box/ * fix-section/fix-result pieces (see this page's - both load * together). Only the pieces genuinely unique to this tool - the options * form (there's no scan step, so this doubles as the "what will be * stamped" panel) and the ready-to-stamp confirmation box - are defined * here. */ .od-options-panel { border: 1px solid var(--border); border-radius: 12px; background: var(--card); padding: 16px 18px; margin-bottom: 18px; } .od-options-grid { display: flex; flex-direction: column; gap: 4px; margin-bottom: 14px; } .od-opt-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; cursor: pointer; transition: background 0.12s ease; } .od-opt-row:hover { background: var(--surface-soft); } .od-opt-row input[type="checkbox"] { width: 17px; height: 17px; flex-shrink: 0; } .od-opt-row span { font-size: 14px; font-weight: 500; color: var(--text); } .od-fields-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; padding-top: 12px; border-top: 1px dashed var(--border); } .od-field { display: flex; flex-direction: column; gap: 5px; } .od-field span { font-size: 12.5px; font-weight: 600; color: var(--text-muted); } .od-field span em { font-weight: 400; font-style: normal; color: var(--text-faint, var(--text-muted)); } .od-field input[type="text"] { padding: 8px 10px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface-soft); color: var(--text); font-size: 13.5px; } .od-honesty-note { display: flex; align-items: flex-start; gap: 7px; margin: 14px 0 0; padding-top: 12px; border-top: 1px dashed var(--border); font-size: 12.5px; color: var(--text-muted); line-height: 1.45; } .od-ready-box { border: 1px solid var(--border); border-radius: 12px; background: var(--card); padding: 16px 18px; margin-bottom: 18px; display: flex; flex-direction: column; gap: 10px; } .od-ready-file { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--text); } .od-ready-file span { word-break: break-all; } .od-result-meta { font-size: 12.5px; color: var(--text-muted); line-height: 1.5; margin: 2px 0 4px; } .od-result-meta strong { color: var(--text); } @media (max-width: 640px) { .od-fields-grid { grid-template-columns: 1fr; } }