.commercial-sentinel[data-astro-cid-ev2fhize]{--commercial-sentinel: 1}@media print{.site-header,.site-footer,.generator-breadcrumb,.generator-hero,.generator-related-block,.generator-seo-block,.generator-faq-block,.document-toolbar,.document-action-bar,.commercial-mode-bar,.mobile-document-editor,.mobile-bottom-action-bar,.editor-hint,.doc-subtitle,.barcode-action-btn,.field-label:not(.print-label),.remove-row-btn,.item-delete-btn,.edit-only,.no-print{display:none!important}#commercial-invoice-document{position:static!important;display:block!important;width:auto!important;max-width:none!important;height:auto!important;min-height:auto!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important;overflow:visible!important;break-after:auto;break-inside:avoid;page-break-after:auto;page-break-inside:avoid}.commercial-document.paper-letter,.commercial-document.paper-a4{width:auto!important;min-height:auto!important}.commercial-document-inner{padding:38px 36px 28px!important}.doc-header{gap:14px!important;padding-bottom:8px!important}.doc-meta{gap:4px!important}.doc-section{margin-top:10px!important}.box,.totals-panel,.signature-box{padding:9px!important}.doc-table th,.doc-table td{padding:5px 6px!important}.commercial-table td{height:30px!important}.compact-area,.compact-remarks{min-height:48px!important}#invoiceRemarks{font-size:9.5pt!important;line-height:1.45!important}.doc-input,.doc-textarea{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important;resize:none!important}.field-label.print-label{display:inline!important;font-weight:700!important;white-space:nowrap!important}.commercial-barcode-block{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin-top:2px!important}}:root:not([data-commercial-invoice-mode]) .professional-only,html[data-commercial-invoice-mode=simple] .professional-only{display:none!important}.action-bar-mode-control{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:36px;padding:0;font-size:13px;font-weight:750;line-height:1}.mode-action-label{font-size:13px;font-weight:750;color:#6b7280;white-space:nowrap}.mode-toggle{display:inline-flex;align-items:center;padding:4px;border:1px solid #d9e2ee;border-radius:999px;background:#eef3f8;box-shadow:inset 0 1px 1px #fffc}.mode-toggle-btn{min-width:84px;height:36px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#6b7280;font-size:13px;font-weight:750;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.mode-toggle-btn.is-active{background:#2563eb;color:#fff;box-shadow:0 6px 16px #2563eb38}.mode-toggle-btn:not(.is-active):hover{color:#1e293b;background:#ffffffb8}.mobile-mode-control{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.mobile-mode-label{color:#64748b;font-size:13px;font-weight:750}.package-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}.signature-box{min-height:72px;padding:12px;border:1px solid #cbd5e1;display:grid;align-content:end;gap:8px}.signature-box span{font-size:9.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.signature-line{border-bottom:1px solid #111827;min-height:18px}.signature-box small{color:#475569;font-size:8.5pt;font-weight:700}.commercial-invoice-page{background:#f8fafc}.commercial-invoice-inner{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:40px 0 72px}.generator-hero{margin-bottom:24px}.generator-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#64748b;font-size:14px;line-height:1.4;font-weight:600}.generator-breadcrumb a{color:#64748b;text-decoration:none}.generator-breadcrumb a:hover{color:#2563eb}.generator-eyebrow{display:inline-block;margin-bottom:10px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2563eb}.generator-title{margin:0 0 14px;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.03em;color:#0f172a}.generator-description{max-width:900px;margin:0;font-size:18px;line-height:1.75;color:#475569}.document-toolbar{position:sticky;top:79px;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px 16px;margin-bottom:22px;border:1px solid #dbe3ee;border-radius:18px;background:#ffffffeb;backdrop-filter:blur(8px);box-shadow:0 8px 24px #0f172a0d}.document-toolbar-left{display:flex;align-items:center}.document-toolbar-center{display:flex;justify-content:center}.document-toolbar-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.brand-link{color:#0f172a;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.05em;line-height:1;white-space:nowrap}.brand-link:hover{color:#2563eb}.toolbar-link-btn,.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid #dbe3ee;background:#fff;color:#0f172a;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:.18s ease}.toolbar-link-btn:hover,.toolbar-btn:hover{border-color:#94a3b8;background:#f8fafc}.toolbar-btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.toolbar-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.toolbar-label{font-size:14px;font-weight:700;color:#475569;white-space:nowrap}.paper-toggle-group{display:inline-flex;gap:8px;flex-wrap:wrap}.paper-toggle.is-active{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.document-stage{display:flex;justify-content:center;padding:10px 0 0}.document-stage-inner{width:100%;overflow:auto;padding:12px 0 4px}.commercial-document{margin:0 auto;background:#fff;border:1px solid rgba(203,213,225,.7);box-shadow:0 34px 78px #0f172a1f,0 10px 28px #0f172a14}.commercial-document.paper-letter{width:min(100%,884px);min-height:1144px}.commercial-document.paper-a4{width:min(100%,860px);min-height:1216px}.commercial-document-inner{padding:54px 48px 48px;color:#111827;font-family:Arial,Helvetica,sans-serif}.doc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:14px;border-bottom:2px solid #cbd5e1}.doc-title{font-size:24px;font-weight:700;letter-spacing:.06em}.doc-subtitle{margin-top:8px;color:#64748b;font-size:12px;line-height:1.5}.doc-meta{min-width:276px;display:grid;gap:8px;justify-items:stretch;align-content:start}.commercial-meta-barcode-slot{display:flex;justify-content:flex-end;min-height:0}.commercial-meta-row{display:grid;grid-template-columns:auto 88px 15ch;align-items:center;gap:8px;width:max-content;margin-left:auto}.commercial-meta-row-invoice,.commercial-meta-row-date{grid-template-columns:auto 88px 15ch}.commercial-meta-input{width:15ch;min-width:0;max-width:15ch}.commercial-meta-action-spacer{width:130px;min-width:130px;height:1px;display:block}.commercial-barcode-block{width:3.5cm;height:1.8cm;margin-top:4px;padding:2mm 4mm;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#fff;border:1px dashed #cbd5e1;border-radius:6px;justify-self:end;overflow:hidden;position:relative}.commercial-barcode-block svg{display:block;width:100%;height:100%}.commercial-barcode-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:0 2mm}.commercial-barcode-block[data-barcode-ready=true] .commercial-barcode-empty{display:none}.commercial-barcode-block[hidden]{display:none!important}.barcode-action-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid #93c5fd;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.barcode-action-btn:hover{background:#dbeafe;border-color:#60a5fa;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 10px 24px #2563eb1f}.barcode-action-btn.is-active{background:#dbeafe;border-color:#60a5fa;color:#1d4ed8;box-shadow:0 8px 20px #2563eb1f}.barcode-action-icon{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;font-size:12px;line-height:1;font-weight:900;flex:0 0 auto}.doc-section{margin-top:16px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title{margin:0;font-size:11pt;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.box{border:1px solid #cbd5e1;padding:12px}.field-row{display:flex;align-items:baseline;gap:8px;min-height:26px;font-size:10pt;line-height:1.45}.field-row-block{display:grid;grid-template-columns:1fr;gap:6px;align-items:start;min-height:auto;margin-bottom:10px}.field-row-block:last-child{margin-bottom:0}.field-label{font-weight:700;white-space:nowrap}.doc-input,.doc-textarea{width:100%;border:1.5px dashed #e5e7eb;border-radius:10px;background:#fff;color:#111827;font:inherit;padding:9px 10px;outline:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.doc-input::placeholder,.doc-textarea::placeholder{color:#6b7280}.inline-input{padding:4px 8px}.short-inline-input{max-width:96px}.doc-input:hover,.doc-textarea:hover,.doc-input:focus,.doc-textarea:focus{background-color:#fffbea!important;border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb38,0 6px 18px #2563eb1a!important;outline:none}.doc-textarea{resize:vertical}.compact-area,.compact-remarks{min-height:64px}.doc-table{width:100%;border-collapse:collapse}.doc-table th,.doc-table td{border:1px solid #cbd5e1;padding:7px 8px;font-size:9.5pt;text-align:left;vertical-align:top}.commercial-table td{height:36px}#invoiceRemarks{font-size:9.5pt;line-height:1.45}.table-input{border:1px solid transparent;border-radius:8px;background:transparent;padding:8px;min-height:28px}.table-input:hover,.table-input:focus{background-color:#fffbea!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb2e!important;outline:none}.amount-cell{vertical-align:middle}.line-amount{display:inline-block;font-weight:700;color:#0f172a}.action-cell{text-align:center;vertical-align:middle}.remove-row-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid #dbe3ee;background:#fff;color:#64748b;font-size:16px;line-height:1;cursor:pointer;transition:.18s ease}.remove-row-btn:hover{border-color:#94a3b8;background:#f8fafc}.add-item-inline-btn{min-height:34px;padding:0 12px;font-size:13px}.notes-totals-row{align-items:start}.totals-box{display:flex;flex-direction:column;gap:10px}.totals-panel{border:1px solid #dbe3ee;padding:12px}.total-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:4px 0;font-size:9.5pt;color:#475569}.total-row-grand{margin-top:4px;padding-top:8px;border-top:1px solid #dbe3ee;color:#0f172a;font-weight:700}.generator-related-block{margin:44px calc(50% - 50vw) 0;padding:38px max(16px,calc((100vw - 1280px)/2 + 16px)) 10px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#f9fafb}.generator-seo-block{margin:0 calc(50% - 50vw);padding:38px max(16px,calc((100vw - 1280px)/2 + 16px)) 10px;background:#fff}.generator-faq-block{margin:0 calc(50% - 50vw);padding:10px max(16px,calc((100vw - 1280px)/2 + 16px)) 8px;background:#fff}@media screen and (max-width:980px){.action-bar-mode-control{justify-content:flex-start}.document-toolbar{grid-template-columns:1fr;gap:12px}.document-toolbar-left,.document-toolbar-center,.document-toolbar-right{justify-content:flex-start}}@media screen and (max-width:760px){.commercial-invoice-inner{width:min(1280px,calc(100% - 24px));padding:28px 0 56px}.generator-breadcrumb{flex-wrap:wrap;gap:8px}.generator-description{font-size:16px}.two-col,.three-col,.package-fields-grid,.signature-grid,.doc-header{grid-template-columns:1fr}.doc-meta{min-width:0;justify-items:stretch}.commercial-meta-row{grid-template-columns:1fr;width:100%;margin-left:0}.commercial-meta-input{width:100%;max-width:none}.barcode-action-btn{width:100%;justify-content:center}.commercial-meta-action-spacer{display:none}.commercial-barcode-block{justify-self:stretch}}