/* Mobile dashboard and quote/invoice action menu refinements v62 */
#app .quote-action-menu .action-menu-items{background:rgba(248,252,255,.97)!important;border:1px solid #cde6f7!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(36,91,146,.16)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
#app .quote-action-menu .action-menu-items button:not(.danger){background:linear-gradient(115deg,#e7f6ff,#ccecff)!important;color:#155488!important;border:1px solid #addcf7!important;border-radius:10px!important;box-shadow:none!important;min-height:42px!important;font-weight:750!important}
#app .quote-action-menu .action-menu-items button:not(.danger):hover{background:#b9e5ff!important;color:#104a79!important}
#app .quote-action-menu .action-menu-items button.danger{background:#fff1f1!important;color:#bd303e!important;border:1px solid #ffd9df!important;border-radius:10px!important;box-shadow:none!important;min-height:42px!important}
#app .quote-action-menu .action-menu-toggle{background:linear-gradient(115deg,#e4f5ff,#cbeaff)!important;color:#155488!important;border:1px solid #a9daf6!important;box-shadow:0 3px 10px rgba(30,104,159,.08)!important}
@media(max-width:900px){
 /* Quote and invoice records become horizontally readable rows, not tall vertical stacks. */
 #app #quotes,#app #billing{min-width:0!important;width:100%!important}
 #app #quoteList,#app #invoiceList{width:100%!important;min-width:0!important}
 #app #quoteList .quote-card,#app #invoiceList .invoice-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:9px 12px!important;padding:12px!important;min-width:0!important;overflow:visible!important}
 #app #quoteList .quote-card>div:first-child,#app #invoiceList .invoice-card>div:first-child{min-width:0!important;grid-column:1!important}
 #app #quoteList .quote-card>div:nth-child(2),#app #invoiceList .invoice-card>div:nth-child(2){grid-column:1!important;min-width:0!important}
 #app #quoteList .quote-card>.badge,#app #invoiceList .invoice-card>.badge{grid-column:2!important;grid-row:1!important;justify-self:end!important}
 #app #quoteList .quote-card>.quote-action-menu,#app #invoiceList .invoice-card>.quote-action-menu{grid-column:2!important;grid-row:2 / span 2!important;justify-self:end!important}
 #app #quoteList .quote-card>span:not(.badge){grid-column:1!important;min-width:0!important}
 #app #quoteList .quote-card small,#app #invoiceList .invoice-card small{overflow-wrap:anywhere!important}
 #app #quoteList .quote-card .action-menu-items,#app #invoiceList .invoice-card .action-menu-items{right:0!important;left:auto!important;width:min(220px,calc(100vw - 56px))!important;max-height:min(65vh,430px)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
 #app #quoteList .quote-card .action-menu-items button,#app #invoiceList .invoice-card .action-menu-items button{min-height:42px!important;padding:10px 12px!important;font-size:12px!important}
 #app #quotes .panel,#app #billing .panel{min-width:0!important;max-width:100%!important}
 #app #quotes .filter-bar,#app #billing .filter-bar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;min-width:0!important}
 #app #quotes .filter-bar>*:first-child,#app #billing .filter-bar>*:first-child{grid-column:1/-1!important}
 #app #quotes input,#app #billing input{max-width:100%!important;min-width:0!important}
}
@media(max-width:520px){
 #app #quoteList .quote-card,#app #invoiceList .invoice-card{gap:7px 9px!important;padding:11px!important}
 #app #quoteList .action-menu-toggle,#app #invoiceList .action-menu-toggle{min-width:86px!important;padding:8px 10px!important;font-size:12px!important}
 #app #quotes .panel,#app #billing .panel{padding:13px!important}
 #app #quotes .dashboard-stats,#app #quotes .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #app #quotes .dashboard-stats>*,#app #quotes .stats>*{min-width:0!important}
 #app #quotes .dashboard-welcome{min-width:0!important}
}