/* Reflow follows the available CSS width, including browser zoom. */
.owner-active main{min-width:0;max-width:none;padding:clamp(16px,2.2vw,32px)}
.owner-sidebar{overflow-y:auto;overscroll-behavior:contain}
.owner-sidebar nav,.sidebar-bottom{flex-shrink:0}
#panel,.card,.table-wrap,form,fieldset,.product-workspace>*,.pos-layout>*,.dashboard-grid>*,.field-pair>*,.sale-fields>*,.history-filter-grid>*{min-width:0}
.page-heading,.list-heading,.editor-heading,.dialog-heading,.period-caption,.list-footer,.history-top,.sale-heading,.pagination{flex-wrap:wrap}
.page-heading>div{min-width:0}
h1,h2,h3,.sidebar-brand,.product-row strong,.cart-line h3,.snapshot-item strong{overflow-wrap:anywhere}
input,select,textarea{min-width:0;max-width:100%}
button,.button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
.page-heading>.primary{white-space:normal}
.table-wrap{max-width:100%;overscroll-behavior-x:contain}
.dashboard-metrics,.history-metrics,.finance-metrics.top,.finance-metrics.bottom{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.metric-value,.history-metrics strong,.finance-metrics strong{font-size:clamp(23px,2vw,32px);line-height:1.25}
.history-filter-grid,.history-filter-grid:has(#history-from:not([hidden])){grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.period-buttons,.sales-tabs,.editor-actions,.detail-actions,.inline-form,.store-buttons{flex-wrap:wrap}
.period-buttons button,.sales-tabs button{flex-shrink:1}
.inline-form input{flex:1 1 160px}
.inline-form button{flex:0 1 auto}
.cart-line{grid-template-columns:44px minmax(0,1fr)}
.cart-summary p,.detail-totals p,.discount-line{flex-wrap:wrap}
.snapshot-item>div{min-width:0}
dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
.sale-drawer{max-width:100%;max-height:100dvh}
.dialog-heading>button,.drawer-heading>button{flex-shrink:0}
#custom-period label{min-width:min(150px,100%)}
@media(max-width:900px){
 .owner-sidebar{position:static;width:100%;padding:16px;overflow:visible}
 .sidebar-brand{font-size:25px;padding:0 0 12px}
 .owner-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:4px}
 .owner-sidebar nav a,.owner-sidebar nav span{padding:9px 11px}
 .owner-sidebar nav span{display:none}
 .sidebar-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 0 0;margin-top:0}
 .sidebar-user{display:none}
 .owner-active main{margin-left:0}
 .product-workspace,.pos-layout,.dashboard-grid{grid-template-columns:minmax(0,1fr)}
 .sale-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .finance-period .period-caption{width:100%;justify-content:space-between}
}
@media(max-width:760px){
 .dashboard-recent table,.finance-list table{min-width:0;display:block}
 .dashboard-recent thead,.finance-list thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .dashboard-recent tbody,.finance-list tbody{display:block}
 .dashboard-recent tr,.finance-list tr{display:block;border-bottom:1px solid var(--line);padding:12px 0}
 .dashboard-recent td,.finance-list td,.finance-list td:nth-child(2),.dashboard-recent td:nth-child(4){display:grid;grid-template-columns:minmax(85px,.35fr) minmax(0,1fr);gap:10px;min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere;border:0;padding:7px 0}
 .dashboard-recent td::before,.finance-list td::before{font-weight:500;color:var(--muted)}
 .finance-list td:nth-child(1)::before{content:'Data'}
 .finance-list td:nth-child(2)::before{content:'Descrição'}
 .finance-list td:nth-child(3)::before{content:'Categoria'}
 .finance-list td:nth-child(4)::before{content:'Valor'}
 .finance-list td:nth-child(5)::before{content:'Situação'}
 .finance-list td:nth-child(6)::before{content:'Ações'}
 .finance-list .expense-meta{grid-column:2;max-width:none}
 .finance-list .badge{justify-self:start}
 .finance-list td button{justify-self:start}
 .dashboard-recent td:nth-child(1)::before{content:'Venda'}
 .dashboard-recent td:nth-child(2)::before{content:'Data / hora'}
 .dashboard-recent td:nth-child(3)::before{content:'Cliente'}
 .dashboard-recent td:nth-child(4)::before{content:'Itens'}
 .dashboard-recent td:nth-child(5)::before{content:'Total'}
 .dashboard-recent td:nth-child(6)::before{content:'Situação'}
}
@media(max-width:480px){
 .field-pair,.filter-pair,.sale-fields,.delivery-fields,.group-rules{grid-template-columns:minmax(0,1fr)}
 .owner-active main{padding:14px}
 .card{padding:16px}
 .page-heading>.primary{width:100%}
 .finance-metrics.top,.finance-metrics.bottom,.history-metrics,.dashboard-metrics{grid-template-columns:minmax(0,1fr)}
 .payment-row{grid-template-columns:minmax(0,1fr) 90px 30px}
 .detail-actions button{flex:1 1 130px}
 .photo-area{grid-template-columns:60px minmax(0,1fr);gap:12px}
 .category-row input{min-width:0;flex-basis:100%}
 .rank-row{grid-template-columns:20px minmax(0,1fr) auto}
 .rank-row img,.rank-row .rank-photo{display:none}
 .pending-line{grid-template-columns:minmax(0,1fr)}
 .pending-line button{grid-column:1;justify-self:start}
 .sale-drawer{padding:0 16px 20px}
}