/* A single editable print preview with a shared save bar. */ #settingsCards.settings-report-workspace{gap:14px;--st-danger:var(--red-text,#b42318)} #settingsCards.settings-report-workspace .settings-preview-panel{min-width:0;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)} #settingsCards.settings-report-workspace .settings-preview-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px} #settingsCards.settings-report-workspace .settings-preview-kicker{font-size:9px;font-weight:750;letter-spacing:1px;color:var(--blue)} #settingsCards.settings-report-workspace .settings-preview-top h2{margin:3px 0;font-size:19px;font-weight:700;letter-spacing:-.4px;color:var(--text)} #settingsCards.settings-report-workspace .settings-preview-top p{margin:3px 0 0;color:var(--muted);font-size:12px} #settingsCards.settings-report-workspace .settings-preview-period{display:grid;flex-shrink:0;gap:3px;margin:0;font-size:10px;color:var(--muted);font-weight:500} #settingsCards.settings-report-workspace .settings-preview-period input{width:170px;min-height:38px;padding:6px 9px;background:var(--surface-soft);font-size:13px;color:var(--text)} #settingsCards.settings-report-workspace .settings-main-toolbar{display:flex;align-items:center;gap:6px;padding:8px;margin-bottom:10px;border-radius:10px;background:var(--surface-soft);border-color:var(--border)} #settingsCards.settings-report-workspace .st-tool{min-height:34px;padding:6px 9px;border-radius:7px;font-size:12px;color:var(--text)} #settingsCards.settings-report-workspace .st-tool svg{width:16px;height:16px} #settingsCards.settings-report-workspace .st-tool.primary-tool{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);box-shadow:0 2px 5px #14213812} #settingsCards.settings-report-workspace .st-tool.primary-tool:hover{border-color:var(--primary-hover);background:var(--primary-hover);color:var(--on-primary)} #settingsCards.settings-report-workspace .settings-format-menu{position:relative} #settingsCards.settings-report-workspace .settings-format-menu>summary{display:flex;align-items:center;gap:6px;min-height:34px;padding:6px 9px;border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:12px;cursor:pointer;list-style:none} #settingsCards.settings-report-workspace summary::-webkit-details-marker{display:none} #settingsCards.settings-report-workspace .settings-format-menu>summary svg{width:16px;height:16px} #settingsCards.settings-report-workspace .settings-format-menu[open]>summary{background:var(--info-bg);color:var(--blue)} #settingsCards.settings-report-workspace .settings-format-tools{position:absolute;top:calc(100% + 7px);left:0;z-index:35;display:flex;align-items:center;flex-wrap:wrap;gap:5px;width:310px;max-width:calc(100vw - 44px);padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 10px 25px #14213826} #settingsCards.settings-report-workspace .settings-format-tools select{width:100px;min-height:34px;padding:4px 6px;font-size:12px} #settingsCards.settings-report-workspace .settings-preview-zoom{display:flex;align-items:center;gap:6px;margin:0 0 0 auto;font-size:11px;font-weight:400;color:var(--muted)} #settingsCards.settings-report-workspace .settings-preview-zoom select{width:102px;min-height:34px;padding:5px 6px;font-size:12px} #settingsCards.settings-report-workspace .settings-unit-panel{margin-bottom:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)} #settingsCards.settings-report-workspace .settings-unit-panel>summary{display:flex;align-items:center;gap:8px;padding:11px 12px;color:var(--text);font-size:13px;font-weight:650;cursor:pointer;list-style:none} #settingsCards.settings-report-workspace .settings-unit-panel>summary>.ui-icon{width:17px;height:17px;margin:0;color:var(--muted)} #settingsCards.settings-report-workspace .settings-unit-panel>summary>.ui-icon:last-child{margin-left:auto;transition:rotate .15s} #settingsCards.settings-report-workspace .settings-unit-panel[open]>summary>.ui-icon:last-child{rotate:90deg} #settingsCards.settings-report-workspace .settings-disclosure-hint{font-size:11px;font-weight:400;color:var(--muted)} #settingsCards.settings-report-workspace #unitForm{padding:0 14px 14px} #settingsCards.settings-report-workspace #unitForm label{margin:0;font-size:12px} #settingsCards.settings-report-workspace #unitForm input:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:38px;padding:8px 10px;font-size:13px} #settingsCards.settings-report-workspace .unit-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px} #settingsCards.settings-report-workspace .signers-field{padding-top:10px;border-top:1px solid var(--border)} #settingsCards.settings-report-workspace .st-formula-bar{margin-bottom:0;border-color:var(--border);border-radius:8px 8px 0 0;background:var(--surface-soft)} #settingsCards.settings-report-workspace .settings-preview-viewport{min-width:0;overflow:auto;max-height:70vh;padding:14px;background:color-mix(in srgb,var(--border) 35%,var(--surface-soft));border:1px solid var(--border);border-top:0;border-radius:0 0 10px 10px;overscroll-behavior:contain} #settingsCards.settings-report-workspace .settings-preview-paper{display:block;box-sizing:content-box;width:max-content;min-width:960px;max-width:none;margin:auto;padding:20px;background:#fff;color:#172033;border:0;border-radius:2px;box-shadow:0 3px 14px #14213820;overflow:visible;font:13px/1.4 'Times New Roman',serif} #settingsCards.settings-report-workspace .settings-paper-heading{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:12px;margin-bottom:16px} #settingsCards.settings-report-workspace .settings-paper-heading button,#settingsCards.settings-report-workspace .preview-signature-edit{display:block;min-height:0;padding:6px;border:1px dashed transparent;border-radius:5px;background:transparent;color:#172033;font:inherit;text-align:center;cursor:pointer} #settingsCards.settings-report-workspace .settings-paper-heading button:hover,#settingsCards.settings-report-workspace .preview-signature-edit:hover{border-color:#2563eb;background:#eff6ff} #settingsCards.settings-report-workspace .settings-paper-heading strong,#settingsCards.settings-report-workspace .settings-paper-heading span{display:block} #settingsCards.settings-report-workspace .preview-unit-edit strong{font-size:15px} #settingsCards.settings-report-workspace .preview-unit-edit span{margin-top:3px;font-size:14px} #settingsCards.settings-report-workspace .preview-title-edit strong{font-size:19px} #settingsCards.settings-report-workspace .preview-title-edit span{margin-top:4px;font-size:14px} #settingsCards.settings-report-workspace #sheetPreview{width:max-content;max-width:none;max-height:none;overflow:visible;border:0;border-radius:0;background:#fff} #settingsCards.settings-report-workspace .settings-real-sheet{min-width:0;table-layout:fixed;border-collapse:collapse;background:#fff;color:#172033;font-family:'Times New Roman',serif} #settingsCards.settings-report-workspace .settings-real-sheet th,#settingsCards.settings-report-workspace .settings-real-sheet td{position:static;box-sizing:border-box;min-width:0;max-width:none;border:1px solid #7f8b9a;padding:4px 2px;background:#fff;color:#172033;font-family:inherit;font-size:11px;line-height:1.3;letter-spacing:0;text-transform:none;white-space:normal;overflow-wrap:anywhere;text-align:center;vertical-align:middle} #settingsCards.settings-report-workspace .settings-real-sheet th{font-weight:700;background:#f4f6f9} #settingsCards.settings-report-workspace .settings-real-sheet .fx1{width:38px;min-width:0} #settingsCards.settings-report-workspace .settings-real-sheet .fx2{width:172px;min-width:0} #settingsCards.settings-report-workspace .settings-real-sheet .st-name{height:30px;padding:5px 7px;text-align:left;font-size:12px} #settingsCards.settings-report-workspace .settings-real-sheet .preview-day{height:30px} #settingsCards.settings-report-workspace .settings-real-sheet .sunday,#settingsCards.settings-report-workspace .settings-real-sheet .holiday-day{background:#fff1f2;color:#9f1239} #settingsCards.settings-report-workspace .settings-real-sheet .unused{background:#f1f3f5} #settingsCards.settings-report-workspace .settings-real-sheet .preview-column-value{background:#f6f9ff;color:#1d4ed8;cursor:pointer} #settingsCards.settings-report-workspace .settings-real-sheet .preview-total{background:#edf4ff;color:#1d4ed8;font-weight:700} #settingsCards.settings-report-workspace .settings-real-sheet .st-foot td{font-weight:700;background:#f4f6f9;min-height:28px} #settingsCards.settings-report-workspace .settings-real-sheet .sel{box-shadow:inset 0 0 0 2px #2563eb;background:#eaf2ff} #settingsCards.settings-report-workspace .settings-real-sheet .st-totalh{position:relative;padding-top:25px} #settingsCards.settings-report-workspace .preview-add-column{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:21px;min-width:21px;height:21px;min-height:21px;padding:2px;border:1px solid #2563eb;border-radius:5px;background:#2563eb;color:#fff} #settingsCards.settings-report-workspace .preview-add-column:hover{background:#1d4ed8;color:#fff} #settingsCards.settings-report-workspace .preview-add-column svg{width:14px;height:14px;margin:0} #settingsCards.settings-report-workspace .preview-column-edit{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;min-height:24px;padding:2px;border:0;border-radius:3px;background:transparent;color:#1e40af;font:inherit;line-height:inherit;overflow-wrap:anywhere} #settingsCards.settings-report-workspace .preview-column-edit:hover{background:#dbeafe;color:#1e40af} #settingsCards.settings-report-workspace .preview-column-edit svg{flex-shrink:0;width:11px;height:11px;margin:0} #settingsCards.settings-report-workspace .preview-no-employees{padding:18px!important;color:#64748b!important} #settingsCards.settings-report-workspace .settings-paper-signatures{margin-top:20px} #settingsCards.settings-report-workspace .preview-signature-edit{width:100%;padding:10px;font-size:13px} #settingsCards.settings-report-workspace .preview-signature-empty{display:block;margin-top:8px;color:#2563eb;font:12px Arial,sans-serif} #settingsCards.settings-report-workspace .settings-preview-help{margin-top:12px;font-size:12px;color:var(--muted)} #settingsCards.settings-report-workspace .settings-preview-help>summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;color:var(--text)} #settingsCards.settings-report-workspace .settings-preview-help>summary svg{width:15px;height:15px;margin:0} #settingsCards.settings-report-workspace .settings-preview-help p{margin:8px 0;line-height:1.6} #settingsCards.settings-report-workspace .settings-savebar{position:sticky;bottom:12px;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:0 5px 20px #14213815} #settingsCards.settings-report-workspace .settings-savebar>div{display:flex;align-items:center;gap:8px} #settingsCards.settings-report-workspace .settings-savebar button{min-height:38px;padding:7px 13px;font-size:12px} #settingsCards.settings-report-workspace .settings-savebar #hlSave{display:flex;align-items:center;gap:7px;border-color:var(--primary);background:var(--primary);color:var(--on-primary)} #settingsCards.settings-report-workspace .settings-savebar #hlSave:hover:not(:disabled){border-color:var(--primary-hover);background:var(--primary-hover);color:var(--on-primary)} #settingsCards.settings-report-workspace .settings-savebar svg{width:16px;height:16px} #settingsCards.settings-report-workspace .settings-savebar .st-badge{font-size:11px} @media(max-width:760px){ #settingsCards.settings-report-workspace .settings-preview-panel{padding:12px} #settingsCards.settings-report-workspace .settings-preview-top{align-items:flex-start;flex-wrap:wrap;gap:10px} #settingsCards.settings-report-workspace .settings-preview-top h2{font-size:17px} #settingsCards.settings-report-workspace .settings-preview-top p{font-size:11px} #settingsCards.settings-report-workspace .settings-preview-period{width:100%} #settingsCards.settings-report-workspace .settings-preview-period input{width:100%} #settingsCards.settings-report-workspace .settings-main-toolbar{flex-wrap:wrap} #settingsCards.settings-report-workspace .settings-preview-zoom{margin-left:0} #settingsCards.settings-report-workspace .settings-format-tools{left:auto;right:0;width:260px} #settingsCards.settings-report-workspace .settings-disclosure-hint{display:none} #settingsCards.settings-report-workspace .unit-fields{grid-template-columns:minmax(0,1fr)} #settingsCards.settings-report-workspace .settings-savebar{bottom:8px;flex-wrap:wrap;padding:8px 10px} #settingsCards.settings-report-workspace .settings-savebar>div{margin-left:auto} } #settingsCards.settings-report-workspace .settings-main-toolbar #hlAddCol span{display:inline} #settingsCards.settings-report-workspace .preview-column-edit[draggable=true]{cursor:grab} #settingsCards.settings-report-workspace .settings-real-sheet .preview-column-dragging{opacity:.4} #settingsCards.settings-report-workspace .settings-real-sheet .preview-column-drop{background:#dbeafe;box-shadow:inset 3px 0 #2563eb} #settingsCards.settings-report-workspace .settings-paper-legend{margin:54px 6px 0;color:#475569;font-size:11px;line-height:1.5} #settingsCards.settings-report-workspace .st-drawer{background:var(--surface);color:var(--text)} #settingsCards.settings-report-workspace .st-drawer .hint{color:var(--muted);opacity:1;font-size:12px;line-height:1.55} #settingsCards.settings-report-workspace .st-drawer .st-sheet-head h3{color:var(--text);font-size:18px} #settingsCards.settings-report-workspace #drawerForm>label{font-size:13px} #settingsCards.settings-report-workspace #drawerForm input:not([type=checkbox]),#settingsCards.settings-report-workspace #drawerForm select{min-height:38px;padding:8px 10px;background:var(--surface-soft);color:var(--text);border-color:var(--border);font-size:13px} #settingsCards.settings-report-workspace #drawerForm fieldset{padding:12px;border-color:var(--border)} #settingsCards.settings-report-workspace #drawerForm .rule-row{display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:8px;margin:6px 0 0;padding:7px 8px;border-color:var(--border);font-size:12px} #settingsCards.settings-report-workspace #drawerForm .rule-row>span{min-width:0;overflow-wrap:anywhere} #settingsCards.settings-report-workspace #drawerForm .rule-row input{width:82px;min-width:0;margin:0;padding:6px 8px;text-align:right} #settingsCards.settings-report-workspace .st-drawer .editor-actions{background:var(--surface);gap:7px} #settingsCards.settings-report-workspace .st-drawer .editor-actions button{min-height:38px;padding:7px 10px;font-size:12px} @media(max-width:760px){#settingsCards.settings-report-workspace #drawerForm input:not([type=checkbox]),#settingsCards.settings-report-workspace #drawerForm select{font-size:16px;min-height:42px}} #settingsCards.settings-report-workspace #columnRules.column-symbol-membership{display:flex;flex-flow:row wrap;gap:6px;margin-top:8px} #settingsCards.settings-report-workspace #drawerForm label.column-symbol-choice{position:relative;display:block;max-width:100%;margin:0;padding:0;cursor:pointer} #settingsCards.settings-report-workspace #drawerForm .column-symbol-choice input{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;opacity:0;clip-path:inset(50%)} #settingsCards.settings-report-workspace .column-symbol-chip{display:flex;align-items:center;gap:4px;max-width:100%;min-height:34px;padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface-soft);color:var(--text);font-size:12px;line-height:1.4;transition:background .15s,border-color .15s} #settingsCards.settings-report-workspace .column-symbol-chip b{flex:none;color:var(--choice-color);font-size:12px} #settingsCards.settings-report-workspace .column-symbol-label{min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #settingsCards.settings-report-workspace .column-symbol-tick{display:grid;place-items:center;width:14px;flex:none;visibility:hidden;color:var(--text)} #settingsCards.settings-report-workspace .column-symbol-tick svg{width:14px;height:14px} #settingsCards.settings-report-workspace .column-symbol-choice input:checked+.column-symbol-chip{border-color:var(--choice-color);background:color-mix(in srgb,var(--choice-color) 18%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--choice-color) 20%,transparent)} #settingsCards.settings-report-workspace .column-symbol-choice input:checked+.column-symbol-chip .column-symbol-tick{visibility:visible} #settingsCards.settings-report-workspace .column-symbol-choice input:focus-visible+.column-symbol-chip{outline:2px solid var(--blue);outline-offset:2px} #settingsCards.settings-report-workspace .column-symbol-choice:hover .column-symbol-chip{border-color:var(--choice-color)} #settingsCards.settings-report-workspace .column-symbol-count{font-size:11px;font-weight:400;color:var(--muted)} /* Use the same point sizes and styles as the printed report. */ #settingsCards.settings-report-workspace .settings-preview-paper,#settingsCards.settings-report-workspace .settings-preview-paper *{font-family:'Times New Roman',Times,serif} #settingsCards.settings-report-workspace .preview-unit-edit strong,#settingsCards.settings-report-workspace .preview-unit-edit span{font-size:12pt;font-weight:400;font-style:normal;text-transform:uppercase} #settingsCards.settings-report-workspace .preview-title-edit strong{font-size:15pt;font-weight:700;font-style:normal;text-transform:uppercase} #settingsCards.settings-report-workspace .preview-title-edit span{font-size:13pt;font-weight:400;font-style:italic;text-transform:none} #settingsCards.settings-report-workspace .settings-real-sheet th,#settingsCards.settings-report-workspace .settings-real-sheet td,#settingsCards.settings-report-workspace .settings-real-sheet .st-name,#settingsCards.settings-report-workspace .settings-real-sheet .st-foot td{font-size:10pt;font-weight:400;font-style:normal;text-transform:none} #settingsCards.settings-report-workspace .preview-signature-edit .pv-signing-place,#settingsCards.settings-report-workspace .preview-signature-edit .signature-place{font-size:13pt;font-weight:400;font-style:italic;text-transform:none} #settingsCards.settings-report-workspace .signature-block>strong{font-size:13pt;font-weight:700;font-style:normal;text-transform:uppercase} #settingsCards.settings-report-workspace .signature-note{font-size:10pt;font-weight:400;font-style:italic} #settingsCards.settings-report-workspace .signature-space{display:flex;align-items:center;justify-content:center;min-height:60px} #settingsCards.settings-report-workspace .signature-space .signature-image{margin:0 auto} #settingsCards.settings-report-workspace .signature-block>.signature-name{display:block;font-size:13pt;font-weight:700;font-style:normal;text-transform:none;margin-top:4px} #settingsCards.settings-report-workspace #unitSettings .signer-name-field{grid-column:1/-1;display:grid;grid-template-columns:120px minmax(0,280px);align-items:center;gap:8px} #settingsCards.settings-report-workspace #unitSettings .signer-name-field>span{font-family:inherit;font-size:12px;font-weight:500;color:var(--muted)} #settingsCards.settings-report-workspace .settings-real-sheet .preview-column-edit{font-size:10pt;font-weight:400;font-style:normal} #settingsCards.settings-report-workspace .settings-real-sheet th.st-day{padding-inline:0;white-space:nowrap} /* Unit details on the left; signers and display options on the right. */ #settingsCards.settings-report-workspace #unitForm{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:18px;padding:6px 14px 16px} #settingsCards.settings-report-workspace .unit-info-column,#settingsCards.settings-report-workspace .unit-signers-column{min-width:0;padding:15px;border:1px solid var(--border);border-radius:10px;background:var(--surface)} #settingsCards.settings-report-workspace .unit-form-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px} #settingsCards.settings-report-workspace .unit-form-eyebrow{display:block;margin-bottom:4px;font-size:9px;font-weight:700;letter-spacing:.8px;color:var(--muted)} #settingsCards.settings-report-workspace .unit-form-section-heading h3{margin:0;font-size:15px;font-weight:650;letter-spacing:-.2px;color:var(--text)} #settingsCards.settings-report-workspace .unit-info-column .unit-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0} #settingsCards.settings-report-workspace #unitForm .unit-fields label{gap:6px;font-size:12px;font-weight:550;color:var(--text)} #settingsCards.settings-report-workspace #unitForm input:not([type=checkbox]):not([type=radio]):not([type=file]){min-width:0;min-height:40px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:13px;font-weight:400;transition:background .15s,border-color .15s,box-shadow .15s} #settingsCards.settings-report-workspace #unitForm input:not([type=checkbox]):not([type=radio]):not([type=file]):focus{border-color:var(--blue);outline:none;background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,transparent)} #settingsCards.settings-report-workspace #unitForm input::placeholder{color:var(--muted);opacity:.7} #settingsCards.settings-report-workspace .unit-signers-column .signers-field{display:block;padding:0;border:0} #settingsCards.settings-report-workspace .unit-display-options{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 12px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)} #settingsCards.settings-report-workspace #unitForm label.unit-display-check{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:400;cursor:pointer;line-height:1.5} #settingsCards.settings-report-workspace .unit-display-check input{flex-shrink:0;width:15px;height:15px;min-height:15px;margin:0;padding:0;accent-color:var(--blue)} #settingsCards.settings-report-workspace #unitSettings .st-signer-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,28px);justify-content:stretch;align-items:center;gap:8px 4px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface)} #settingsCards.settings-report-workspace #unitSettings .st-signer-row>[data-signer-input]{font-weight:600;min-height:36px;padding:7px 9px;font-size:12px} #settingsCards.settings-report-workspace #unitSettings .st-signer-row>.st-icon-btn{width:28px;min-width:28px;height:30px;min-height:30px;padding:5px;border-radius:6px;color:var(--muted);opacity:1} #settingsCards.settings-report-workspace #unitSettings .st-signer-row>.st-icon-btn:disabled{opacity:.25} #settingsCards.settings-report-workspace #unitSettings .st-signer-row>.st-icon-btn.danger:hover{color:var(--red-text);background:var(--red-bg)} #settingsCards.settings-report-workspace #unitSettings .signer-name-field{display:grid;grid-column:1/-1;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:8px} #settingsCards.settings-report-workspace #unitSettings .signer-name-field>span{font-size:11px;color:var(--muted)} #settingsCards.settings-report-workspace #unitSettings .signer-name-field input{min-height:34px;padding:6px 9px;font-size:12px} #settingsCards.settings-report-workspace .signer-extra-actions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:7px} #settingsCards.settings-report-workspace #unitForm .signer-place-choice{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:400} #settingsCards.settings-report-workspace .signer-place-choice input{width:15px;height:15px;min-height:15px;margin:0;accent-color:var(--blue)} #settingsCards.settings-report-workspace #unitForm .signer-upload{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:5px 8px;border-radius:6px;background:var(--surface-soft);font-size:11px;font-weight:400} #settingsCards.settings-report-workspace .signer-extra-actions>[data-signer-clear-image]{min-height:28px;padding:4px 7px;border-color:transparent;background:transparent;color:var(--red-text);font-size:11px} #settingsCards.settings-report-workspace .signer-extra-actions .signer-image-thumb{width:56px;height:29px;max-width:100%} #settingsCards.settings-report-workspace .unit-signers-column .st-signer-add{display:flex;align-items:center;gap:5px;min-height:30px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--border));border-radius:7px;background:var(--info-bg);color:var(--info-text);font-size:11px} #settingsCards.settings-report-workspace .unit-signers-column .st-signer-add svg{width:14px;height:14px} #settingsCards.settings-report-workspace .unit-signers-column .st-signer-suggest{gap:5px;margin-top:11px} #settingsCards.settings-report-workspace .unit-signers-column .st-suggest-chip{padding:4px 7px;border-radius:6px;font-size:10px} #settingsCards.settings-report-workspace #unitError{grid-column:1/-1} @media(max-width:900px){#settingsCards.settings-report-workspace #unitForm{grid-template-columns:minmax(0,1fr);gap:12px;padding-inline:10px}} @media(max-width:760px){ #settingsCards.settings-report-workspace .unit-info-column,#settingsCards.settings-report-workspace .unit-signers-column{padding:12px} #settingsCards.settings-report-workspace #unitForm input:not([type=checkbox]):not([type=radio]):not([type=file]){font-size:16px} #settingsCards.settings-report-workspace #unitSettings .st-signer-row{padding:8px;grid-template-columns:minmax(0,1fr) repeat(3,26px);gap:7px 3px} #settingsCards.settings-report-workspace #unitSettings .st-signer-row>.st-icon-btn{width:26px;min-width:26px} #settingsCards.settings-report-workspace #unitSettings .signer-name-field{grid-template-columns:minmax(0,1fr);gap:4px} #settingsCards.settings-report-workspace .unit-display-options{gap:9px} } @media(prefers-reduced-motion:reduce){#settingsCards.settings-report-workspace #unitForm input{transition:none!important}} /* One input row per signer; the right panel matches the unit panel height. */ #settingsCards.settings-report-workspace .unit-signers-column{height:var(--unit-info-height,auto);min-height:0;overflow:hidden} #settingsCards.settings-report-workspace .unit-signers-column .signers-field{display:flex;flex-direction:column;height:100%;min-height:0} #settingsCards.settings-report-workspace .unit-signers-column .st-field-head,#settingsCards.settings-report-workspace .unit-display-options,#settingsCards.settings-report-workspace .unit-signers-column .st-signer-suggest{flex-shrink:0} #settingsCards.settings-report-workspace #signerList{display:flex;flex:1;min-height:0;flex-direction:column;gap:7px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:3px;margin:-3px} #settingsCards.settings-report-workspace #unitSettings .st-signer-row{flex-shrink:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) repeat(3,28px);gap:7px 4px;padding:8px} #settingsCards.settings-report-workspace #unitSettings .st-signer-row>[data-signer-input]{grid-column:1;grid-row:1;height:36px;min-height:36px} #settingsCards.settings-report-workspace #unitSettings .signer-name-field{display:block;grid-column:2;grid-row:1;min-width:0} #settingsCards.settings-report-workspace #unitSettings .signer-name-field>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #settingsCards.settings-report-workspace #unitSettings .signer-name-field input{height:36px;min-height:36px} #settingsCards.settings-report-workspace .st-signer-row>[data-signer-up]{grid-column:3;grid-row:1} #settingsCards.settings-report-workspace .st-signer-row>[data-signer-down]{grid-column:4;grid-row:1} #settingsCards.settings-report-workspace .st-signer-row>[data-signer-remove]{grid-column:5;grid-row:1} #settingsCards.settings-report-workspace .signer-extra-actions{grid-row:2;grid-column:1/-1} #settingsCards.settings-report-workspace .unit-signers-column .st-signer-suggest{padding-top:10px;border-top:1px solid var(--border)} @media(max-width:760px){ #settingsCards.settings-report-workspace #unitSettings .st-signer-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px 3px} #settingsCards.settings-report-workspace #unitSettings .st-signer-row>[data-signer-input]{grid-column:1/4;grid-row:1} #settingsCards.settings-report-workspace #unitSettings .signer-name-field{grid-column:4/7;grid-row:1} #settingsCards.settings-report-workspace .st-signer-row>[data-signer-up]{grid-column:4;grid-row:2;justify-self:end} #settingsCards.settings-report-workspace .st-signer-row>[data-signer-down]{grid-column:5;grid-row:2;justify-self:end} #settingsCards.settings-report-workspace .st-signer-row>[data-signer-remove]{grid-column:6;grid-row:2;justify-self:end} #settingsCards.settings-report-workspace .signer-extra-actions{grid-row:3;grid-column:1/-1} } #settingsCards.settings-report-workspace #unitForm #signerList input[type=text]{height:36px;min-height:36px;padding:6px 8px;line-height:1.3;font-size:12px} @media(max-width:760px){#settingsCards.settings-report-workspace #unitForm #signerList input[type=text]{font-size:16px}} #settingsCards.settings-report-workspace .unit-signers-column .st-signer-suggest{flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:5px;margin-top:8px;padding-top:8px;scrollbar-width:thin} #settingsCards.settings-report-workspace .unit-signers-column .st-signer-suggest>.hint{flex-shrink:0;font-size:10px;white-space:nowrap} #settingsCards.settings-report-workspace .unit-signers-column .st-suggest-chip{flex-shrink:0;min-height:26px;padding:4px 6px;font-size:10px;white-space:nowrap} /* Grid dimensions come from the same geometry used by print and Excel. */ #settingsCards.settings-report-workspace .settings-real-sheet .fx1,#settingsCards.settings-report-workspace .settings-real-sheet .fx2{width:auto;min-width:0} #settingsCards.settings-report-workspace .settings-real-sheet th,#settingsCards.settings-report-workspace .settings-real-sheet td{position:relative} #settingsCards.settings-report-workspace .preview-cell-content{min-width:0;overflow:hidden} #settingsCards.settings-report-workspace .settings-resize-handle{position:absolute;display:block;z-index:12;touch-action:none;background:transparent;opacity:0;transition:opacity .12s} #settingsCards.settings-report-workspace .settings-resize-width{top:0;bottom:0;right:-2px;width:6px;cursor:col-resize} #settingsCards.settings-report-workspace .settings-resize-height{left:0;right:0;bottom:-2px;height:6px;cursor:row-resize} #settingsCards.settings-report-workspace th:hover>.settings-resize-handle,#settingsCards.settings-report-workspace td:hover>.settings-resize-handle,#settingsCards.settings-report-workspace .settings-resize-handle:focus-visible{opacity:1;background:color-mix(in srgb,#2563eb 38%,transparent)} #settingsCards.settings-report-workspace .settings-resize-handle:focus-visible{outline:2px solid #2563eb;outline-offset:-1px} .settings-is-resizing,.settings-is-resizing *{user-select:none!important} .settings-is-resizing #settingsCards .settings-resize-handle{opacity:1} #settingsCards.settings-report-workspace .settings-real-sheet .fx1,#settingsCards.settings-report-workspace .settings-real-sheet .fx2{left:auto;right:auto} #settingsCards.settings-report-workspace .settings-real-sheet .st-name,#settingsCards.settings-report-workspace .settings-real-sheet .preview-day{height:auto} #settingsCards.settings-report-workspace .settings-paper-heading [data-heading-block]:focus{outline:2px solid #2563eb;outline-offset:2px;border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 4px #2563eb18} /* Keep the interactive heading outlines close to their text. */ #settingsCards.settings-report-workspace .settings-paper-heading [data-heading-block]{justify-self:center;width:fit-content;min-width:0;max-width:100%;overflow-wrap:anywhere;padding-inline:10px} /* Margin inputs are available without increasing the toolbar height. */ #settingsCards.settings-report-workspace .settings-margins-menu{position:relative;flex-shrink:0} #settingsCards.settings-report-workspace .settings-margins-menu>summary{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border:1px solid var(--border);border-radius:7px;list-style:none;background:var(--surface);color:var(--text);font-size:12px;cursor:pointer} #settingsCards.settings-report-workspace .settings-margins-menu>summary::-webkit-details-marker{display:none} #settingsCards.settings-report-workspace .settings-margins-menu[open]>summary{border-color:var(--blue);background:var(--info-bg);color:var(--info-text)} #settingsCards.settings-report-workspace fieldset.settings-page-margins{position:absolute;top:calc(100% + 7px);right:0;z-index:40;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:240px;max-width:calc(100vw - 56px);margin:0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 8px 24px #14213826} #settingsCards.settings-report-workspace .settings-page-margins legend{padding:0 4px;color:var(--muted);font-size:11px;background:var(--surface)} #settingsCards.settings-report-workspace .settings-page-margins label{display:grid;gap:4px;margin:0;font-size:11px;color:var(--muted)} #settingsCards.settings-report-workspace .settings-page-margins input{width:100%;min-height:34px;padding:5px 7px;font-size:13px;background:var(--surface-soft);color:var(--text)} @media(max-width:760px){#settingsCards.settings-report-workspace fieldset.settings-page-margins{left:auto;right:0}} #settingsCards.settings-report-workspace .settings-inline-editor{position:absolute;left:0;top:50%;z-index:50;display:flex;align-items:center;gap:4px;width:260px;max-width:calc(100vw - 48px);margin:0;padding:6px;border:1px solid #2563eb;border-radius:8px;background:var(--surface);box-shadow:0 5px 18px #14213835} #settingsCards.settings-report-workspace .settings-inline-editor input{flex:1;min-width:0;width:0;height:32px;padding:4px 7px;border:1px solid var(--border);border-radius:5px;background:var(--surface-soft);color:var(--text);font:13px 'Segoe UI',sans-serif} #settingsCards.settings-report-workspace .settings-inline-editor button{display:grid;place-items:center;flex:none;width:28px;height:30px;min-height:30px;padding:4px;border:0;border-radius:5px;background:var(--surface-soft);color:var(--text)} #settingsCards.settings-report-workspace .settings-inline-editor button[type=submit]{background:#2563eb;color:#fff} #settingsCards.settings-report-workspace .settings-inline-editor svg{width:16px;height:16px} #settingsCards.settings-report-workspace .settings-total-menu{position:relative;flex-shrink:0} #settingsCards.settings-report-workspace .settings-total-menu>summary{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border:1px solid var(--border);border-radius:7px;list-style:none;background:var(--surface);color:var(--text);font-size:12px;cursor:pointer} #settingsCards.settings-report-workspace .settings-total-menu>summary::-webkit-details-marker{display:none} #settingsCards.settings-report-workspace .settings-total-menu[open]>summary{border-color:var(--blue);background:var(--info-bg);color:var(--info-text)} #settingsCards.settings-report-workspace .settings-total-panel{position:absolute;top:calc(100% + 7px);right:0;z-index:40;width:max-content;max-width:calc(100vw - 48px);padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 8px 24px #14213826} #settingsCards.settings-report-workspace .settings-total-options{display:flex;flex-wrap:nowrap;gap:6px;max-width:min(680px,calc(100vw - 70px));overflow-x:auto;padding:2px 2px 6px} #settingsCards.settings-report-workspace .settings-total-options button{display:flex;align-items:center;gap:5px;flex-shrink:0;min-height:32px;padding:5px 8px;background:var(--surface-soft);color:var(--text);font-size:12px;white-space:nowrap} #settingsCards.settings-report-workspace .settings-total-options svg{width:14px;height:14px;opacity:0} #settingsCards.settings-report-workspace .settings-total-options button[aria-pressed=true]{background:var(--info-bg);border-color:var(--blue);color:var(--info-text)} #settingsCards.settings-report-workspace .settings-total-options button[aria-pressed=true] svg{opacity:1} #settingsCards.settings-report-workspace .settings-total-equation{margin:5px 2px 0;max-width:680px;white-space:nowrap;overflow-x:auto;font-size:11px;color:var(--muted)} #settingsCards.settings-report-workspace fieldset.settings-page-margins{display:flex;flex-wrap:nowrap;gap:8px;width:max-content;max-width:calc(100vw - 48px);padding:8px;overflow-x:auto} #settingsCards.settings-report-workspace .settings-page-margins label{display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap} #settingsCards.settings-report-workspace .settings-page-margins input{width:62px;min-height:32px;padding:4px;font-size:12px} #settingsCards.settings-report-workspace #settingsTotalPanel{position:fixed;inset:auto;margin:0;transform:none;max-width:calc(100vw - 24px);color:var(--text)} #settingsCards.settings-report-workspace #settingsTotalPanel:not([open]){display:none} #settingsCards.settings-report-workspace [data-total-trigger]{cursor:pointer} #settingsCards.settings-report-workspace [data-total-trigger]:hover{background:#eaf2ff} #settingsCards.settings-report-workspace dialog#settingsTotalPanel{inset:0;margin:auto;width:max-content;max-width:calc(100vw - 32px);max-height:80vh;padding:20px;border-radius:14px;overflow:auto;background:var(--surface);color:var(--text);box-shadow:0 20px 65px #0004} #settingsTotalPanel::backdrop{background:#10182780} #settingsCards.settings-report-workspace .settings-total-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px} #settingsCards.settings-report-workspace .settings-total-heading h3{margin:0;font-size:16px;color:var(--text)} #settingsCards.settings-report-workspace .settings-total-heading button{display:grid;place-items:center;width:30px;min-height:30px;padding:5px;border:0;background:var(--surface-soft);color:var(--muted)} #settingsCards.settings-report-workspace .settings-total-heading svg{width:16px;height:16px} #settingsCards.settings-report-workspace .settings-total-footer{display:flex;justify-content:flex-end;padding-top:14px;margin-top:12px;border-top:1px solid var(--border)} #settingsCards.settings-report-workspace .settings-total-footer button{min-height:34px;padding:6px 18px;background:#2563eb;color:#fff;border-color:#2563eb;font-size:12px} #settingsCards.settings-report-workspace .settings-total-footer button:hover{background:#1d4ed8;color:#fff} /* A balanced, compact dialog with a single horizontal row of choices. */ #settingsCards.settings-report-workspace dialog#settingsTotalPanel{width:560px;padding:0;border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 80px #0005} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-heading{align-items:flex-start;gap:16px;margin:0;padding:22px 24px 18px} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-heading h3{font-size:17px;line-height:1.4;font-weight:650} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-heading p{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--muted)} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-heading button{flex-shrink:0;width:28px;height:28px;min-height:28px;border-radius:7px;background:transparent} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-heading button:hover{background:var(--surface-soft);color:var(--text)} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-options{max-width:none;margin:0 24px;padding:3px 2px 14px;gap:8px;scrollbar-width:thin} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-options button{gap:8px;min-height:40px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font-size:12px;line-height:1.4} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-options button:hover{border-color:var(--blue);background:var(--surface-soft)} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-options svg{box-sizing:border-box;opacity:1;width:17px;height:17px;padding:2px;border:1px solid var(--border);border-radius:5px;color:transparent;background:var(--surface)} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-options button[aria-pressed=true]{border-color:var(--blue);background:var(--info-bg);color:var(--info-text)} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-options button[aria-pressed=true] svg{background:#2563eb;border-color:#2563eb;color:#fff} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-footer{align-items:center;justify-content:space-between;gap:12px;margin:4px 0 0;padding:14px 24px;background:var(--surface-soft);border-top:1px solid var(--border)} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-equation{margin:0;white-space:normal;font-size:12px;color:var(--muted)} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-equation strong{font-weight:650;color:var(--text)} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-footer button{min-width:80px;min-height:36px;border-radius:8px;font-size:12px;font-weight:600} @media(max-width:480px){ #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-heading{padding:18px 16px 16px} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-options{margin-inline:16px} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-footer{padding:12px 16px} } #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-options{flex-wrap:wrap;overflow:visible;padding-bottom:10px} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-options button{max-width:100%;flex-shrink:1;white-space:normal;text-align:left;overflow-wrap:anywhere} #settingsCards.settings-report-workspace #settingsTotalPanel .settings-total-options svg{flex-shrink:0} #settingsCards.settings-report-workspace .settings-savebar>.settings-save-summary{display:flex;flex:1;min-width:0;flex-direction:row;align-items:center;gap:10px;margin:0} #settingsCards.settings-report-workspace .settings-save-summary p{margin:0;color:var(--text);font-size:12px;font-weight:600;line-height:1.5;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #settingsCards.settings-report-workspace .settings-savebar>.settings-save-actions{flex-shrink:0} @media(max-width:760px){#settingsCards.settings-report-workspace .settings-savebar>.settings-save-summary{flex-basis:100%;margin:0}} #settingsCards.settings-report-workspace .settings-save-summary .st-badge{flex-shrink:0;white-space:nowrap} #settingsCards.settings-report-workspace .settings-help-steps{margin:12px 0;padding-left:22px;display:grid;gap:10px;line-height:1.65} #settingsCards.settings-report-workspace .settings-help-steps li{padding-left:3px} #settingsCards.settings-report-workspace .settings-help-steps strong{color:var(--text);font-weight:600} #settingsCards.settings-report-workspace .settings-help-save{padding:10px 12px;border-left:3px solid var(--blue);border-radius:0 6px 6px 0;background:var(--surface-soft)} /* Make the preview controls readable in both themes. */ #settingsCards.settings-report-workspace .settings-preview-period{gap:6px;color:var(--text);font-size:12px;font-weight:600} #settingsCards.settings-report-workspace #settingsPreviewMonth{min-height:40px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--border));border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:600;box-shadow:0 1px 3px #1421380a} #settingsCards.settings-report-workspace .settings-preview-zoom{gap:8px;color:var(--text);font-size:12px;font-weight:600} #settingsCards.settings-report-workspace #settingsPreviewZoom{min-height:34px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--border));border-radius:7px;background:var(--surface);color:var(--text);font-size:12px;font-weight:600} #settingsCards.settings-report-workspace :is(#settingsPreviewMonth,#settingsPreviewZoom):hover{border-color:var(--blue)} #settingsCards.settings-report-workspace :is(#settingsPreviewMonth,#settingsPreviewZoom):focus-visible{outline:2px solid var(--blue);outline-offset:2px} #settingsCards.settings-report-workspace .settings-preview-period{display:block} #settingsCards.settings-report-workspace .settings-preview-period .attendance-month-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:204px;min-height:48px;margin:0;padding:8px 12px;border:1px solid color-mix(in srgb,var(--blue) 35%,var(--border));border-radius:9px;background:var(--surface);color:var(--text);text-align:left} #settingsCards.settings-report-workspace .settings-preview-period .attendance-month-toggle:hover{border-color:var(--blue);background:var(--surface-soft)} #settingsCards.settings-report-workspace .settings-preview-period .attendance-period-copy{display:flex;flex-direction:column;gap:3px;line-height:1.25} #settingsCards.settings-report-workspace .settings-preview-period small{font-size:11px;font-weight:500;color:var(--muted)} #settingsCards.settings-report-workspace .settings-preview-period strong{font-size:14px;font-weight:650;color:var(--text)} #settingsCards.settings-report-workspace .settings-preview-period .attendance-period-icon{display:grid;place-items:center;padding-left:12px;border-left:1px solid var(--border);color:var(--blue)} #settingsCards.settings-report-workspace .settings-preview-period .attendance-period-icon svg{width:18px;height:18px} @media(max-width:760px){#settingsCards.settings-report-workspace .settings-preview-period .attendance-month-toggle{width:100%}} #settingsCards.settings-report-workspace .settings-preview-period{min-width:0} #settingsCards.settings-report-workspace .settings-preview-period .attendance-month-toggle{max-width:100%;min-width:0} #settingsCards.settings-report-workspace .settings-preview-period .attendance-period-copy{min-width:0} #settingsCards.settings-report-workspace .settings-preview-top>.settings-preview-period{width:204px;max-width:100%;flex:0 1 204px} @media(max-width:760px){#settingsCards.settings-report-workspace .settings-preview-top>.settings-preview-period{width:100%;flex-basis:100%}} #settingsCards.settings-report-workspace{grid-template-columns:minmax(0,1fr)} #settingsCards.settings-report-workspace .settings-savebar{min-width:0} #settingsCards.settings-report-workspace #unitForm .unit-signer-gap{display:inline-flex;align-items:center;gap:6px;margin:0;margin-left:auto;font-size:11px;font-weight:400;line-height:1.5;white-space:nowrap} #settingsCards.settings-report-workspace #unitSettings #unitForm .unit-signer-gap input{width:52px;min-width:52px;min-height:28px;height:28px;margin:0;padding:3px 5px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:center}