/* v66: explicit mobile quotation grid areas prevent contact/date overlap. */
@media(max-width:900px){
 #app #quoteList .quote-card{
  display:grid!important;
  grid-template-areas:"identity amount menu" "contact contact contact" "status date date"!important;
  grid-template-columns:minmax(0,1fr) auto 38px!important;
  grid-template-rows:auto auto auto!important;
  align-items:center!important;
  column-gap:9px!important;row-gap:9px!important;
  padding:14px 12px!important;
  min-width:0!important;max-width:100%!important;
  overflow:visible!important;
 }
 #app #quoteList .quote-card>.eb-quote-identity{
  grid-area:identity!important;grid-column:auto!important;grid-row:auto!important;
  min-width:0!important;max-width:100%!important;
  align-self:center!important;
 }
 #app #quoteList .quote-card>.eb-quote-identity b{
  display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;
  font-size:12px!important;line-height:1.3!important;
 }
 #app #quoteList .quote-card>.eb-quote-identity small{
  display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;
  font-size:10px!important;line-height:1.4!important;margin-top:4px!important;
 }
 #app #quoteList .quote-card>.eb-quote-financial{
  grid-area:amount!important;grid-column:auto!important;grid-row:auto!important;
  min-width:0!important;max-width:none!important;white-space:nowrap!important;
  text-align:right!important;font-size:12px!important;font-weight:750!important;
  align-self:center!important;
 }
 #app #quoteList .quote-card>.quote-action-menu{
  grid-area:menu!important;grid-column:auto!important;grid-row:auto!important;
  justify-self:end!important;align-self:center!important;margin:0!important;
  min-width:38px!important;width:38px!important;
 }
 #app #quoteList .quote-card>.eb-quote-contact{
  grid-area:contact!important;grid-column:auto!important;grid-row:auto!important;
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:8px 10px!important;
  border-radius:8px!important;background:#f2f5f8!important;
  color:#58728e!important;text-align:left!important;
  font-size:11px!important;line-height:1.5!important;
  white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;
 }
 #app #quoteList .quote-card>.badge{
  grid-area:status!important;grid-column:auto!important;grid-row:auto!important;
  justify-self:start!important;align-self:center!important;
 }
 #app #quoteList .quote-card>.eb-quote-date{
  grid-area:date!important;grid-column:auto!important;grid-row:auto!important;
  justify-self:end!important;align-self:center!important;
  font-size:10px!important;line-height:1.4!important;
  color:#71829a!important;text-align:right!important;
  white-space:nowrap!important;
 }
}
@media(max-width:380px){
 #app #quoteList .quote-card{
  grid-template-columns:minmax(0,1fr) auto 36px!important;
  column-gap:6px!important;padding:12px 10px!important;
 }
 #app #quoteList .quote-card>.quote-action-menu{width:36px!important;min-width:36px!important}
 #app #quoteList .quote-card>.eb-quote-financial{font-size:11px!important}
}