.delivery-note-page{color:#182b43;background:#fff;border:1px solid #dfe8f1;border-radius:18px;padding:22px;box-shadow:0 8px 26px rgba(30,66,108,.05)}
.dn-toolbar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #e4ebf3}
.dn-toolbar>div{margin-inline-end:auto}
.dn-toolbar select{max-width:240px;height:42px;padding:0 12px;border:1px solid #d6dfeb;border-radius:10px;background:#fff;color:#17304e}
.dn-toolbar h1{font-size:clamp(24px,2.3vw,30px);line-height:1.2;margin:5px 0;font-weight:800;letter-spacing:-.025em}
.dn-toolbar p{margin:0;color:#708198;font-size:14px}
.dn-eyebrow{color:#157b81;font-size:12px;font-weight:800;letter-spacing:.12em}
.dn-print,.dn-add{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:11px 16px;font-size:14px;font-weight:750;cursor:pointer;white-space:nowrap}
.dn-print{background:#185ba6;color:#fff;box-shadow:0 8px 18px rgba(24,91,166,.17)}
.dn-print:hover{background:#124b8d}.dn-add{background:#e8f6f1;color:#087b60}.dn-add:hover{background:#d8efe7}
.delivery-note-page button:focus-visible,.delivery-note-page input:focus-visible{outline:3px solid #69aee4;outline-offset:2px}
.dn-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px;align-items:start}
.dn-editor,.dn-preview-panel{min-width:0;background:#fff;border:1px solid #dfe8f1;border-radius:14px;box-shadow:0 6px 22px rgba(30,66,108,.04)}
.dn-editor-section{padding:20px;border-bottom:1px solid #e7edf4}.dn-editor-section:last-of-type{border-bottom:0}
.dn-editor-section h2{font-size:16px;margin:0 0 15px;color:#1b3e65}.dn-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.dn-section-head h2{margin:0}
.dn-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dn-field{display:block;min-width:0;grid-column:1/-1}.dn-field span{display:block;margin-bottom:5px;font-size:13px;font-weight:700;color:#50617a}
.dn-field input{display:block;width:100%;height:40px;padding:8px 10px;border:1px solid #cfdae6;border-radius:8px;background:#fff;color:#172b46;font:inherit;font-size:14px;direction:auto}
.dn-field input:hover{border-color:#a9bfd6}.dn-field input:focus{border-color:#3982cc}
.dn-logo-field input{height:auto;min-height:40px;padding:7px}.dn-logo-field small{display:block;margin-top:5px;color:#8795a8;font-size:12px;line-height:1.4}
.dn-item{padding:12px;border:1px solid #e0e8f0;border-radius:10px;background:#f9fbfd}.dn-item+.dn-item{margin-top:12px}.dn-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.dn-item-top strong{font-size:14px;color:#294763}.dn-remove{border:0;background:#fff0ef;color:#b24f4f;border-radius:7px;padding:7px 10px;font-size:12px;cursor:pointer}.dn-remove:disabled{opacity:.45;cursor:not-allowed}
.dn-item-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dn-item-fields .dn-field:first-child{grid-column:1/-1}.dn-item-fields .dn-field{grid-column:auto}
.dn-local-note{margin:0;padding:15px 20px;background:#f5f8fb;border-top:1px solid #e4ebf3;border-radius:0 0 14px 14px;font-size:12px;line-height:1.55;color:#62758d}
.dn-preview-panel{background:#f4f7fb;overflow:hidden}.dn-preview-title{padding:15px 18px;border-bottom:1px solid #e1e8f0;font-size:14px;font-weight:750;color:#3c5671}.dn-preview-scroll{overflow:auto;padding:18px}
.dn-paper{box-sizing:border-box;width:100%;min-width:550px;min-height:795px;margin:0 auto;padding:39px 31px 48px;background:#fff;color:#111;box-shadow:0 12px 30px rgba(28,53,82,.12);font-family:'Times New Roman',serif;font-size:13px;line-height:1.15}
.dn-paper-head{text-align:center;margin-bottom:39px}.dn-paper-head h2{font-family:Arial,sans-serif;font-size:20px;font-weight:800;margin:0 0 12px}.dn-paper-logo{height:53px;display:flex;align-items:center;justify-content:center}.dn-paper-logo img{display:block;max-height:52px;max-width:155px;object-fit:contain}.dn-logo-fallback{display:flex;align-items:baseline;gap:3px;font-family:Arial,sans-serif;color:#415aa4;font-size:23px;font-weight:900;letter-spacing:-.06em}.dn-logo-fallback small{font-size:9px;font-weight:800;color:#874dac;letter-spacing:0}
.dn-paper h3{font-size:13px;margin:30px 0 14px;padding-inline-start:25px;font-weight:700}
.dn-document-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:start}.dn-document-table th,.dn-document-table td{border:1px solid #222;padding:2px 6px;vertical-align:top;font-size:13px;line-height:1.1;overflow-wrap:anywhere}.dn-document-table th{text-align:start;font-weight:400}.dn-details th{width:136px}.dn-details td{font-weight:400}.dn-details tr:nth-child(4):first-of-type td{font-weight:700}.dn-document-value{text-align:start}
.dn-products{margin-top:31px}.dn-products th:nth-child(1){width:34px}.dn-products th:nth-child(2){width:42%}.dn-products th:nth-child(3){width:9%}.dn-products th:nth-child(4){width:18%}.dn-products th:nth-child(5){width:7%}.dn-products th:nth-child(6){width:19%}.dn-products th,.dn-products td{padding:7px 4px}.dn-products td:first-child{text-align:center}.dn-delivery th{width:40%}.dn-delivery tr:last-child th,.dn-delivery tr:last-child td{height:90px}
@media(max-width:1200px){.dn-layout{grid-template-columns:1fr}.dn-editor{display:grid;grid-template-columns:1fr 1fr}.dn-editor-section:nth-child(odd){border-inline-end:1px solid #e7edf4}.dn-local-note{grid-column:1/-1}.dn-paper{max-width:794px}}
@media(max-width:700px){.delivery-note-page{padding:14px}.dn-toolbar{align-items:flex-start;flex-direction:column}.dn-layout{gap:12px}.dn-editor{display:block}.dn-editor-section:nth-child(odd){border-inline-end:0}.dn-preview-scroll{padding:10px}.dn-paper{min-width:550px;padding:32px 25px}}
@media print{ @page{size:A4;margin:10mm} .delivery-note-page{padding:0!important;border:0!important;box-shadow:none!important}.dn-toolbar,.dn-editor,.dn-preview-title{display:none!important}.dn-layout{display:block!important}.dn-preview-panel,.dn-preview-scroll{padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important;overflow:visible!important}.dn-paper{width:100%!important;min-width:0!important;min-height:0!important;padding:0!important;box-shadow:none!important;break-inside:avoid-page}.dn-paper h3{break-after:avoid}.dn-products tr,.dn-document-table tr{break-inside:avoid} }
.dn-paper>.dn-details:first-of-type tr:nth-child(4) td{font-weight:700}
@media print{.dn-paper{break-inside:auto}}