@media screen {
  .process-export {position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;color:#5c6b7a;font-size:14px}
  .process-export-filter,.process-export-options,.process-export-files {background:#fff;border-radius:2px}
  .process-export-filter {padding:12px 10px 14px}
  .process-export-tabs {display:flex;margin-bottom:26px}
  .process-export-tabs button {border-radius:0;border-color:#c9d2db;margin-left:-1px;min-height:32px;padding:4px 15px;box-shadow:none;white-space:nowrap}
  .process-export-tabs button:first-child {margin-left:0;border-radius:4px 0 0 4px}
  .process-export-tabs button:last-child {border-radius:0 4px 4px 0}
  .process-export-tabs button.active {color:#fff;background:#1d5183;border-color:#1d5183;z-index:1}
  .process-export-form {display:flex;align-items:center;gap:24px;min-height:32px}
  .project-export-field {display:flex;align-items:center;flex:0 1 66.6667%;min-width:0}
  .project-export-field>label {width:80px;flex:0 0 80px;text-align:right;padding-right:8px}
  .export-project-picker {position:relative;min-width:0;flex:1}
  .export-project-selection {border:1px solid #c9d2db;border-radius:4px;min-height:32px;display:flex;flex-wrap:wrap;gap:3px;padding:2px 8px}
  .export-project-selection:focus-within {border-color:#2a659e;box-shadow:0 0 0 2px #1d518333}
  .export-project-selection input {border:0;box-shadow:none!important;outline:none;width:90px;min-width:80px;flex:1;height:26px;padding:0 3px;background:white}
  .export-project-tag {display:flex;gap:4px;align-items:center;padding:0 4px;max-width:100%;background:#f5f7fa;border:1px solid #e2e7ec;font-size:13px;line-height:24px;border-radius:2px}
  .export-project-tag button {border:0;background:none;min-height:20px;height:20px;padding:0 2px;color:#8a97a3}
  .export-project-options {position:absolute;top:calc(100% + 4px);left:0;right:0;background:white;max-height:280px;overflow:auto;z-index:25;box-shadow:0 3px 12px #0002;padding:4px 0;border-radius:4px}
  .export-project-options button {display:flex;align-items:center;gap:10px;text-align:left;border:0;border-radius:0;width:100%;padding:6px 12px;justify-content:flex-start}
  .export-project-options button span {flex:1}.export-project-options small {color:#8a97a3;font-size:12px}
  .export-project-options button[aria-selected=true] {background:#eaf1f8}.export-project-options button:hover {background:#f2f4f7}
  .export-project-options .ui-icon {color:#1d5183}
  .export-button-field {flex:1;min-width:110px}
  #process-export-run {padding:4px 15px}
  .process-export-options {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:14px 0;min-height:50vh;padding:20px 10px}
  .process-export-options>label {display:flex;align-items:center;gap:8px;min-width:0;line-height:20px;padding:0;background:#fff;border:0;font-weight:400;cursor:pointer}
  .process-export.project-export .process-export-options>label:nth-child(14) {grid-column:3}
  .process-export-options input[type=checkbox] {margin:0;flex:0 0 16px}
  .expense-export-field {display:flex;align-items:center;flex:0 1 50%;min-width:0}
  .expense-export-field>label {flex:0 0 200px;width:200px;text-align:right;padding-right:8px}
  .export-month-range {display:flex;align-items:center;gap:8px;min-width:0;flex:1}
  .export-month-range input {height:32px;width:calc(50% - 12px);min-width:115px;padding:4px 8px}
  .export-month-range>span {color:#98a4b0}
  .attendance-export .process-export-form {gap:16px;flex-wrap:wrap}
  .attendance-export-field {display:flex;align-items:center;flex:1;min-width:260px}
  .attendance-export-field>label {flex:0 0 100px;text-align:right;padding-right:8px}
  .attendance-export-field>input {height:32px;min-width:0;width:100%}
  .process-export-files>.toolbar {padding:8px 10px;gap:6px}
  .process-export-files .selection-bar {margin:0 10px 8px}
  .original-files-table {margin:0 10px;border:1px solid #e2e7ec;overflow:auto;min-height:200px}
  .original-files-table table {width:100%;table-layout:auto}
  .original-files-table th {text-align:left;position:relative}
  .original-files-table td:not(.selection-cell):not(.actions) {text-align:left}
  .original-files-table th[aria-sort] {padding-left:12px}
  .original-files-table th:first-child,.original-files-table td:first-child {width:50px;min-width:50px;text-align:center}
  .original-files-table .original-index {width:70px;min-width:70px}
  .original-files-table .original-actions {width:160px;min-width:160px;text-align:center}
  .original-files-table .original-uploaded {width:230px;min-width:200px;cursor:pointer}
  .original-files-table .original-actions {position:sticky;right:0}
  .original-files-table .table-empty {text-align:center;padding:65px 20px;color:#98a4b0}
  .process-export-files>.tfoot {padding:16px 10px;justify-content:flex-end;gap:12px;border:0}
  .original-file-controls {margin-left:auto;display:flex;align-items:center;gap:4px}
  .original-file-controls .column-options {min-width:180px}
  .original-files-table[data-file-density=default] td {padding-top:16px;padding-bottom:16px}
  .original-files-table[data-file-density=middle] td {padding-top:12px;padding-bottom:12px}
  .original-files-table[data-file-density=compact] td {padding-top:8px;padding-bottom:8px}
  .original-jump-label {display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
  .original-jump-label input {width:50px;height:24px;padding:0 4px}
  .export-missing-modal {width:800px;max-width:calc(100vw - 40px)}
  .export-missing-table {width:100%;border:1px solid #e2e7ec;border-collapse:collapse;table-layout:fixed}
  .export-missing-table th {width:200px;text-align:left;font-weight:400;padding:12px 16px;background:#f5f7fa}
  .export-missing-table td {padding:12px 16px;white-space:normal;word-break:break-word}
  .process-export-busy {position:absolute;inset:0;z-index:40;background:#ffffffbf;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#1d5183}
  .export-spinner {width:24px;height:24px;border:3px solid #c3d4e4;border-top-color:#1d5183;border-radius:50%;animation:export-spin 1s linear infinite}
  @keyframes export-spin {to {transform:rotate(360deg)}}
  @media(min-width:1600px) {.expense-export-field {flex-basis:33.3333%}}
  @media(max-width:1100px) {.process-export-options {grid-template-columns:repeat(2,minmax(0,1fr))}.process-export.project-export .process-export-options>label:nth-child(14) {grid-column:auto}.expense-export-field {flex-basis:75%}.expense-export-field>label {width:150px;flex-basis:150px}}
  @media(max-width:600px) {.process-export-tabs {overflow:auto}.process-export-form {flex-wrap:wrap;gap:12px}.project-export-field,.expense-export-field {flex-basis:100%}.export-button-field {padding-left:80px}.process-export-options {grid-template-columns:1fr}.process-export-options>label {min-height:24px}.process-export-tabs button {padding:4px 9px}.expense-export-field>label {width:130px;flex-basis:130px}.export-month-range input {min-width:100px}}
}

@media screen {.reference-retention .retention-guide {padding:16px 16px 0;line-height:24px;color:#5c6b7a}.retention-guide>span {color:#b03a37}.reference-retention .filters {border:0;padding:16px}.reference-retention #retention-table {margin:0 12px}.reference-retention-table {width:100%;table-layout:auto}.reference-retention-table th:first-child {width:80px}.reference-retention-table th:last-child {width:180px}.standing-book-tabs {flex-wrap:wrap}}
