#naturlatt-dialog.nl-preview-dialog{width:min(1030px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:34px;overflow:auto}
#naturlatt-dialog.nl-preview-dialog h2{font-size:clamp(25px,3vw,35px);line-height:1.18;margin:0 48px 24px 0;max-width:720px}
#naturlatt-dialog .dialog-close{right:13px;top:13px;min-width:44px;min-height:44px}
.nl-preview{--nl-accent:#236859;--nl-line:#dbe3df;border:1px solid var(--nl-line);background:#fafbf9;color:#233c35;font-family:var(--sans)}
.nl-preview [hidden]{display:none!important}
.nl-preview-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 25px;background:#fff;border-bottom:1px solid var(--nl-line)}
.nl-preview-top img{width:123px;height:38px;object-fit:contain;object-position:left}
.nl-preview-top>span{font-size:11px;color:#596c65}
.nl-preview-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--nl-line);background:#fff}
.nl-preview-tabs button{font:inherit;font-size:12px;padding:15px 10px;min-height:49px;border:0;border-bottom:2px solid transparent;color:#65746f;background:transparent;text-align:center}
.nl-preview-tabs button[aria-selected=true]{color:#1e584b;border-bottom-color:#236859;background:#f0f6f2;font-weight:600}
.nl-preview button:focus-visible,.nl-preview input:focus-visible,.nl-preview select:focus-visible{outline:2px solid #2e5f99;outline-offset:3px}
.nl-preview-panel{padding:28px;min-height:348px}
.nl-prepare{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:start}
.nl-preview label{display:block;font-size:12px;font-weight:500;margin:0 0 7px;color:#334b42}
.nl-preview input,.nl-preview select{width:100%;height:43px;padding:9px 12px;font:inherit;font-size:13px;border:1px solid #cbd6cf;background:white;border-radius:3px;color:#233c35;margin:0 0 17px}
.nl-preview .nl-amount-field{position:relative}
.nl-amount-field input{padding-right:35px}
.nl-amount-field>span{position:absolute;right:13px;top:9px;font-size:15px}
.nl-action{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:12px 17px;background:#236859;color:white;font:inherit;font-size:12px;font-weight:500;border:1px solid #236859;border-radius:3px}
.nl-preview form>.nl-action{width:100%}
.nl-action:disabled{opacity:.65;cursor:default}
.nl-preview-error{font-size:12px;color:#a52e2e;line-height:1.5;margin:0 0 14px}
.nl-summary{background:#fff;border:1px solid var(--nl-line);padding:25px}
.nl-summary>span,.nl-client-card>span{display:block;font-size:11px;color:#65746f;margin-bottom:16px}
.nl-summary>strong,.nl-client-card>strong{display:block;font-size:20px;font-weight:500;line-height:1.4}
.nl-preview .nl-amount{display:block;font-size:37px;letter-spacing:-.04em;line-height:1.1;font-weight:500;margin:22px 0;color:#233c35}
.nl-summary dl{margin:23px 0 0;border-top:1px solid var(--nl-line);padding-top:16px;font-size:12px;display:flex;justify-content:space-between;gap:15px}
.nl-summary dd{margin:0;font-weight:500}
.nl-preview .nl-preview-note{font-size:11px;line-height:1.65;color:#65746f;margin:15px 0 0}
.nl-client-card{max-width:610px;margin:0 auto;background:#fff;border:1px solid var(--nl-line);padding:28px}
.nl-client-card .nl-status{margin-bottom:23px}
.nl-client-card .nl-action{width:100%;margin-top:8px}
.nl-status{display:inline-flex;font-size:11px;font-weight:500;line-height:1.4;padding:6px 10px;border-radius:30px;background:#f7f0d8;color:#715c17;white-space:nowrap}
.nl-status[data-state=declared]{background:#e7f0fc;color:#2b5d98}
.nl-status[data-state=paid]{background:#e2f2e8;color:#24623c}
.nl-tracking-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}
.nl-tracking-head>strong{font-weight:500;font-size:17px}
.nl-tracking-head>span{font-size:12px;color:#65746f}
.nl-tracking-row{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;border:1px solid var(--nl-line);background:white;padding:21px}
.nl-tracking-row>div>strong{display:block;font-size:15px;font-weight:500;line-height:1.4}
.nl-tracking-row small{display:block;margin-top:7px;color:#65746f;font-size:11px}
.nl-tracking-row>.nl-amount{font-size:23px;margin:0}
.nl-tracking-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}
.nl-tracking-actions>p{font-size:11px;line-height:1.7;max-width:330px;margin:0;color:#65746f}
.nl-preview-steps{display:flex;gap:0;list-style:none;margin:27px 0 0;padding:0;font-size:10px;color:#74827b}
.nl-preview-steps li{flex:1;padding:12px 5px 0;border-top:2px solid #dde5df}
.nl-preview-steps li.is-done{border-color:#367964;color:#275d4d}
.nl-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:22px}
.nl-dialog-footer>button{font-size:11px;color:var(--muted);min-height:44px;padding:8px 0}
.nl-dialog-footer>.text-link{font-size:12px;gap:20px}
@media(max-width:650px){
 #naturlatt-dialog.nl-preview-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:20px 15px}
 #naturlatt-dialog.nl-preview-dialog h2{font-size:25px;margin-bottom:20px;margin-right:30px}
 #naturlatt-dialog .dialog-close{right:4px;top:4px}
 .nl-preview-top{padding:14px 15px;gap:10px}
 .nl-preview-top img{width:105px;height:32px}
 .nl-preview-top>span{font-size:10px}
 .nl-preview-tabs button{font-size:10px;padding:12px 5px;line-height:1.5}
 .nl-preview-panel{padding:19px 15px;min-height:0}
 .nl-prepare{grid-template-columns:1fr;gap:18px}
 .nl-summary{display:none}
 .nl-summary>span{margin-bottom:10px}
 .nl-summary>.nl-amount{margin:14px 0;font-size:31px}
 .nl-client-card{padding:20px}
 .nl-tracking-row{grid-template-columns:1fr auto;gap:15px;padding:17px}
 .nl-tracking-row .nl-status{grid-column:1/-1;justify-self:start}
 .nl-tracking-row>div>strong{font-size:13px}
 .nl-tracking-row>.nl-amount{font-size:20px}
 .nl-tracking-actions{align-items:stretch;flex-direction:column;gap:14px}
 .nl-preview-steps{font-size:9px;line-height:1.6}
 .nl-dialog-footer{gap:12px;margin-top:15px;align-items:flex-start}
 .nl-dialog-footer>.text-link{max-width:180px;line-height:1.5}
}