/* Settings uses the shared theme while giving setup controls readable spacing. */
.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
.settings-nav{display:flex;flex-direction:column;gap:6px;position:sticky;top:24px}
.settings-nav button{text-align:left;background:transparent;border-color:transparent;border-radius:9px;padding:15px 14px;color:var(--ink);width:100%;white-space:normal}
.settings-nav button strong{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.settings-nav button small{display:block;font-size:12px;line-height:1.5;color:var(--muted)}
.settings-nav button.selected{background:#3563a81f;border-color:#3563a866}.settings-nav button:focus-visible{outline:2px solid #699ee7;outline-offset:2px}
.settings-content{min-width:0}.settings-panel{padding:26px;overflow:visible}.settings-panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:25px}.settings-panel-head h2{font-size:22px;margin:0}.settings-panel-head p{font-size:14px;margin:8px 0 0;color:var(--muted)}
.settings-scope{font-size:12px;border:1px solid var(--line);border-radius:20px;white-space:nowrap;padding:7px 11px;color:var(--muted)}
.settings-panel p{font-size:14px;line-height:1.7}.settings-panel .notice{font-size:13px;margin:0 0 22px}.settings-panel h3{font-size:17px;margin:27px 0 15px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-grid>label,.settings-template-toolbar label,.settings-copy>label,.settings-logo-row label{display:flex;flex-direction:column;font-size:14px;line-height:1.5;gap:8px;color:var(--ink);min-width:0;font-weight:500}
.settings-panel input:not([type=checkbox]),.settings-panel select,.settings-panel textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#191c20;font:inherit;font-size:14px;line-height:1.5}
.settings-panel textarea{resize:vertical;min-height:90px}.settings-panel input[type=color]{height:45px;padding:5px}.settings-panel input[type=checkbox]{width:17px;height:17px;accent-color:#3563a8;flex-shrink:0}.settings-wide{grid-column:1/-1}.settings-checks{display:flex;flex-wrap:wrap;gap:16px 24px;margin:22px 0}.settings-check{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.6}.settings-checks-vertical{flex-direction:column;align-items:start}
.settings-panel .settings-help{font-size:13px;color:var(--muted);line-height:1.6}.settings-save{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:20px;margin-top:25px;border-top:1px solid var(--line);flex-wrap:wrap}.settings-save>span{margin-right:auto;font-size:13px;color:var(--muted)}.settings-panel button,.settings-link{font-size:13px;padding:10px 14px}.settings-save button.primary{font-weight:600}.settings-panel :disabled{opacity:.55}.settings-logo-row{display:flex;align-items:center;gap:24px}.settings-logo-row>div:last-child{flex:1}.settings-logo-row img{display:block;max-height:105px;max-width:180px;object-fit:contain;background:#fff;padding:8px;border-radius:7px}.settings-logo-row small{display:block;margin-top:8px;font-size:12px;color:var(--muted);max-width:180px;overflow-wrap:anywhere}.settings-default-logo{border:1px dashed var(--line);padding:25px 15px;max-width:180px;border-radius:7px;font-size:14px;color:var(--muted);text-align:center}
.settings-template-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) 1fr;gap:24px;align-items:end;margin-bottom:28px}.settings-template-toolbar small{display:block;color:var(--muted);font-size:12px;margin-top:8px;line-height:1.6}.settings-template-state{font-size:14px;font-weight:600}.settings-copy{display:flex;align-items:end;flex-wrap:wrap;gap:14px;border-top:1px solid var(--line);padding-top:24px;margin-top:26px}.settings-copy label{min-width:220px;flex:1}.settings-copy small{flex-basis:100%;color:var(--muted);font-size:12px}.settings-history>div{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line)}.settings-history small{color:var(--muted);margin-right:auto;font-size:12px}.settings-history strong{font-size:14px}.settings-preview figure{margin:25px auto;max-width:750px}.settings-preview img{width:100%;height:auto;display:block;background:#fff;box-shadow:0 4px 14px #0003}.settings-preview figcaption{font-size:13px;text-align:center;margin-bottom:10px;color:var(--muted)}.settings-link{display:inline-block;text-decoration:none;border:1px solid var(--line);border-radius:7px;color:var(--ink);line-height:1.5}
.pdf-template-card{border:1px solid var(--line);border-radius:9px;padding:18px;margin:16px 0}.pdf-template-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;flex-wrap:wrap}.pdf-template-heading h3{margin:0}.pdf-template-heading p{font-size:12px;margin:7px 0 16px;color:var(--muted);overflow-wrap:anywhere}.pdf-template-default{font-size:12px;color:var(--green);font-weight:600}.pdf-template-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.pdf-template-actions .settings-link{padding:9px 12px}.pdf-template-actions button{font-size:12px}.pdf-template-history,.pdf-template-guide{margin:20px 0 0;border-top:1px solid var(--line);padding-top:16px}.pdf-template-history summary,.pdf-template-guide summary{cursor:pointer;font-size:14px;font-weight:600}.pdf-template-history>div{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:14px 0;font-size:12px}.pdf-template-guide td,.pdf-template-guide th{white-space:normal}.pdf-template-guide code{overflow-wrap:anywhere;font-size:12px}.pdf-template-guide p{font-size:13px}
.pdf-template-original{background:var(--soft)}
.settings-subhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 18px}.settings-subhead h3{margin:0}.settings-schedule{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:10px;min-width:0}.settings-schedule legend{font-size:15px;padding:0 8px;font-weight:600}.settings-schedule-scroll{overflow-x:auto;margin:20px 0}.settings-schedule table{min-width:640px;white-space:normal}.settings-schedule th{font-size:11px;line-height:1.5;text-align:center;padding:10px}.settings-schedule td{padding:10px 8px;font-size:13px;text-align:center}.settings-schedule th:first-child,.settings-schedule td:first-child{text-align:left}.settings-schedule input[type=number]{max-width:90px}.settings-schedule input[type=time]{padding:7px;font-size:13px;min-width:105px}
.settings-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 28px}.settings-facts dt{font-size:12px;color:var(--muted);margin-bottom:7px}.settings-facts dd{font-size:14px;margin:0;line-height:1.5;overflow-wrap:anywhere}#settingsAudit{font-size:13px;overflow-wrap:anywhere}
.recovery-heading,.recovery-checkpoint-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;flex-wrap:wrap}.recovery-heading h3{margin-top:0}.recovery-heading>div:first-child{flex:1;min-width:240px}.recovery-actions{display:flex;gap:10px;flex-wrap:wrap}.recovery-overview{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.recovery-scope{padding:16px;border:1px solid var(--line);border-radius:8px;margin:20px 0}.recovery-scope summary,.recovery-trial summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.6}.recovery-scope li,.recovery-trial li{font-size:13px;line-height:1.7;margin:7px 0}.recovery-job{padding:18px;border:1px solid #3563a866;border-radius:8px;background:#3563a812;margin:20px 0}.recovery-job.failed{border-color:#b9585866;background:#b9585812}.recovery-job p{margin:8px 0}.recovery-job small{color:var(--muted);font-size:12px}.recovery-checkpoint{padding:22px;border:1px solid var(--line);border-radius:10px;margin:18px 0}.recovery-checkpoint h4{font-size:16px;margin:0}.recovery-checkpoint-heading p{margin:7px 0 18px}.recovery-checkpoint .settings-facts{margin-bottom:18px}.recovery-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;list-style:none;margin:20px 0}.recovery-stage{padding:12px;border-radius:7px;background:#ffffff03;border:1px solid var(--line)}.recovery-stage strong{font-size:13px;line-height:1.5;display:block}.recovery-stage.complete strong{color:#83c4a1}.recovery-stage.pending strong{color:var(--muted)}.recovery-stage small{font-size:12px;color:var(--muted);line-height:1.5;display:block;margin-top:5px}.recovery-trial{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.recovery-trial>.settings-facts{margin-top:16px}.recovery-trial>strong{font-size:14px}.recovery-trial details{margin:12px 0}.recovery-history:empty{display:none}
@media(max-width:550px){.recovery-stages{grid-template-columns:1fr}.recovery-checkpoint{padding:16px}.recovery-heading>div:first-child{min-width:0;flex-basis:100%}.recovery-actions button{flex:1}.recovery-heading .recovery-actions{width:100%}}
.recovery-source{margin-top:8px}.recovery-source summary{cursor:pointer;font-size:12px;color:var(--muted)}.recovery-source p{font-size:12px;margin:8px 0}.recovery-source code{overflow-wrap:anywhere}.recovery-trial pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;padding:12px;border:1px solid var(--line);border-radius:7px}
body[data-density='compact'] main table td{padding-top:10px;padding-bottom:10px}body[data-density='compact'] main table th{padding-top:10px;padding-bottom:10px}body[data-density='compact'] main .table-footer{padding-top:12px;padding-bottom:12px}
body[data-text-size='large'] main table td,body[data-text-size='large'] .modal-content table td{font-size:14px}body[data-text-size='large'] main table th,body[data-text-size='large'] .modal-content table th{font-size:11px}body[data-text-size='large'] .form-grid label,body[data-text-size='large'] .field{font-size:13px}body[data-text-size='large'] .form-grid input,body[data-text-size='large'] .form-grid select,body[data-text-size='large'] .field input,body[data-text-size='large'] .field select,body[data-text-size='large'] .field textarea{font-size:14px}body[data-text-size='large'] main table small{font-size:12px}
@media(max-width:1150px){.settings-layout{grid-template-columns:200px minmax(0,1fr);gap:16px}.settings-panel{padding:22px}.settings-panel-head{flex-wrap:wrap}.settings-scope{white-space:normal}}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.settings-nav button{padding:12px}.settings-nav button small{display:none}.settings-panel{padding:20px}.settings-template-toolbar{gap:15px}}
@media(max-width:550px){.settings-grid,.settings-template-toolbar,.settings-facts{grid-template-columns:1fr}.settings-save>span{width:100%;margin-bottom:5px}.settings-logo-row{align-items:start;flex-direction:column}.settings-schedule{padding:12px}.settings-save button{flex:1}.settings-template-actions button{flex-basis:40%}.settings-subhead{align-items:start}.settings-panel-head h2{font-size:20px}.settings-nav button strong{font-size:13px}}

/* The preview background is the server-rendered PDF; only header blocks move. */
.template-visual{margin:28px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.settings-grid>label[hidden]{display:none}
.settings-layout.template-focus{grid-template-columns:minmax(0,1fr)}.settings-layout.template-focus>.settings-nav{display:none}
.template-visual-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.template-visual-heading>div{flex:1;min-width:240px}.template-visual-heading h3{margin:0 0 8px}.template-visual-heading p{margin:0}.template-visual-heading button{white-space:nowrap}
.template-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;align-items:start}.template-page-column{min-width:0}.template-preview-state{font-size:12px;line-height:1.5;min-height:36px;margin-bottom:10px;color:var(--muted)}.template-preview-state[data-state=ready]{color:#92bfac}.template-preview-state[data-state=error]{color:#efaaaa}
.template-sheet{position:relative;aspect-ratio:210/297;width:100%;max-width:680px;background:#fff;color:#111;box-shadow:0 4px 18px #0004;overflow:hidden}.template-page-image{display:block;width:100%;height:100%;object-fit:contain}.template-page-image[hidden]{display:none}.template-sheet[data-preview-state=outdated] .template-page-image,.template-sheet[data-preview-state=refreshing] .template-page-image,.template-sheet[data-preview-state=error] .template-page-image{opacity:.34}
.template-header-layer{position:absolute;touch-action:none;border-bottom:1px dashed #2567be;box-sizing:border-box}.template-header-boundary{position:absolute;bottom:-19px;left:0;color:#2361ad;background:#fff;font-size:10px;padding:2px 3px;line-height:1.2;white-space:nowrap;pointer-events:none}
.template-block{position:absolute;box-sizing:border-box;border:1px dashed #5e86b7;background:#579bea09;cursor:grab;outline:none;user-select:none;touch-action:none;min-width:0;transition:background .1s;z-index:2}.template-block:hover,.template-block:focus-visible{background:#4c91eb18;border-style:solid}.template-block.selected{border:2px solid #2d76d8;z-index:3}.template-block.invalid{border-color:#c65555}.template-block[aria-disabled=true]{cursor:default;opacity:.6;pointer-events:none}.template-block-label{position:absolute;top:0;left:0;max-width:100%;padding:3px 5px;background:#eaf2feeb;color:#18497f;font:600 10px/1.25 Arial,sans-serif;overflow-wrap:anywhere;pointer-events:none;box-sizing:border-box}.template-block.selected .template-block-label{background:#2d76d8;color:#fff}.template-sheet[data-preview-state=ready] .template-block:not(.selected) .template-block-label{opacity:.75}
.template-sheet[data-preview-state=ready] .template-block-label{top:0;transform:translateY(-100%)}.template-sheet[data-preview-state=ready] .template-block:not(.selected) .template-block-label{opacity:0}.template-sheet[data-preview-state=ready] .template-block:hover .template-block-label,.template-sheet[data-preview-state=ready] .template-block:focus-visible .template-block-label{opacity:1}
.template-resize{position:absolute;right:-5px;bottom:-5px;width:12px;height:12px;border:2px solid #fff;background:#2d76d8;box-shadow:0 0 0 1px #2d76d8;cursor:nwse-resize;z-index:3;border-radius:2px}.template-block:not(.selected) .template-resize{display:none}.template-guide{position:absolute;z-index:5;pointer-events:none;background:#d55bbc}.template-guide[hidden]{display:none}.template-guide-x{height:100%;top:0;width:1px}.template-guide-y{width:100%;left:0;height:1px}
.template-inspector{padding:17px;border:1px solid var(--line);border-radius:9px;background:#ffffff03;display:flex;flex-direction:column;gap:16px}.template-inspector>label,.template-measurements label{display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.5}.template-inspector .settings-check{flex-direction:row;align-items:center;font-size:12px}.template-measurements{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.settings-panel .template-inspector input:not([type=checkbox]),.settings-panel .template-inspector select{font-size:12px;padding:8px 9px}.template-inspector .settings-help{margin:0;font-size:12px}.template-keyboard-help{margin-bottom:0!important;font-size:12px!important}
@media(max-width:1250px){.template-workspace{grid-template-columns:minmax(0,1fr) 210px;gap:15px}.template-inspector{padding:13px}.template-block-label{font-size:9px;padding:2px 3px}}
@media(max-width:1000px){.template-workspace{grid-template-columns:1fr}.template-inspector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.template-inspector .settings-help{grid-column:1/-1}.template-sheet{max-width:600px;margin:auto}.template-inspector .template-measurements{grid-row:span 2}.template-visual-heading>div{flex-basis:100%}.template-block-label{font-size:10px}}
@media(max-width:550px){.template-inspector{grid-template-columns:1fr}.template-inspector .template-measurements{grid-row:auto}.template-inspector .settings-help{grid-column:auto}.template-visual-heading>div{min-width:0}.template-visual-heading button{flex:1}.template-block-label{font-size:8px}.template-header-boundary{font-size:8px}}
