/* v70 — EasyBiz quotation and invoice form surfaces. Visual-only styling. */
#app #editor .panel,
#app #billing .billing-create-pane.panel,
#app #billing .billing-create-pane .panel{
  background:#f7f8fa!important;
  border:1px solid #e2e7ee!important;
  border-radius:16px!important;
  box-shadow:0 3px 12px rgba(31,54,80,.035)!important;
}
#app #editor .form-grid,
#app #billing .billing-create-pane .form-grid{
  background:transparent!important;border:0!important;
  padding:0!important;
}
#app #editor :is(.form-grid,.pricing,.field-preset,.custom-fields,.billing-actions) label,
#app #billing .billing-create-pane :is(.form-grid,.pricing,.billing-actions) label,
#app #billing .billing-create-pane.panel>label{
  color:#40536b!important;font-size:12px!important;font-weight:650!important;
  line-height:1.5!important;
}
#app #editor :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea),
#app #billing .billing-create-pane :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){
  box-sizing:border-box!important;
  background:#fff!important;
  color:#20364e!important;
  border:1px solid #d5dde7!important;
  border-radius:10px!important;
  box-shadow:0 1px 2px rgba(28,49,74,.025)!important;
  min-height:42px!important;
  padding:10px 12px!important;
  max-width:100%!important;
  font-size:14px!important;
  transition:border-color .15s ease,box-shadow .15s ease!important;
}
#app #editor :is(input,select,textarea):hover,
#app #billing .billing-create-pane :is(input,select,textarea):hover{
  border-color:#b9cadd!important;
}
#app #editor :is(input,select,textarea):focus,
#app #billing .billing-create-pane :is(input,select,textarea):focus{
  background:#fff!important;
  border-color:#75b9ed!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(98,175,231,.15)!important;
}
#app #editor :is(input,select,textarea):disabled,
#app #billing .billing-create-pane :is(input,select,textarea):disabled{
  background:#edf0f4!important;color:#7c8b9c!important;
}
#app #editor :is(.pricing,.table-head),
#app #billing .billing-create-pane :is(.pricing,.table-head){
  background:#f0f3f7!important;
  border:1px solid #e0e6ee!important;
  border-radius:12px!important;
}
#app #editor :is(#items,.item-row,.custom-field-row),
#app #billing .billing-create-pane :is(#billItems,.bill-item){
  border-color:#e0e6ee!important;
}
#app #editor .section-title,
#app #billing .billing-create-pane .section-title{
  border-bottom:1px solid #e5eaf0!important;
  padding-bottom:12px!important;margin-bottom:16px!important;
}
@media(max-width:600px){
  #app #editor .panel,
  #app #billing .billing-create-pane.panel,
  #app #billing .billing-create-pane .panel{
    padding:14px!important;border-radius:13px!important;
  }
  #app #editor :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
  #app #billing .billing-create-pane :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
    font-size:16px!important;min-height:44px!important;
  }
  #app #editor .form-grid,
  #app #billing .billing-create-pane .form-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  #app #editor .form-grid>*,
  #app #billing .billing-create-pane .form-grid>*{
    grid-column:1/-1!important;min-width:0!important;
  }
}