@media(min-width:701px){
  .drawer:has(.invoice-form){right:-1000px;width:min(960px,calc(100vw - 40px));padding:1.75rem 2rem;overflow-y:auto}
  .drawer.open:has(.invoice-form){right:0}
  .drawer:has(.invoice-form) .drawer-head{position:sticky;top:-1.75rem;z-index:5;margin:-1.75rem -2rem 1.25rem;padding:1.5rem 2rem 1rem;background:#fff}
  .drawer:has(.invoice-form) .invoice-form>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .drawer:has(.invoice-form) .invoice-line{grid-template-columns:1.25fr 1.5fr .55fr .75fr auto;gap:14px;padding:16px}
  .drawer:has(.invoice-form) .invoice-form input,.drawer:has(.invoice-form) .invoice-form select,.drawer:has(.invoice-form) .invoice-form textarea,.drawer:has(.invoice-form) .invoice-line input{min-height:46px;font-size:15px;padding:12px 13px}
  .drawer:has(.invoice-form) .invoice-form label,.drawer:has(.invoice-form) .invoice-line label{font-size:.82rem}
  .drawer:has(.invoice-form) .invoice-line-remove{width:46px;height:46px}
  .drawer:has(.invoice-form) .invoice-form>.action-button{justify-self:end;min-width:240px;min-height:48px;margin-top:4px}
}
@media(min-width:701px) and (max-width:1050px){
  .drawer:has(.invoice-form) .invoice-form>.form-grid{grid-template-columns:1fr 1fr}
  .drawer:has(.invoice-form) .invoice-line{grid-template-columns:1fr 1fr}
  .drawer:has(.invoice-form) .invoice-line label:nth-child(1),.drawer:has(.invoice-form) .invoice-line label:nth-child(2){grid-column:1/-1}
  .drawer:has(.invoice-form) .invoice-line-remove{grid-column:1/-1;width:100%}
}