/* EasyBiz mobile quotation card and gentle grey form surfaces v65 */
#app :is(#editor,#billing,#customers,#settings,#quotes) :is(.form-grid,.filter-bar,.customer-form,.invoice-form,.form-section),
#app #quotes .quote-filters,
#app #quotes .filters{
 background:#f7f8fa!important;border:1px solid #e6eaf0!important;border-radius:12px!important;
}
#app :is(#editor,#billing,#customers,#settings,#quotes) :is(input,select,textarea){
 background:#fbfcfd!important;border-color:#dce3eb!important;color:#253c58!important;
}
#app :is(#editor,#billing,#customers,#settings,#quotes) :is(input,select,textarea):focus{
 background:#fff!important;border-color:#80bff0!important;box-shadow:0 0 0 3px rgba(103,178,232,.14)!important;
}
#app #quoteList .quote-card{
 background:#fafbfc!important;border:1px solid #e4eaf1!important;border-radius:12px!important;
}
@media(max-width:900px){
 #app #quoteList .quote-card{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto 38px!important;
  grid-template-rows:auto auto!important;gap:7px 9px!important;
  align-items:center!important;padding:13px 11px!important;min-width:0!important;
 }
 #app #quoteList .quote-card .eb-quote-identity{
  grid-column:1!important;grid-row:1!important;min-width:0!important;
 }
 #app #quoteList .quote-card .eb-quote-identity b{
  display:block!important;font-size:13px!important;line-height:1.35!important;white-space:normal!important;
 }
 #app #quoteList .quote-card .eb-quote-identity small{
  display:block!important;font-size:11px!important;line-height:1.4!important;
  overflow-wrap:anywhere!important;
 }
 #app #quoteList .quote-card .eb-quote-financial{
  grid-column:2!important;grid-row:1!important;text-align:right!important;
  max-width:100%!important;min-width:0!important;white-space:nowrap!important;
  font-size:12px!important;font-weight:750!important;color:#244263!important;
 }
 #app #quoteList .quote-card .eb-quote-financial small{
  display:none!important;
 }
 #app #quoteList .quote-card .quote-action-menu{
  grid-column:3!important;grid-row:1!important;justify-self:end!important;
  align-self:center!important;min-width:38px!important;
 }
 #app #quoteList .quote-card .eb-quote-contact{
  display:block!important;grid-column:1 / -1!important;grid-row:2!important;
  min-width:0!important;font-size:10px!important;line-height:1.4!important;
  color:#607791!important;overflow-wrap:anywhere!important;
 }
 #app #quoteList .quote-card>.badge{grid-column:1!important;grid-row:3!important;justify-self:start!important}
 #app #quoteList .quote-card .eb-quote-date{
  grid-column:2 / -1!important;grid-row:3!important;justify-self:end!important;
  font-size:10px!important;color:#71829a!important;
 }
 #app #quoteList .quote-card .action-menu-toggle{
  width:38px!important;min-width:38px!important;max-width:38px!important;
  height:38px!important;padding:0!important;
 }
 #app #quotes .filter-bar,#app #quotes .quote-filters{
  background:#f7f8fa!important;border:1px solid #e4e9ef!important;
  padding:12px!important;border-radius:12px!important;
 }
}
@media(max-width:380px){
 #app #quoteList .quote-card{grid-template-columns:minmax(0,1fr) auto 36px!important;gap:6px!important}
 #app #quoteList .quote-card .eb-quote-financial{font-size:11px!important}
 #app #quoteList .quote-card .action-menu-toggle{width:36px!important;min-width:36px!important;height:36px!important}
}