/* A shared, compact editor layout. Prices, fields and actions retain their behavior. */
html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-parts{
 container:part-lines / inline-size;gap:10px;
}
html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-parts>.hi-part-row{
 display:grid;grid-template-columns:minmax(0,1fr) 80px 165px;align-items:end;gap:8px 10px;padding:10px 12px;
}
html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-part-heading{
 grid-column:1/-1;margin:0;padding:0 0 6px;gap:8px;font-size:13px;line-height:1.35;
}
html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-part-row :is(label,.hi-part-choice){
 display:grid;grid-column:auto;min-width:0;margin:0;gap:4px;font-size:13px;line-height:1.35;
}
html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-part-choice>.hd-label{margin:0;gap:0}
html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-part-row .hd-field{
 box-sizing:border-box;width:100%;min-width:0;margin:0;min-height:40px;padding:8px 10px;
}
html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-part-actions{
 grid-column:1/-1;margin:0;gap:8px;
}
html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-part-row .hi-part-actions button{
 min-height:40px;margin:0;padding:8px 10px;
}
html body #horizon-booking-demo .hqp-parts-section .hqp-part-meta{gap:12px}
html body #horizon-booking-demo .hqp-parts-section .hqp-part-meta label{margin:0}
/* Use the editor's available width, including when the invoice list is alongside it. */
@container part-lines (min-width:740px){
 html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-parts>.hi-part-row{
  grid-template-columns:minmax(190px,1fr) 76px 165px auto;
 }
 html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-part-actions{grid-column:auto;flex-wrap:nowrap}
}
@container part-lines (max-width:539px){
 html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-parts>.hi-part-row{
  grid-template-columns:minmax(0,.7fr) minmax(0,1fr);padding:10px;
 }
 html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-part-row>.hi-part-choice{grid-column:1/-1}
 html body #horizon-booking-demo :is(#hd-page-invoices,.hqp-parts-section) .hi-part-row :is(.hd-field,.hi-part-actions button){min-height:44px}
}