:root{font-family:Segoe UI,Arial,sans-serif;color:#263340;background:#f4f7fa;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:76px;background:white;border-bottom:1px solid #dce4ec;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font-size:18px;font-weight:700}.brand span{color:#005BA0;margin:0 12px}.badge{font-size:12px;background:#e8f2fa;color:#005BA0;padding:8px 12px;border-radius:20px}main{max-width:1360px;margin:0 auto;padding:36px 5%}.eyebrow{font-size:11px;color:#005BA0;font-weight:bold;letter-spacing:2px}h1{font-size:34px;letter-spacing:-1px;margin:10px 0}p{line-height:1.6}.intro>p:last-child,.muted{color:#728077}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px;margin-top:32px;align-items:start}.panel{padding:24px;background:white;border:1px solid #dce4ec;border-radius:12px}h2{font-size:17px;margin:0 0 20px}label{display:block;margin:23px 0 8px;font-size:13px;font-weight:600}input{width:100%;padding:12px;border:1px solid #cbd6ce;border-radius:6px;font:inherit;background:#fff}input:focus{outline:2px solid #005BA0;outline-offset:2px}small{display:block;font-size:11px;color:#68756e;margin-top:8px;line-height:1.5}button,.button{display:inline-block;border:0;border-radius:6px;background:#005BA0;color:white;padding:13px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}form button{width:100%;margin-top:25px}.secondary{color:#005BA0;background:#e8f2fa;border:1px solid #b8d4eb}.hint{font-size:12px;color:#68756e;padding-top:22px;line-height:1.7}.generate{border-top:1px solid #e0e7e2;margin-top:20px}.preview-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.preview-bar h2{margin:0}.preview-bar span{color:#738078;font-size:12px}.paper{background:white;box-shadow:0 7px 25px #21372910;min-height:760px;padding:34px 25px;border:1px solid #dce4ec}.empty{min-height:640px;border:1px dashed #b8d4eb;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7c8880}.empty h3{color:#354a5c}.page-icon{border:2px solid #b8d4eb;border-radius:6px;padding:16px;font-size:32px;color:#668eae}.history{margin-top:44px;background:white;padding:25px;border-radius:10px;border:1px solid #dce4ec}.history>p{font-size:12px;color:#728077}.history table{width:100%;border-collapse:collapse}.history td,.history th{text-align:left;padding:14px;border-bottom:1px solid #e4eae5}a{color:#005BA0}.error{background:#fff0ed;color:#963b29;padding:10px;border-radius:5px}.error p{margin:5px 0}.saved-actions{display:flex;gap:15px;align-items:center;margin-bottom:25px}.saved-actions>div{flex:1}.saved{max-width:850px;margin:auto}.paper table{width:100%;border-collapse:collapse}.paper td,.paper th{vertical-align:top}.sample,.draft{text-align:center;padding:7px;border:1px solid #a7b5ac;margin-bottom:10px;font-size:10px;color:#596b60}.heading{margin-bottom:15px;font-size:12px}.heading strong{font-size:17px}.document-number{text-align:right;font-size:17px;font-weight:700}.customer{font-size:11px}.customer td{padding:5px 0}.lines{margin-top:20px;font-size:10px;table-layout:fixed}.lines th{border-top:1px solid #555;border-bottom:1px solid #555;text-align:left;padding:10px 4px}.lines td{padding:12px 4px;border-bottom:1px solid #ddd;overflow-wrap:break-word}.numeric{text-align:right}.footer{margin-top:24px;font-size:10px}.observations{width:48%;padding-right:20px}.observations p{font-size:9px}.totals{width:52%}.totals td{padding:7px 3px}.totals td:last-child{text-align:right}.total{border-top:1px solid #555;font-weight:bold;font-size:13px}.signatures{display:flex;justify-content:space-between;font-size:10px;margin-top:70px}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.panel{max-width:none}.saved-actions{flex-wrap:wrap}.paper{overflow-x:auto}}@media print{@page{size:A4;margin:19mm 8mm}body{background:white}header,.saved-actions{display:none}main{padding:0}.paper{box-shadow:none;border:0;min-height:0;padding:0;max-width:none}thead{display:table-header-group}tr{break-inside:avoid}.sample{color:#111}}
.note-search{margin-top:28px;background:white;border:1px solid #dce4ec;border-radius:12px;padding:24px}.search-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.search-heading h2{margin-bottom:5px}.search-heading p{margin:0;color:#728077;font-size:12px}.search-label{margin-top:20px}.note-search input{max-width:600px}.pending-scroll{max-height:330px;overflow:auto;margin-top:16px}.pending-table{width:100%;border-collapse:collapse;font-size:13px}.pending-table th{position:sticky;top:0;background:#f3f7fb;text-align:left;font-size:11px;color:#68786d;padding:12px;border-bottom:1px solid #dce4ec}.pending-table td{padding:12px;border-bottom:1px solid #e7edf3}.pending-table .amount-heading,.note-amount{text-align:right;white-space:nowrap}.note-number{font-variant-numeric:tabular-nums;font-weight:600}.note-date{white-space:nowrap;color:#738078}.pick-note{padding:8px 12px;background:#e8f2fa;color:#005BA0;font-size:12px}.pending-table tr.selected{background:#edf5fb}#pending-status{margin-top:12px;color:#728077;font-size:12px}@media(max-width:650px){.note-search{padding:16px}.pending-table th,.pending-table td{padding:10px 6px}.note-date{display:none}.pending-table th:nth-child(3){display:none}.search-heading{flex-wrap:wrap}}
.panel-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.panel-heading h2{margin:0;flex:1}.config-button{padding:8px 10px;background:#e8f2fa;color:#005BA0;font-size:11px}#configuration-dialog{width:min(480px,calc(100% - 32px));border:1px solid #dce4ec;border-radius:14px;padding:26px;color:#263340;box-shadow:0 20px 80px #10291e40}#configuration-dialog::backdrop{background:#10291e66}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{margin:0}.dialog-close{background:transparent;color:#617568;font-size:24px;padding:0 5px}.dialog-description{font-size:13px;color:#728077}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.dialog-actions button{width:auto;margin:0}.field-error{color:#963b29;font-size:12px}.configuration-success{margin-top:20px;padding:14px 18px;background:#e8f2fa;border:1px solid #b8d4eb;border-radius:8px;color:#005BA0}
.pending-scroll{max-height:none;overflow-x:auto}.pending-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:#728077;font-size:12px}.pending-pagination[hidden]{display:none}.pending-pagination nav{display:flex;gap:10px}.pending-pagination button{padding:9px 14px;font-size:12px}.pending-pagination button:disabled{opacity:.4;cursor:default}@media(max-width:650px){.pending-pagination{align-items:flex-start;flex-direction:column}}
.extra-discount-option{display:flex;align-items:flex-start;gap:12px;font-weight:600;margin-top:22px}.extra-discount-option input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;padding:0;flex-shrink:0;accent-color:#005BA0}.extra-discount-option small{font-weight:normal}

.delete-document{display:inline-block;margin-left:16px}.delete-document button{width:auto;margin:0;padding:8px 12px}

button:hover,.button:hover{filter:brightness(.94)}button:focus-visible,.button:focus-visible,a:focus-visible{outline:2px solid #005BA0;outline-offset:3px}