.document-form{max-width:52rem;color:var(--foreground);padding:1rem}.document-form__back-link{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-bottom:1rem;padding:0;font-size:.875rem}.document-form__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.document-form__logo--compact{object-fit:contain;height:4.5rem}.document-form__logo{object-fit:contain;height:4rem;margin-bottom:1.5rem}.document-form__picker-row{gap:.5rem;margin-bottom:1.5rem;display:flex}.document-form__picker-row .form-input{flex:2;font-size:.875rem}.document-form__picker-row .btn{white-space:nowrap;flex:2 0}.document-form__sections{flex-direction:column;gap:.75rem;display:flex}.document-form__panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.25rem}.document-form__panel-title{margin:0 0 1rem}.document-form__settings-list,.document-form__items-list{flex-direction:column;gap:.5rem;display:flex}.document-form__settings-row{align-items:center;gap:.5rem;display:flex}.document-form__settings-label{font-size:.875rem}.document-form__danger-action{color:#ef4444;cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem}.document-form__add-field{gap:.5rem;margin-bottom:1rem;display:flex}.document-form__add-field-input{flex:1}.document-form__logo-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.document-form__logo-small{object-fit:contain;height:3rem}.document-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.document-form__customer-picker{margin-bottom:.75rem}.document-form__items-header,.document-form__items-row{align-items:center;gap:.5rem;display:grid}.document-form__items-header{margin-bottom:.5rem}.document-form__items-row--offer{grid-template-columns:5rem minmax(0,1fr) 4rem 4rem 6rem 6rem 2rem}.document-form__items-row--invoice{grid-template-columns:5rem minmax(0,1fr) 4rem 4rem 6rem 5rem 6rem 2rem}.document-form__items-heading{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.document-form__static-value{color:var(--muted);padding:.5rem .75rem;font-size:.9375rem}.document-form__remove-item{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:1rem}.document-form__add-item{border:1px solid var(--border-color);color:var(--muted);cursor:pointer;background:0 0;margin-top:.75rem;padding:.375rem .75rem;font-size:.8125rem}.document-form__totals{justify-content:flex-end;display:flex}.document-form__totals-box{width:15rem}.document-form__totals-row{justify-content:space-between;margin-bottom:.5rem;display:flex}.document-form__totals-label{color:var(--muted);font-size:.875rem}.document-form__totals-value{font-size:.875rem}.document-form__totals-row--total{border-top:1px solid var(--border-color);margin-bottom:0;padding-top:.625rem;font-weight:600}.document-form__totals-row--total .document-form__totals-label,.document-form__totals-row--total .document-form__totals-value{color:var(--foreground);font-size:.9375rem}.document-form__actions{justify-content:flex-end;gap:.5rem;padding-bottom:2rem;display:flex}.document-form__field-label{display:none}.document-form__field-mobile{display:contents}@media (max-width:48rem){.document-form{padding:1.5rem 1rem}.document-form__picker-row{flex-direction:column}.document-form__grid{grid-template-columns:1fr}.document-form__items-header{display:none!important}.document-form__field-mobile .form-input,.document-form__field-mobile .document-form__static-value{box-sizing:border-box;width:100%}.document-form__items-row,.document-form__items-row--offer,.document-form__items-row--invoice{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.4rem;padding:1rem 0;display:flex}.document-form__field-mobile{flex-direction:column;align-items:stretch;gap:.15rem;width:100%;display:flex}.document-form__field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.7rem;font-weight:600;display:block}.document-form__actions{flex-direction:column;align-items:stretch}.document-form__add-field{flex-direction:column}}