/* Photo-based visual proposal. Screen only: keep the calibrated printed layouts. */
@media screen{
 body.terminal-mode .pos-sidebar-inner{background:var(--draw-deep,#345e9f)!important;border-color:#557bb3!important;padding:8px 0!important}
 body.terminal-mode .pos-sidebar .eyebrow{color:#dfebff!important;margin:12px 16px 18px!important}
 body.terminal-mode .pos-nav-link{display:flex;align-items:center;min-height:52px!important;margin:0!important;padding:12px 14px!important;border-bottom:1px solid #ffffff30!important;border-radius:0!important;background:var(--draw-deep,#345e9f)!important;color:#fff!important;font-size:15px!important;font-weight:650!important}
 body.terminal-mode .pos-nav-link:hover,body.terminal-mode .pos-nav-link.active{background:color-mix(in srgb,var(--draw-deep,#345e9f) 84%,black)!important;color:#fff!important}
 body.terminal-mode .nav-mini-icon,body.terminal-mode .pos-nav-link.active .nav-mini-icon{flex:none;color:#e8f2ff!important;background:transparent!important;margin-right:9px!important}
 body.terminal-mode :is(.ticket-monitor-dialog,.pending-ticket-dialog,.sales-report-dialog){width:min(880px,95vw)!important;max-width:880px!important;max-height:86vh!important;padding:0!important;border:1px solid #d3d7dc!important;border-radius:4px!important;background:#fff!important;color:#24292e!important;box-shadow:0 16px 60px #0004!important}
 body.terminal-mode :is(.ticket-monitor-header,.report-dialog-heading){position:sticky;top:0;z-index:2;display:flex!important;align-items:center;min-height:54px;padding:12px 18px!important;border-bottom:1px solid #e5e7eb!important;background:#fff!important;color:#24292e!important}
 body.terminal-mode :is(.ticket-monitor-header,.report-dialog-heading) h2{flex:1;text-align:center;margin:0!important;color:#24292e!important;font:600 20px/1.25 Arial,sans-serif!important}
 body.terminal-mode :is(.ticket-monitor-close,.report-close){flex:none;width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;border:1px solid #d5d9dd!important;border-radius:4px!important;background:#fff!important;color:#4b5563!important;font-size:23px!important}
 body.terminal-mode .ticket-monitor-body{display:block!important;padding:16px 20px!important;background:#fff!important;color:#24292e!important}
 body.terminal-mode .ticket-monitor-controls{grid-column:1}
 body.terminal-mode .ticket-monitor-tabs{grid-column:1}
 body.terminal-mode .ticket-monitor-summary{grid-column:2;grid-row:1 / span 3;align-self:center;width:100%}
 body.terminal-mode .ticket-monitor-toolbar{grid-column:1}
 body.terminal-mode :is(.ticket-monitor-status,.ticket-monitor-table-wrap,.ticket-monitor-pager){grid-column:1 / -1}
 body.terminal-mode :is(.seller-sales-history,.sales-daily-details){padding:16px 20px!important}
 body.terminal-mode :is(.sales-history-controls,.sales-report-controls){display:flex!important;flex-wrap:wrap;align-items:end;justify-content:flex-start;gap:10px!important;padding:0!important;margin:0 0 14px!important}
 body.terminal-mode :is(.sales-history-field,.ticket-monitor-date){color:#6b7280!important;font-size:12px!important}
 body.terminal-mode .ticket-monitor-controls{display:flex!important;justify-content:flex-start;margin-bottom:12px!important}
 body.terminal-mode :is(.ticket-monitor-controls,.sales-history-controls,.sales-report-controls) :is(input,select){min-height:36px!important;height:36px!important;min-width:140px;max-width:200px;border:1px solid #d3d7dd!important;border-radius:3px!important;background:#fff!important;color:#374151!important;box-shadow:none!important}
 body.terminal-mode :is(.sales-history-controls,.sales-report-controls)>button{min-height:36px;border:0!important;border-radius:3px!important;padding:9px 16px!important;text-transform:uppercase;font-size:11px!important;font-weight:750!important;background:#3fadc9!important;color:#fff!important}
 body.terminal-mode .seller-back-to-pos,body.terminal-mode .sales-report-controls>button[type=button]{background:#e7b500!important;color:#fff!important}
 body.terminal-mode .ticket-monitor-tabs{display:flex!important;flex-wrap:wrap;gap:0!important;margin:6px 0 15px!important}
 body.terminal-mode .ticket-monitor-tab{flex:0 1 auto!important;min-height:32px!important;margin:0!important;padding:5px 7px!important;border:1px solid var(--draw-deep,#345e9f)!important;border-radius:0!important;background:#fff!important;color:#3f444a!important;text-transform:uppercase;font-size:11px!important;font-weight:700!important}
 body.terminal-mode .ticket-monitor-tab.active{background:var(--draw-deep,#345e9f)!important;color:#fff!important}
 body.terminal-mode .ticket-monitor-summary{display:block!important;width:min(360px,100%)!important;max-width:360px!important;box-sizing:border-box;margin:0 auto 16px!important;padding:13px 20px!important;border:0!important;border-radius:8px!important;background:#e2edf9!important;color:#287496!important}
 body.terminal-mode .ticket-monitor-summary .ticket-monitor-total{display:flex!important;align-items:center;justify-content:center;gap:12px;padding:5px 0!important;text-align:center;flex-wrap:wrap;border:0!important;background:transparent!important;color:#287496!important}
 body.terminal-mode .ticket-monitor-summary :is(span,strong){color:#287496!important;font-size:14px!important;font-weight:500!important}
 body.terminal-mode .ticket-monitor-summary strong.balance-negative{color:#b42318!important}
 body.terminal-mode :is(.ticket-monitor-toolbar,.pending-payment-filters){display:flex!important;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin:14px 0!important}
 body.terminal-mode :is(.ticket-monitor-print,.pending-print){display:block!important;min-height:36px!important;padding:8px 13px!important;border:0!important;border-radius:3px!important;background:#e7b500!important;color:#fff!important;text-transform:uppercase;font-size:11px!important;font-weight:750!important}
 body.terminal-mode :is(.ticket-monitor-toolbar,.pending-payment-filters) input{width:260px!important;max-width:100%!important;height:36px!important;padding:6px 10px!important;border:1px solid #929ba6!important;border-radius:3px!important;background:#fff!important;color:#374151!important}
 body.terminal-mode :is(.ticket-monitor-status,.sales-history-message,.pending-payment-message,.report-status){color:#6b7280!important;font-size:12px!important;margin:12px 0!important}
 body.terminal-mode :is(.ticket-monitor-table-wrap,.pending-payment-table-wrap){border:1px solid #ddd!important;border-radius:0!important;background:#fff!important}
 body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-table,.sales-report-table){width:100%!important;border:1px solid #ddd!important;border-collapse:collapse!important;border-radius:0!important;background:#fff!important;color:#32383f!important;font-size:12px!important}
 body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-table,.sales-report-table) :is(th,td){padding:8px 9px!important;border:1px solid #ddd!important;background:#fff!important;color:#32383f!important}
 body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-table) thead th{background:#e7e7e7!important;color:#252a30!important;text-transform:none!important;font-size:12px!important;font-weight:750!important}
 body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-table) tbody tr:nth-child(even) td{background:#f4f4f4!important}
 body.terminal-mode .ticket-monitor-table{table-layout:fixed!important;min-width:0!important}
 body.terminal-mode .ticket-monitor-table :is(th,td):nth-child(1){width:95px}
 body.terminal-mode .ticket-monitor-table :is(th,td):nth-child(2){width:105px}
 body.terminal-mode .ticket-monitor-table :is(th,td):nth-child(3),body.terminal-mode .ticket-monitor-table :is(th,td):nth-child(4){width:60px}
 body.terminal-mode .ticket-monitor-table :is(th,td):nth-child(5){width:100px}
 body.terminal-mode .ticket-monitor-table :is(th,td):nth-child(6){width:100px}
 body.terminal-mode .ticket-monitor-table :is(th,td):nth-child(7){width:140px}
 body.terminal-mode .sales-history-ticket-actions{white-space:nowrap!important}
 body.terminal-mode .sales-history-ticket-actions button{display:inline-block!important;min-width:29px!important;width:29px!important;min-height:30px!important;height:30px!important;margin:0 3px 0 0!important;padding:0!important;font-size:14px!important}
 body.terminal-mode :is(.ticket-monitor-actions,.pending-row-actions,.sales-history-ticket-actions) button{background:#fff!important;border:1px solid #cdd4d9!important;border-radius:3px!important;color:#358da6!important;box-shadow:none!important}
 body.terminal-mode :is(.ticket-monitor-state,.ticket-monitor-when){background:transparent!important;color:#4b5563!important;font-size:11px!important;font-weight:500!important}
 body.terminal-mode .pending-ticket-dialog>:not(.report-dialog-heading){margin-left:20px!important;margin-right:20px!important}
 body.terminal-mode .pending-ticket-dialog .pending-payment-summary{width:min(280px,calc(100% - 40px))!important;max-width:280px!important;box-sizing:border-box;margin:16px auto!important;padding:12px 18px!important;text-align:center;background:#c4dfed!important;color:#287496!important;border:0!important;border-radius:0!important}
 body.terminal-mode .pending-payment-summary .pending-total-main{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important}
 body.terminal-mode .pending-payment-summary :is(span,strong){color:#287496!important;font-size:14px!important;font-weight:600!important}
 body.terminal-mode .pending-payment-summary strong{font-size:24px!important;line-height:1.15}
 body.terminal-mode .pending-ticket-dialog .pending-print{margin:14px auto 10px!important}
 body.terminal-mode .pending-ticket-dialog .pending-payment-filters{justify-content:center!important}
 body.terminal-mode .pending-ticket-dialog .pending-payment-message{text-align:center!important}
 body.terminal-mode .pending-ticket-dialog .pending-payment-pages{padding-bottom:18px}
 body.terminal-mode .sales-history-hero{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px!important;margin:8px auto 25px!important;border:0!important;background:transparent!important}
 body.terminal-mode .sales-history-total{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:140px;box-sizing:border-box;text-align:center;padding:14px 20px!important;border:0!important;border-radius:0!important;background:#d8ebf5!important;color:#24678b!important}
 body.terminal-mode .sales-history-total :is(span,strong){font-size:13px!important;color:#24678b!important}
 body.terminal-mode .sales-history-total strong{font-size:22px!important;line-height:1.15}
 body.terminal-mode .sales-history-total strong.balance-negative{color:#b42318!important}
 body.terminal-mode .sales-history-ticket-section h3{text-align:center;font-size:20px;color:#3f444a}
 body.terminal-mode .sales-report-summary{display:block;padding:12px 0 24px!important}
 body.terminal-mode .sales-report-summary>h3:first-child{text-align:center!important;margin:0 0 14px!important;font-size:20px!important}
 body.terminal-mode .sales-report-summary>h3:not(:first-child){grid-column:1 / -1;margin:28px 0 16px!important}
 body.terminal-mode .sales-report-summary>:is(.daily-draw-table,.sales-report-table){grid-column:1 / -1}
 body.terminal-mode .sales-report-summary h3{text-align:center;color:#3d746f!important;font:600 18px/1.4 ui-monospace,monospace!important}
 body.terminal-mode .sales-report-hero{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:min(280px,100%);max-width:280px;margin:0 auto 16px!important;padding:12px 18px!important;border:1px solid #bfd4e9!important;border-radius:8px!important;background:#e2edf9!important;color:var(--draw-deep,#345e9f)!important;text-align:center}
 body.terminal-mode .sales-report-hero strong{font-size:24px!important;line-height:1.15}
 body.terminal-mode .sales-report-hero span{font-size:11px!important;letter-spacing:.08em}
 body.terminal-mode .sales-report-hero :is(span,strong){color:#287496!important}
 body.terminal-mode .sales-report-table th{width:65%;text-align:center;font-family:ui-monospace,monospace;font-size:13px!important;color:#427eab!important}
 body.terminal-mode .sales-report-table td{text-align:center}
 body.terminal-mode .sales-report-table tr:last-child td{background:#c4dfed!important;color:#24678b!important}
 body.terminal-mode .daily-draw-table{width:100%;margin:16px 0 26px;border:1px solid #ddd;border-collapse:collapse;font-size:14px}
 body.terminal-mode .daily-draw-table :is(th,td){padding:9px 11px;border:1px solid #ddd;text-align:center;background:#fff;color:#32383f}
 body.terminal-mode .daily-draw-table :is(th,td):first-child{text-align:left}
 body.terminal-mode .daily-draw-table th{background:#e7e7e7;font-size:12px;font-weight:750}
 body.terminal-mode .daily-draw-table tbody tr:nth-child(even) td{background:#f4f4f4}
 body.terminal-mode .daily-draw-table tfoot td{background:#d8ebf5;font-weight:750;color:#24678b}
 body.terminal-mode .daily-draw-table .balance-negative{color:#b42318!important}
 body.terminal-mode .sales-report-summary .balance-negative,body.terminal-mode .sales-history-table .balance-negative{color:#b42318!important}
 /* One centered summary frame, with a stable entry/outflow/balance color key. */
 body.terminal-mode .sales-history-hero{width:fit-content!important;max-width:100%!important;display:flex!important;flex-wrap:wrap;gap:0!important;padding:0!important;overflow:hidden;border:1px solid #d2dce8!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 12px #203e5f0a!important}
 body.terminal-mode .sales-history-total{margin:0!important;border:0!important;border-radius:0!important;min-width:120px;flex:1 1 120px;padding:11px 16px!important}
 body.terminal-mode .sales-history-total+.sales-history-total{border-left:1px solid #d2dce8!important}
 body.terminal-mode .sales-history-total.entradaUnits{background:#e7f0fc!important}
 body.terminal-mode .sales-history-total.entradaUnits :is(span,strong){color:#245c9a!important}
 body.terminal-mode .sales-history-total.salidaUnits{background:#fff0ef!important}
 body.terminal-mode .sales-history-total.salidaUnits :is(span,strong){color:#b42318!important}
 body.terminal-mode .sales-history-total:is(.balanceUnits,.balanceAfterCommissionUnits){background:#eaf7ef!important}
 body.terminal-mode .sales-history-total:is(.balanceUnits,.balanceAfterCommissionUnits) :is(span,strong){color:#16713d!important}
 body.terminal-mode .sales-history-total strong.balance-negative{color:#b42318!important}
 body.terminal-mode .ticket-monitor-summary{padding:0!important;border:1px solid #d2dce8!important;border-radius:10px!important;overflow:hidden}
 body.terminal-mode .ticket-monitor-summary .ticket-monitor-total{padding:6px 12px!important;margin:0!important;background:#e7f0fc!important}
 body.terminal-mode .ticket-monitor-summary .ticket-monitor-total :is(span,strong){color:#245c9a!important}
 body.terminal-mode .ticket-monitor-summary .ticket-monitor-total:nth-child(2),body.terminal-mode .ticket-monitor-summary .ticket-monitor-total:nth-child(4){background:#fff0ef!important}
 body.terminal-mode .ticket-monitor-summary .ticket-monitor-total:nth-child(2) :is(span,strong),body.terminal-mode .ticket-monitor-summary .ticket-monitor-total:nth-child(4) :is(span,strong){color:#b42318!important}
 body.terminal-mode .ticket-monitor-summary .ticket-monitor-total:nth-child(3){background:#eaf7ef!important}
 body.terminal-mode .ticket-monitor-summary .ticket-monitor-total:nth-child(3) :is(span,strong){color:#16713d!important}
 body.terminal-mode .ticket-monitor-summary .ticket-monitor-total strong.balance-negative{color:#b42318!important}
 body.terminal-mode .sales-report-hero{background:#eaf7ef!important;border-color:#c6dfcf!important}
 body.terminal-mode .sales-report-hero :is(span,strong){color:#16713d!important}
 body.terminal-mode .sales-report-hero strong.balance-negative{color:#b42318!important}
 body.terminal-mode .sales-report-table tr.money-in :is(th,td){color:#245c9a!important}
 body.terminal-mode .sales-report-table tr.money-out :is(th,td){color:#b42318!important}
 body.terminal-mode .sales-report-table tr.balance-positive :is(th,td){color:#16713d!important}
 body.terminal-mode .sales-report-table tr.balance-negative :is(th,td){color:#b42318!important}

 body.terminal-mode dialog.pending-ticket-dialog .pending-payment-summary{min-width:0!important;width:280px!important;max-width:calc(100% - 40px)!important;margin:16px auto!important;padding:11px 16px!important}
 body.terminal-mode dialog.pending-ticket-dialog .pending-payment-summary .pending-total-main span{font-size:12px!important}
 body.terminal-mode dialog.pending-ticket-dialog .pending-payment-summary .pending-total-main strong{font-size:24px!important;line-height:1.15!important}
 body.terminal-mode .pending-payment-table{table-layout:fixed!important;min-width:0!important}
 body.terminal-mode .pending-payment-table :is(th,td):nth-child(1){width:15%}
 body.terminal-mode .pending-payment-table :is(th,td):nth-child(2){width:20%}
 body.terminal-mode .pending-payment-table :is(th,td):nth-child(3){width:25%;white-space:normal!important}
 body.terminal-mode .pending-payment-table :is(th,td):nth-child(4){width:18%}
 body.terminal-mode .pending-payment-table :is(th,td):nth-child(5){width:22%}
 body.terminal-mode .pending-row-actions{white-space:nowrap!important}
 body.terminal-mode .pending-row-actions button{width:29px!important;min-width:29px!important;min-height:31px!important;height:31px!important;padding:0!important;font-size:13px!important;margin:0 2px 0 0!important}
 body.terminal-mode .sales-history-ticket-table{table-layout:fixed!important;min-width:0!important}
 body.terminal-mode .sales-history-ticket-table :is(th,td):nth-child(1){width:13%}
 body.terminal-mode .sales-history-ticket-table :is(th,td):nth-child(2){width:18%;overflow-wrap:anywhere}
 body.terminal-mode .sales-history-ticket-table :is(th,td):nth-child(3){width:14%}
 body.terminal-mode .sales-history-ticket-table :is(th,td):nth-child(4),body.terminal-mode .sales-history-ticket-table :is(th,td):nth-child(5),body.terminal-mode .sales-history-ticket-table :is(th,td):nth-child(6){width:9%}
 body.terminal-mode .sales-history-ticket-table :is(th,td):nth-child(7){width:14%}
 body.terminal-mode .sales-history-ticket-table :is(th,td):nth-child(8){width:14%}
 body.terminal-mode .sales-history-ticket-table .sales-history-name-button{font-size:12px!important;white-space:nowrap!important;padding:0!important}
 body.terminal-mode .sales-history-ticket-table td:nth-child(2){font-size:11px!important;line-height:1.3!important}

 body.terminal-mode :is(.number-sales-dialog,.sales-report-dialog,.ticket-monitor-dialog){height:fit-content!important}
 body.terminal-mode .number-sales-dialog{width:min(880px,95vw)!important;max-width:880px!important;max-height:86vh!important}
 body.terminal-mode .number-sales-dialog .section-title{min-height:54px!important;padding:12px 18px!important}
 body.terminal-mode .number-sales-dialog .section-title h2{font-size:20px!important}
 body.terminal-mode .number-sales-dialog :is(.number-sales-filters,.number-sales-summary,.number-sales-grid){margin-left:20px!important;margin-right:20px!important}
 body.terminal-mode .number-sales-dialog .number-sales-filters{grid-template-columns:minmax(140px,1fr) minmax(180px,1.4fr) auto;gap:10px;margin-top:14px!important}
 body.terminal-mode .number-sales-dialog .number-sales-filters :is(input,select,button){height:36px!important;min-height:36px!important;font-size:13px!important}
 body.terminal-mode .number-sales-dialog .number-sales-summary{padding:12px 0!important;font-size:13px!important}
 body.terminal-mode .number-sales-dialog .number-sales-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px;margin-bottom:18px!important}
 body.terminal-mode .number-sales-dialog .number-sale{padding:9px!important}
 body.terminal-mode .number-sales-dialog .number-sale-number{font-size:24px!important}
 body.terminal-mode .number-sales-dialog .number-sale-amount{font-size:16px!important}

 body.terminal-mode .seller-sales-history .sales-history-ticket-table :is(th,td),body.terminal-mode .pending-ticket-dialog .pending-payment-table :is(th,td),body.terminal-mode .ticket-monitor-dialog .ticket-monitor-table :is(th,td){font-size:12px!important;line-height:1.3!important;padding:7px 8px!important;height:auto!important}
 body.terminal-mode .seller-sales-history .sales-history-ticket-table td:nth-child(2){font-size:11px!important}
 body.terminal-mode .seller-sales-history .sales-history-name-button{min-height:0!important;height:auto!important;padding:0!important;margin:0!important;line-height:1.3!important}
 body.terminal-mode .seller-sales-history .sales-history-ticket-actions button{width:28px!important;min-width:28px!important;height:29px!important;min-height:29px!important;padding:0!important}
 body.terminal-mode .sales-history-ticket-section h3{font-size:16px!important;margin:16px 0!important}
 @media(max-width:800px){
  body.terminal-mode :is(.ticket-monitor-dialog,.pending-ticket-dialog,.sales-report-dialog){width:98vw!important;max-height:94vh!important}
  body.terminal-mode :is(.ticket-monitor-body,.seller-sales-history,.sales-daily-details){padding:16px!important}
  body.terminal-mode .ticket-monitor-body{display:block!important}
  body.terminal-mode .sales-report-summary{display:block}
  body.terminal-mode .number-sales-dialog{width:98vw!important;max-width:98vw!important;max-height:94vh!important}
  body.terminal-mode .number-sales-dialog .number-sales-filters{grid-template-columns:1fr!important}
  body.terminal-mode :is(.ticket-monitor-header,.report-dialog-heading){padding:14px 16px!important}
  body.terminal-mode :is(.ticket-monitor-header,.report-dialog-heading) h2{font-size:19px!important}
  body.terminal-mode .ticket-monitor-summary{max-width:360px!important}
  body.terminal-mode .ticket-monitor-summary :is(span,strong){font-size:15px!important}
  body.terminal-mode .sales-history-total :is(span,strong){font-size:14px!important}
  body.terminal-mode .pending-ticket-dialog>:not(.report-dialog-heading){margin-left:16px!important;margin-right:16px!important}
  body.terminal-mode .pending-ticket-dialog .pending-payment-summary{width:calc(100% - 32px)!important;margin:20px auto!important}
  body.terminal-mode .pending-ticket-dialog .pending-print{margin:18px auto 14px!important}
  body.terminal-mode .sales-history-hero{width:100%!important;flex-wrap:nowrap!important}
  body.terminal-mode .sales-history-total{flex:1 1 0;min-width:0;padding:12px 7px!important}
  body.terminal-mode .sales-history-total span{font-size:11px!important}
  body.terminal-mode .sales-history-total strong{font-size:20px!important;overflow-wrap:anywhere}
  body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-ticket-table){display:block!important;min-width:0!important;table-layout:auto!important;border:0!important}
  body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-ticket-table) thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}
  body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-ticket-table) tbody{display:grid;gap:10px}
  body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-ticket-table) tbody tr{display:block;border:1px solid #d3d9e0;border-radius:5px;overflow:hidden}
  body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-ticket-table) td[data-column-label]{display:flex!important;width:auto!important;min-width:0!important;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px!important;border-width:0 0 1px!important;white-space:normal!important;font-size:12px!important}
  body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-ticket-table) td[data-column-label]::before{content:attr(data-column-label);flex:none;max-width:45%;font-size:11px;font-weight:700;color:#64748b;text-align:left}
  body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-ticket-table) td:is(.ticket-monitor-actions,.pending-row-actions,.sales-history-ticket-actions){flex-wrap:wrap;justify-content:flex-end}
  body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-ticket-table) td:is(.ticket-monitor-actions,.pending-row-actions,.sales-history-ticket-actions)::before{margin-right:auto}
 }
}


/* POS reports share a single scroll surface and the active Soley color theme. */
@media screen {
 html:has(body.terminal-mode :is(.ticket-monitor-dialog,.pending-ticket-dialog,.sales-report-dialog)[open]),
 body.terminal-mode:has(:is(.ticket-monitor-dialog,.pending-ticket-dialog,.sales-report-dialog)[open]) {
  overflow:hidden!important;
 }
 body.terminal-mode :is(.ticket-monitor-dialog,.pending-ticket-dialog,.sales-report-dialog) {
  box-sizing:border-box;
  max-height:min(86vh, calc(100dvh - 24px))!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  border-color:#d5e1ed!important;
  border-radius:12px!important;
 }
 body.terminal-mode :is(.ticket-monitor-body,.ticket-monitor-table-wrap,.pending-payment-table-wrap),
 body.terminal-mode .seller-sales-history .sales-history-ticket-section > .table-wrap {
  max-height:none!important;
  overflow:visible!important;
 }
 body.terminal-mode .ticket-monitor-table thead th { position:static; }
 body.terminal-mode dialog:is(.ticket-monitor-dialog,.pending-ticket-dialog,.sales-report-dialog)
 :is(.ticket-monitor-header,.report-dialog-heading) {
  min-height:50px!important;
  gap:8px;
  padding:8px 14px!important;
  border-color:#d5e1ed!important;
  background:color-mix(in srgb, var(--draw-pastel,#dfeaf8) 55%, white)!important;
 }
 body.terminal-mode :is(.ticket-monitor-header,.report-dialog-heading) h2 {
  color:#17324c!important;
  font-size:18px!important;
 }
 body.terminal-mode :is(.ticket-monitor-tabs,.ticket-monitor-toolbar,.pending-payment-filters,.sales-history-controls,.sales-report-controls) {
  gap:6px!important;
 }
 body.terminal-mode .ticket-monitor-tab,
 body.terminal-mode :is(.ticket-monitor-print,.pending-print,.sales-history-controls>button,.sales-report-controls>button) {
  border-radius:6px!important;
  text-transform:none!important;
 }
 body.terminal-mode :is(.ticket-monitor-print,.pending-print,.sales-history-controls>button,.sales-report-controls>button) {
  border:1px solid #d5e1ed!important;
  color:#17324c!important;
  background:color-mix(in srgb, var(--draw-pastel,#dfeaf8) 70%, white)!important;
  font-size:12px!important;
 }
 body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-table,.daily-draw-table) thead th {
  background:color-mix(in srgb, var(--draw-pastel,#dfeaf8) 45%, white)!important;
  color:#17324c!important;
 }
 body.terminal-mode :is(.ticket-monitor-table,.pending-payment-table,.sales-history-ticket-table) :is(th,td) {
  overflow-wrap:anywhere;
  white-space:normal;
 }
 body.terminal-mode :is(.ticket-monitor-actions,.pending-row-actions,.sales-history-ticket-actions) { white-space:normal!important; }
 body.terminal-mode .seller-sales-history .sales-history-ticket-table .sales-history-name-button {
  max-width:100%;
  overflow-wrap:anywhere;
  white-space:normal!important;
 }
 body.terminal-mode .seller-sales-history .sales-history-ticket-table { min-width:0!important; }
 @media(max-width:800px) {
  body.terminal-mode :is(.ticket-monitor-dialog,.pending-ticket-dialog,.sales-report-dialog) {
   width:calc(100% - 16px)!important;
   max-width:calc(100% - 16px)!important;
   max-height:calc(100dvh - 16px)!important;
  }
  body.terminal-mode :is(.ticket-monitor-body,.seller-sales-history,.sales-daily-details) { padding:12px!important; }
  body.terminal-mode :is(.ticket-monitor-toolbar,.pending-payment-filters) input { width:min(260px,100%)!important; }
 }
}