/* Módulo: vendas. Substituível junto com index.js. */
.sales-command{padding-right:56px}
.sales-command h2{margin:5px 0 4px;color:var(--text-1);font-size:var(--page-title-size);font-weight:750;letter-spacing:-.045em;line-height:1}
.sales-command{display:grid;grid-template-columns:minmax(205px,.48fr) minmax(420px,1.15fr) auto;align-items:center;gap:22px;padding:4px 56px 16px 0;margin-bottom:14px;border-bottom:1px solid var(--line)}
.sales-title-copy{min-width:0;padding-right:20px;border-right:1px solid var(--line)}
.sales-command-center{min-width:0;display:grid;align-content:center;gap:7px;padding:2px 18px 2px 0}
.sales-center-label{color:var(--text-3);font-family:var(--font-secondary);font-size:12px;font-weight:800;letter-spacing:.11em}
.audit-overview{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;margin:0;color:var(--text-3);font-size:12px;font-weight:650}
.audit-overview span,.audit-overview button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.audit-overview button{margin:0 -7px;padding:4px 7px;border:1px solid transparent;border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease}
.audit-overview button:hover{background:var(--surface-2)}
.audit-overview button:focus-visible{outline:2px solid var(--brand-orange,#1D55CC);outline-offset:1px}
.audit-overview button.is-active{background:var(--surface);border-color:currentColor;box-shadow:0 2px 6px rgba(13,35,57,.08)}
.audit-overview button.pending.is-active{color:#96620f;background:#fff7e0}
.audit-overview button.ok.is-active{color:#0d8152;background:#e6f6ee}
.audit-overview button.not-ok.is-active,.audit-overview button.no-receipt.is-active{color:#bd343d;background:#fdeced}
html[data-theme="dark"] .audit-overview button.is-active{background:var(--surface-2)}
.audit-overview strong{color:var(--text-2);font-size:12px}
.audit-overview svg{width:12px}
.audit-overview .ok strong{color:#0d8152}
.audit-overview .not-ok strong,.audit-overview .no-receipt strong{color:#bd343d}
.audit-overview .pending strong{color:#96620f}
.audit-overview .no-receipt svg{color:#c8444c}
.sales-command-right{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.sales-command-summary{display:flex;align-items:stretch}
.sales-stat{min-width:106px;padding:2px 15px;border-left:1px solid var(--line)}
.sales-stat span{display:block;margin-bottom:4px;color:var(--text-3);font-family:var(--font-secondary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sales-stat strong{display:block;color:var(--text-1);font-size:18px;font-weight:700}
.sales-add-button{height:43px;padding-inline:17px;white-space:nowrap}
.sale-entry-panel{margin:0 0 18px;max-height:920px;overflow:hidden;opacity:1;transition:max-height .32s ease,opacity .2s ease,margin .3s ease}
.sale-entry-panel.is-collapsed{max-height:0;opacity:0;margin:0}
.sale-form{padding:17px 18px 15px;border-top:2px solid var(--orange);border-bottom:1px solid var(--line);background:rgba(255,255,255,.72)}
.sale-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.sale-form-head h3{margin:3px 0 0;color:var(--text-1);font-size:17px}
.sale-form .form-field>span{font-size:12px}
.sale-form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.sale-form-footer .primary-action,.sale-form-footer .secondary-action{font-size:12px}
.sales-list-section{padding-top:3px}
.sales-list-heading{display:grid;grid-template-columns:minmax(225px,.58fr) minmax(430px,1.18fr) auto;align-items:end;gap:18px;margin-bottom:10px}
.sales-table-wrap{position:relative;overflow:auto;border-bottom:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}
.receipt-col{width:90px;text-align:center!important}
.audit-col{position:relative;width:58px}
.audit-icon-select{position:relative}
.audit-icon-trigger,.audit-status{position:relative;width:29px;height:29px;display:inline-grid;place-items:center;padding:0;border:1px solid transparent;border-radius:8px;box-shadow:none;cursor:pointer;transition:background-color .14s,border-color .14s,color .14s}
.audit-icon-trigger svg,.audit-status svg{width:14px;height:14px;stroke-width:2.35}
.audit-icon-trigger.ok,.audit-status.ok{color:#168357;border-color:#d5eee1;background:#f3fbf7}
.audit-icon-trigger.not-ok,.audit-status.not-ok{color:#c94952;border-color:#f2dade;background:#fff7f7}
.audit-icon-trigger.pending,.audit-status.pending{color:#ad7916;border-color:#f1e4c5;background:#fffbef}
.audit-icon-trigger:hover,.audit-status:hover{border-color:currentColor}
.audit-icon-trigger:focus-visible{outline:2px solid rgba(62,153,221,.24);outline-offset:2px}
.audit-yellow-dot{width:8px;height:8px;display:block;border-radius:50%;background:#e0a826;box-shadow:0 0 0 2px rgba(224,168,38,.14)}
.audit-icon-options{position:fixed;left:0;top:0;z-index:120;display:flex;gap:5px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 12px 30px rgba(18,41,69,.13);opacity:0;visibility:hidden;transform:scale(.97);transform-origin:left center;transition:opacity .1s,transform .1s,visibility .1s;pointer-events:none}
.audit-icon-select.is-open .audit-icon-options{opacity:1;visibility:visible;pointer-events:auto}
.audit-icon-option{position:relative;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:8px;box-shadow:none;cursor:pointer}
.audit-icon-option svg{width:14px;height:14px;stroke-width:2.45}
.audit-icon-option.ok{color:#168357;border-color:#d5eee1;background:#f3fbf7}
.audit-icon-option.not-ok{color:#c94952;border-color:#f2dade;background:#fff7f7}
.audit-icon-option.pending{color:#ad7916;border-color:#f1e4c5;background:#fffbef}
.audit-icon-option:hover{border-color:currentColor;background:var(--surface)}
.audit-status{cursor:default}
.audit-tooltip-portal{position:fixed;left:0;top:0;z-index:140;display:block;max-width:280px;padding:9px 13px;border-radius:8px;background:#122945;color:#fff;font:800 12px/1.25 var(--font-primary);white-space:nowrap;box-shadow:0 10px 28px rgba(18,41,69,.18);opacity:0;visibility:hidden;transform:translateX(3px);transition:opacity .1s,transform .1s,visibility .1s;pointer-events:none}
.audit-tooltip-portal.is-visible{opacity:1;visibility:visible;transform:translateX(0)}
.audit-tooltip-portal::before{content:"";position:absolute;left:-5px;top:50%;width:10px;height:10px;background:#122945;transform:translateY(-50%) rotate(45deg)}
.audit-tooltip-portal.is-left::before{left:auto;right:-5px}
.receipt-button{position:relative;display:inline-grid;place-items:center;border:1px solid;border-radius:9px;box-shadow:none;transition:.16s}
.receipt-button svg{width:16px}
.receipt-button.empty{color:#b23d45;border-color:#f1c9cd;background:#fff4f5}
.receipt-button.empty:hover{border-color:#e7aeb3;background:#ffedef}
.receipt-button.has-file{color:#14764f;border-color:#c2e5d2;background:#f0faf5}
.receipt-button.has-file:hover{border-color:#9fd3b8;background:#eaf8f1}
.receipt-count{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#118559;color:#fff;font-size:12px;font-weight:900}
.receipt-missing-dot{position:absolute;right:4px;top:4px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#db4550}
.sale-details-row td{padding:0!important}
.sale-details-inner{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:14px;padding:14px 18px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfdff,#f6f9fc)}
.sale-details-inner span{min-width:0;color:var(--text-2);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.sale-details-inner b{display:block;margin-bottom:4px;color:var(--text-3);font-size:12px;letter-spacing:.075em;text-transform:uppercase}
.sales-sheet-health{min-height:26px;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--text-3);font-size:12px;font-weight:750;white-space:nowrap}
.sales-sheet-health svg{width:13px}
.sales-sheet-health.ok{color:#168357}
.sales-sheet-health.attention{color:#2F54A4}
.sales-sheet-health.offline{color:var(--text-3)}
.sales-sheet-health.preview{color:var(--text-3)}
.sales-sheet-health strong{font-weight:900}
.modal-stage.receipt-list-stage{width:min(100%,680px)}
.modal-stage.receipt-preview-stage{width:min(100%,1080px)}
.receipt-preview-modal{padding:16px}
.receipt-preview-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.receipt-preview-head>div{min-width:0}
.receipt-preview-head h3{margin:3px 0 2px;overflow:hidden;color:var(--text-1);font-size:16px;text-overflow:ellipsis;white-space:nowrap}
.receipt-preview-head p{margin:0;color:var(--text-3);font-size:12px}
.receipt-back-button{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text-1);font-size:12px;font-weight:800}
.receipt-back-button:hover{background:var(--surface-2)}
.receipt-back-button svg{width:15px}
.receipt-preview-canvas{height:min(78vh,780px);margin-top:12px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.receipt-preview-canvas.image-preview{position:relative;padding:0;background:#e9eef3;cursor:grab;touch-action:none;user-select:none}
.receipt-preview-canvas.image-preview.is-dragging{cursor:grabbing}
.receipt-preview-canvas.image-preview img{position:absolute;left:0;top:0;display:block;max-width:none;max-height:none;transform-origin:0 0;border-radius:6px;box-shadow:none;pointer-events:none;user-select:none;will-change:transform}
.receipt-viewer-hint{position:absolute;left:50%;bottom:12px;z-index:2;display:flex;align-items:center;gap:7px;max-width:calc(100% - 28px);padding:7px 10px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(18,41,69,.82);color:#fff;font-size:12px;font-weight:700;transform:translateX(-50%);pointer-events:none;backdrop-filter:blur(6px)}
.receipt-viewer-hint svg{width:13px;flex:0 0 auto}
.receipt-preview-canvas.document-preview iframe{width:100%;height:100%;border:0;background:var(--surface)}
.receipt-preview-canvas.unsupported-preview{display:grid;place-items:center;align-content:center;gap:7px;padding:30px;text-align:center}
.receipt-preview-loading{min-height:180px;display:grid;place-items:center}
.receipt-preview-loading-state{display:grid;justify-items:center;gap:9px;color:var(--text-1)}
.receipt-preview-loading-state svg{width:24px;color:var(--blue)}
.receipt-preview-loading-state strong{font-size:12px}
.receipt-list{display:grid;gap:8px;margin-top:14px}
.receipt-index{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#e2f5eb;color:#087748;font-size:12px;font-weight:900}
.receipt-command{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.receipt-command-compact{padding-top:10px}
.receipt-limit{color:var(--text-3);font-size:12px}
.receipt-limit strong{color:var(--text-1);font-size:12px}
.receipt-add-new{height:38px;padding-inline:13px}
.receipt-limit-reached{display:inline-flex;align-items:center;gap:6px;color:#168057;font-size:12px;font-weight:800}
.receipt-limit-reached svg{width:15px}
.receipt-upload-area{margin-top:10px;padding-top:1px}
.receipt-upload-visible{display:block}
.receipt-upload-actions{margin-top:8px}
.receipt-upload-actions .primary-action{min-width:150px}
.receipt-drop{min-height:118px;margin-top:0;display:grid;place-items:center;align-content:center;gap:5px;padding:16px;border:1.5px dashed #cdd9e4;border-radius:12px;background:var(--surface-2);color:var(--text-3);text-align:center;transition:.16s;cursor:pointer}
.receipt-drop-direct{background:var(--surface-2);border-color:#bfd3e3}
.receipt-drop-direct:hover{border-color:var(--blue);background:#f0f8fd}
.receipt-drop:hover,.receipt-drop.dragging{border-color:var(--blue);background:#f3f9fd}
.receipt-drop>svg{width:25px;color:var(--blue)}
.receipt-drop strong{color:var(--text-1);font-size:12px}
.receipt-drop span{font-size:12px}
.receipt-drop small{margin-top:4px;color:var(--text-3);font-size:12px;overflow-wrap:anywhere}
.receipt-empty-state{min-height:135px;display:grid;place-items:center;align-content:center;gap:6px;margin-top:14px;border:1px dashed var(--line);border-radius:12px;color:var(--text-3);font-size:12px}
.receipt-empty-state svg{width:24px}
.receipt-empty-state strong{color:var(--text-2);font-size:12px}
.receipt-view-only{display:flex;align-items:center;gap:7px;margin-top:13px;padding:10px 11px;border-top:1px solid var(--line);color:var(--text-3);font-size:12px}
.receipt-view-only svg{width:15px;color:var(--blue)}
@media (max-width:1500px){.sales-command{grid-template-columns:minmax(210px,.55fr) minmax(350px,1fr) auto;gap:16px}.sales-command-right{gap:10px}.sales-stat{min-width:92px;padding-inline:11px}.sales-list-heading{grid-template-columns:minmax(210px,.55fr) minmax(320px,1fr) auto;gap:12px}.sale-details-inner{grid-template-columns:repeat(4,minmax(120px,1fr))}}
@media (max-width:1180px){.sales-command{grid-template-columns:220px 1fr}.sales-title-copy{align-self:stretch;display:grid;align-content:center}.sales-command-center{padding-right:0}.sales-command-right{grid-column:1/-1;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}.sales-list-heading{grid-template-columns:220px 1fr}.sale-details-inner{grid-template-columns:repeat(3,minmax(120px,1fr))}}
@media (max-width:900px){.sales-command{padding-right:0}.sales-command{grid-template-columns:1fr;gap:11px}.sales-title-copy{padding-right:0;border-right:0}.sales-command-center{padding:9px 0;border-block:1px solid var(--line)}.sales-command-right{grid-column:auto;flex-wrap:wrap;padding-top:0;border-top:0}.sales-command-summary{width:100%;border-bottom:1px solid var(--line);padding-bottom:10px}.sales-stat:first-child{border-left:0;padding-left:0}.sales-add-button{justify-self:start}.sales-list-heading{display:flex}.sale-details-inner{grid-template-columns:repeat(2,minmax(120px,1fr))}}
@media (max-width:600px){.sale-form{padding:13px 12px}.sale-form-head{align-items:flex-start;gap:10px}.sales-command-summary{display:grid;grid-template-columns:repeat(3,1fr)}.sales-stat{min-width:0;padding:0 9px}.sales-stat strong{font-size:15px}.sales-stat span{font-size:12px}.audit-overview{gap:8px 12px}.sales-table td{font-size:13.5px}.sales-table td strong{font-size:14px}.sales-table td small{font-size:12px}.receipt-preview-modal{padding:10px}.receipt-preview-head{grid-template-columns:auto minmax(0,1fr) auto;gap:7px}.receipt-back-button{width:34px;padding:0;justify-content:center}.receipt-back-button span{display:none}.receipt-preview-canvas{height:72vh;margin-top:9px}}
.audit-only-table .sale-main-row{cursor:pointer}
.audit-only-table .sale-main-row:hover{background:#edf6ff}
.audit-only-table .sale-details-row .sale-details-inner{background:#fbfdff}
.sales-table tbody .sale-main-row{transition:background-color .14s ease,box-shadow .14s ease}
.sales-table-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.sales-clear-filters{height:36px;white-space:nowrap}
.sales-table th{padding:0!important;background:#122945!important;color:#fff!important;border-bottom:0!important;backdrop-filter:none!important}
.sales-column-filter{position:relative;min-height:43px;display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.86);font-weight:850;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;user-select:none;transition:background .14s ease,color .14s ease}
.sales-column-filter:hover{background:rgba(255,255,255,.075);color:#fff}
.sales-column-filter.is-active{background:rgba(19,79,208,.18);color:#fff}
.sales-column-filter>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sales-column-filter>i{width:13px;height:13px;opacity:.7;flex:0 0 auto}
.sales-column-filter>b{width:6px;height:6px;border-radius:50%;background:#2B68EB;box-shadow:0 0 0 2px rgba(255,255,255,.12);flex:0 0 auto}
.sales-column-filter>select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;appearance:auto;-webkit-appearance:auto}
.sales-empty-row td{padding:0!important;background:var(--surface)!important}
.sales-empty-row .empty-state{min-height:190px}
.sales-table-wrap{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
@media (max-width:900px){.sales-command{width:100%;max-width:100%;min-width:0}.sales-table-wrap{width:100%;overflow-x:auto;overflow-y:visible}}
@media (max-width:760px){.sales-command{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;padding-right:0!important}.sales-command-center,.sales-command-right{width:100%;min-width:0}.sales-command-right{display:grid!important;gap:9px}.sales-command-summary{width:100%}.sales-table-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto}.sales-table-actions .compact-input{width:100%;min-width:0}.sales-clear-filters{padding-inline:10px}.sales-column-filter{min-height:42px;padding:0 9px;font-size:12px}}
@media (max-width:420px){.sales-table-actions{grid-template-columns:1fr}.sales-clear-filters{width:100%}}
.sales-table-wrap{border-top:0!important}
.audit-icon-select{width:30px;
  margin-inline:auto;
  display:grid;
  place-items:center;
  z-index:8;}
.audit-icon-select.is-open{z-index:30}
.audit-icon-options{position:absolute!important;
  left:calc(100% + 6px)!important;
  top:50%!important;
  transform:translateY(-50%) scale(.97)!important;
  transform-origin:left center!important;
  z-index:80!important;}
.audit-icon-select.is-open .audit-icon-options{transform:translateY(-50%) scale(1)!important;}
.sale-details-row td{background:transparent!important}
.sale-details-row .sale-details-spacer{background:var(--surface)!important;
  border-bottom:1px solid var(--line)!important;}
.sale-details-row td[colspan="9"]{background:var(--surface-2)!important;}
.sale-details-inner{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;
  gap:8px 10px!important;
  padding:12px 14px 13px!important;
  background:linear-gradient(180deg,#fbfdff,#f6f9fc)!important;}
.sale-details-inner span{min-width:0;
  padding:3px 5px;
  text-align:center;}
.sale-details-inner b{text-align:center}
@media (max-width:760px){.sale-details-row .sale-details-spacer{display:none!important}.sale-details-row td[colspan="9"]{display:table-cell!important}.sale-details-inner{grid-template-columns:repeat(2,minmax(120px,1fr))!important}}
.sale-sync-state{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;padding:3px 6px;border:0;border-radius:7px;font-weight:850;line-height:1.15}
.sale-sync-state svg{width:10px;height:10px}
.sale-sync-state.syncing{background:var(--surface-2);color:var(--text-2)}
.sale-sync-state.error{background:#fff1f2;color:#ad3f49;cursor:pointer}
.sale-action-select{position:relative;display:inline-grid;place-items:center}
.sale-action-options{position:absolute;right:calc(100% + 6px);top:50%;z-index:35;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 9px 24px rgba(13,35,57,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translate(5px,-50%);transition:opacity .12s ease,transform .12s ease}
.sale-action-select.is-open .sale-action-options{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%)}
.sale-action-options button{display:grid;place-items:center;border:0;border-radius:8px;background:var(--surface-2);color:var(--text-1);cursor:pointer;transition:.12s ease}
.sale-action-options button:hover{background:#e7eef4}
.sale-action-options button.danger{background:#fff1f2;color:#a43d46}
.sale-action-options button.danger:hover{background:#fde4e6}
.sale-action-options svg{width:14px;height:14px}
.sale-edit-modal{width:min(980px,94vw)}
.sale-edit-modal #saleEditHost{max-height:min(72vh,720px);overflow:auto;padding-right:3px}
.sale-edit-modal .sale-entry-panel,.sale-edit-modal .sale-form{margin:0}
.sale-form-head p{margin:4px 0 0;color:var(--text-3);font-size:12px;line-height:1.4}
.receipt-inline-sync{width:30px;height:30px;display:grid;place-items:center;color:var(--text-2)}
.receipt-inline-sync svg{width:14px}
@media (max-width:900px){.sale-action-options{right:auto;left:calc(100% + 6px)}}
@media (max-width:620px){.sale-action-options{left:auto;right:calc(100% + 5px)}}
.audit-icon-select.is-syncing .audit-icon-trigger{opacity:.68;cursor:progress}
.audit-icon-trigger:disabled{pointer-events:none}
@media (max-width:640px){.sales-table-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px;width:100%}.sales-table-actions .compact-input{grid-column:1/-1;width:100%;min-width:0}.sales-clear-filters{width:auto!important;min-width:0}}
@media (max-width:900px){.sales-table-wrap{max-width:100%;
    touch-action:pan-x pan-y;
    overscroll-behavior-x:contain;}}
.sheet-sync-chip{width:max-content;max-width:100%;display:flex;align-items:center;justify-content:center;gap:4px;
  margin:5px auto 0;padding:3px 6px;border-radius:7px;font-size:12px;font-weight:850;line-height:1.15;}
.sheet-sync-chip svg{width:11px;height:11px;flex:0 0 auto}
.sheet-sync-chip.pending{background:#fff7e8;color:#946913}
.sheet-sync-chip.error{background:#fff0f1;color:#a43d46}
.sheet-sync-chip.synced{background:#edf8f3;color:#14764f}
.sale-action-options button,.audit-icon-trigger,.audit-icon-option,.receipt-button{min-width:40px;min-height:40px;}
.audit-icon-select{width:40px}
.audit-icon-trigger{width:40px;height:40px}
.receipt-button{width:40px;height:40px}
.sale-action-options button{width:40px;height:40px}
.sale-sync-state{font-size:12px}
@media (max-width:900px){.audit-tooltip-portal{display:none!important}}

/* ==========================================================================
   Tabela de vendas — layout único (V44). Substitui os ajustes empilhados
   das versões anteriores. Colunas identificadas por classe, sem nth-child.
   ========================================================================== */
.sales-table{width:100%;min-width:0;border-collapse:separate;border-spacing:0;table-layout:auto}
.sales-table thead th{text-align:center;white-space:nowrap}
.sales-table thead tr:first-child th:first-child{border-top-left-radius:12px}
.sales-table thead tr:first-child th:last-child{border-top-right-radius:12px}
.sales-column-filter{justify-content:center;padding:0 26px;font-size:12px;text-align:center}
.sales-column-filter>span{width:100%;text-align:center}
.sales-column-filter>i{position:absolute;right:9px;margin-left:0}
.sales-column-filter>b{position:absolute;left:9px}
.sales-table td{padding:14px 10px;border-bottom:1px solid var(--line-soft,#e7edf3);color:var(--text-2,#42566c);font-size:13.5px;line-height:1.4;vertical-align:middle;text-align:center}
.sales-table td strong{display:block;color:var(--text-1,#1f3854);font-size:14px;font-weight:700}
.sales-table td small{display:block;margin-top:3px;color:var(--text-3,#7f8d9c);font-size:12px}
.sales-table tbody .sale-main-row:hover,.sales-table tbody .sale-main-row:focus-visible{background:var(--row-hover,#edf6ff);box-shadow:inset 3px 0 0 rgba(62,153,221,.55);outline:0}
.sales-table .audit-col{width:64px}
.sales-table .col-date{width:76px;white-space:nowrap;font-weight:750;font-variant-numeric:tabular-nums;color:var(--text-1,#1f3854)}
.sales-table td.col-date small{font-weight:600}
.sales-table .col-qty{width:58px}
.sales-table .col-total{width:128px;white-space:nowrap;font-weight:750;color:var(--text-1,#1f3854)}
.sales-table .receipt-col{width:84px}
.sales-table .col-payment{width:132px}
.sale-details-inner .detail-modality,.sale-details-inner .detail-origin,.sale-details-inner .detail-qty{display:none}
@media (min-width:901px) and (max-width:1500px){
  .sales-table .col-origin,.sales-table .col-qty{display:none}
  .sale-details-inner .detail-origin,.sale-details-inner .detail-qty{display:block}
  .sales-table td{padding-inline:8px;font-size:13px}
  .sales-column-filter{padding:0 22px}
}
@media (min-width:901px) and (max-width:1180px){
  .sales-table .col-modality{display:none}
  .sales-column-filter{padding:0 18px 0 8px;font-size:11px;letter-spacing:.04em}
  .sales-column-filter>i{right:4px}
  .sales-column-filter>b{left:3px}
  .sales-table td{padding-inline:6px}
  .sales-table .col-payment{width:112px}
  .sales-table .col-total{width:112px}
  .sale-details-inner .detail-modality{display:block}
}
.sales-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 2px 0}
.sales-pager:empty{display:none}
.sales-pager-info{color:var(--text-3,#7f8d9c);font-size:13px}
.sales-pager-info strong{color:var(--text-1,#1f3854)}
.sales-pager-buttons{display:flex;align-items:center;gap:6px}
.sales-pager-btn{min-width:38px;height:38px;padding:0 10px;display:inline-grid;place-items:center;border:1px solid var(--line,#dce5ed);border-radius:10px;background:var(--surface,#fff);color:var(--text-1,#1f3854);font-size:13px;font-weight:750;cursor:pointer;transition:background .14s ease,border-color .14s ease}
.sales-pager-btn:hover:not(:disabled){border-color:var(--navy,#122945)}
.sales-pager-btn.is-active{background:var(--navy,#122945);border-color:var(--navy,#122945);color:#fff}
.sales-pager-btn:disabled{opacity:.4;cursor:default}
.sales-pager-btn svg{width:15px;height:15px}
.sales-pager-gap{color:var(--text-3,#7f8d9c);padding:0 2px}

/* Tablet e celular: cada venda vira um cartão compacto */
@media (max-width:900px){
  .sales-list-heading{display:grid!important;grid-template-columns:1fr!important;gap:12px}
  .sales-list-heading .records-copy{text-align:left;justify-self:start}
  .sales-table-wrap{overflow:visible;width:100%;background:transparent;box-shadow:none;border:0}
  .sales-table{display:block;width:100%}
  .sales-table thead{display:none}
  .sales-table tbody{display:block;width:100%}
  .sales-table tbody .sale-main-row{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 10px;padding:10px 12px;border:1px solid var(--line,#dce5ed);border-radius:14px;background:var(--surface,#fff);box-shadow:0 5px 16px rgba(18,41,69,.035)}
  .sales-table tbody .sale-main-row>td{display:flex;align-items:center;justify-content:space-between;gap:10px;width:auto;min-width:0;padding:8px 4px;border:0;border-bottom:1px solid var(--line-soft,#edf1f4);background:transparent;text-align:right;font-size:13px}
  .sales-table tbody .sale-main-row>td::before{content:attr(data-label);flex:0 0 auto;color:var(--text-3,#82909e);font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:left}
  .sales-table tbody .sale-main-row>td.col-student{grid-column:1/-1;order:-2;display:grid;grid-template-columns:minmax(0,1fr) auto;padding-top:4px;text-align:left}
  .sales-table tbody .sale-main-row>td.col-student::before{display:none}
  .sales-table tbody .sale-main-row>td.col-student>strong{font-size:15px;text-align:left;overflow-wrap:anywhere}
  .sales-table tbody .sale-main-row>td.col-student .sale-sync-state,.sales-table tbody .sale-main-row>td.col-student .sheet-sync-chip{grid-column:1/-1;margin:4px 0 0}
  .sales-table tbody .sale-main-row>td.audit-col{order:-1}
  .sales-table tbody .sale-main-row>td.col-date{order:-1}
  .sales-table tbody .sale-main-row>td.col-date small{display:inline;margin:0;font-size:inherit;font-weight:inherit;color:inherit}
  .sales-table tbody .sale-main-row>td.col-date small::before{content:'/'}
  .sales-table tbody .sale-main-row>td.col-seller,.sales-table tbody .sale-main-row>td.col-course,.sales-table tbody .sale-main-row>td.col-payment{grid-column:1/-1}
  .sales-table tbody .sale-main-row>td.col-modality,.sales-table tbody .sale-main-row>td.col-origin,.sales-table tbody .sale-main-row>td.col-qty{display:none}
  .sale-details-inner .detail-modality,.sale-details-inner .detail-origin,.sale-details-inner .detail-qty{display:block}
  .sales-table tbody .sale-main-row>td.col-total,.sales-table tbody .sale-main-row>td.receipt-col{border-bottom:0}
  .sales-table tbody .sale-main-row>td.col-total{font-size:15px}
  .sales-table tbody .sale-main-row .audit-icon-select,.sales-table tbody .sale-main-row .audit-status,.sales-table tbody .sale-main-row .sale-action-select,.sales-table tbody .sale-main-row .payment-badge{margin:0 0 0 auto}
  .sales-table tbody .sale-main-row td small{text-align:right}
  .sales-table tbody .sale-details-row{display:block;width:100%;margin:-12px 0 10px}
  .sales-table tbody .sale-details-row.is-hidden{display:none}
  .sales-table tbody .sale-details-row>td{display:block;width:100%;padding:0}
  .sales-table tbody .sale-details-row .sale-details-spacer{display:none}
  .sale-details-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important;border:1px solid var(--line,#e3eaf0);border-top:0;border-radius:0 0 14px 14px}
  .sale-details-inner span,.sale-details-inner b{font-size:12px;text-align:left}
  .sales-empty-row,.sales-empty-row td{display:block;width:100%}
  .sales-pager{justify-content:center}
  .sales-pager-info{width:100%;text-align:center}
}
@media (max-width:390px){
  .sales-table tbody .sale-main-row{grid-template-columns:1fr}
  .sales-table tbody .sale-main-row>td{grid-column:1/-1}
}

/* Comprovantes no lançamento da venda */
.sale-receipts-field>span em{margin-left:6px;font-style:normal;font-weight:500;color:var(--text-3);text-transform:none;letter-spacing:0}
.sale-receipt-drop{min-height:72px;grid-auto-flow:column;grid-template-columns:auto auto;justify-content:center;column-gap:10px;row-gap:2px}
.sale-receipt-drop>svg{grid-row:span 2}
.sale-receipt-drop strong{justify-self:start}
.sale-receipt-drop span{justify-self:start}
.sale-receipt-drop.is-full{opacity:.6;cursor:not-allowed;border-style:solid}
.sale-receipt-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sale-receipt-chips:empty{display:none}
.sale-receipt-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 8px 7px 10px;border:1px solid var(--border,#dfe6ee);border-radius:10px;background:var(--surface,#fff);font-size:12px}
.sale-receipt-chip>svg{width:16px;height:16px;color:#16a34a;flex:none}
.sale-receipt-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--text-1)}
.sale-receipt-chip small{color:var(--text-3);white-space:nowrap}
.sale-receipt-chip button{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:var(--text-3);cursor:pointer}
.sale-receipt-chip button:hover{background:var(--surface-2);color:#c2410c}
.sale-receipt-chip button svg{width:14px;height:14px}
.sale-form .sale-receipts-field{grid-column:1/-1}
.sale-receipts-field .sale-receipt-drop{max-width:520px}
html[data-theme="dark"] #appView .sales-pager-btn.is-active{background:var(--orange)!important;border-color:var(--orange)!important;color:var(--on-accent,#fff)!important;background-image:var(--accent-grad)}

/* Lançamento: vários cursos na mesma venda */
.course-multi>span em,.sale-form .form-field>span em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-3)}
.course-picker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.course-picker:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(19,79,208,.12)}
.course-chips{display:contents}
.course-chip{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 4px 0 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-1);font-size:13px;font-weight:600;white-space:nowrap}
.course-chip button{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--text-3);cursor:pointer}
.course-chip button:hover{background:var(--bad-bg,#FDECEE);color:var(--bad-fg,#BD343D)}
.course-chip svg{width:13px;height:13px}
:is(#appView,#modalHost) .course-picker select.course-add{flex:1 1 170px;min-width:150px;min-height:32px;border:0!important;box-shadow:none!important;background-color:transparent;color:var(--accent-text,#1042AF);font-weight:600}
.sale-form .course-qty{background:var(--surface-2);color:var(--text-2);cursor:default}

/* Ver comprovante: no tema do painel, com barra de zoom e arrastar com o botão direito */
.receipt-preview-canvas.image-preview{background-color:var(--surface-2);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:18px 18px}
html[data-theme="dark"] .receipt-preview-canvas.image-preview{background-color:#1A1B1D!important;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px)!important;background-size:18px 18px}
.receipt-preview-canvas.image-preview img{box-shadow:0 10px 30px rgba(13,35,57,.18)}
.rv-tools{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 8px 22px rgba(13,35,57,.12)}
.rv-tools button{height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--text-1);font:650 12.5px var(--font-primary);cursor:pointer}
.rv-tools button:hover{background:var(--accent-soft,#F6F9FE);color:var(--accent-text)}
.rv-tools svg{width:15px;height:15px}
.rv-tools [data-rv-pct]{min-width:48px;text-align:center;font:700 12.5px var(--font-primary);color:var(--text-2);font-variant-numeric:tabular-nums}
.rv-sep{width:1px;height:20px;margin:0 4px;background:var(--line)}
html[data-theme="dark"] .rv-tools{background:var(--surface);border-color:var(--line-strong);box-shadow:0 8px 22px rgba(0,0,0,.35)}
.receipt-viewer-hint{border-color:var(--line)!important;background:var(--surface)!important;color:var(--text-2)!important;box-shadow:0 8px 22px rgba(13,35,57,.12);transition:opacity .4s ease}
.receipt-viewer-hint svg{color:var(--orange)}
.receipt-viewer-hint.is-faded{opacity:0}
.receipt-preview-canvas.image-preview:hover .receipt-viewer-hint.is-faded{opacity:.9}
@media (max-width:600px){.rv-tools{top:8px;right:8px}.rv-tools .rv-fit{padding:0 6px}.receipt-viewer-hint{display:none}}

/* Cabeçalho de Vendas (revisão de design): título + ação em cima; embaixo, direto na página,
   os filtros de conferência à esquerda e os totais à direita. Sem cartão em volta. */
#appView .sales-command.sales-command-v2{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:4px 0 16px!important;margin-bottom:14px}
#appView .sales-command-v2 .sales-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
#appView .sales-command-v2 .sales-title-copy{padding:0;border:0}
#appView .sales-command-v2 .sales-head-actions{display:flex;align-items:center;gap:12px}
#appView .sales-command-v2 .sales-sheet-health:is(.ok,.preview,.pending){display:none}
#appView .sales-command-v2 .sales-info-row{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}
#appView .sales-command-v2 .sales-command-center{display:block;padding:0;min-width:0}
#appView .sales-command-v2 .audit-overview{gap:8px;font-size:13px}
#appView .sales-command-v2 .audit-overview button{margin:0;padding:6px 12px;border:1px solid var(--line);background:var(--surface)}
#appView .sales-command-v2 .audit-overview button:hover{border-color:var(--accent-line);background:var(--surface)}
#appView .sales-command-v2 .audit-overview strong{font-size:13px}
#appView .sales-command-v2 .sales-command-summary{display:flex;align-items:stretch}
#appView .sales-command-v2 .sales-stat{min-width:0;padding:0 18px;border-left:1px solid var(--line)}
#appView .sales-command-v2 .sales-stat:first-child{border-left:0}
#appView .sales-command-v2 .sales-stat span{font-size:12px;letter-spacing:.06em}
@media (max-width:760px){
  #appView .sales-command-v2 .sales-head-row{align-items:center}
  #appView .sales-command-v2 .sales-info-row{flex-direction:column;align-items:stretch}
  #appView .sales-command-v2 .audit-overview{flex-wrap:wrap}
  #appView .sales-command-v2 .sales-command-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:12px;border-top:1px solid var(--line)}
  #appView .sales-command-v2 .sales-stat{padding:0 10px}
  #appView .sales-command-v2 .sales-stat:first-child{padding-left:0}
  #appView .sales-command-v2 .sales-stat strong{font-size:16px}
}
#appView .sales-command-v2 .audit-overview svg{width:13px;height:13px}

/* Celular: cartão compacto de 3 linhas (revisão de design).
   Linha 1: status, aluno e valor. Linha 2: data · curso (e vendedor, para o gestor). Linha 3: pagamento e comprovante. */
@media (max-width:760px){
  #appView .sales-table tbody .sale-main-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;grid-template-areas:"a s t" "a d d" "a p r";gap:4px 12px!important;padding:14px!important;align-items:center}
  #appView .sales-table tbody .sale-main-row>td{display:block!important;padding:0!important;border:0!important;text-align:left!important;min-width:0}
  #appView .sales-table tbody .sale-main-row>td::before{content:none!important;display:none!important}
  #appView .sales-table tbody .sale-main-row>td.audit-col{grid-area:a;align-self:start}
  #appView .sales-table tbody .sale-main-row>td.audit-col :is(.audit-status,.audit-icon-select){margin:0!important}
  #appView .sales-table tbody .sale-main-row>td.col-student{grid-area:s;display:block!important}
  #appView .sales-table tbody .sale-main-row>td.col-student>strong{font-size:15px}
  #appView .sales-table tbody .sale-main-row>td.col-total{grid-area:t;text-align:right!important;font-weight:800;font-size:15px}
  #appView .sales-table tbody .sale-main-row>td.col-date{grid-area:d;display:flex!important;justify-content:flex-start!important;flex-wrap:wrap;gap:0 6px;color:var(--text-3);font-size:12.5px;font-weight:600}
  #appView .sales-table tbody .sale-main-row>td.col-date small{display:none!important}
  #appView .sales-table tbody .sale-main-row>td.col-date::after{content:attr(data-meta)}
  #appView .sales-table tbody .sale-main-row>td.col-payment{grid-area:p;display:flex!important;justify-content:flex-start!important;align-items:center;gap:8px;font-size:12.5px;color:var(--text-3)}
  #appView .sales-table tbody .sale-main-row>td.col-payment :is(.payment-badge,small){margin:0!important;text-align:left!important}
  #appView .sales-table tbody .sale-main-row>td.receipt-col{grid-area:r;justify-self:end}
  #appView .sales-table tbody .sale-main-row>td.receipt-col .sale-action-select{margin:0!important}
  #appView .sales-list-heading .records-copy p{display:none}
  #appView .sales-table tbody .sale-main-row>:is(td.col-seller,td.col-modality,td.col-course,td.col-origin,td.col-qty){display:none!important}
}