/* v291: screen-only feedback on actionable controls. No layout or business changes. */
@media screen {
  body.system-v286 :is(#appShell #main .page,#appShell #main .topbar,#modalOverlay,.modern-confirm-overlay,#loginScreen) :is(.btn,.dashboard-action,.pos-cat-pill,.password-toggle,.login-submit-btn),
  body.system-v286 #sidebar :is(.nav-item,.nav-group-toggle),
  body.system-v286 :is(.v171-favorite-item,.receipt-toggle) {
    transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease!important;
  }
  body.system-v286 :is(#appShell,#modalOverlay,.modern-confirm-overlay,#loginScreen) :is(button,a[href],[role="button"]):not(:disabled):not([aria-disabled="true"]):focus-visible {
    outline:3px solid #7fceb0!important;outline-offset:3px!important;
  }
  body.system-v286 :is(#appShell,#modalOverlay,.modern-confirm-overlay,#loginScreen) :is(.btn,.dashboard-action,.login-submit-btn):is(:disabled,[aria-disabled="true"],.disabled) {
    box-shadow:none!important;transform:none!important;filter:none!important;transition:none!important;
  }
  body.system-v286 :is(.v171-favorite-item,.receipt-toggle):focus-within {
    outline:2px solid #7fceb0!important;outline-offset:2px!important;
  }
}
@media screen and (hover:hover) and (pointer:fine) {
  /* The existing button palette remains; a light inset adds consistent feedback. */
  body.system-v286 :is(#appShell #main .page,#appShell #main .topbar,#modalOverlay,.modern-confirm-overlay,#loginScreen) :is(.btn,.login-submit-btn):not(:disabled):not([aria-disabled="true"]):not(.disabled):hover {
    box-shadow:inset 0 0 0 1px rgba(8,90,66,.13),0 3px 8px rgba(20,55,39,.08)!important;transform:none!important;filter:none!important;
  }
  body.system-v286 #appShell #main .page:not(.reports-v285) .btn-light:not(:disabled):not([aria-disabled="true"]):hover,
  body.system-v286 #appShell #main .topbar .btn-light:not(:disabled):hover,
  body.system-v286 #modalOverlay .btn-light:not(:disabled):hover {
    background:#eaf5ef!important;border-color:#a9cbbb!important;color:#315d47!important;
  }
  body.system-v286 #appShell #main .page:not(.reports-v285) .btn-warning:not(:disabled):hover,
  body.system-v286 #modalOverlay .btn-warning:not(:disabled):hover {
    background:#ffedcf!important;border-color:#dcbd86!important;
  }
  body.system-v286 #appShell #main .page:not(.reports-v285) .btn-danger:not(:disabled):hover,
  body.system-v286 #modalOverlay .btn-danger:not(:disabled):hover {
    background:#ffe4df!important;border-color:#dfa9a2!important;
  }
  body.system-v286 #appShell #main .page:not(.reports-v285) .btn-info:not(:disabled):hover,
  body.system-v286 #modalOverlay .btn-info:not(:disabled):hover {
    background:#e0f0f8!important;border-color:#a7cddd!important;
  }
  body.system-v286 #appShell #main .topbar #logoutBtn:not(:disabled):hover {
    background:#ffe8e3!important;border-color:#dfa9a2!important;color:#a43e36!important;
  }
  body.system-v286 #appShell #main .reports-v285 .btn:not(.btn-primary):not(:disabled):hover {
    background:var(--report-tint,#eff7f3)!important;border-color:var(--report-tint-border,#d5e8df)!important;
  }
  body.system-v286 #appShell #main .reports-v285 .btn-primary:not(:disabled):hover {
    background:var(--report-accent,#087f63)!important;border-color:var(--report-accent,#087f63)!important;filter:brightness(.94)!important;
  }
  body.system-v286 #appShell #main #page-dashboard .dashboard-action:not(:disabled):hover {
    box-shadow:0 3px 9px rgba(20,55,39,.09)!important;
  }
  body.system-v286 #appShell #main .page:not(.reports-v285):not(#page-dashboard) .btn-primary:disabled:hover,
  body.system-v286 #modalOverlay .btn-primary:disabled:hover {background:#087f63!important;border-color:#087f63!important;}
  /* Navigation preserves the active page and increases icon/text contrast. */
  body.system-v286 #sidebar .nav-item:not(.active):hover {
    background:#294651!important;border-color:#45656d!important;color:#fff!important;box-shadow:inset 3px 0 0 #71c5a1!important;
  }
  body.system-v286 #sidebar .nav-item:not(.active):hover i {color:#b9ead6!important;}
  body.system-v286 #sidebar .nav-item.active:hover {background:#066e55!important;border-color:#28ab86!important;}
  body.system-v286 #sidebar .nav-group-toggle:hover {background:#243d49!important;color:#d7e7e1!important;}
  body.system-v286 #sidebar .nav-group-toggle:hover :is(.nav-group-icon,.nav-group-chev) {color:#b9d8ca!important;}
  /* Tabs and filter pills keep their selected state. */
  body.system-v286 :is(#appShell #main .page,#modalOverlay) .pos-cat-pill:not(.active):not(.on):not(:disabled):hover {
    background:#eaf5ef!important;border-color:#a9cbbb!important;color:#315d47!important;box-shadow:inset 0 0 0 1px rgba(8,90,66,.08)!important;
  }
  body.system-v286 #appShell #main #page-dashboard .dashboard-chart-period-toggle .btn:not(.btn-primary):not(:disabled):hover {
    background:#e7f2eb!important;color:#315d47!important;box-shadow:none!important;
  }
  /* Highlight only editable, valid fields; validation and focus retain priority. */
  body.system-v286 :is(#appShell #main .page,#appShell #main .topbar,#modalOverlay,#loginScreen) :is(.input,select,textarea):not(:disabled):not([readonly]):not(:focus):not(:invalid):not(.field-error-input):not([aria-invalid="true"]):hover {
    border-color:#9ac5af!important;
  }
  body.system-v286 :is(#appShell #main .page,#modalOverlay) .choices:not(.is-disabled):not(.is-focused):not(.is-open):not(.field-error-wrapper):not([aria-invalid="true"]):hover .choices__inner {
    border-color:#9ac5af!important;
  }
  body.system-v286 :is(#appShell #main .page,#modalOverlay) .choices__item--choice:not(.choices__item--disabled):hover {
    background:#e5f3eb!important;color:#176446!important;
  }
  /* Soft row guidance supports scanning without implying that every row is a link. */
  body.system-v286 #appShell #main .page .table tbody tr:not(.total-row):not(.summary-row):not([style*="background"]):hover>td:not([style*="background"]),
  body.system-v286 #modalOverlay .table tbody tr:not(.total-row):not(.summary-row):not([style*="background"]):hover>td:not([style*="background"]) {
    background:var(--report-tint,#eef7f2)!important;
  }
  body.system-v286 #appShell #main .page .table :is(th[onclick],td[onclick]):hover {color:#176446!important;}
  body.system-v286 #appShell #main :is(#globalSearchDropdown,#notifPanel)>div[onclick]:hover {
    background:#eaf5ef!important;box-shadow:inset 3px 0 0 #71c5a1!important;
  }
  body.system-v286 #loginScreen a[onclick]:hover {color:#176446!important;text-decoration-thickness:2px;text-underline-offset:3px;}
  body.system-v286 #loginScreen .password-toggle:not(:disabled):hover {
    color:#176446!important;background:#eaf5ef!important;
  }
  body.system-v286 #modalOverlay .v171-favorite-item:not(:has(input:disabled)):hover,
  body.system-v286 #appShell #main .receipt-toggle:not(:has(input:disabled)):hover {
    background:#edf7f1!important;border-color:#a9cbbb!important;box-shadow:0 2px 7px rgba(20,55,39,.07)!important;transform:none!important;
  }
}
@media screen and (prefers-reduced-motion:reduce) {
  body.system-v286 :is(#appShell,#modalOverlay,.modern-confirm-overlay,#loginScreen) :is(button,a[href],.choices__inner,.v171-favorite-item,.receipt-toggle,.pos-product-tile) {
    transition:none!important;
  }
  body.system-v286 .pos-product-tile :is(.v171-quick-product,.pos-browse-item),
  body.system-v286 #modalOverlay .v171-favorite-item {transform:none!important;}
}