.document-extra-fields h2{font-size:16px;margin:0 0 18px}.document-extra-fields .form-grid{margin-top:12px}.document-extra-fields textarea{width:100%;box-sizing:border-box}.document-extra-details{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}.document-extra-detail{min-width:0}.document-extra-detail strong{font-size:12px;color:var(--muted)}.document-extra-detail p{white-space:pre-line;overflow-wrap:anywhere;margin:5px 0;font-size:13px}.document-type-picker{position:relative;display:inline-block;text-align:left}.document-type-picker>summary{cursor:pointer;list-style:none}.document-type-picker>summary::after{content:' ▾'}.document-type-options{position:absolute;z-index:60;top:calc(100% + 7px);left:0;background:var(--surface,var(--paper,#fff));border:1px solid var(--line,#dde5ef);border-radius:8px;padding:6px;box-shadow:0 8px 24px #13296b20;min-width:240px;max-width:min(340px,calc(100vw - 40px))}.document-type-options a{display:block;padding:10px 12px;color:var(--ink,#13296b);font-size:13px;line-height:1.4;white-space:normal;border-radius:5px}.document-type-options a:hover{background:var(--brand-soft,var(--tint,#eef8ff))}.document-type-link{font:inherit;color:inherit;background:none;border:0;padding:0}.guest-document-links{flex-wrap:wrap}.sidebar-document-types>summary{cursor:pointer;list-style:none}.sidebar-document-types>div{padding-left:18px}.sidebar-document-types>div .nav-link{font-size:12px;line-height:1.4;white-space:normal}.sidebar-document-types[open]>summary{color:var(--cyan)}.quick-page-kind{overflow-wrap:anywhere}.quick-page-document-heading{min-width:0}#document-form[data-monetary=false] #line-items{min-width:0}#document-form[data-monetary=false] #line-items .line-description{width:auto}#document-form[data-monetary=false] .quick-item-headings{grid-template-columns:minmax(0,1fr) 85px 32px}#document-form[data-monetary=false] #line-items .quick-line-item{grid-template-columns:minmax(0,1fr) 85px 32px}#document-form[data-monetary=false] .quick-item-name{grid-column:1}#document-form[data-monetary=false] .quick-item-quantity{grid-column:2}#document-form[data-monetary=false] .quick-item-remove{grid-column:3;grid-row:1}#document-form[data-monetary=false] .quick-item-extras{grid-column:1/-1}#document-form[data-monetary=false] .quick-page-bottom{grid-template-columns:1fr}.document-signoff{width:100%;margin-top:28px}.document-signoff td{width:50%;padding:10px 20px 0 0}.document-signoff-line{border-top:1px solid var(--line,#aaa);margin-bottom:8px}@media(max-width:600px){.document-extra-details{grid-template-columns:1fr}.document-type-options{min-width:220px}.quick-page-kind{font-size:clamp(24px,6vw,34px)}#document-form[data-monetary=false] #line-items .quick-line-item{grid-template-columns:minmax(0,1fr) 65px 28px}.guest-document-links .document-type-picker .document-type-options{left:auto;right:0}}

@media(min-width:1001px){.business-sidebar-collapsed .sidebar-document-types>div{padding-left:0}.business-sidebar-collapsed .sidebar-document-types>div .sidebar-link-icon{font-size:10px}}

.document-extra-field-wide{grid-column:1/-1}.document-source-note{margin:0 0 20px;padding:12px 16px;border-left:3px solid var(--cyan,#00b8ff);background:var(--surface,var(--paper,#fff));overflow-wrap:anywhere}.document-source-note p{margin:0}.document-source-note .document-hint{margin-top:6px}.document-source-search{margin-bottom:20px;flex-wrap:wrap;align-items:end}.document-source-search .field{flex:1;min-width:min(240px,100%)}.document-booking-panel{margin-top:22px}.document-booking-panel h3{margin:0 0 8px;font-size:12px;color:var(--muted)}.document-booking-details{width:100%;border-collapse:collapse;table-layout:fixed}.document-booking-details td{width:50%;padding:9px 12px;vertical-align:top;border:1px solid var(--line,#dde5ef);overflow-wrap:anywhere}.document-booking-details td[colspan]{width:auto}.document-booking-details strong{display:block;font-size:12px;color:var(--muted)}.document-booking-details p{white-space:pre-line;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}@media(max-width:600px){.document-booking-details td{padding:8px}.document-source-note{padding:10px 12px}}