/* All theme and interaction rules are screen-only. */
@media screen {
/* POS 101 screen theme. Loaded last; !important bridges existing legacy styles.
   Screen-only appearance and ergonomics. Print layouts are maintained separately. */

@media screen {

html[data-pos101] body {
  background:var(--ui-bg)!important;
  color:var(--ui-text)!important;
  --ink:var(--ui-text);
  --muted:var(--ui-text-muted);
  --line:var(--ui-border);
  --admin-text:var(--ui-text);
  --admin-border:var(--ui-border);
  --admin-blue:var(--ui-primary);
  --admin-blue-dark:var(--ui-primary-hover);
  --seller-surface:var(--ui-surface);
  --seller-border:var(--ui-border);
  --pos-soft:var(--ui-primary-soft)!important;
  --pos-accent:var(--ui-primary)!important
}

html[data-pos101] body :is(h1,h2,h3,h4,label,legend) {
  color:var(--ui-text)!important;
  text-shadow:none!important
}

html[data-pos101] body :is(.muted,.small,.eyebrow,.service-rule,.manual-derived-result,.manual-processed-identity,.service-summary dt,.manager-lottery-item span) {
  color:var(--ui-text-muted)!important;
  opacity:1!important
}

html[data-pos101] body a {
  color:var(--ui-primary)!important
}

html[data-pos101] body :is(.panel,.login-card,.manager-device-row,.manager-lottery-item,.manager-service,.manager-limit-panel,.family-manager-card,.family-terminal-card,.weekly-split-row,.manual-result-editor,.manual-batch-card) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
  box-shadow:none!important
}

html[data-pos101] body :is(dialog,.report-dialog,.pos-results-dialog,.manual-ticket-dialog,.service-confirm) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-radius)!important;
  box-shadow:var(--ui-shadow-dialog)!important
}

html[data-pos101] body dialog::backdrop {
  background:var(--ui-backdrop)!important
}

html[data-pos101] body :is(button,.button,.button-link) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:currentColor!important;
  border-color:var(--ui-control-border)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transition:background-color .12s ease,border-color .12s ease
}

html[data-pos101] body :is(button,.button,.button-link):hover:not(:disabled) {
  background:var(--ui-surface-hover)!important;
  color:var(--ui-text)!important
}

html[data-pos101] body :is(button.primary,.button.primary,button[type="submit"],.manager-device-actions .primary,.manual-row-action button) {
  background:var(--ui-primary)!important;
  color:var(--ui-on-primary)!important;
  border-color:var(--ui-primary)!important
}

html[data-pos101] body :is(button.primary,button[type="submit"],.manual-row-action button):hover:not(:disabled) {
  background:var(--ui-primary-hover)!important;
  color:var(--ui-on-primary)!important
}

html[data-pos101] body :is(input,select,textarea) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  border-color:var(--ui-control-border)!important;
  box-shadow:none!important;
  caret-color:var(--ui-primary)!important;
  accent-color:var(--ui-primary)
}

html[data-pos101] body :is(input,textarea)::placeholder {
  color:var(--ui-text-muted)!important;
  opacity:1!important;
  -webkit-text-fill-color:var(--ui-text-muted)!important
}

html[data-pos101] body :is(button,input,select,textarea):disabled {
  background:var(--ui-disabled-bg)!important;
  color:var(--ui-disabled-text)!important;
  -webkit-text-fill-color:var(--ui-disabled-text)!important;
  opacity:1!important;
  cursor:not-allowed!important
}

html[data-pos101] body :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible {
  outline:3px solid var(--ui-focus)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 2px var(--ui-surface)!important
}

html[data-pos101] body :is(table,tbody,td) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important
}

html[data-pos101] body :is(thead,th,tfoot) {
  background:var(--ui-surface-subtle)!important;
  color:var(--ui-text-secondary)!important;
  border-color:var(--ui-border)!important
}

html[data-pos101] body tbody tr:hover td {
  background:var(--ui-surface-subtle)!important
}

html[data-pos101] body :is(.error,.balance-negative,.manual-processed-balance[data-negative="true"] dd) {
  color:var(--ui-error)!important
}

html[data-pos101] body :is(.success,.balance-positive,.manual-processed-balance:not([data-negative="true"]) dd) {
  color:var(--ui-success)!important
}

html[data-pos101] body :is(.money-in,.money-out,.winnings-value,.manual-processed-entry dd,.manual-processed-out dd) {
  color:var(--ui-info)!important
}

html[data-pos101] body :is(.service-state,.badge,.status-badge,.service-account-notice) {
  background:var(--ui-info-soft)!important;
  color:var(--ui-info)!important;
  border-color:var(--ui-border)!important;
  text-shadow:none!important
}

html[data-pos101] body :is(.service-state.active,.badge.success,.status-badge.active) {
  background:var(--ui-success-soft)!important;
  color:var(--ui-success)!important
}

html[data-pos101] body :is(.service-state.grace,.badge.warning,.support-session-banner,.service-account-notice:not(.blocked)) {
  background:var(--ui-warning-soft)!important;
  color:var(--ui-warning)!important;
  border-color:var(--ui-warning)!important
}

html[data-pos101] body :is(.service-state.suspended,.service-state.overdue,.badge.error,.service-account-notice.blocked,.ticket-payment-status.is-cancelled) {
  background:var(--ui-error-soft)!important;
  color:var(--ui-error)!important;
  border-color:var(--ui-error)!important
}

html[data-pos101] body :is(.ticket-payment-status.is-cancelled) * {
  color:var(--ui-error)!important
}

html[data-pos101] body .ticket-payment-status.is-paid {
  background:var(--ui-success-soft)!important;
  border-color:var(--ui-success)!important;
  color:var(--ui-success)!important
}
html[data-pos101] body .ticket-payment-status.is-paid * {color:var(--ui-success)!important}
html[data-pos101] body .manual-sale-recovery {
  background:var(--ui-warning-soft)!important;
  border-color:var(--ui-warning)!important;
  color:var(--ui-warning)!important
}

html[data-pos101] body :is(.chart-bar.sales,.chart-bar.entry,.chart-bar.winnings) {
  background:var(--ui-info)!important
}

html[data-pos101] body :is(.chart-bar.positive,.chart-bar.balance) {
  background:var(--ui-success)!important
}

html[data-pos101] body :is(.chart-bar.negative) {
  background:var(--ui-error)!important
}

html[data-pos101] body :is(.chart-value,.chart-legend,.chart-positive-label) {
  color:var(--ui-text-secondary)!important
}

html[data-pos101] body.login-mode :is(#login,.login-layout) {
  background:transparent!important
}

html[data-pos101] body.login-mode .login-card {
  background:var(--ui-surface)!important;
  box-shadow:var(--ui-shadow)!important;
  border-color:var(--ui-border)!important
}

html[data-pos101] body #startup-screen {
  background:var(--ui-bg)!important;
  color:var(--ui-text)!important
}

html[data-pos101] body.admin-mode>header {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-bottom:1px solid var(--ui-border)!important;
  box-shadow:none!important
}

html[data-pos101] body.admin-mode>header :is(#identity,#change-password,#logout,.nav-toggle,.language-toggle,.admin-live-button,#approval-bell) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  border-color:var(--ui-control-border)!important;
  box-shadow:none!important;
  animation:none!important;
  text-shadow:none!important
}

html[data-pos101] body.admin-mode #admin-sidebar {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
  box-shadow:var(--ui-shadow)!important
}

html[data-pos101] body.admin-mode #admin-sidebar :is(p,button,span) {
  color:var(--ui-text)!important
}

html[data-pos101] body.admin-mode #admin-sidebar nav button {
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important
}

html[data-pos101] body.admin-mode #admin-sidebar nav button.active {
  background:var(--ui-primary-soft)!important;
  color:var(--ui-primary)!important;
  border-left-color:var(--ui-primary)!important
}

html[data-pos101] body.admin-mode #admin-sidebar nav button.active span {
  color:var(--ui-primary)!important
}

html[data-pos101] body.admin-mode #workspace :is(.stat-card,.overview-stats>div,.stats>div,.overview-panel,.manager-weekly-panel,.manager-posts-panel,.family-manager-card,.family-terminal-card) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
  box-shadow:none!important
}

html[data-pos101] body.admin-mode #workspace :is(.stat-card,.overview-stats>div,.stats>div) :is(strong,b,span,p) {
  color:var(--ui-text)!important;
  text-shadow:none!important
}

html[data-pos101] body.admin-mode #workspace :is(.money-in,.sales-value) {
  color:var(--ui-info)!important
}

html[data-pos101] body.admin-mode #workspace :is(.money-out,.winnings-value,.balance-negative,.is-negative .station-balance-value) {
  color:var(--ui-error)!important
}

html[data-pos101] body.admin-mode #workspace :is(.balance-positive,.balance-total:not(.balance-negative),.house-balance:not(.balance-negative)) {
  color:var(--ui-success)!important
}

html[data-pos101] body.admin-mode #workspace :is(.manager-games-navigation button[aria-pressed="true"],.plan-option.selected,.service-offer.selected) {
  background:var(--ui-primary-soft)!important;
  color:var(--ui-primary)!important;
  border-color:var(--ui-primary)!important
}

html[data-pos101] body.admin-mode #workspace .manual-result-row {
  background:transparent!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important
}

html[data-pos101] body.admin-mode #workspace :is(.manual-combined-result,.manual-result-inputs input) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-control-border)!important
}

html[data-pos101] body.admin-mode #workspace .manual-row-action button {
  background:var(--ui-primary)!important;
  color:var(--ui-on-primary)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .manual-reference-header.reference-full-navigation {
  --ui-header:color-mix(in srgb,var(--pos-lottery-color,#94b76b) 20%,white);
  --ui-on-header:#1e293b;
  background:var(--ui-header)!important;
  color:var(--ui-on-header)!important;
  border-bottom:1px solid #cbd5c5!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation :is(button,.reference-business,.reference-clock,a) {
  color:var(--ui-on-header)!important;
  -webkit-text-fill-color:var(--ui-on-header)!important;
  background:transparent!important;
  text-shadow:none!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation :is(.reference-dropdown-panel,.reference-main-menu,.reference-account-menu,.reference-results-popover) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
  box-shadow:var(--ui-shadow)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation :is(.reference-dropdown-panel,.reference-main-menu,.reference-account-menu) :is(button,a,svg) {
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  background:transparent!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation :is(.reference-dropdown-panel,.reference-main-menu,.reference-account-menu) button:hover {
  background:var(--ui-primary-soft)!important;
  color:var(--ui-primary)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller :is(.draw-strip,.pos-action-row) {
  background:var(--ui-surface-subtle)!important;
  border-color:var(--ui-border)!important;
  box-shadow:none!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .draw-card {
  background:color-mix(in srgb,var(--lot-color) 25%,white)!important;
  color:var(--ui-text)!important;
  box-shadow:inset 0 -2px color-mix(in srgb,var(--lot-color) 40%,white)!important;
  border-right:1px solid var(--ui-border)!important;
  outline:none!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .draw-card :is(.draw-card-name,.draw-card-variant,.draw-pick-variant) {
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  text-shadow:none!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .draw-card.selected {
  background:color-mix(in srgb,var(--lot-color) 85%,white)!important;
  box-shadow:inset 0 -4px var(--ui-text)!important;
  outline:2px solid var(--ui-text)!important;
  outline-offset:-2px!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .draw-card img {
  mix-blend-mode:normal!important;
  filter:none!important;
  opacity:1!important;
  background:var(--ui-surface)!important;
  border-radius:var(--ui-radius-small)!important;
  object-fit:contain!important;
  padding:2px!important;
  box-sizing:border-box!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller :is(.reference-lot-arrow,.pos-action-row button,.manual-receipt-picker button) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  border:1px solid var(--ui-control-border)!important;
  box-shadow:none!important;
  text-shadow:none!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .pos-action-row button.manual-create-ticket:not(:disabled) {
  background:var(--ui-primary)!important;
  color:var(--ui-on-primary)!important;
  -webkit-text-fill-color:var(--ui-on-primary)!important;
  border-color:var(--ui-primary)!important
}

/* Multi is a text-and-switch control, without an enclosing button box. */
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .pos-action-row button.multi-lottery {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller :is(.reference-switch,.reference-switch:before) {
  background:var(--ui-control-border)!important;
  box-shadow:none!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .reference-switch:before {
  background:var(--ui-surface)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .multi-lottery.active .reference-switch {
  background:var(--ui-primary)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller :is(.entry-toolbar,.manual-ticket-bar,.manual-original-columns,.pos-ticket-workspace) {
  background:var(--ui-bg)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller :is(input,select,.availability,.availability strong,.entry-running-total output,.reference-play-count strong) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  border-color:var(--ui-control-border)!important;
  box-shadow:none!important;
  text-shadow:none!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller input::placeholder {
  color:var(--ui-text-muted)!important;
  -webkit-text-fill-color:var(--ui-text-muted)!important;
  opacity:1!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .manual-four-panels :is(.pos-number-panel,.table-scroll,.pos-table,.pos-table tbody,.pos-table td) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .manual-four-panels :is(.ticket-table-title,.pos-table th,.ticket-total-bar) {
  background:var(--ui-surface-subtle)!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
  text-shadow:none!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .manual-four-panels :is(.ticket-table-title,.pos-table th,.ticket-total-bar) * {
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .manual-four-panels .ticket-total-bar {
  border-top:1px solid var(--ui-border)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .manual-four-panels button {
  background:transparent!important;
  color:var(--ui-text-secondary)!important;
  -webkit-text-fill-color:var(--ui-text-secondary)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .manual-four-panels :is(.mode-label,small) {
  color:var(--ui-text-muted)!important;
  opacity:1!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller button:disabled {
  background:var(--ui-disabled-bg)!important;
  color:var(--ui-disabled-text)!important;
  -webkit-text-fill-color:var(--ui-disabled-text)!important;
  opacity:1!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode :is(.reference-history-title,.reference-history-total,.reference-history-total strong,.reference-history-table tfoot td,.reference-history-table th) {
  background:var(--ui-surface-subtle)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode :is(.reference-result-ball,.pos-result-ball) {
  background:var(--ui-info-soft)!important;
  color:var(--ui-info)!important;
  border-color:var(--ui-info)!important;
  box-shadow:none!important;
  text-shadow:none!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode :is(.reference-result-date,.reference-result-row,.reference-settings-form,.reference-schedule-list) {
  color:var(--ui-text)!important;
  background:var(--ui-surface)!important;
  border-color:var(--ui-border)!important
}

html[data-pos101] body :is(.approval-badge,.approval-bell-count) {
  background:var(--ui-error-soft)!important;
  color:var(--ui-error)!important;
  border-color:var(--ui-error)!important;
  box-shadow:none!important
}

/* State attributes are authoritative even when legacy class names are stale. */
html[data-pos101] body.admin-mode #workspace button[aria-pressed="false"] {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-control-border)!important;
}
html[data-pos101] body.admin-mode #workspace button[aria-pressed="true"] {
  background:var(--ui-primary-soft)!important;
  color:var(--ui-primary)!important;
  border-color:var(--ui-primary)!important;
}
html[data-pos101] body.admin-mode #workspace :is(.manual-game-label,.manual-lottery-name small,.manual-result-identity time,.manual-row-identity time,.manual-summary-row time) {
  color:var(--ui-text-muted)!important;
  opacity:1!important;
}

html[data-pos101] body .onboarding-plan {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-control-border)!important;
}
html[data-pos101] body .onboarding-plan:has(input:checked) {
  background:var(--ui-primary-soft)!important;
  border-color:var(--ui-primary)!important;
}
html[data-pos101] body :is(.service-offer,.service-individual,.onboarding-summary) {
  background:var(--ui-surface-subtle)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border)!important;
}

/* Reference-style dialogs share the same accessible palette. */
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode dialog.manual-reference-dialog.manual-reference-dialog :is(header,h2,p,label) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  border-color:var(--ui-border)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode dialog.manual-reference-dialog.manual-reference-dialog :is(input,select) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  border-color:var(--ui-control-border)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode dialog.manual-reference-dialog.manual-reference-dialog button {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  border-color:var(--ui-control-border)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode dialog.manual-reference-dialog.manual-reference-dialog :is(button.primary,.reference-dialog-actions button.primary) {
  background:var(--ui-primary)!important;
  color:var(--ui-on-primary)!important;
  -webkit-text-fill-color:var(--ui-on-primary)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode dialog.manual-reference-dialog.manual-reference-dialog .reference-dialog-close {
  background:transparent!important;
  color:var(--ui-text-secondary)!important;
  -webkit-text-fill-color:var(--ui-text-secondary)!important;
  min-width:44px!important;
  min-height:44px!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode dialog .reference-help-tabs button[aria-selected="true"] {
  background:var(--ui-primary-soft)!important;
  color:var(--ui-primary)!important;
  -webkit-text-fill-color:var(--ui-primary)!important;
  border-color:var(--ui-primary)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode :is(.reference-dialog-actions,.reference-help-tabs) {
  background:var(--ui-surface)!important;
  border-color:var(--ui-border)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode dialog.reference-monitor.reference-monitor :is(button,.ticket-monitor-tab) {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  border-color:var(--ui-control-border)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode dialog.reference-monitor.reference-monitor :is(.ticket-monitor-tab.active,.reference-dialog-actions button) {
  background:var(--ui-primary)!important;
  color:var(--ui-on-primary)!important;
  -webkit-text-fill-color:var(--ui-on-primary)!important;
  border-color:var(--ui-primary)!important
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller input:focus {
  border-color:var(--ui-primary)!important;
  outline-color:var(--ui-focus)!important
}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode dialog.reference-monitor.reference-monitor :is(label,label span,.ticket-monitor-date span) {
  color:var(--ui-text-secondary)!important;
  -webkit-text-fill-color:var(--ui-text-secondary)!important;
}

html[data-pos101] body > main {
  background:var(--ui-bg)!important;
  color:var(--ui-text)!important;
}
html[data-pos101] body.admin-mode #nav-toggle i {
  background:var(--ui-primary)!important;
}

/* Restore the established lottery hues: softly tinted, slightly deeper than the former 55% ribbon. */
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller :is(.draw-strip,.pos-action-row,.entry-toolbar,.manual-ticket-bar,.pos-ticket-workspace,.manual-original-columns) {
  background:color-mix(in srgb,var(--pos-lottery-color) 12%,white)!important;
}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .manual-four-panels :is(.ticket-table-title,.pos-table th,.ticket-total-bar) {
  background:color-mix(in srgb,var(--pos-lottery-color) 65%,white)!important;
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
}

}

@media (prefers-reduced-motion: reduce) { html[data-pos101] body :is(button,.button) { transition:none!important; } }

/* Dates lead the report filters and remain readable on desktop and touch screens. */
html[data-pos101] body :is(#workspace,#terminal,dialog,.reference-dropdown) input[type="date"] {
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  background:var(--ui-info-soft)!important;
  border:2px solid var(--ui-primary)!important;
  border-radius:6px!important;
  font-size:18px!important;
  font-weight:750!important;
  font-variant-numeric:tabular-nums;
  min-height:44px!important;
  height:44px!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  color-scheme:light;
  opacity:1!important;
}
html[data-pos101] body :is(#workspace,#terminal,dialog,.reference-dropdown) label:has(>input[type="date"]),
html[data-pos101] body :is(#workspace,#terminal,dialog,.reference-dropdown) label:has(>input[type="date"])>span {
  color:var(--ui-text)!important;
  -webkit-text-fill-color:var(--ui-text)!important;
  font-size:14px!important;
  font-weight:750!important;
}
html[data-pos101] body dialog.ticket-monitor-dialog .ticket-monitor-controls {
  flex-wrap:wrap!important;
  align-items:end!important;
  gap:10px 14px!important;
}
html[data-pos101] body dialog.ticket-monitor-dialog .ticket-monitor-date {
  flex:0 0 100%!important;
  width:100%!important;
  max-width:none!important;
  gap:5px!important;
}
html[data-pos101] body dialog.ticket-monitor-dialog .ticket-monitor-date input {
  width:210px!important;
  max-width:100%!important;
}
html[data-pos101] body :is(#workspace,#terminal,dialog,.reference-dropdown) input[type="date"]::-webkit-calendar-picker-indicator {
  opacity:1;
  width:20px;
  height:20px;
}

/* Play monitoring: one plain list per game, with a persistent local search. */
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-sales-lists .number-search {
  margin:12px 20px!important;display:flex;align-items:end;gap:12px;flex-wrap:wrap;
}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-search label {flex:1;min-width:180px;margin:0;color:var(--ui-text)!important;font-weight:700}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-search input {width:100%;min-height:44px;font-size:16px!important;margin:5px 0 0!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-control-border)!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-search-count {font-size:13px;color:var(--ui-text-secondary)!important;padding-bottom:10px}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-sales-lists .number-sales-grid {display:block!important;margin:0 20px 24px!important;padding:0!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-game-list {margin:0 0 20px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-game-list h3 {margin:0!important;padding:9px 10px!important;border-bottom:2px solid var(--ui-primary)!important;font-size:17px!important;color:var(--ui-text)!important;background:var(--ui-info-soft)!important;text-align:left!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-game-list table {display:table!important;width:100%!important;table-layout:fixed;border-collapse:collapse;background:var(--ui-surface)!important;box-shadow:none!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-game-list :is(th,td) {display:table-cell!important;padding:9px 10px!important;border:0!important;border-bottom:1px solid var(--ui-border)!important;background:transparent!important;color:var(--ui-text)!important;white-space:normal;overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums;font-size:16px!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-game-list th {font-size:12px!important;color:var(--ui-text-secondary)!important;text-transform:none!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-game-list :is(th,td):first-child {width:48%;text-align:left}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-game-list tr {display:table-row!important;background:transparent!important;box-shadow:none!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-play-mode {font-size:12px;margin-left:8px;color:var(--ui-text-secondary)!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-search-empty {padding:16px 0;color:var(--ui-text-secondary)!important}
@media(max-width:600px){
 html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-sales-lists .number-sales-filters {display:flex!important;flex-wrap:wrap;gap:10px!important}
 html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-sales-lists .number-sales-filters label {flex:1 1 140px!important;min-width:0!important}
 html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-sales-lists .number-sales-filters :is(input,select) {width:100%!important;min-width:0!important;max-width:100%!important}
 html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-game-list :is(th,td) {padding:9px 6px!important}
}

html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-sales-lists .number-search {display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-search label {min-width:0!important;font-size:14px!important;color:var(--ui-text)!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-search button {min-height:44px!important;padding:8px 12px!important;margin:0!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;-webkit-text-fill-color:var(--ui-text)!important;border:1px solid var(--ui-control-border)!important;font-size:14px!important;box-shadow:none!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-search-count {grid-column:1/-1;padding:0!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-sales-lists .number-sales-filters {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-sales-lists .number-sales-filters label {min-width:0!important;width:auto!important;font-size:14px!important;color:var(--ui-text)!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-sales-lists .number-sales-filters :is(input,select) {width:100%!important;max-width:100%!important;min-width:0!important}
html[data-pos101] body .number-sales-dialog.number-sales-dialog .number-sales-lists .number-sales-summary {padding:8px 0!important}


/* Seller controls preview: reference layout; receipt picker and game panels untouched. */
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:8px!important;padding:7px 15px!important;height:58px!important;min-height:58px!important;background:transparent!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row>button{position:static!important;flex:0 0 46px!important;width:46px!important;min-width:46px!important;height:44px!important;min-height:44px!important;border:1px solid #cbd5e1!important;border-radius:5px!important;background:#fff!important;color:#253449!important;-webkit-text-fill-color:#253449!important;padding:8px!important;font:700 16px/1.2 Arial,sans-serif!important;box-shadow:none!important;margin:0!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row>button.multi-lottery{flex-basis:100px!important;width:100px!important;min-width:100px!important;background:transparent!important;border:0!important;font-size:13px!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row>button.manual-create-ticket{flex:1 1 auto!important;width:auto!important;min-width:120px!important;background:color-mix(in srgb,var(--pos-lottery-color) 65%,white)!important;border-color:color-mix(in srgb,var(--pos-lottery-color) 65%,white)!important;color:#20364f!important;-webkit-text-fill-color:#20364f!important;text-transform:none!important;font-size:16px!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row>button.manual-create-ticket:disabled{opacity:1!important;background:color-mix(in srgb,var(--pos-lottery-color) 28%,white)!important;color:#4b5563!important;-webkit-text-fill-color:#4b5563!important;border-color:color-mix(in srgb,var(--pos-lottery-color) 40%,white)!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row>button[hidden]{display:none!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row svg{width:20px!important;height:20px!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr) minmax(160px,max-content)!important;width:100%!important;gap:10px!important;height:62px!important;min-height:62px!important;padding:5px 15px!important;margin:0!important;align-items:center!important;background:transparent!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar :is(input,.availability,.availability strong){height:50px!important;min-height:50px!important;border-radius:5px!important;font:600 24px/48px Arial,sans-serif!important;color:#27364a!important;-webkit-text-fill-color:#27364a!important;background:#fff!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar :is(input,.availability){border:1px solid #cbd5e1!important;box-shadow:0 1px 2px #14243a0a!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar input{text-align:left!important;padding:0 12px!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar input::placeholder{font:600 24px/48px Arial,sans-serif!important;text-align:left!important;color:#66758a!important;-webkit-text-fill-color:#66758a!important;letter-spacing:.5px!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar .availability strong{border:0!important;background:transparent!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar .entry-running-total{display:flex!important;gap:8px!important;justify-content:flex-end!important;align-items:center!important;padding:0!important;margin:0!important;min-width:0!important;height:50px!important;font:700 16px Arial,sans-serif!important;background:transparent!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar .entry-running-total output{font:700 30px/50px Arial,sans-serif!important;color:#253449!important;-webkit-text-fill-color:#253449!important;background:transparent!important;padding:0!important;height:50px!important;white-space:nowrap!important}
@media(max-width:650px){
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row{gap:6px!important;padding:8px!important;height:auto!important;min-height:104px!important;flex-wrap:wrap!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row>button.manual-create-ticket{flex:1 0 100%!important;width:100%!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important;gap:6px!important;padding:4px 8px!important;height:98px!important;min-height:98px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar :is(input,.availability,.availability strong){height:46px!important;min-height:46px!important;font-size:20px!important;line-height:44px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar input::placeholder{font-size:20px!important;line-height:44px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar :is(.reference-play-wrap,.points-entry){height:46px!important;min-height:46px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar .entry-running-total{grid-column:1/-1!important;height:36px!important;min-height:36px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar .entry-running-total output{font-size:26px!important;height:36px!important;line-height:36px!important}
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row>button.multi-lottery{flex-basis:64px!important;width:64px!important;min-width:64px!important;gap:0!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .multi-lottery .reference-switch{display:none!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .multi-lottery>span{margin:0!important;text-transform:none!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .multi-lottery.active{color:#174f91!important;-webkit-text-fill-color:#174f91!important;text-decoration:underline!important;text-underline-offset:5px!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row>button.manual-create-ticket{justify-content:center!important;text-align:center!important}

/* Continuous lottery-tinted workspace, compact ticket count, no empty grid slots. */
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview{background:color-mix(in srgb,var(--pos-lottery-color) 12%,white)!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview :is(.pos-shell,.pos-workspace,.manual-seller-desk){background:color-mix(in srgb,var(--pos-lottery-color) 12%,white)!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .manual-ticket-bar{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;width:100%!important;min-height:52px!important;height:52px!important;padding:4px 15px 8px!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .manual-ticket-info{display:flex!important;flex:0 0 auto!important;align-items:center!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .reference-play-count{height:auto!important;min-height:0!important;gap:5px!important;font:500 14px/1.3 Arial,sans-serif!important;margin:0!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .reference-play-count strong{font:700 16px/1.3 Arial,sans-serif!important;height:auto!important;min-height:0!important;min-width:0!important;background:transparent!important;padding:0!important;color:#253449!important;-webkit-text-fill-color:#253449!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .manual-receipt-picker{flex:0 1 420px!important;min-width:0!important;width:auto!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .manual-receipt-picker select{min-width:0!important;max-width:100%!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar :is(.reference-play-wrap,.points-entry){display:flex!important;align-items:center!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar .entry-field{width:100%!important;margin:0!important;padding:0!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar .entry-running-total{padding-left:10px!important}
@media(max-width:650px){
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .manual-ticket-bar{gap:10px!important;padding:4px 8px 8px!important;height:52px!important;min-height:52px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .manual-receipt-picker{flex:1 1 auto!important;width:0!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .reference-play-count{font-size:12px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .reference-play-count strong{font-size:14px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar{height:88px!important;min-height:88px!important;row-gap:2px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar .entry-running-total{height:30px!important;min-height:30px!important;padding-left:0!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar .entry-running-total output{height:30px!important;line-height:30px!important;font-size:26px!important}
}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar .entry-field{display:flex!important;align-items:center!important;height:50px!important;min-height:0!important;line-height:1!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar :is(.reference-play-wrap,.points-entry,.availability){align-self:center!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar input{display:block!important;margin:0!important;box-sizing:border-box!important}
@media(max-width:650px){html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .entry-toolbar .entry-field{height:46px!important}}

@media screen and (min-width:651px) and (max-width:980px){
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .manual-seller-desk{height:auto!important;min-height:calc(100dvh - 50px)!important;padding-bottom:32px!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-ticket-workspace.manual-four-panels{flex:0 0 auto!important;height:auto!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .manual-original-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,300px)!important;gap:14px!important;height:auto!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .manual-four-panels .pos-number-panel{height:300px!important;min-height:300px!important}
}

/* Seller dropdown: compact groups without changing destination screens. */
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation .reference-main-menu {box-shadow:0 10px 28px #0f172a24,0 2px 5px #0f172a12!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation .reference-main-menu button svg {width:18px!important;height:18px!important;flex:0 0 18px!important;stroke-width:1.8!important;color:var(--ui-text-secondary)!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation .reference-main-menu button:is([data-seller-action="sales"],[data-seller-action="settings"]) {border-top:1px solid var(--ui-border)!important;margin-top:5px!important;border-top-left-radius:0!important;border-top-right-radius:0!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation .reference-main-menu button:focus-visible {outline:2px solid var(--ui-primary)!important;outline-offset:-2px!important;background:var(--ui-primary-soft)!important}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation #nav-toggle,html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation #nav-toggle svg {color:var(--ui-on-header)!important;-webkit-text-fill-color:var(--ui-on-header)!important}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation .reference-header-right{grid-template-columns:minmax(0,1fr)!important}

html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .pos-action-row .reference-quick-pick svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round;stroke-linejoin:round}

/* Center the POS identity independently of navigation and clock widths. */
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .manual-reference-header.reference-full-navigation{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-nav-left{justify-content:flex-start!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-business{width:100%!important;justify-self:center!important}
@media(max-width:650px){
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .manual-reference-header.reference-full-navigation{grid-template-columns:1fr!important;grid-template-rows:30px 44px!important;height:74px!important;min-height:74px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-business{grid-column:1!important;grid-row:1!important;font-size:17px!important;line-height:30px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-nav-left{grid-column:1!important;grid-row:2!important;height:44px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-header-right{display:none!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-nav-left>.reference-dropdown>button{height:44px!important;min-height:44px!important}
 html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-dropdown-panel{top:44px!important}
}

/* Compact result rows; the thermal preview uses its own isolated print layout. */
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-results-popover{width:390px!important;border-radius:12px!important;padding:12px!important;max-height:calc(100dvh - 70px)!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-result-lottery{padding:9px 0!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-result-lottery h3{font-size:14px!important;line-height:20px!important;margin:0!important;flex:1;min-width:0}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-result-balls{display:flex!important;gap:12px!important;flex-wrap:wrap!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-result-balls small{font-size:11px!important;line-height:16px!important}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-result-balls strong{font:700 19px/1.3 Arial,sans-serif!important;font-variant-numeric:tabular-nums!important;min-width:0!important;width:auto!important;min-height:0!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#1e293b!important;letter-spacing:.4px}
html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-full-navigation .reference-result-print{min-height:44px!important;height:44px!important;border:1px solid var(--ui-control-border)!important;border-radius:7px!important;padding:0 18px!important}
@media(max-width:650px){html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .reference-results-popover{top:75px!important;max-height:calc(100dvh - 85px)!important}}

}

@media screen {
  /* Interactive report controls share the same readable, touch-safe geometry. */
  html[data-pos101] body :is(dialog[open][open], .sales-history-panel, .sales-history-admin) :is(button, input:not([type="checkbox"]):not([type="radio"]), select, .button-link) {
    box-sizing:border-box!important;
    min-height:var(--ui-touch)!important;
    min-width:var(--ui-touch)!important;
    border-radius:var(--ui-radius-small)!important;
    font-size:var(--ui-font-control)!important;
    line-height:1.3!important;
  }
  html[data-pos101] body :is(dialog[open][open], .sales-history-panel, .sales-history-admin) :is(input:not([type="checkbox"]):not([type="radio"]),select) {
    padding:var(--ui-space-2) var(--ui-space-3)!important;
    border:1px solid var(--ui-control-border)!important;
  }
  html[data-pos101] body :is(button,input,select,textarea,a,summary):focus-visible {
    outline:var(--ui-focus-width) solid var(--ui-focus)!important;
    outline-offset:var(--ui-focus-offset)!important;
  }
  html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller.soley-controls-preview .pos-action-row>button.multi-lottery span {
    color:var(--ui-text)!important;
    -webkit-text-fill-color:var(--ui-text)!important;
  }
  html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .sales-report-dialog.sales-report-dialog :is(button,.button-link) {
    background:var(--ui-surface)!important;
    color:var(--ui-text)!important;
    -webkit-text-fill-color:var(--ui-text)!important;
    border:1px solid var(--ui-control-border)!important;
  }
  html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode .sales-report-dialog.sales-report-dialog button.primary {
    background:var(--ui-primary)!important;
    color:var(--ui-on-primary)!important;
    -webkit-text-fill-color:var(--ui-on-primary)!important;
    border-color:var(--ui-primary)!important;
  }
  html[data-pos101] body :is(.manual-ticket-quick-total strong,.ticket-monitor-total strong,.sales-history-total strong,.service-summary dd) {
    font-variant-numeric:tabular-nums;
    overflow-wrap:anywhere;
    min-width:0;
  }
  @media (prefers-reduced-motion: reduce) {
    html[data-pos101] body :is(button,.button,.button-link) {transition:none!important}
  }
  html[data-pos101] body .ticket-monitor-dialog .ticket-monitor-table tbody td[colspan] {
    display:table-cell!important;
    width:auto!important;
    padding:var(--ui-space-4)!important;
    color:var(--ui-text-secondary)!important;
    background:var(--ui-surface-subtle)!important;
    text-align:center!important;
  }
  html[data-pos101] body .ticket-monitor-dialog .ticket-monitor-table tbody td[colspan]::before {content:none!important}

  html[data-pos101] body.terminal-mode.lasuerte-seller.manual-post-mode #terminal#terminal .original-seller .manual-four-panels :is(.manual-column-clear,.line-remove) {
    min-width:var(--ui-touch)!important;width:var(--ui-touch)!important;
    min-height:var(--ui-touch)!important;height:var(--ui-touch)!important;
    color:var(--ui-error)!important;-webkit-text-fill-color:var(--ui-error)!important;
    padding:var(--ui-space-2)!important;border-radius:var(--ui-radius-small)!important;
  }

  html[data-pos101] body.admin-mode label:has(>input[type="checkbox"]) {
    min-height:var(--ui-touch)!important;
    box-sizing:border-box;
    padding-block:var(--ui-space-2);
    align-items:center;
    cursor:pointer;
  }

}