/* Keep document metadata visible without making users scroll past an empty header. */
.document-title-line{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;min-width:0}
.document-title-line h1,.document-title-line h2{margin:0;white-space:nowrap;flex:none}
.document-title-line .document-number-strip{display:inline-flex;align-items:baseline;gap:5px;padding:0;margin:0;border:0;background:none;min-height:0;color:#6b7d91;font-size:12px;white-space:nowrap}
.document-title-line .document-number-strip span{font-weight:600;flex:none}
.document-title-line .document-number-strip .number-input{display:inline-block;width:170px;max-width:42vw;height:27px!important;min-height:27px!important;padding:2px 5px!important;border:0;border-bottom:1px solid #bdcad8;border-radius:0;background:transparent;color:#38526f;font-size:12px!important;font-weight:600;letter-spacing:0;text-align:center}
.document-title-line .document-number-strip.static span:last-child{color:#38526f;font-weight:600}
.modal>header>.document-title-line{flex:1;align-items:center}
@media(max-width:600px){.document-title-line{gap:7px}.document-title-line .document-number-strip{font-size:11px}.document-title-line .document-number-strip .number-input{width:145px;max-width:39vw;font-size:11px!important}}
#content:has(#document-form) .page-heading{margin-bottom:10px}
#content:has(#document-form) .page-heading h1{font-size:21px;margin-bottom:3px}
#content:has(#document-form) .page-heading p{font-size:11px;line-height:1.35}
#content:has(#document-form)>.panel>.panel-body{padding:12px 16px}
.compact-document-header>.document-number-strip{display:inline-flex;max-width:100%;min-height:29px;padding:4px 9px;margin:0 0 9px;border:0;border-left:3px solid var(--accent);background:#f2f6fb;border-radius:2px;line-height:1.4;font-size:11px}
.compact-document-header>.document-number-strip strong{font-size:11px}
.compact-document-header>.document-number-strip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-header-fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px 10px;max-width:1450px;align-items:start}
#document-form>.document-header-grid.compact-header-fields{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px 10px}
.compact-header-fields>label{grid-column:span 3;min-width:0;margin:0!important;font-size:11px;line-height:1.25;color:#34465a;text-align:center}
.compact-header-fields>label input,.compact-header-fields>label select,.compact-header-fields>label textarea{margin:4px 0 0;min-width:0;width:100%;height:36px;min-height:36px;padding:6px 9px;font-size:12px;text-align:center;border-radius:4px}
.compact-header-fields>label input[readonly]{background:#f4f7fb;color:#5c6c7c}
#document-form .compact-header-fields .field-type,#document-form .compact-header-fields .field-business-date{grid-column:span 2}
#document-form .compact-header-fields .field-team-id{grid-column:span 3}
#document-form .compact-header-fields .field-supplier-id{grid-column:span 4}
#document-form .compact-header-fields .field-receiver{grid-column:span 2}
#document-form .compact-header-fields .field-purpose{grid-column:span 3}
#document-form .compact-header-fields .field-source-id{grid-column:span 12}
#document-form.compact-kind-receipt .compact-header-fields .document-supplier-contact,#document-form.compact-kind-return_supplier .compact-header-fields .document-supplier-contact{grid-column:span 2}
#document-form.compact-kind-receipt .compact-header-fields .field-purpose,#document-form.compact-kind-return_supplier .compact-header-fields .field-purpose{grid-column:span 10}
#document-form.compact-kind-opening .compact-header-fields .field-team-id{display:none}
#document-form.compact-kind-opening .compact-header-fields .field-purpose{grid-column:span 6}
#procurement-form .compact-header-fields .field-team-id,#procurement-form .compact-header-fields .field-needed-date{grid-column:span 3}
#procurement-form .compact-header-fields .field-purpose{grid-column:span 6}
#procurement-form .compact-header-fields:not(:has(.field-team-id)) .field-purpose{grid-column:span 9}
#payment-form .compact-header-fields .field-supplier-id{grid-column:span 4}
#payment-form .compact-header-fields .field-business-date,#payment-form .compact-header-fields .field-amount,#payment-form .compact-header-fields .field-method,#payment-form .compact-header-fields .field-reference{grid-column:span 2}
.compact-header-extras{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:24px;margin:6px 0 10px;max-width:1450px}
.compact-team-contact{font-size:11px;color:#64768a;line-height:1.4;min-width:0;margin-right:auto}
.compact-header-note,.compact-header-help,.compact-stock-override{font-size:11px;color:#61788d}
.compact-header-note summary,.compact-header-help summary,.compact-stock-override summary{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;list-style:none;border:1px solid #e0e7ef;border-radius:4px;background:#f8fafc;cursor:pointer;white-space:nowrap}
.compact-header-note summary::-webkit-details-marker,.compact-header-help summary::-webkit-details-marker,.compact-stock-override summary::-webkit-details-marker{display:none}
.compact-header-note summary:after,.compact-header-help summary:after,.compact-stock-override summary:after{content:'⌄';padding-left:7px;color:#8293a4}
.compact-header-note[open],.compact-header-help[open],.compact-stock-override[open]{flex-basis:100%}
.compact-header-note>label{display:block;max-width:720px;margin:6px 0 0;font-size:11px}
.compact-header-note textarea{display:block;width:100%;min-height:54px;height:54px;margin-top:4px;padding:7px 9px;font-size:12px}
.compact-header-help>div{margin:6px 0 0;padding:7px 10px;background:#f2f6fb;border-left:2px solid #b7cce4;line-height:1.5}
.compact-stock-override>div{max-width:720px;margin:6px 0 0;padding:8px 10px;background:#f2f6fb;border-left:2px solid #b7cce4;line-height:1.5}
.compact-stock-override label{display:block;margin:0 0 6px;font-size:11px}
.compact-stock-override input[type=checkbox]{width:auto;margin:0 5px 0 0}
.compact-stock-override textarea{display:block;width:100%;min-height:48px;height:48px;margin:3px 0 0}
#document-form .document-import{margin:6px 0 12px;padding:10px 12px}
#document-form .document-import-heading{margin-bottom:5px}
#document-form .document-import-heading h2{font-size:13px;margin:0 0 2px}
#document-form .document-import-heading p{font-size:11px}
#document-form .document-import-empty{margin:2px 0;font-size:11px}
#document-form .material-entry-wrapper{margin-top:9px}
#document-form .actions:has(.line-add){margin:10px 0!important}
#procurement-form>.info-bar:has(input,textarea){padding:8px 10px;margin-bottom:8px;font-size:11px}
#payment-form .compact-header-fields{grid-template-columns:repeat(12,minmax(0,1fr))}
#stocktake-form.compact-document-header>.info-bar{padding:8px 10px;margin-bottom:9px;font-size:11px}
.document-form-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 0!important}
.document-form-actions>button[type=submit]{margin-left:auto}
:is(#document-form,#procurement-form,#purchase-receipt-form,#actual-form,#receipt-correction-form,#stocktake-form,#payment-form,#purchase-order-form)>.actions{justify-content:flex-end}
:is(#document-form,#procurement-form,#purchase-receipt-form,#actual-form,#receipt-correction-form,#stocktake-form,#payment-form,#purchase-order-form)>button[type=submit]{display:flex;margin:12px 0 0 auto}
#purchase-receipt-form .document-form-actions .receipt-add-line{margin:0}
#receipt-correction-form .receipt-correction-actions{justify-content:flex-end;flex-wrap:wrap;gap:8px}
#receipt-correction-form #correction-total{margin-right:auto}
@media(max-width:1200px){
  #document-form .compact-header-fields .field-team-id,#document-form .compact-header-fields .field-supplier-id{grid-column:span 4}
  #document-form .compact-header-fields .field-receiver{grid-column:span 2}
  #document-form .compact-header-fields .field-purpose{grid-column:span 12}
  #document-form.compact-kind-receipt .compact-header-fields .field-purpose,#document-form.compact-kind-return_supplier .compact-header-fields .field-purpose{grid-column:span 12}
  #document-form.compact-kind-opening .compact-header-fields .field-purpose{grid-column:span 12}
  #document-form .compact-header-fields .document-supplier-contact{grid-column:span 3!important}
}
@media(max-width:760px){
  #content:has(#document-form)>.panel>.panel-body{padding:12px}
  .compact-header-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #document-form>.document-header-grid.compact-header-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-header-fields>label,#document-form .compact-header-fields>label,#procurement-form .compact-header-fields>label,#payment-form .compact-header-fields>label{grid-column:span 1!important}
  #document-form .compact-header-fields .field-team-id,#document-form .compact-header-fields .field-supplier-id,#document-form .compact-header-fields .field-purpose,#document-form .compact-header-fields .field-source-id,#procurement-form .compact-header-fields .field-purpose,#payment-form .compact-header-fields .field-supplier-id{grid-column:span 2!important}
  #document-form .compact-header-fields .document-supplier-contact{grid-column:span 1!important}
  .compact-document-header>.document-number-strip{font-size:10px;gap:6px}
  .compact-header-extras{gap:6px}
  .compact-team-contact{flex-basis:100%}
  .compact-header-note[open],.compact-header-help[open],.compact-stock-override[open]{flex-basis:100%}
}