/* Somente celular. O layout desktop e os relatorios aprovados sao preservados. */
@media(max-width:760px){
 .workspace,main,#app.store-mobile-view,#modalBody{min-width:0;max-width:100%}
 .workspace header{height:auto;min-height:66px;padding-top:10px;padding-bottom:10px}
 .workspace header>div:not(.header-end){min-width:0;flex:1}
 .workspace header strong,.workspace header small{overflow-wrap:anywhere}
 .workspace .header-end{flex-shrink:0;gap:8px}
 #app.store-mobile-view h1,#app.store-mobile-view h2,#app.store-mobile-view h3,#app.store-mobile-view p,#app.store-mobile-view small,#modalBody h2,#modalBody h3,#modalBody p,#modalBody small{overflow-wrap:anywhere}
 #app.store-mobile-view .heading{flex-wrap:wrap;gap:12px}
 #app.store-mobile-view .heading h1{flex:1 1 100%;min-width:0}
 #app.store-mobile-view .heading button,#app.store-mobile-view .heading a{max-width:100%;white-space:normal}
 #app.store-mobile-view .card,#app.store-mobile-view .summary-box,#modalBody .card,#modalBody .summary-box{min-width:0;max-width:100%}
 #app.store-mobile-view .fields,#modalBody .fields{grid-template-columns:minmax(0,1fr)}
 #app.store-mobile-view .fields>*,#modalBody .fields>*{min-width:0;max-width:100%}
 #app.store-mobile-view input,#app.store-mobile-view select,#app.store-mobile-view textarea,#modalBody input,#modalBody select,#modalBody textarea{min-width:0;max-width:100%;box-sizing:border-box}
 #app.store-mobile-view .fields input,#app.store-mobile-view .fields select,#app.store-mobile-view .fields textarea,#modalBody .fields input,#modalBody .fields select,#modalBody .fields textarea{width:100%}
 #modalBody>label{display:flex;flex-direction:column;gap:8px;margin-top:14px;min-width:0;overflow-wrap:anywhere}
 #modalBody>label input,#modalBody>label select,#modalBody>label textarea{width:100%}
 #app.store-mobile-view label,#modalBody label{overflow-wrap:anywhere}
 #app.store-mobile-view button,#modalBody button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 #app.store-mobile-view .form-footer,#modalBody .form-footer{flex-wrap:wrap;gap:8px}
 #app.store-mobile-view .form-footer button,#modalBody .form-footer button{flex:1 1 120px}
 #app.store-mobile-view .tabs{flex-wrap:wrap;overflow:visible;gap:8px}
 #app.store-mobile-view .tabs button{flex:1 1 120px;white-space:normal;padding:10px 8px}
 #app.store-mobile-view .toolbar{min-width:0;gap:8px}
 #app.store-mobile-view .toolbar input{flex:1 1 100%;min-width:0;width:100%}
 #app.store-mobile-view .toolbar select,#app.store-mobile-view .toolbar button{flex:1 1 120px;min-width:0}
 #app.store-mobile-view .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app.store-mobile-view .stat{min-width:0}
 #app.store-mobile-view .stat strong{overflow-wrap:anywhere;font-size:22px}
 #app.store-mobile-view .grid,#app.store-mobile-view .pdv{grid-template-columns:minmax(0,1fr)}
 #app.store-mobile-view .grid>*,#app.store-mobile-view .pdv>*{min-width:0;max-width:100%}
 #app.store-mobile-view .catalog{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
 #app.store-mobile-view .catalog button{min-width:0;padding:12px}
 #app.store-mobile-view .catalog strong,#app.store-mobile-view .catalog small{overflow-wrap:anywhere}
 #app.store-mobile-view .cart-line{flex-wrap:wrap;gap:12px}
 #app.store-mobile-view .cart-line>div:first-child{flex:1 1 150px;min-width:0;overflow-wrap:anywhere}
 #app.store-mobile-view .cart-line .qty{max-width:100%;flex-shrink:0}
 #app.store-mobile-view .totalrow,#modalBody .totalrow{gap:12px;min-width:0;flex-wrap:wrap}
 #app.store-mobile-view .totalrow>*,#modalBody .totalrow>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
 #app.store-mobile-view .totalrow>span:first-child,#modalBody .totalrow>span:first-child{flex:1 1 120px}
 #app.store-mobile-view .product-name{min-width:0;overflow-wrap:anywhere}
 #app.store-mobile-view .barrow{grid-template-columns:minmax(60px,1fr) minmax(0,1fr) minmax(45px,auto);gap:8px}
 #app.store-mobile-view .barrow>*{min-width:0;overflow-wrap:anywhere}
 #app.store-mobile-view .payments{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app.store-mobile-view .payments button{min-width:0;white-space:normal}
 dialog#modal{width:calc(100% - 24px);max-width:calc(100% - 24px);padding:18px;max-height:calc(100dvh - 24px);overflow-y:auto;box-sizing:border-box}
 #modalBody{width:100%;overflow-wrap:anywhere}
 #app.store-mobile-view .table-wrap:has(>.sm-table),#modalBody .table-wrap:has(>.sm-table){max-width:100%;overflow:visible;border:0}
 .sm-table,.sm-table tbody,.sm-table tbody tr{display:block;width:100%;min-width:0;max-width:100%}
 .sm-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .sm-table tbody tr{border:1px solid #e3e9f2;border-radius:10px;padding:10px 12px;margin-bottom:12px;background:#fff}
 .sm-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;min-width:0;padding:9px 0;white-space:normal!important;overflow-wrap:anywhere;text-align:right;border-bottom:1px solid #edf1f6;font-size:13px}
 .sm-table td:before{content:attr(data-sm-label);flex:0 0 42%;min-width:0;color:#64748b;font-weight:650;text-align:left;overflow-wrap:anywhere}
 .sm-table td:last-child{border:0}
 .sm-table .sm-cell-value{display:block;flex:1;min-width:0;max-width:100%;overflow-wrap:anywhere}
 .sm-table td small,.sm-table td strong{overflow-wrap:anywhere}
 .sm-table td button{margin:3px 0;max-width:100%;white-space:normal}
 .sm-table td input,.sm-table td select{width:100%;min-width:0;max-width:100%}
 .sm-table td .badge{white-space:normal;max-width:100%}
 .sm-table td[colspan]{display:block;text-align:center}
 .sm-table td[colspan]:before{display:none}
 .sm-table td .product-icon{display:none}
 #app.store-mobile-view .catalog:empty{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){#app.store-mobile-view .catalog,#app.store-mobile-view .stats,#app.store-mobile-view .payments{grid-template-columns:minmax(0,1fr)}.workspace .header-end .demo{max-width:80px;white-space:normal}dialog#modal{padding:15px}}