/* Focused transaction workspace. Keep controls legible without widening the page. */
[hidden]{display:none!important}
.editor-heading{align-items:start;gap:24px}
.editor-intro{padding-top:12px}
.sample-menu{font-size:16px;color:#3d5968;margin-top:18px;max-width:380px}
.sample-menu summary{cursor:pointer;min-height:44px;padding:10px 0}
.sample-menu p{font-size:16px;margin:8px 0}
.editor-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e9f4f0;border:1px solid #b9d6cc;border-radius:12px;padding:18px 22px;margin:0 0 20px}
.editor-overview strong{font-size:21px;color:#075e55}
.editor-overview p{font-size:16px;color:#3e5a64;margin:5px 0 0}
.editor-overview .btn{flex-shrink:0}
.inputcard .cardhead>div{width:100%}
.all-fields{display:flex;gap:10px;align-items:center;font-size:17px;margin-top:12px;font-weight:500}
.group-count{display:inline-block;color:#31675c;background:#e5f1ec;font-size:16px;padding:2px 8px;border-radius:6px;margin-left:5px}
.editor .fields{gap:24px 18px;padding:8px 22px 26px}
.field-unit{min-width:0}.field-unit.full{grid-column:1/-1}
.field-unit .field{margin:0;display:block}.field-unit .field input,.field-unit .field textarea,.field-unit .field select{width:100%}
.field-unit .password-toggle input{width:24px}
.field-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;color:#657580;margin-bottom:4px}
.required-field [data-requirement]{color:#006c60;font-weight:700}
.field-preview{background:transparent;border:0;color:#326078;font:inherit;padding:8px 3px;min-height:40px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.field-unit:focus-within{border-radius:8px;outline:2px solid #b1d9cc;outline-offset:7px}
.field-unit input:focus,.field-unit select:focus,.field-unit textarea:focus{outline:3px solid #00786e;outline-offset:2px}
.field-unit input:invalid:not(:placeholder-shown){border-color:#a44436}
.segment-error{font-size:16px;font-weight:500;color:#922f27;background:#fff1ed;border-radius:6px;padding:8px 10px;margin-top:8px}
#workingSaveStatus{display:block;border-left:4px solid #899ca6;padding-left:10px}
#workingSaveStatus[data-state=saving],#workingSaveStatus[data-state=waiting]{border-color:#b88218;color:#76510b}
#workingSaveStatus[data-state=saved]{border-color:#087e79;color:#086653}
#workingSaveStatus[data-state=failed]{border-color:#ad3328;color:#922f27}
.field-unit .segment-part>span{font-size:16px}
.inputcard details{scroll-margin-top:20px}
.advanced-layout{margin-top:4px}.advanced-layout>summary{font-size:18px;padding:18px 22px;cursor:pointer;min-height:58px}
.advanced-layout .cardbody{display:block}.advanced-layout .propgrid{width:auto}
.editor-actions{position:sticky;bottom:0;z-index:8;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:22px 0 0;padding:16px 20px;background:#fff;border:1px solid #c6d7df;border-radius:14px;box-shadow:0 -4px 20px #193c5010}
.working-state{flex:1;min-width:230px;font-size:17px}.working-state small{display:block;margin-top:5px;font-size:15px;color:#506875}
.action-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.editor-actions .review{flex:1;font-size:17px;min-width:260px;line-height:1.5}
.editor-actions .right{margin-left:auto}.editor-actions .btn{min-height:50px}
.previewtools{flex-wrap:wrap}.previewtools #pageSelect{flex-basis:100%}
#pageImage[aria-busy=true]{opacity:.82}
@media(min-width:721px){
 .editor>.inputcard,.editor>.previewcard{max-height:calc(100dvh - 205px)}
 .editor>.previewcard .paperwrap{max-height:calc(100dvh - 395px);min-height:150px}
 .editor>.props{grid-column:1/-1}
}
@media(max-width:900px),(max-height:700px){
 .editor-actions{position:static}
 .editor>.inputcard,.editor>.previewcard{max-height:calc(100dvh - 40px)}
 .editor>.previewcard .paperwrap{max-height:calc(100dvh - 255px)}
}
@media(max-width:720px){
 html:has(.editor){scroll-padding-top:calc(43dvh + 16px)}
 .field-unit{scroll-margin-top:calc(43dvh + 16px)}
 .editor-overview{align-items:stretch;flex-direction:column;padding:18px}
 .editor-actions{padding:16px;align-items:stretch}.action-buttons{width:100%}.action-buttons .btn{flex:1;min-width:140px}
 .editor-actions .right{width:100%;margin:0}.working-state,.editor-actions .review{min-width:0;width:100%}
 .editor>.previewcard{max-height:43dvh}.editor>.previewcard .paperwrap{max-height:23dvh;min-height:80px}
 .editor>.inputcard{max-height:none}.field-meta{font-size:15px}
 .editor .previewtools #pageSelect{flex-basis:100%;max-width:100%;width:100%}
 .editor .previewtools{gap:5px;flex-wrap:wrap}
 .editor .previewtools #togglePreview{margin-right:auto;min-height:42px;font-size:14px}
 .editor .previewtools .spacer{display:none}.editor .previewtools #zoomIn,.editor .previewtools #zoomOut{min-height:42px;padding:6px 12px}
 .editor .fields{padding-inline:18px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#previewLabel[data-small-address="true"]{background:#fff3d6;color:#744100;border-top:2px solid #c08212;font-weight:700}

.page-review{padding:16px;border-top:1px solid #cbdde3;display:grid;gap:12px}.page-review small{line-height:1.6}.sample-label{display:flex;align-items:center;gap:12px;padding:16px;background:#fff5dc;border:1px solid #dbc488;border-radius:10px;margin-bottom:16px}.leave-dialog{max-width:620px;width:calc(100% - 32px);border:1px solid #cbdde3;border-radius:16px;padding:28px;color:#153e50}.leave-dialog::backdrop{background:#12334488}.leave-dialog p{line-height:1.7}.leave-dialog .action-buttons{flex-wrap:wrap}