#paperView .paper-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:16px 0; }
#paperView label { display:flex; flex-direction:column; gap:7px; font-size:14px; }
#paperView label:has(input[type="checkbox"]) { display:inline-flex; flex-direction:row; align-items:center; gap:6px; margin:8px 10px 8px 0; }
#paperView input:not([type="checkbox"]), #paperView select, #paperView textarea { width:100%; min-height:44px; padding:12px 16px; border:1px solid #8c99ad66; border-radius:18px; background:transparent; color:inherit; box-sizing:border-box; font:inherit; }
#paperView input[type="checkbox"] { width:20px; height:20px; }
#paperView small { display:block; opacity:.72; font-size:12px; margin-top:5px; }
#paperView summary { cursor:pointer; padding:12px 0; font-weight:650; }
#paperView button { min-height:44px; margin:6px 6px 6px 0; }
#paperView .paper-table-scroll { overflow:auto; }
#paperView table { border-collapse:collapse; width:100%; min-width:660px; text-align:left; }
#paperView th, #paperView td { padding:12px 10px; border-bottom:1px solid #8896aa40; }
#paperView .paper-key-preview { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px; max-height:360px; overflow:auto; }
#paperView .paper-review-layout { display:grid; grid-template-columns:minmax(300px,.9fr) minmax(500px,1.1fr); gap:20px; align-items:start; }
#paperView .paper-image-pane { position:sticky; top:20px; }
#paperView img { width:100%; height:auto; background:white; }
#paperView .paper-answer-scroll { max-height:680px; }
#paperView .paper-difference { background:#d68b1720; }
#paperView .paper-choice { padding:4px; }
#paperView dt { font-size:13px; opacity:.72; } #paperView dd { margin:6px 0; }
#paperView pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; }
#paperView :focus-visible { outline:3px solid #2379db; outline-offset:3px; }
@media(max-width:1100px) { #paperView .paper-review-layout { grid-template-columns:1fr; } #paperView .paper-image-pane { position:static; max-width:600px; } }

.paper-batch-notice { border:1px solid #8c99ad40; border-radius:28px; padding:28px; max-width:480px; width:calc(100% - 64px); color:var(--ink,#152238); background:var(--surface-strong,#fff); }
.paper-batch-notice::backdrop { background:#12223866; backdrop-filter:blur(6px); }
#paperView .paper-batch { padding:16px; border-radius:20px; background:#1673ef09; margin:12px 0; }
#resultPaperArchive img { max-height:650px; width:100%; object-fit:contain; border-radius:20px; }
.paper-workbench-actions { display:flex; flex-wrap:wrap; gap:12px; }
.paper-workbench-actions button { min-height:48px; border-radius:18px; }
#paperView .paper-approval-panel { padding:20px; border:1px solid var(--hairline,#dce2e9); border-radius:18px; background:var(--blue-soft,#f3f6fb); margin:20px 0; }
#paperView .paper-approval-panel h4 { margin:0 0 12px; font-size:17px; }
#paperView .paper-approver-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; max-height:230px; overflow:auto; margin:14px 0; }
#paperView .paper-approver-choice { display:flex; flex-direction:row; align-items:center; gap:10px; padding:12px; border:1px solid var(--hairline,#dce2e9); background:var(--surface-strong,#fff); border-radius:12px; cursor:pointer; }
#paperView input[type=radio] { width:18px; height:18px; accent-color:var(--blue); }
#paperView .paper-bulk-bar { display:flex; gap:12px; flex-wrap:wrap; align-items:end; margin:18px 0; padding:18px; border-radius:16px; border:1px solid var(--hairline); background:var(--blue-soft,#f3f6fb); }
#paperView .paper-bulk-bar[hidden],#paperView .paper-approval-panel[hidden],#paperView .paper-approval-panel [hidden] { display:none; }
#paperView .paper-bulk-bar label { flex:1; min-width:150px; }
#paperView .paper-bulk-bar strong { align-self:center; font-size:14px; }

.paper-pager { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin-top:18px; }
.paper-pager[hidden] { display:none; }
#paperView .paper-pager button { width:auto; min-width:76px; min-height:36px; padding:8px 16px; }
.paper-score { font-size:19px; white-space:nowrap; }
#paperView .paper-delete { color:#bc3345; }
.paper-batch-action { display:flex; width:100%; align-items:center; justify-content:space-between; gap:16px; border:0; padding:6px 0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.paper-batch-action span { font-size:13px; color:var(--blue); }
.paper-batch-scores { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px 18px; margin-bottom:12px; }
.paper-batch-scores > span { display:flex; justify-content:space-between; font-size:13px; gap:10px; }
.paper-person-choices { max-height:220px; overflow:auto; display:grid; gap:5px; }
#paperView .paper-person-choice { display:block; width:100%; min-height:44px; text-align:left; background:var(--blue-soft); border:1px solid var(--hairline); border-radius:10px; padding:8px 12px; cursor:pointer; color:inherit; }
.paper-person-choice small { display:block; color:var(--muted); margin-top:4px; }

#paperProgressDisclosure { margin-top: 20px; border-top: 1px solid rgba(95,114,140,.16); padding-top: 16px; }
#paperProgressDisclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; min-height:44px; }
#paperProgressSummary { color:var(--muted,#6a788d); font-size:13px; }
#paperBatchSubmit { margin:20px 0; background:rgba(33,73,116,.05); border-radius:22px; padding:22px; }
#paperBatchSubmitFields > label { display:flex; align-items:center; gap:8px; margin:14px 0; }
@media(max-width:640px){#paperProgressDisclosure > summary{align-items:flex-start;flex-direction:column;gap:4px;}}

#paperProgressDisclosure > summary::after { content:'⌄'; font-size:20px; color:#748399; }
#paperProgressDisclosure[open] > summary::after { transform:rotate(180deg); }

#paperImage { border-radius:18px; display:block; height:auto; }
#paperRecordsDisclosure > summary {cursor:pointer;min-height:44px;font-size:19px;}
#paperBatchSubmit { position:relative; }
#paperConfirmBatch { margin:8px 0 16px; }

#paperView .paper-approver-choice { color:var(--ink); background:var(--surface-strong); text-align:left; min-height:58px; }
#paperView .paper-approver-choice > span { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
#paperView .paper-approver-choice small { color:var(--muted); }
#paperView .paper-approver-choice:has(input:checked) { border-color:var(--blue); background:var(--blue-soft); }

#paperView .paper-import-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
#paperView .paper-import-heading h3 { margin:0; font-size:21px; }
#paperView .paper-import-heading > span { font-size:13px; color:var(--muted); white-space:nowrap; }
#paperFileSummary { color:var(--muted); font-size:14px; line-height:1.6; }
#paperView input[type=file] { overflow:hidden; }
#paperView input[type=file]::file-selector-button { border:0; border-radius:12px; padding:8px 13px; margin-right:12px; color:var(--ink); background:var(--blue-soft); font:inherit; cursor:pointer; }
#paperView .paper-import-panel .paper-fields { align-items:end; }
#paperView .paper-import-panel .paper-fields > label { min-width:0; }
#paperView .paper-import-panel select { height:56px; }
#paperView .paper-file-picker { position:relative; display:flex; align-items:center; gap:12px; min-width:0; height:56px; padding:7px 10px; border:1px solid var(--hairline); border-radius:18px; background:var(--control); cursor:pointer; }
#paperView .paper-file-picker:hover { border-color:var(--blue); }
#paperView .paper-file-picker:focus-within { outline:3px solid var(--blue); outline-offset:3px; }
#paperView .paper-file-picker input[type=file] { position:absolute; inset:0; z-index:1; width:100%; height:100%; min-height:0; margin:0; padding:0; opacity:0; cursor:pointer; }
#paperView .paper-file-trigger { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:7px; height:40px; padding:0 13px; border-radius:12px; background:var(--blue-soft); color:var(--blue); font-size:14px; font-weight:650; line-height:20px; white-space:nowrap; }
#paperView .paper-file-trigger svg { display:block; width:18px; height:18px; flex-shrink:0; }
#paperView .paper-file-name { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:13px; line-height:20px; }
#paperView #paperTimeline { gap:12px; }
#paperTimeline > div { padding:14px 16px; border-radius:16px; background:var(--blue-soft); }
#paperIncludeRemovedField[hidden],#paperLedgerExport[hidden] { display:none; }
#paperView textarea { min-height:104px; border-radius:18px; resize:vertical; }
#paperView .paper-selection { margin:18px 0; }
#paperView .paper-selection-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
#paperView .paper-selection-heading strong { flex-shrink:0; white-space:nowrap; }
#paperView .paper-selection-heading button { flex:0 0 auto; width:auto; min-height:36px; padding:6px 14px; margin:0; }
#paperView #paperSelectedImages { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; max-height:360px; padding:4px 2px; overflow:auto; list-style:none; }
#paperView .paper-selected-image { min-width:0; border:1px solid var(--hairline); border-radius:18px; overflow:hidden; background:var(--control); }
#paperView .paper-selected-image img { display:block; height:128px; width:100%; object-fit:contain; padding:8px; }
#paperView .paper-selected-image > div { padding:8px 10px; display:flex; align-items:center; gap:8px; }
#paperView .paper-selected-image span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
#paperView .paper-selected-image button { flex:0 0 auto; width:auto; margin:0; min-height:36px; padding:6px 8px; color:var(--red); border-radius:12px; font-size:12px; }
#paperView .paper-live-progress { margin-top:24px; padding-top:20px; border-top:1px solid var(--hairline); }
#paperView .paper-live-progress h3 { margin:0 0 12px; font-size:18px; }
#paperView .paper-live-batch { padding:18px; border-radius:20px; background:var(--control); margin-top:12px; }
#paperView .paper-live-item { padding:12px 0; }
#paperView .paper-live-item-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; margin-bottom:10px; }
#paperView .paper-live-item-heading > span { color:var(--muted); text-align:right; }
#paperView progress { display:block; width:100%; height:6px; border:0; border-radius:20px; overflow:hidden; background:var(--hairline); accent-color:var(--blue); }
#paperView progress::-webkit-progress-bar { background:var(--hairline); border-radius:20px; }
#paperView progress::-webkit-progress-value { background:var(--blue); border-radius:20px; }
#paperView progress::-moz-progress-bar { background:var(--blue); border-radius:20px; }
#paperView .paper-live-queue { margin:10px 0 4px; font-size:13px; color:var(--muted); }