/* Operational workspace: readable controls and more room for records. */
body>main{padding:10px 14px;min-width:0}
body>main>header{margin-bottom:10px;padding-bottom:8px;gap:12px;min-height:50px}
body>main>header>div:first-child{gap:12px;min-width:0}
body>main>header .row{gap:8px;flex-wrap:wrap;justify-content:flex-end}
body>main>header h1{font-size:21px;line-height:1.2}
body>main>header .eyebrow img{width:88px!important;height:38px!important}
body>main>header .avatar{padding:8px}
body>main>header #dufarma-site-link{padding:8px 10px!important}
.panel,.card{padding:14px;border-radius:10px;min-width:0}
.cards{gap:12px;margin-bottom:14px}
.card strong{font-size:25px;margin:8px 0}
.grid{gap:14px}
h2{margin-bottom:12px}
.toolbar{gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}
.toolbar .search{min-width:180px}
button{padding:8px 12px;min-height:34px}
input,select,textarea{font-size:14px;padding:9px 10px}
td,th{padding:9px 8px}
label{margin:9px 0 4px}
.actions{gap:8px;margin-top:16px;flex-wrap:wrap}
.product-section{padding:12px;margin-bottom:10px}
.product-columns{gap:12px}
.product-tabs{padding-bottom:9px;margin-bottom:8px}
.statsfoot{padding-top:12px;margin-top:12px}
.cartline{padding:10px 0}
dialog{padding:18px;max-height:95dvh;overflow:auto}
.scroll{max-width:100%;overscroll-behavior:contain}
body[data-module="Clientes"] #view>.panel,
body[data-module="Compras"] #view>.panel{min-height:0}
body[data-module="Frente de caixa"] .pos-banner{padding:6px 12px;margin-bottom:8px;min-height:34px}
body[data-module="Frente de caixa"] .pos-banner b{font-size:16px}
body[data-module="Frente de caixa"] .pos-banner .pill{padding:5px 9px}
body[data-module="Frente de caixa"] .pos-layout{grid-template-columns:minmax(0,1fr) 320px;gap:12px;min-width:0;align-items:stretch}
body[data-module="Frente de caixa"] .pos-products{gap:8px;min-width:0;min-height:0}
body[data-module="Frente de caixa"] .pos-search{padding:8px 10px;flex-shrink:0}
body[data-module="Frente de caixa"] .pos-search>input{font-size:16px;min-height:38px}
body[data-module="Frente de caixa"] .pos-summary{padding:12px;min-width:0;min-height:0}
body[data-module="Frente de caixa"] .pos-summary h2{font-size:16px;margin-bottom:8px}
body[data-module="Frente de caixa"] .pos-summary label{margin:7px 0 4px}
body[data-module="Frente de caixa"] .pos-summary input,
body[data-module="Frente de caixa"] .pos-summary select{padding:8px 9px;min-height:35px}
body[data-module="Frente de caixa"] .pos-total{padding:10px 0}
body[data-module="Frente de caixa"] .pos-total strong{font-size:32px;margin-top:4px}
body[data-module="Frente de caixa"] .pos-sale{padding:10px 12px}
body[data-module="Frente de caixa"] .pos-sale td{padding:6px;line-height:17px;font-size:12px}
body[data-module="Frente de caixa"] .pos-sale .tiny{min-height:30px}
body[data-module="Frente de caixa"] .pos-shortcuts{gap:8px;font-size:11px;padding:4px 0;flex-shrink:0}
body[data-module="Frente de caixa"] .pos-shortcuts button{min-height:30px}
@media(min-width:1000px) and (min-height:600px){
 body[data-module="Frente de caixa"] .pos-layout{height:calc(100dvh - 124px);min-height:420px}
 body[data-module="Frente de caixa"] .pos-summary{overflow:auto;overscroll-behavior:contain}
 body[data-module="Frente de caixa"] .pos-sale{display:flex;flex-direction:column;overflow:hidden;min-height:0}
 body[data-module="Frente de caixa"] .pos-sale>.row{flex-shrink:0}
 body[data-module="Frente de caixa"] #sale-lines{flex:1;min-height:0;overflow:auto}
 body[data-module="Frente de caixa"] #sale-lines>.scroll{max-height:none!important;overflow:visible}
 body[data-module="Frente de caixa"] #sale-lines th{position:sticky;top:0;background:#fff;z-index:1}
}
@media(max-width:999px){body[data-module="Frente de caixa"] .pos-layout{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:760px){
 body>main{padding:10px}
 body>main>header{flex-wrap:wrap;gap:8px}
 body>main>header>div:first-child{flex:1}
 body>main>header .row{justify-content:flex-start}
 body>main>header h1{font-size:19px}
 body>main>header #date,body>main>header .avatar{display:none}
 body[data-module="Frente de caixa"] .pos-layout{grid-template-columns:1fr;height:auto}
 .panel,.card{padding:12px}
 button,input,select{min-height:40px}
 .toolbar>*{max-width:100%}
 .cards{gap:8px}
 dialog{padding:14px}
}
@media print{body>main{padding:0}.pos-layout{height:auto!important}.pos-summary,#sale-lines{overflow:visible!important}}