body.doc-body{background:var(--bg-soft, #f7f6f4)}.doc-toolbar{max-width:820px;margin:0 auto;padding:20px 24px 0;display:flex;justify-content:space-between;align-items:center}.doc-back-link{text-decoration:none;color:var(--sub);font-size:var(--font-label)}.doc-print-btn{background:var(--red);color:#fff;border-radius:var(--radius-sm);padding:10px 20px;font-size:var(--font-label);font-weight:700;cursor:pointer;border:none;font-family:inherit}@media print{.doc-toolbar{display:none}}.doc-form-wrap{max-width:820px;margin:0 auto;padding:16px 24px 0}.doc-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-24);display:flex;flex-direction:column;gap:14px}.doc-form-title{font-size:var(--font-label);font-weight:800}.doc-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:748px){.doc-form-grid{grid-template-columns:1fr}}@media print{.doc-form-wrap{display:none}}.doc-form-shipping{padding-top:14px;border-top:1px solid var(--line)}.doc-form-shipping-row{display:flex;align-items:stretch;gap:24px;flex-wrap:wrap}.doc-form-shipping-checkbox-col{display:flex;flex-direction:column}.doc-form-shipping-checkbox-col .form-field-label{visibility:hidden}.doc-form-checkbox{display:flex;align-items:center;gap:6px;font-size:var(--font-caption);color:var(--ink);cursor:pointer;flex:1}.doc-form-checkbox input{width:16px;height:16px}.doc-form-note{font-size:var(--font-caption);color:var(--sub);line-height:1.7;margin:0}.doc-form-note:first-of-type{margin-top:var(--space-8)}.doc-qty-input{width:100%;text-align:center;padding:4px 2px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:inherit;font-size:inherit;color:inherit}@media print{.doc-qty-input{border:none;padding:0}}.doc-empty{padding:var(--space-24) 12px;text-align:center;color:var(--sub);font-size:var(--font-body)}.doc-error{max-width:820px;margin:40px auto;padding:0 24px;font-size:14px;line-height:1.8;color:var(--ink)}.doc-error a{color:var(--red);text-decoration:underline}.doc-page-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:748px){.doc-page-scroll{padding:0 16px}}@media print{.doc-page-scroll{overflow:visible;padding:0}}.doc-page-frame{width:820px;margin:20px auto 60px;background:#fff;box-shadow:0 1px 8px #00000014;aspect-ratio:210/297}@media print{.doc-page-frame{width:auto;margin:0;box-shadow:none;aspect-ratio:auto}body.doc-body{background:#fff}}@page{size:A4;margin:0}@media print{.doc-page-break{break-after:page;page-break-after:always}}.doc-table-row{break-inside:avoid;page-break-inside:avoid}.doc-page-number{margin-top:var(--space-8);font-size:10px;color:var(--sub);text-align:right}[data-page-footer]{display:flex;flex-direction:column;flex:1}.doc-continued-note{margin-top:12px;font-size:11px;color:var(--sub);text-align:center}.doc-footer-row-wrap{display:flex;flex-direction:column;flex:1}.doc-page{padding:56px 60px;display:flex;flex-direction:column;font-size:12.5px;color:var(--ink);height:100%;box-sizing:border-box}.doc-head{display:flex;justify-content:space-between;align-items:flex-start}.doc-logo{display:flex;align-items:center}.doc-logo-img{height:56px;width:auto;display:block}.doc-title-block{text-align:right}.doc-title{font-size:24px;font-weight:800;letter-spacing:.1em}.doc-issue-date{font-size:11px;color:var(--sub);margin-top:6px}.doc-divider{height:1px;background:var(--line);margin:28px 0}.doc-body-row{display:flex;justify-content:space-between;gap:40px}.doc-bill-col{flex:1}.doc-bill-name{font-size:15px;font-weight:800;border-bottom:2px solid var(--ink);display:inline-block;padding-bottom:4px}.doc-address-row{display:flex;gap:28px;margin-top:14px;flex-wrap:wrap}.doc-address-col.is-billing,.doc-address-col.is-shipping{flex:2 1 0}.doc-address-label{font-size:10.5px;font-weight:700;color:var(--sub)}.doc-address-text{font-size:11.5px;color:var(--sub);margin-top:4px;line-height:1.8}.doc-grand-line{font-size:19px;font-weight:800;margin-top:20px}.doc-grand-line .tax-note{font-size:11px;font-weight:400}.doc-note{font-size:11px;color:var(--sub);margin-top:6px}.doc-note.is-due{color:var(--red);font-weight:700}.doc-meta-col{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;font-size:11.5px}.doc-meta-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:6px}.doc-meta-row span:first-child{color:var(--sub);white-space:nowrap}.doc-meta-row span:last-child{font-weight:700;white-space:nowrap;text-align:right}.doc-company-stamp{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:4px}.doc-company-stamp .doc-company-info{flex:1}.doc-stamp-wrap{display:flex;flex-direction:column;align-items:center;margin-top:14px;gap:4px}.doc-company-stamp .doc-stamp-wrap{margin-top:0;margin-bottom:8px;flex-shrink:0}.doc-stamp{width:64px;height:64px;object-fit:contain}.doc-table{width:100%;margin-top:32px;font-size:12px}.doc-table-row{display:grid;grid-template-columns:1fr 80px 90px 100px}.doc-table-row.is-head{background:var(--ink);color:#fff}.doc-table-cell{padding:10px 12px;border-bottom:1px solid var(--line)}.doc-table-row.is-head .doc-table-cell{border-bottom:none;font-weight:700}.doc-table-cell.col-name{text-align:left;word-break:break-word}.doc-table-cell.col-qty{text-align:center;padding-left:6px;padding-right:6px}.doc-table-cell.col-price{text-align:right}.doc-table-cell.col-total{text-align:right;font-weight:700}.doc-totals-row{display:flex;justify-content:flex-end;margin-top:16px;gap:40px}.doc-totals-row.has-bank{justify-content:space-between;margin-top:24px}.doc-bank-box{flex:1;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 16px;font-size:11px;color:var(--sub);line-height:1.9}.doc-bank-box-title{font-weight:700;color:var(--ink);margin-bottom:6px}.doc-totals-box{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;font-size:12.5px}.doc-totals-line{display:flex;justify-content:space-between}.doc-totals-line span:first-child{color:var(--sub)}.doc-totals-line.is-grand{border-top:2px solid var(--ink);padding-top:8px;font-size:15px;font-weight:800}.doc-spacer{flex:1}.doc-footer-row{border-top:1px solid var(--line);margin-top:16px;padding-top:16px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:8px}.doc-company-info{font-size:10.5px;color:var(--sub);line-height:1.8}.doc-company-name{font-size:13px;font-weight:400;color:var(--sub)}.doc-footer-note{font-size:10px;color:var(--sub)}
/*# sourceMappingURL=/cdn/shop/t/35/assets/doc-page.css.map */
