/* v23.4: a single set of sale records, adapted to the available viewport. */
#view-vendas{min-width:0}
#view-vendas .section-head{gap:12px;flex-wrap:wrap}
#view-vendas .search-box{flex:1 1 280px;max-width:none;min-width:0}
#view-vendas .sales-filters{padding:0;overflow:visible}
.sales-filters>summary{cursor:pointer;padding:14px 16px;font-weight:700;font-size:14px}
.sales-filters-content{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}
#view-vendas .sales-filters-content .section-head{margin:0;padding:0}
#view-vendas .sales-filters-content .filter-toolbar{box-shadow:none;border:0;padding:0;margin:0;align-items:end}
#view-vendas .sales-filter-label{min-width:130px;flex:1;font-size:12px;text-transform:none;letter-spacing:0}
#view-vendas .sales-filter-label input,#view-vendas .sales-filter-label select{margin-top:5px;width:100%;min-width:0}
#view-vendas .sales-results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:4px 0;color:var(--ink-muted);font-size:13px}
#view-vendas .sales-results-bar label{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:none;letter-spacing:0;margin:0}
#view-vendas .sales-results-bar select{width:auto;min-width:64px}
#view-vendas .table-scroll{overflow-x:auto}
#vendas-table{width:100%;min-width:0;table-layout:fixed;font-size:13px}
#vendas-table th{font-size:11px;padding:12px 9px;white-space:normal;letter-spacing:.02em}
#vendas-table td{padding:12px 9px;vertical-align:top;line-height:1.4;overflow:visible;overflow-wrap:anywhere}
#vendas-table th:nth-child(1){width:9%}#vendas-table th:nth-child(2){width:15%}#vendas-table th:nth-child(3){width:17%}
#vendas-table th:nth-child(4){width:18%}#vendas-table th:nth-child(5){width:12%}#vendas-table th:nth-child(6){width:15%}#vendas-table th:nth-child(9){width:14%}
#vendas-table th:nth-child(7),#vendas-table th:nth-child(8),#vendas-body .sale-link-state,#vendas-body .sale-state{display:none}
#vendas-table .cell-primary{font-size:13px}#vendas-table .cell-sub{font-size:12px;max-width:none;white-space:normal;overflow-wrap:anywhere}
#vendas-table .sale-client{white-space:normal;max-width:none}
#vendas-table .badge{font-size:11px;padding:3px 6px;line-height:1.35;white-space:normal}
.sale-status-list{display:flex;gap:4px;flex-wrap:wrap;align-items:flex-start}
#vendas-table .btn-sm{font-size:12px;padding:7px 9px;min-height:36px;white-space:normal}
#vendas-table .row-actions{display:flex;justify-content:flex-start;align-items:flex-start;gap:6px;flex-wrap:wrap;min-width:0}
.sale-more{width:100%;font-size:13px}.sale-more>summary{cursor:pointer;display:list-item;padding:7px 0;color:var(--ink-muted);min-height:34px}
.sale-more-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:6px 0}
#vendas-table .sale-more-actions .btn{width:100%;justify-content:flex-start}
#vendas-body .sale-items-cell{max-width:none;line-height:1.4}
.sale-items>summary{cursor:pointer;list-style:none}.sale-items>summary::-webkit-details-marker{display:none}
.sale-preview{display:block;color:var(--ink-muted);font-size:12px;overflow-wrap:anywhere}
.sale-expand{display:block;color:var(--pink);font-weight:600;font-size:12px;margin-top:5px}
.sale-items[open] .sale-preview{display:none}.sale-items-full{margin-top:8px;font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
.sales-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;font-size:13px;color:var(--ink-muted)}
.sales-pagination .sales-page-buttons{display:flex;gap:8px}.sales-pagination .btn{min-height:40px}
.sales-empty{padding:24px;color:var(--ink-muted);text-align:center;font-size:14px}
body[data-readonly="true"] #vendas-table .row-actions{display:flex!important}
body[data-readonly="true"] #vendas-table .row-actions>button:not([data-action="abrir-extrato-venda"]),body[data-readonly="true"] #vendas-table .sale-more{display:none!important}
#pro-dialog.pro-history{padding:0;width:min(860px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:hidden}
#pro-dialog.pro-history[open]{display:flex;flex-direction:column}
.pro-history .pro-dialog-head{flex:0 0 auto;padding:16px 20px;margin:0;border-bottom:1px solid var(--border);align-items:flex-start}
.pro-history .pro-dialog-head h2{font-size:22px;margin-top:5px;overflow-wrap:anywhere}
.pro-history .pro-dialog-head>.btn{flex-shrink:0;font-size:14px;padding:8px 12px}
.pro-history-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 20px;scrollbar-gutter:stable}
.pro-history-body>.pro-caption:first-child{margin-top:0}
.pro-history-totals{display:flex;gap:8px 18px;flex-wrap:wrap;padding:12px;background:var(--surface-2);border-radius:10px;margin-bottom:14px;font-size:13px}
.pro-history-list{display:grid;gap:12px;margin:12px 0}
.pro-history-sale{min-width:0;border:1px solid var(--border);border-radius:10px;padding:14px;font-size:13px}
.pro-history-sale-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}
.pro-history-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--ink-muted);margin:7px 0}
.pro-history-sale>.sale-items{margin:10px 0}.pro-history-sale>.pro-actions{margin-top:10px}
#payments-dialog .pay-pick>span{min-width:0;overflow-wrap:anywhere}
#payments-dialog .pay-pick>span:first-child{flex:1}
#payments-dialog .pay-pick>span:last-child{flex:0 1 42%;font-size:13px}
#pay-manual-references .pay-link{grid-template-columns:minmax(0,1fr) auto}
@media(min-width:1450px){.pro-history-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1149px){
  #view-recebimentos .table-scroll{overflow:visible}
  #view-recebimentos .table-scroll>table{display:block;min-width:0;width:100%}
  #view-recebimentos .table-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  #recebimentos-body{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));padding:8px}
  #recebimentos-body tr[data-key]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:14px;border:1px solid var(--border);border-radius:12px;align-items:start;min-width:0}
  #recebimentos-body tr[data-local-filtered="hide"]{display:none!important}
  #recebimentos-body td{display:block;min-width:0;padding:0;border:0;white-space:normal;overflow-wrap:anywhere;font-size:13px}
  #recebimentos-body .receipt-client{grid-row:1;grid-column:1;font-size:14px}
  #recebimentos-body .receipt-value{grid-row:1;grid-column:2;text-align:right;max-width:120px;font-weight:700}
  #recebimentos-body .receipt-date{grid-row:2;grid-column:1}#recebimentos-body .receipt-status{grid-row:2;grid-column:2;text-align:right}
  #recebimentos-body .receipt-sales{grid-row:3;grid-column:1/-1}
  #recebimentos-body .receipt-description{grid-row:4;grid-column:1/-1}
  #recebimentos-body .receipt-actions{grid-row:5;grid-column:1/-1;padding-top:8px;border-top:1px solid var(--border)}
  #view-vendas .sales-table-card{background:transparent;border:0;box-shadow:none}
  #view-vendas .table-scroll{overflow:visible}
  #vendas-table{display:block;table-layout:auto}
  #vendas-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  #vendas-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px;align-items:start}
  #vendas-body tr[data-key]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--surface);min-width:0;align-items:start}
  #vendas-body tr[data-local-filtered="hide"]{display:none!important}
  #vendas-body td{display:block;padding:0;border:0;min-width:0;width:auto;max-width:none;font-size:13px}
  #vendas-body .sale-client{grid-column:1;grid-row:1;font-size:15px;line-height:1.35}
  #vendas-body .sale-total{grid-column:2;grid-row:1;font-size:16px;text-align:right;max-width:130px}
  #vendas-body .sale-id{grid-column:1;grid-row:2}#vendas-body .sale-date{grid-column:2;grid-row:2;text-align:right;font-size:12px;color:var(--ink-muted)}
  #vendas-body .sale-payment{grid-column:1/-1;grid-row:3;margin-top:3px}
  #vendas-body .sale-items-cell{grid-column:1/-1;grid-row:4;margin:4px 0}
  #vendas-body .sale-link-state,#vendas-body .sale-state{display:none}
  #vendas-body .sale-actions-cell{grid-column:1/-1;grid-row:5;margin-top:5px;border-top:1px solid var(--border);padding-top:10px}
  #vendas-table .row-actions{align-items:center;gap:8px}#vendas-table .btn-sm{min-height:40px;font-size:13px}
  #vendas-table .sale-more{width:auto;flex:1;min-width:72px}
  #vendas-table .sale-more>summary{padding:8px;min-height:40px;text-align:center}
  #vendas-table .sale-more[open]{flex-basis:100%}.sale-more-actions{flex-direction:row;flex-wrap:wrap}
  #vendas-table .sale-more-actions .btn{width:auto;flex:1 1 120px;justify-content:center}
  #vendas-table .empty-row{display:block;grid-column:1/-1}
}
@media(max-width:700px){
  #pro-root .pro-table-wrap{border:0;overflow:visible;background:transparent}
  #pro-root .pro-table{display:block;min-width:0;width:100%}
  #pro-root .pro-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  #pro-root .pro-table tbody{display:grid;gap:12px}
  #pro-root .pro-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;min-width:0}
  #pro-root .pro-table td{display:block;padding:0;width:auto;min-width:0;border:0;font-size:13px}
  #pro-root .pro-table td:before{content:attr(data-label);display:block;font-size:11px;color:var(--ink-muted);margin-bottom:4px}
  #pro-root .pro-table td:first-child,#pro-root .pro-table td:last-child{grid-column:1/-1}
  #pro-root .pro-table td:last-child:before{display:none}
}
@media(max-width:600px){
  .pro-history .pro-dialog-head,.pro-history-body{padding:12px}.pro-history .pro-dialog-head h2{font-size:20px}
  #view-vendas .section-head:first-child{align-items:stretch;margin-bottom:10px}
  #view-vendas .section-head:first-child>div:last-child{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  #view-vendas [data-open-dialog="dlg-venda"]{grid-column:2;grid-row:1/3}
  #view-vendas .section-head:first-child .btn{font-size:12px;padding:7px 9px;min-height:36px}
  #view-vendas .section-head:first-child [data-wf="appointment"]{font-size:11px}
  #view-vendas .sales-filters-content .filter-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #view-vendas .sales-filter-label{min-width:0}.sales-filter-client{grid-column:1/-1}
  #view-vendas .segmented{display:flex;flex-wrap:wrap;width:100%}#view-vendas .segmented button{flex:1 1 42%;min-width:0}
  #vendas-body{grid-template-columns:minmax(0,1fr)}
  #vendas-body .sale-client{font-size:14px}#vendas-body .sale-total{font-size:16px;max-width:118px}
  #vendas-table .cell-sub{font-size:11px}.sales-pagination{justify-content:center}
  .sales-pagination .sales-page-buttons{width:100%;justify-content:space-between}
}