/* v287 — shared visual design. Screen-only styles leave receipts and exports intact.
   Existing IDs, controls, handlers, visibility rules and form structure are unchanged. */
@media screen {
body.system-v286 {
  --primary:#087f63;--primary-dark:#06684f;--primary-soft:#edf7f1;
  --bg:#f4f7f5;--card:#fff;--text:#243a32;--muted:#708279;--border:#dde7e0;
  --shadow:0 2px 7px rgba(22,49,38,.035);--shadow-strong:0 22px 70px rgba(13,34,28,.18);
  --radius:14px;--sidebar-w:256px;--sidebar-collapsed-w:80px;
  --sd-ink:#243a32;--sd-muted:#708279;--sd-line:#dde7e0;--sd-accent:#087f63;
  background:var(--bg)!important;color:var(--sd-ink)!important;
  font-family:'Outfit Variable',Arial,sans-serif!important;-webkit-font-smoothing:antialiased;
}
body.system-v286 #appShell #main {margin-left:256px!important;width:calc(100% - 256px)!important;padding:24px 28px 40px!important;min-width:0;background:var(--bg)!important;}
body.system-v286 #appShell #main.expanded {margin-left:80px!important;width:calc(100% - 80px)!important;}
body.system-v286.pos-fullscreen-mode #appShell #main {margin-left:0!important;width:100%!important;}
body.system-v286 #sidebar {width:256px!important;background:#172d3b!important;border:0!important;box-shadow:none!important;}
body.system-v286 #sidebar.collapsed {width:80px!important;}
body.system-v286 #sidebar .sidebar-header {height:auto!important;min-height:100px;padding:23px 20px!important;gap:12px!important;background:transparent!important;border-bottom:1px solid #2b414d!important;}
body.system-v286 #sidebar .sidebar-logo {width:42px!important;height:42px!important;border-radius:11px!important;background:#284b4b!important;color:#9fe2c2!important;box-shadow:none!important;}
body.system-v286 #sidebar .sidebar-logo img {object-fit:contain!important;border-radius:9px!important;padding:3px!important;}
body.system-v286 #sidebar .sidebar-title {font-size:14px!important;line-height:1.4!important;font-weight:600!important;text-shadow:none!important;color:#fff!important;max-width:164px!important;}
body.system-v286 #sidebar .sidebar-subtitle {font-size:10px!important;color:#99b0b8!important;font-weight:450!important;line-height:1.5!important;}
body.system-v286 #sidebar .nav {padding:14px 12px!important;scrollbar-width:thin;scrollbar-color:#405766 transparent;}
body.system-v286 #sidebar .nav-modern-label {font-size:9px!important;letter-spacing:.13em!important;color:#96acb5!important;padding:0 10px 9px!important;font-weight:600!important;}
body.system-v286 #sidebar .nav-group {background:transparent!important;border:0!important;border-radius:0!important;margin:0 0 12px!important;box-shadow:none!important;}
body.system-v286 #sidebar .nav-group-toggle {background:transparent!important;border-radius:8px!important;padding:9px 10px!important;color:#91a8b1!important;transform:none!important;box-shadow:none!important;}
body.system-v286 #sidebar .nav-group-title {font-size:9px!important;letter-spacing:.12em!important;font-weight:600!important;}
body.system-v286 #sidebar .nav-group-icon,body.system-v286 #sidebar .nav-group-chev {color:#809da6!important;font-size:11px!important;}
body.system-v286 #sidebar .nav-item {border:1px solid transparent!important;border-radius:8px!important;padding:10px 12px!important;margin:2px 0!important;gap:12px!important;color:#cedae0!important;background:transparent!important;font-size:12px!important;font-weight:500!important;box-shadow:none!important;transform:none!important;}
body.system-v286 #sidebar .nav-item i {font-size:13px!important;width:17px!important;color:#98b6bd!important;}
body.system-v286 #sidebar .nav-item:hover {background:#243d49!important;color:#fff!important;}
body.system-v286 #sidebar .nav-item.active {background:#087f63!important;border-color:#159c7a!important;color:#fff!important;box-shadow:none!important;}
body.system-v286 #sidebar .nav-item.active i {color:#c0f1dc!important;}
body.system-v286 #sidebar .nav-item::before {content:none!important;}
body.system-v286 #sidebar .sidebar-footer-credit {font-size:10px!important;color:#92a9b4!important;background:#172d3b!important;border-color:#2b414d!important;padding:15px 12px!important;}
body.system-v286 #sidebar .app-version-badge {font-size:8px!important;border-radius:5px!important;background:#28474c!important;color:#a3d3ce!important;}
body.system-v286 #appShell #main .topbar {background:#fff!important;border:1px solid var(--sd-line)!important;border-radius:12px!important;box-shadow:0 2px 6px rgba(22,49,38,.025)!important;color:var(--sd-ink)!important;padding:14px 18px!important;margin-bottom:28px!important;min-height:74px;gap:18px!important;backdrop-filter:none!important;}
body.system-v286 #appShell #main .topbar .top-title {color:var(--sd-ink)!important;-webkit-text-fill-color:var(--sd-ink)!important;text-shadow:none!important;font-size:15px!important;font-weight:600!important;}
body.system-v286 #appShell #main .topbar #todayText {color:var(--sd-muted)!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;font-size:10px!important;font-weight:400!important;line-height:1.6!important;}
body.system-v286 #appShell #main .topbar .btn-light {background:#f8faf8!important;color:#6b8076!important;border:1px solid #e5ece7!important;box-shadow:none!important;border-radius:8px!important;padding:8px 10px!important;}
body.system-v286 #appShell #main .topbar i {color:inherit!important;-webkit-text-fill-color:currentColor!important;}
body.system-v286 #appShell #main .topbar #globalSearchInput {background:#f5f8f6!important;color:#476054!important;-webkit-text-fill-color:#476054!important;border:1px solid #e1e9e4!important;border-radius:8px!important;padding:10px 35px 10px 13px!important;font:400 12px 'Outfit Variable',Arial,sans-serif!important;}
body.system-v286 #appShell #main .topbar #globalSearchInput::placeholder {color:#92a299!important;-webkit-text-fill-color:#92a299!important;}
body.system-v286 #appShell #main .topbar .user-pill {background:#f7faf8!important;border:1px solid #e7eee9!important;border-radius:8px!important;box-shadow:none!important;font-size:11px!important;padding:8px 11px!important;font-weight:500!important;color:#476054!important;}
body.system-v286 #appShell #main .topbar .user-pill * {color:inherit!important;-webkit-text-fill-color:currentColor!important;}
body.system-v286 #appShell #main .topbar #logoutBtn {background:#fff6f5!important;border:1px solid #f1d6d2!important;color:#b75047!important;box-shadow:none!important;padding:9px 12px!important;border-radius:8px!important;font-size:11px!important;font-weight:500!important;}
body.system-v286 #appShell #main #notifPanel,body.system-v286 #appShell #main #globalSearchDropdown {border-color:var(--sd-line)!important;border-radius:12px!important;box-shadow:0 12px 40px rgba(23,45,34,.14)!important;max-width:calc(100vw - 28px)!important;}
body.system-v286 #appShell #main .page {min-width:0;max-width:100%;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285))::before {content:'BUSINESS / WORKSPACE';display:block;margin:6px 0 9px;font-size:9px;font-weight:600;letter-spacing:.13em;color:#7e9287;}
body.system-v286 #appShell #main :is(#page-products,#page-categories,#page-brands,#page-suppliers,#page-customers)::before {content:'BUSINESS / MASTER FILES';}
body.system-v286 #appShell #main :is(#page-purchases,#page-purchaseorders,#page-supplierreturns,#page-pricebulletins,#page-pos,#page-returns,#page-adjustments,#page-stockcount,#page-ledger)::before {content:'BUSINESS / TRANSACTIONS';}
body.system-v286 #appShell #main :is(#page-expenses,#page-cashflow,#page-closing)::before {content:'BUSINESS / FINANCE';}
body.system-v286 #appShell #main :is(#page-users,#page-connections,#page-settings,#page-backup,#page-audit)::before {content:'BUSINESS / ADMINISTRATION';}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .card {background:#fff!important;border:1px solid var(--sd-line)!important;border-radius:14px!important;box-shadow:0 2px 5px rgba(23,45,34,.025)!important;padding:22px!important;margin-bottom:20px!important;backdrop-filter:none!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285))>.card.card-head:first-child {background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 10px!important;margin-bottom:20px!important;gap:18px!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285))>.card.card-head:first-child .card-title {font-size:28px!important;letter-spacing:-.035em!important;line-height:1.2!important;font-weight:600!important;color:var(--sd-ink)!important;margin:0 0 8px!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285))>.card.card-head:first-child .card-subtitle {margin:0!important;max-width:780px;line-height:1.6!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .card-title {font-size:16px!important;line-height:1.4!important;letter-spacing:-.02em!important;font-weight:600!important;color:var(--sd-ink)!important;margin:0 0 6px!important;text-shadow:none!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .card-title i {color:#60957f!important;margin-right:6px;}
body.system-v286 #appShell #main .page .card-subtitle {font-size:12px!important;line-height:1.6!important;font-weight:400!important;color:var(--sd-muted)!important;}
body.system-v286 #appShell #main .page .card::before,body.system-v286 #appShell #main .page .card::after {content:none!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .page-modern-hero {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 0 16px!important;margin:0 0 20px!important;color:var(--sd-ink)!important;}
body.system-v286 #appShell #main .page-modern-hero h2 {font-size:28px!important;letter-spacing:-.035em!important;color:var(--sd-ink)!important;font-weight:600!important;line-height:1.25!important;}
body.system-v286 #appShell #main .page-modern-hero p {font-size:12px!important;line-height:1.6!important;color:var(--sd-muted)!important;}
body.system-v286 #appShell #main .hero-chip {background:#edf5f0!important;border:1px solid #dce9e1!important;color:#547767!important;box-shadow:none!important;font-size:10px!important;}
body.system-v286 #appShell #main .page :is(.toolbar,.card-head,.table-actions,.pos-action-row) {gap:10px!important;}
body.system-v286 #appShell #main .page .toolbar {align-items:flex-end!important;}
body.system-v286 #appShell #main .page .toolbar .field {flex:1 1 150px;min-width:0!important;}
body.system-v286 #appShell #main .page .toolbar .search-input {flex-basis:260px;}
body.system-v286 #appShell #main .page :is(.form-grid,.form-grid-3) {gap:16px!important;min-width:0;}
body.system-v286 #appShell #main .page .field,body.system-v286 #modalOverlay .field {min-width:0!important;gap:7px!important;}
body.system-v286 #appShell #main .page .field label,body.system-v286 #modalOverlay .field label {font-size:10px!important;letter-spacing:.035em!important;line-height:1.5!important;font-weight:550!important;color:#5e7969!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) :is(.input,select,textarea),body.system-v286 #modalOverlay :is(.input,select,textarea) {background:#fff!important;border:1px solid #d8e5dc!important;border-radius:8px!important;box-shadow:none!important;color:#385548!important;font:400 13px 'Outfit Variable',Arial,sans-serif!important;min-height:42px!important;padding:10px 12px!important;max-width:100%;}
body.system-v286 #appShell #main .page :is(.input,textarea)::placeholder,body.system-v286 #modalOverlay :is(.input,textarea)::placeholder {color:#95a49b!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) :is(.input,select,textarea):focus,body.system-v286 #modalOverlay :is(.input,select,textarea):focus {border-color:#5caa8e!important;box-shadow:0 0 0 3px rgba(8,127,99,.09)!important;outline:none!important;}
body.system-v286 #appShell #main .page :is(input[type=checkbox],input[type=radio]),body.system-v286 #modalOverlay :is(input[type=checkbox],input[type=radio]) {min-height:0!important;accent-color:#087f63;}
body.system-v286 #appShell #main .page .choices__inner,body.system-v286 #modalOverlay .choices__inner {background:#fff!important;border:1px solid #d8e5dc!important;border-radius:8px!important;box-shadow:none!important;min-height:42px!important;padding:7px 12px!important;font-size:13px!important;font-weight:400!important;color:#385548!important;}
body.system-v286 #appShell #main .page .choices.is-focused .choices__inner,body.system-v286 #appShell #main .page .choices.is-open .choices__inner,body.system-v286 #modalOverlay .choices.is-focused .choices__inner,body.system-v286 #modalOverlay .choices.is-open .choices__inner {border-color:#5caa8e!important;box-shadow:0 0 0 3px rgba(8,127,99,.09)!important;}
body.system-v286 #appShell #main .page .choices__list--dropdown,body.system-v286 #modalOverlay .choices__list--dropdown {background:#fff!important;border-color:#d8e5dc!important;border-radius:9px!important;box-shadow:0 12px 28px rgba(21,46,33,.12)!important;font-size:12px!important;}
body.system-v286 #appShell #main .page .choices__item--choice.is-highlighted,body.system-v286 #modalOverlay .choices__item--choice.is-highlighted {background:#edf7f1!important;color:#087f63!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .btn,body.system-v286 #modalOverlay .btn {border-radius:8px!important;box-shadow:none!important;text-shadow:none!important;font:550 12px 'Outfit Variable',Arial,sans-serif!important;letter-spacing:0!important;padding:10px 14px!important;min-height:40px;transform:none!important;transition:background .14s,border-color .14s!important;}
body.system-v286 #appShell #main .page .btn::before,body.system-v286 #appShell #main .page .btn::after,body.system-v286 #modalOverlay .btn::before,body.system-v286 #modalOverlay .btn::after {content:none!important;}
body.system-v286 #appShell #main .page:not(:where(.reports-v285)) .btn-light,body.system-v286 #modalOverlay .btn-light {background:#f8faf8!important;color:#60776a!important;border:1px solid #dce7df!important;}
body.system-v286 #appShell #main .page:not(:where(.reports-v285)) :is(.btn-primary,.btn-secondary),body.system-v286 #modalOverlay :is(.btn-primary,.btn-secondary) {background:#087f63!important;color:#fff!important;border:1px solid #087f63!important;}
body.system-v286 #appShell #main .page:not(:where(.reports-v285)) :is(.btn-primary,.btn-secondary):hover,body.system-v286 #modalOverlay :is(.btn-primary,.btn-secondary):hover {background:#06684f!important;border-color:#06684f!important;}
body.system-v286 #appShell #main .page:not(:where(.reports-v285)) .btn-success,body.system-v286 #modalOverlay .btn-success {background:#edf8f0!important;color:#287549!important;border:1px solid #cee6d6!important;}
body.system-v286 #appShell #main .page:not(:where(.reports-v285)) .btn-success:hover,body.system-v286 #modalOverlay .btn-success:hover {background:#e1f2e7!important;}
body.system-v286 #appShell #main .page:not(:where(.reports-v285)) .btn-warning,body.system-v286 #modalOverlay .btn-warning {background:#fff6eb!important;color:#b87830!important;border:1px solid #f0dfc5!important;}
body.system-v286 #appShell #main .page:not(:where(.reports-v285)) .btn-danger,body.system-v286 #modalOverlay .btn-danger {background:#fff2f0!important;color:#b6554d!important;border:1px solid #eed2ce!important;}
body.system-v286 #appShell #main .page:not(:where(.reports-v285)) .btn-info,body.system-v286 #modalOverlay .btn-info {background:#edf6fa!important;color:#3d7c9b!important;border:1px solid #d0e5ef!important;}
body.system-v286 #appShell .btn:focus-visible,body.system-v286 #modalOverlay .btn:focus-visible,body.system-v286 #sidebar .nav-item:focus-visible,body.system-v286 #sidebar .nav-group-toggle:focus-visible {outline:3px solid #7fceb0!important;outline-offset:3px!important;}
body.system-v286 #appShell #main .page .btn:disabled,body.system-v286 #modalOverlay .btn:disabled {opacity:.42!important;cursor:not-allowed;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .table-wrap {border:1px solid var(--sd-line)!important;border-radius:11px!important;padding:0!important;background:#fff!important;box-shadow:none!important;max-width:100%;overflow-x:auto!important;scrollbar-width:thin;scrollbar-color:#c2d5c8 #f7faf8;}
body.system-v286 #appShell #main .page .table-wrap:has(.choices),body.system-v286 #modalOverlay .table-wrap:has(.choices) {overflow:visible!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .table,body.system-v286 #modalOverlay .table {border-collapse:collapse!important;border-spacing:0!important;font-size:12px!important;min-width:100%!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .table th,body.system-v286 #modalOverlay .table th {background:#f3f7f4!important;color:#708777!important;font-size:10px!important;line-height:1.5!important;font-weight:550!important;text-transform:uppercase;letter-spacing:.025em!important;border:0!important;border-bottom:1px solid #dde8e0!important;padding:12px 13px!important;white-space:nowrap!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .table td,body.system-v286 #modalOverlay .table td {background:#fff!important;color:#42614f!important;font-size:12px!important;font-weight:400!important;line-height:1.6!important;border:0!important;border-bottom:1px solid #edf2ee!important;padding:13px!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .table tbody tr:nth-child(even) td,body.system-v286 #modalOverlay .table tbody tr:nth-child(even) td {background:#fbfdfb!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .table tbody tr:hover td {background:#f0f7f3!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .table tfoot td {background:#edf5f0!important;border-top:1px solid #d7e6db!important;font-weight:600!important;}
body.system-v286 #appShell #main .page .table .btn,body.system-v286 #modalOverlay .table .btn {font-size:10px!important;padding:7px 9px!important;min-height:30px!important;white-space:nowrap;}
body.system-v286 #appShell #main .page .table .input,body.system-v286 #modalOverlay .table .input {font-size:12px!important;min-height:35px!important;padding:7px 9px!important;}
body.system-v286 #appShell #main .page .table-refreshbar {margin:16px 0 10px!important;}
body.system-v286 #appShell #main .page .table-refreshbar .btn {font-size:10px!important;min-height:30px!important;padding:6px 10px!important;}
body.system-v286 #appShell #main .page .pagination {justify-content:space-between!important;font-size:10px!important;color:#879b8c!important;gap:12px!important;margin:14px 0 20px!important;flex-wrap:wrap;}
body.system-v286 #appShell #main .page .pagination .btn {font-size:10px!important;min-height:30px!important;padding:6px 11px!important;}
body.system-v286 #appShell #main .page .empty {font-size:12px!important;line-height:1.7!important;color:#82968a!important;padding:32px 20px!important;}
body.system-v286 #appShell #main .page .notice,body.system-v286 #modalOverlay .notice {background:#f0f7f3!important;border:1px solid #ddebe2!important;color:#567563!important;box-shadow:none!important;border-radius:9px!important;font-size:12px!important;line-height:1.7!important;font-weight:400!important;padding:12px 15px!important;}
body.system-v286 #appShell #main .page .notice-warning,body.system-v286 #modalOverlay .notice-warning {background:#fff8ed!important;border-color:#efdfbf!important;color:#956d33!important;}
body.system-v286 #appShell #main .page .notice-danger,body.system-v286 #modalOverlay .notice-danger {background:#fff3f1!important;border-color:#edccc7!important;color:#b1564d!important;}
body.system-v286 #appShell #main .page .badge,body.system-v286 #modalOverlay .badge {box-shadow:none!important;border-radius:6px!important;font-size:10px!important;font-weight:500!important;padding:4px 8px!important;}
body.system-v286 #appShell #main .page .ledger-summary-card {background:#f6faf7!important;border:1px solid #dfeae2!important;border-radius:10px!important;padding:14px!important;box-shadow:none!important;}
body.system-v286 #appShell #main .page .ledger-summary-card span {font-size:9px!important;font-weight:500!important;color:#6c8575!important;}
body.system-v286 #appShell #main .page .ledger-summary-card b {font-size:21px!important;font-weight:550!important;letter-spacing:-.03em;color:#315b43!important;}
body.system-v286 #appShell #main .page:not(:where(.reports-v285)) .ledger-report-title {text-align:left!important;border-bottom:1px solid #e3ebe6!important;padding-bottom:18px!important;margin-bottom:20px!important;}
body.system-v286 #appShell #main .page .ledger-report-title h2 {font-size:16px!important;font-weight:550!important;color:#315344!important;}
body.system-v286 #appShell #main .page .ledger-report-title h3 {font-size:23px!important;font-weight:550!important;color:var(--sd-ink)!important;}
body.system-v286 #appShell #main .page .ledger-report-title p {font-size:11px!important;color:var(--sd-muted)!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285))>.card:first-child>.card-title {font-size:27px!important;line-height:1.3!important;letter-spacing:-.035em!important;}
/* POS keeps the existing cart, shortcuts, payment fields and keyboard handlers. */
body.system-v286 #appShell #main #page-pos .pos-pro-shell {min-width:0!important;max-width:100%;}
body.system-v286 #appShell #main #page-pos .pos-pro-hero {background:transparent!important;border:0!important;box-shadow:none!important;padding:0 0 18px!important;margin:0 0 20px!important;align-items:center;gap:24px!important;}
body.system-v286 #appShell #main #page-pos .pos-pro-icon {background:#e5f2eb!important;color:#4e8d70!important;box-shadow:none!important;border:1px solid #d5e9dc!important;width:46px!important;height:46px!important;border-radius:12px!important;font-size:19px!important;}
body.system-v286 #appShell #main #page-pos .pos-pro-title {color:var(--sd-ink)!important;font-size:28px!important;font-weight:600!important;letter-spacing:-.035em!important;text-shadow:none!important;}
body.system-v286 #appShell #main #page-pos .pos-pro-subtitle {color:var(--sd-muted)!important;font-size:12px!important;font-weight:400!important;}
body.system-v286 #appShell #main #page-pos .pos-pro-grid {grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr)!important;gap:20px!important;}
body.system-v286 #appShell #main #page-pos .pos-pro-left {gap:0!important;min-width:0;}
body.system-v286 #appShell #main #page-pos .pos-pro-right {min-width:0;}
body.system-v286 #appShell #main #page-pos .pos-stat-pill {background:#fff!important;border:1px solid #dfe9e2!important;border-radius:10px!important;box-shadow:none!important;min-width:95px!important;padding:12px 14px!important;}
body.system-v286 #appShell #main #page-pos .pos-stat-pill span {color:#7d9386!important;font-size:9px!important;font-weight:500!important;}
body.system-v286 #appShell #main #page-pos .pos-stat-pill b {font-size:18px!important;font-weight:550!important;color:#375d47!important;}
body.system-v286 #appShell #main #page-pos .pos-stat-pill.accent {background:#edf7f1!important;border-color:#cde6d6!important;}
body.system-v286 #appShell #main #page-pos .pos-total-panel {background:#123f33!important;border:0!important;border-radius:12px!important;box-shadow:none!important;padding:22px!important;text-align:left!important;margin:18px 0!important;}
body.system-v286 #appShell #main #page-pos .pos-total-panel span {color:#a7cbbc!important;font-size:10px!important;font-weight:500!important;letter-spacing:.06em!important;}
body.system-v286 #appShell #main #page-pos .pos-total-panel b {color:#fff!important;font-size:40px!important;line-height:1.3!important;letter-spacing:-.045em!important;font-weight:550!important;}
body.system-v286 #appShell #main #page-pos .pos-total-panel small {color:#a7cbbc!important;font-size:10px!important;font-weight:400!important;}
body.system-v286 #appShell #main #page-pos :is(.pos-payment-summary,.pos-cashier-summary) {background:#f6faf7!important;border:1px solid #e3ece6!important;border-radius:10px!important;box-shadow:none!important;}
body.system-v286 #appShell #main #page-pos .pos-summary-row {padding:8px 0!important;font-size:12px!important;font-weight:400!important;color:#6b8273!important;border-color:#e0e9e3!important;}
body.system-v286 #appShell #main #page-pos .pos-summary-row b {color:#345840!important;font-size:13px!important;font-weight:550!important;}
body.system-v286 #appShell #main #page-pos .pos-change-row {border-radius:8px!important;background:#e7f4ec!important;padding:12px!important;}
body.system-v286 #appShell #main #page-pos .pos-checkout-btn {background:#087f63!important;color:#fff!important;border-color:#087f63!important;padding:14px 18px!important;font-size:13px!important;min-height:48px!important;box-shadow:none!important;}
body.system-v286 #appShell #main #page-pos .pos-checkout-btn:hover {background:#06684f!important;}
body.system-v286 #appShell #main #page-pos :is(.pos-live-dot,.pos-cart-count,.pos-credit-dropdown-hint) {background:#f0f7f3!important;color:#609375!important;border-color:#d9e9df!important;font-size:10px!important;font-weight:450!important;box-shadow:none!important;}
body.system-v286 #appShell #main #page-pos .pos-card-title-row,body.system-v286 #appShell #main #page-pos .pos-terminal-head {margin-bottom:16px!important;}
body.system-v286 #appShell #main #page-pos .pos-quick-pay-row {gap:6px!important;margin:14px 0!important;}
body.system-v286 #appShell #main #page-pos .pos-quick-pay-row .btn {min-height:30px!important;padding:7px 9px!important;font-size:10px!important;}
body.system-v286 #appShell #main #page-pos .pos-cart-table td:first-child {min-width:175px!important;width:auto!important;}
body.system-v286 #appShell #main #page-pos .pos-cart-table .input {min-width:64px!important;}
/* Administrative workspaces and backup cards. */
body.system-v286 #appShell #main #page-settings .business-settings-section {background:#fff!important;border:1px solid var(--sd-line)!important;border-radius:12px!important;padding:20px!important;box-shadow:none!important;min-width:0;}
body.system-v286 #appShell #main #page-settings .business-settings-section-head {border-color:#e2ebe5!important;padding-bottom:15px!important;margin-bottom:18px!important;}
body.system-v286 #appShell #main #page-settings .business-settings-section-head h3 {color:var(--sd-ink)!important;font-size:16px!important;font-weight:550!important;}
body.system-v286 #appShell #main #page-settings .business-settings-section-head p {color:var(--sd-muted)!important;font-size:11px!important;font-weight:400!important;}
body.system-v286 #appShell #main #page-settings :is(.settings-section-icon-suite,.settings-suite-badge) {background:#edf5f0!important;color:#579474!important;box-shadow:none!important;border-radius:8px!important;}
body.system-v286 #appShell #main #page-settings .settings-primary-card .form-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body.system-v286 #appShell #main #page-settings .settings-primary-card .settings-tab-panel .form-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body.system-v286 #appShell #main #page-settings .settings-logo-preview {background:#f6faf7!important;border-color:var(--sd-line)!important;border-radius:10px!important;box-shadow:none!important;}
body.system-v286 #appShell #main #page-settings :is(.settings-gradient-section-title,.settings-modern-head) {background:#f4f8f5!important;color:#355b45!important;box-shadow:none!important;border:1px solid #e0e9e3!important;border-radius:10px!important;}
body.system-v286 #appShell #main #page-settings :is(.settings-gradient-section-title,.settings-modern-head) :is(h3,p,i) {color:#557864!important;text-shadow:none!important;}
body.system-v286 #appShell #main #page-connections .connection-modern-section {background:#fff!important;border-color:var(--sd-line)!important;}
body.system-v286 #appShell #main #page-connections .connection-section-title {color:var(--sd-ink)!important;font-size:16px!important;font-weight:550!important;}
body.system-v286 #appShell #main #page-connections .connection-section-subtitle {color:var(--sd-muted)!important;font-size:11px!important;font-weight:400!important;}
body.system-v286 #appShell #main #page-connections :is(.connection-section-icon,.connection-stat-icon) {background:#edf7f1!important;color:#559571!important;border:0!important;border-radius:10px!important;box-shadow:none!important;}
body.system-v286 #appShell #main #page-connections :is(.connection-section-label,.connection-section-badge) {background:#f3f7f4!important;border-color:#dfe9e2!important;color:#7b9584!important;font-size:9px!important;}
body.system-v286 #appShell #main #page-connections .connection-stat {background:#fff!important;border:1px solid var(--sd-line)!important;border-radius:12px!important;box-shadow:none!important;padding:18px!important;}
body.system-v286 #appShell #main #page-connections .connection-stat-label {font-size:9px!important;color:#7a9082!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.04em;}
body.system-v286 #appShell #main #page-connections .connection-stat-value {font-size:24px!important;color:#355b45!important;font-weight:550!important;}
body.system-v286 #appShell #main #page-backup .backup-hero {background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;color:var(--sd-ink)!important;margin-bottom:24px!important;}
body.system-v286 #appShell #main #page-backup .backup-hero h2 {font-size:28px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.035em!important;color:var(--sd-ink)!important;max-width:660px;}
body.system-v286 #appShell #main #page-backup .backup-hero p {font-size:12px!important;line-height:1.65!important;font-weight:400!important;color:var(--sd-muted)!important;}
body.system-v286 #appShell #main #page-backup .backup-eyebrow {background:#eaf4ed!important;border-color:#d6e9dd!important;color:#4e8062!important;box-shadow:none!important;font-size:10px!important;}
body.system-v286 #appShell #main #page-backup .backup-status-grid {margin-top:22px!important;gap:16px!important;}
body.system-v286 #appShell #main #page-backup .backup-stat-card {background:#fff!important;border:1px solid var(--sd-line)!important;box-shadow:none!important;border-radius:12px!important;padding:18px!important;}
body.system-v286 #appShell #main #page-backup .backup-stat-label {font-size:9px!important;font-weight:500!important;color:#7b9585!important;text-transform:uppercase;letter-spacing:.05em;}
body.system-v286 #appShell #main #page-backup .backup-stat-value {font-size:20px!important;font-weight:550!important;color:#315e44!important;}
body.system-v286 #appShell #main #page-backup .backup-modern-card {background:#fff!important;border:1px solid var(--sd-line)!important;border-radius:14px!important;box-shadow:none!important;padding:22px!important;min-width:0;}
body.system-v286 #appShell #main #page-backup .backup-card-title {font-size:16px!important;font-weight:550!important;color:var(--sd-ink)!important;}
body.system-v286 #appShell #main #page-backup .backup-card-sub {font-size:11px!important;font-weight:400!important;line-height:1.65!important;color:var(--sd-muted)!important;}
body.system-v286 #appShell #main #page-backup :is(.backup-meta-item,.backup-note-box) {background:#f4f9f5!important;border-color:#deebe2!important;color:#66816f!important;font-size:11px!important;border-radius:9px!important;box-shadow:none!important;}
body.system-v286 #appShell #main #page-backup .backup-warning-box {background:#fff6ed!important;color:#9c783b!important;border-color:#f1e1c5!important;box-shadow:none!important;font-size:11px!important;border-radius:9px!important;}
body.system-v286 #appShell #main #page-backup .backup-list-item {border-color:#e0eae3!important;box-shadow:none!important;background:#fff!important;border-radius:10px!important;}
body.system-v286 #appShell #main #page-myaccount .kpi {background:#fff!important;border:1px solid var(--sd-line)!important;box-shadow:none!important;border-radius:12px!important;min-width:0;}
body.system-v286 #appShell #main #page-myaccount .kpi-value {color:#355b45!important;font-size:21px!important;font-weight:550!important;overflow-wrap:anywhere;}
body.system-v286 #appShell #main #page-myaccount .kpi-icon {background:#edf6f0!important;color:#5b9977!important;box-shadow:none!important;}
/* Dialog chrome and form fields; dropdown positioning remains owned by the app. */
body.system-v286 #modalOverlay {background:rgba(16,34,30,.46)!important;backdrop-filter:blur(4px)!important;}
body.system-v286 #modalOverlay .modal {background:#fff!important;border:1px solid #dbe7de!important;border-radius:16px!important;box-shadow:0 24px 80px rgba(16,34,30,.22)!important;}
body.system-v286 #modalOverlay .modal-header {background:#fff!important;color:var(--sd-ink)!important;border-bottom:1px solid #e4ece6!important;padding:20px 24px!important;border-radius:16px 16px 0 0!important;box-shadow:none!important;}
body.system-v286 #modalOverlay .modal-title {color:var(--sd-ink)!important;text-shadow:none!important;font-size:20px!important;font-weight:550!important;letter-spacing:-.025em!important;}
body.system-v286 #modalOverlay .modal-body {padding:22px 24px!important;background:#fff!important;}
body.system-v286 #modalOverlay .modal-footer {background:#f8fbf9!important;border-top:1px solid #e4ece6!important;padding:16px 24px!important;border-radius:0 0 16px 16px!important;gap:10px!important;}
body.system-v286 #modalOverlay .card {border:1px solid #dfe9e2!important;border-radius:12px!important;background:#f9fcfa!important;box-shadow:none!important;padding:18px!important;}
body.system-v286 #modalOverlay .card-title {color:#355a43!important;font-size:15px!important;font-weight:550!important;}
body.system-v286 #modalOverlay :is(.detail-pill,.soft-card,.po-items-card) {background:#f7fbf8!important;border-color:#deebe2!important;border-radius:10px!important;box-shadow:none!important;}
body.system-v286 #modalOverlay .form-grid {gap:16px!important;}
body.system-v286 #modalOverlay .modal-header .btn {min-height:30px!important;padding:8px 10px!important;}
body.system-v286 #toastWrap .toast {border-radius:10px!important;box-shadow:0 8px 28px rgba(26,47,36,.12)!important;font-size:12px!important;}
/* Preserve the v283 validation contract, including focused invalid fields. */
body.system-v286 #appShell #main .page :is(.input,select,textarea).field-error-input,body.system-v286 #modalOverlay :is(.input,select,textarea).field-error-input,body.system-v286 #appShell #main .page .choices.field-error-wrapper .choices__inner,body.system-v286 #modalOverlay .choices.field-error-wrapper .choices__inner {border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.12)!important;}
/* Sign-in is a calm, focused card. All existing authentication controls remain. */
body.system-v286 #loginScreen {background:#f1f6f3!important;min-height:100dvh!important;padding:40px 20px!important;}
body.system-v286 #loginScreen::before {content:'';position:absolute;inset:0 50% 0 0;background:#172d3b;border-radius:0 48px 48px 0;opacity:1;pointer-events:none;}
body.system-v286 #loginScreen::after {content:'';position:absolute;width:400px;height:400px;border:1px solid rgba(147,209,182,.12);border-radius:50%;top:-200px;left:-150px;box-shadow:0 0 0 70px rgba(147,209,182,.035),0 0 0 140px rgba(147,209,182,.025);pointer-events:none;}
body.system-v286 #loginScreen :is(.login-bg-shape,.login-orb) {opacity:0!important;}
body.system-v286 #loginScreen .login-grid {width:100%!important;max-width:460px!important;position:relative;z-index:1;grid-template-columns:minmax(0,1fr)!important;}
body.system-v286 #loginScreen .login-card {width:100%!important;max-width:460px!important;background:#fff!important;border:1px solid #dfe9e1!important;border-radius:20px!important;padding:40px!important;box-shadow:0 20px 80px rgba(13,38,27,.12)!important;margin:0!important;backdrop-filter:none!important;}
body.system-v286 #loginScreen .login-avatar {width:52px!important;height:52px!important;border-radius:14px!important;background:#edf7f1!important;color:#087f63!important;box-shadow:none!important;border:1px solid #d9ebdf!important;}
body.system-v286 #loginScreen .login-brand {font-size:10px!important;letter-spacing:.14em!important;color:#739080!important;font-weight:550!important;text-transform:uppercase;margin-top:20px!important;}
body.system-v286 #loginScreen .login-heading {font-size:32px!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.2!important;color:var(--sd-ink)!important;margin:9px 0 0!important;}
body.system-v286 #loginScreen .login-subtitle {font-size:13px!important;color:#8b9f90!important;font-weight:400!important;margin:10px 0 28px!important;}
body.system-v286 #loginScreen .field label {font-size:10px!important;letter-spacing:.04em!important;font-weight:550!important;color:#607d6a!important;}
body.system-v286 #loginScreen .login-input {background:#f9fcfa!important;border:1px solid #dbe8df!important;border-radius:9px!important;min-height:46px!important;padding:12px 40px!important;color:#395b47!important;box-shadow:none!important;font-size:13px!important;font-weight:400!important;}
body.system-v286 #loginScreen .login-input:focus {border-color:#6cae8e!important;box-shadow:0 0 0 3px rgba(8,127,99,.08)!important;}
body.system-v286 #loginScreen :is(.login-input-icon,.password-toggle) {color:#92ae9e!important;}
body.system-v286 #loginScreen .login-submit-btn {background:#087f63!important;border:1px solid #087f63!important;border-radius:9px!important;min-height:46px!important;box-shadow:none!important;font-size:13px!important;font-weight:550!important;transform:none!important;}
body.system-v286 #loginScreen .login-submit-btn:hover {background:#06684f!important;}
body.system-v286 #loginScreen .login-error {background:#fff3f1!important;border:1px solid #f1d2cc!important;color:#ad5348!important;border-radius:9px!important;font-size:12px!important;line-height:1.6!important;}
body.system-v286 #loginScreen .login-credit {border-color:#e5ede7!important;color:#a0afa6!important;font-size:10px!important;margin-top:28px!important;padding-top:20px!important;}
body.system-v286 #loginScreen .app-version-badge {background:#edf6f0!important;color:#76a18a!important;border:1px solid #ddebe1!important;border-radius:5px!important;font-size:8px!important;}
body.system-v286 #loginScreen .login-input.field-error-input {border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.12)!important;}
body.system-v286 #sidebar.collapsed .sidebar-header {padding:22px 19px!important;}
body.system-v286 #appShell #main .v51-master-toolbar {background:#fff!important;border:1px solid #dce7df!important;border-radius:12px!important;box-shadow:none!important;padding:18px!important;margin:0 0 20px!important;}
body.system-v286 #appShell #main .v51-master-toolbar-title {font-size:14px!important;font-weight:550!important;color:#315640!important;}
body.system-v286 #appShell #main .v51-master-toolbar-sub {font-size:11px!important;font-weight:400!important;line-height:1.6!important;color:#85968c!important;}
body.system-v286 #appShell #main #page-pos .pos-payment-panel {background:#fff!important;border:1px solid #e0eae3!important;border-radius:8px!important;box-shadow:none!important;}
body.system-v286 #appShell #main #page-pos .pos-summary-row span {color:#6b8273!important;font-weight:400!important;}
body.system-v286 #appShell #main #page-settings :is(.settings-role-picker-shell,.settings-role-editor,.settings-role-section-card,.settings-selected-role-box,.settings-role-selected-box) {background:#f9fcfa!important;border-color:#dfeae2!important;box-shadow:none!important;border-radius:10px!important;}
body.system-v286 #appShell #main #page-settings :is(.settings-section-head,.settings-role-toolbar) {background:#f7fbf8!important;border-color:#dfeae2!important;border-radius:8px!important;box-shadow:none!important;color:#547660!important;}
body.system-v286 #appShell #main #page-settings .settings-section-head h4 {color:#547660!important;font-weight:550!important;}
body.system-v286 #appShell #main #page-settings .settings-check-item {background:#fff!important;border-color:#e0eae3!important;border-radius:6px!important;box-shadow:none!important;color:#66806d!important;font-size:11px!important;font-weight:450!important;}
body.system-v286 #appShell #main #page-settings :is(.settings-selected-role-pill,.settings-add-role-btn) {background:#e7f3ec!important;color:#558565!important;border-color:#d2e6d9!important;box-shadow:none!important;}
body.system-v286 #appShell #main .page .table .table-actions {flex-wrap:nowrap!important;align-items:center!important;}
body.system-v286 #modalOverlay .modal-footer :is(.btn-success,.btn-primary) {background:#087f63!important;border-color:#087f63!important;color:#fff!important;}
body.system-v286 #modalOverlay .modal-footer .btn-secondary {background:#f3f7f4!important;border-color:#dce7df!important;color:#64816e!important;}
/* Legacy enhancement panels share the same surfaces and type scale. */
body.system-v286 #appShell #main .master-import-bar {background:#fff!important;border:1px solid #dce7df!important;border-radius:12px!important;box-shadow:none!important;padding:18px!important;margin:0 0 20px!important;}
body.system-v286 #appShell #main .master-import-title {font-size:14px!important;font-weight:550!important;color:#315640!important;}
body.system-v286 #appShell #main .master-import-subtitle {font-size:11px!important;font-weight:400!important;line-height:1.6!important;color:#85968c!important;}
body.system-v286 #appShell #main .master-import-actions {gap:8px!important;}
body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .table td {white-space:nowrap!important;}
body.system-v286 #appShell #main #page-pos :is(.v171-speed-pack,.pos-payment-extra) {background:#f5faf6!important;border:1px solid #deebe2!important;border-radius:10px!important;box-shadow:none!important;padding:14px!important;}
body.system-v286 #appShell #main #page-pos .v171-speed-head h3 {font-size:13px!important;font-weight:550!important;color:#466c52!important;}
body.system-v286 #appShell #main #page-pos .v171-speed-head p {font-size:10px!important;color:#8ca394!important;line-height:1.6!important;}
body.system-v286 #appShell #main #page-pos :is(.v171-shortcuts,.v171-speed-box) {background:#fff!important;border-color:#e1ebe4!important;border-radius:8px!important;box-shadow:none!important;color:#6b8776!important;font-size:10px!important;}
body.system-v286 #appShell #main #page-pos .v171-speed-box-title {font-size:11px!important;font-weight:550!important;color:#567762!important;}
body.system-v286 #appShell #main #page-pos .v171-quick-product {background:#fff!important;border:1px solid #dae9df!important;border-radius:8px!important;box-shadow:none!important;transform:none!important;font-family:inherit!important;padding:11px!important;}
body.system-v286 #appShell #main #page-pos .v171-quick-product b {font-size:11px!important;font-weight:550!important;color:#3a614a!important;}
body.system-v286 #appShell #main #page-pos .v171-quick-product span {font-size:10px!important;color:#94a59b!important;}
body.system-v286 #appShell #main #page-pos .v171-quick-product small {font-size:10px!important;font-weight:500!important;color:#578d6e!important;}
body.system-v286 #appShell #main #page-pos .pos-total-panel::before,body.system-v286 #appShell #main #page-pos .pos-total-panel::after,body.system-v286 #appShell #main #page-backup .backup-hero::before,body.system-v286 #appShell #main #page-backup .backup-hero::after {content:none!important;}
body.system-v286 #appShell #main #page-pos .pos-summary-row {border-bottom-style:solid!important;}
body.system-v286 #appShell #main #page-connections .connection-section-header {background:transparent!important;border:0!important;border-bottom:1px solid #e4ece6!important;border-radius:0!important;box-shadow:none!important;padding:0 0 16px!important;margin-bottom:16px!important;}
body.system-v286 #appShell #main #page-connections .connection-section-header h3 {color:#2c4b39!important;font-size:16px!important;font-weight:550!important;}
body.system-v286 #appShell #main #page-connections .connection-section-header p {color:#8a9d90!important;font-size:11px!important;font-weight:400!important;line-height:1.6!important;}
body.system-v286 #appShell #main #page-connections .connection-intro-text {color:#779080!important;font-size:12px!important;font-weight:400!important;line-height:1.65!important;}
body.system-v286 #appShell #main #page-connections .connection-stat:last-child .connection-stat-value {font-size:12px!important;line-height:1.7!important;overflow-wrap:anywhere;}
body.system-v286 #appShell #main #page-settings .business-settings-section-head {background:transparent!important;border:0!important;border-bottom:1px solid #e2ebe5!important;border-radius:0!important;box-shadow:none!important;margin:0 0 18px!important;padding:0 0 16px!important;}
body.system-v286 #appShell #main #page-settings .business-settings-section-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
body.system-v286 #appShell #main #page-settings .business-settings-section-grid>.field {border:0!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;}
body.system-v286 #appShell #main #page-settings .settings-modern-kpi {border:1px solid #e0eae3!important;border-radius:10px!important;background:#f8fbf9!important;box-shadow:none!important;padding:14px!important;}
body.system-v286 #appShell #main #page-settings .settings-modern-kpi span {color:#7c9484!important;font-size:9px!important;font-weight:500!important;}
body.system-v286 #appShell #main #page-settings .settings-modern-kpi b {color:#456951!important;font-size:13px!important;font-weight:550!important;}
body.system-v286 #appShell #main #page-settings .settings-modern-kpi>i {background:#edf6f0!important;color:#66a580!important;box-shadow:none!important;border-radius:8px!important;}
body.system-v286 #appShell #main #page-settings .settings-section-badge {background:#f3f8f4!important;color:#7d9a86!important;border:1px solid #dce9e0!important;box-shadow:none!important;font-size:9px!important;}
body.system-v286 #appShell #main #page-settings .settings-role-assignment-head {background:#f7fbf8!important;border-bottom:1px solid #e0ebe3!important;box-shadow:none!important;}
body.system-v286 #appShell #main #page-settings .settings-role-assignment-badge {background:#e7f3ec!important;color:#629476!important;box-shadow:none!important;}
body.system-v286 #appShell #main #page-settings .settings-save-wrap {background:#fff!important;border:1px solid #dfeae2!important;border-radius:10px!important;box-shadow:none!important;padding:14px!important;}
body.system-v286 #appShell #main #page-settings .logo-upload-row {border:1px dashed #d5e5da!important;border-radius:10px!important;background:#f9fcfa!important;}
body.system-v286 #appShell #main #page-backup .backup-card-title i {background:#edf6f0!important;color:#5e9878!important;border-radius:8px!important;box-shadow:none!important;}
body.system-v286 #appShell #main #page-backup .backup-meta-label {font-size:9px!important;color:#87a08f!important;font-weight:500!important;}
body.system-v286 #appShell #main #page-backup .backup-meta-value {font-size:12px!important;color:#456951!important;font-weight:500!important;}
body.system-v286 #appShell #main #page-backup .backup-empty {background:#f8fbf9!important;border-color:#dce8df!important;color:#8aa392!important;font-size:12px!important;font-weight:400!important;border-radius:10px!important;}
body.system-v286 #appShell #main #page-backup .backup-list-item {border-color:#dce8df!important;background:#fff!important;border-radius:10px!important;box-shadow:none!important;}
body.system-v286 #loginScreen.login-pure::before {background:#172d3b!important;opacity:1!important;filter:none!important;animation:none!important;}
body.system-v286 #loginScreen.login-pure .login-card::before,body.system-v286 #loginScreen.login-pure .login-card::after {content:none!important;}
body.system-v286 #loginScreen.login-pure .login-input:focus-visible {outline:none!important;border-color:#6cae8e!important;box-shadow:0 0 0 3px rgba(8,127,99,.1)!important;}
body.system-v286 #loginScreen.login-pure :is(.login-submit-btn,.password-toggle) {font-family:inherit!important;}
body.system-v286 #v241LicenseOverlay {background:#172d3b!important;font-family:'Outfit Variable',Arial,sans-serif!important;}
body.system-v286 #v241LicenseOverlay>div {background:#fff!important;border:1px solid #dce8df!important;border-radius:16px!important;padding:30px!important;box-shadow:0 20px 80px rgba(7,27,16,.18)!important;}
body.system-v286 #v241LicenseOverlay h2 {color:#2b4b38!important;font-size:25px!important;font-weight:550!important;letter-spacing:-.035em!important;}
body.system-v286 #v241LicenseOverlay :is(p,label) {color:#7c9486!important;line-height:1.65!important;}
body.system-v286 #v241LicenseOverlay input {min-width:0!important;min-height:42px!important;border:1px solid #dce8df!important;border-radius:8px!important;background:#f8fbf9!important;color:#456951!important;font-family:inherit!important;}
body.system-v286 #v241LicenseOverlay #v241ActivateBtn {background:#087f63!important;border-radius:8px!important;padding:13px!important;font-family:inherit!important;font-weight:550!important;}
body.system-v286 #v241LicenseOverlay #v241CopyMachineIdBtn {border-color:#dce8df!important;background:#f4f9f6!important;color:#648674!important;font-family:inherit!important;}
body.system-v286 #v241LicenseOverlay #v241ActivateError {color:#b75449!important;}

body.system-v286 #loginScreen.login-pure .login-input.field-error-input,body.system-v286 #loginScreen.login-pure .login-input.field-error-input:focus,body.system-v286 #loginScreen.login-pure .login-input.field-error-input:focus-visible {border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.12)!important;}
body.system-v286 #loginScreen.login-pure .login-field .field-error-msg {color:#b75449!important;font-size:12px!important;font-weight:450!important;}
body.system-v286 #modalOverlay #modalTitle {color:#243a32!important;-webkit-text-fill-color:#243a32!important;}
body.system-v286 #appShell #main .page :is(h2,h3,h4),body.system-v286 #modalOverlay :is(h2,h3,h4) {-webkit-text-fill-color:currentColor!important;}
body.system-v286 #appShell #main #page-settings .settings-section-icon-suite i {color:#609b7a!important;-webkit-text-fill-color:#609b7a!important;}
body.system-v286 #loginScreen.login-pure::after {background:none!important;width:400px!important;height:400px!important;right:auto!important;bottom:auto!important;filter:none!important;}
@media(max-width:1200px) {
  body.system-v286 #appShell #main {padding:22px!important;}
  body.system-v286 #appShell #main #page-pos .pos-pro-grid {grid-template-columns:minmax(0,1fr)!important;}
  body.system-v286 #appShell #main #page-pos .pos-terminal-card {position:relative!important;top:auto!important;}
}
@media(max-width:980px) {
  body.system-v286 #appShell #main,body.system-v286 #appShell #main.expanded {margin-left:0!important;width:100%!important;padding:18px!important;}
  body.system-v286 #sidebar,body.system-v286 #sidebar.collapsed {width:256px!important;}
  body.system-v286 #appShell #main .topbar {padding:12px!important;gap:12px!important;margin-bottom:24px!important;}
  body.system-v286 #appShell #main .page .toolbar .field {flex-basis:calc(50% - 10px)!important;}
  body.system-v286 #appShell #main #page-settings .settings-primary-card .settings-tab-panel .form-grid {grid-template-columns:minmax(0,1fr)!important;}
  body.system-v286 #appShell #main #page-settings .business-settings-section-grid {grid-template-columns:minmax(0,1fr)!important;}
  body.system-v286 #appShell #main #page-backup .backup-modern-grid {grid-template-columns:minmax(0,1fr)!important;}
}
@media(max-width:600px) {
  body.system-v286 #appShell #main {padding:12px!important;}
  body.system-v286 #appShell #main .topbar {gap:10px!important;border-radius:10px!important;}
  body.system-v286 #appShell #main .topbar .top-left {gap:8px!important;}
  body.system-v286 #appShell #main .topbar .top-title {font-size:13px!important;}
  body.system-v286 #appShell #main .topbar #logoutBtn {padding:8px!important;font-size:10px!important;}
  body.system-v286 #appShell #main .page:not(:where(#page-dashboard,.reports-v285)) .card {padding:17px!important;border-radius:12px!important;}
  body.system-v286 #appShell #main .page .toolbar .field {flex-basis:100%!important;}
  body.system-v286 #appShell #main .page :is(.form-grid,.form-grid-3,.grid-3) {grid-template-columns:minmax(0,1fr)!important;}
  body.system-v286 #appShell #main .page .ledger-summary-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.system-v286 #appShell #main .page>.card.card-head:first-child .card-title,body.system-v286 #appShell #main .page-modern-hero h2,body.system-v286 #appShell #main #page-pos .pos-pro-title,body.system-v286 #appShell #main #page-backup .backup-hero h2 {font-size:24px!important;}
  body.system-v286 #appShell #main #page-pos .pos-pro-hero {align-items:flex-start!important;}
  body.system-v286 #appShell #main #page-pos .pos-pro-hero-left {gap:12px!important;}
  body.system-v286 #appShell #main #page-pos .pos-pro-stats {width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.system-v286 #appShell #main #page-pos .pos-stat-pill {min-width:0!important;padding:10px!important;}
  body.system-v286 #appShell #main #page-pos .pos-stat-pill b {font-size:15px!important;overflow-wrap:anywhere;}
  body.system-v286 #appShell #main #page-pos .pos-product-row {grid-template-columns:minmax(0,1fr)!important;}
  body.system-v286 #appShell #main #page-pos .pos-total-panel b {font-size:34px!important;}
  body.system-v286 #appShell #main #page-connections .connection-stats-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.system-v286 #appShell #main #page-backup :is(.backup-status-grid,.backup-schedule-grid) {grid-template-columns:minmax(0,1fr)!important;}
  body.system-v286 #appShell #main #page-settings .logo-upload-row {grid-template-columns:minmax(0,1fr)!important;}
  body.system-v286 #appShell #main #page-settings .business-settings-section {padding:15px!important;}
  body.system-v286 #modalOverlay .modal {max-width:calc(100vw - 20px)!important;border-radius:12px!important;}
  body.system-v286 #modalOverlay :is(.modal-body,.modal-header,.modal-footer) {padding:16px!important;}
  body.system-v286 #modalOverlay :is(.form-grid,.grid-3,.detail-grid) {grid-template-columns:minmax(0,1fr)!important;}
  body.system-v286 #loginScreen {padding:28px 18px!important;}
  body.system-v286 #loginScreen .login-card {padding:28px!important;border-radius:16px!important;}
  body.system-v286 #loginScreen::before {inset:0 0 50% 0;border-radius:0 0 32px 32px;}
}
@media(prefers-reduced-motion:reduce) {
  body.system-v286 #appShell *,body.system-v286 #modalOverlay *,body.system-v286 #loginScreen * {animation-duration:.001ms!important;transition-duration:.001ms!important;}
}
}

/* v287: readable shared business headers and cash denomination figures. */
@media screen {
body.system-v286 #appShell #main .page .business-report-header {
  background:#fff!important;border:0!important;border-bottom:1px solid var(--sd-line)!important;
  border-radius:0!important;box-shadow:none!important;padding:0 0 20px!important;
  margin-bottom:20px!important;gap:16px!important;text-align:left!important;
  align-items:flex-start!important;justify-content:flex-start!important;min-width:0;
}
body.system-v286 #appShell #main .page .business-report-header > .business-logo-wrap {
  width:52px!important;min-width:52px!important;height:52px!important;
  background:#edf7f1!important;border:1px solid #dcece2!important;border-radius:12px!important;
}
body.system-v286 #appShell #main .page .business-report-header > .business-logo-wrap .business-logo {
  width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;object-fit:contain!important;
}
body.system-v286 #appShell #main .page .business-report-header > .business-logo-wrap .business-logo-placeholder {
  width:44px!important;height:44px!important;border-radius:10px!important;
  background:transparent!important;color:var(--sd-accent)!important;font-size:19px!important;
}
body.system-v286 #appShell #main .page .business-report-header .business-report-info {min-width:0;flex:1;}
body.system-v286 #appShell #main .page .business-report-header h1 {
  color:#365947!important;-webkit-text-fill-color:currentColor!important;font-size:14px!important;
  font-weight:600!important;line-height:1.5!important;letter-spacing:0!important;margin:0!important;
  overflow-wrap:anywhere;text-shadow:none!important;
}
body.system-v286 #appShell #main .page .business-report-header h2 {
  display:block!important;color:var(--sd-ink)!important;-webkit-text-fill-color:currentColor!important;
  font-size:22px!important;line-height:1.35!important;font-weight:600!important;
  letter-spacing:-.025em!important;text-transform:none!important;background:transparent!important;
  border:0!important;border-radius:0!important;padding:0!important;overflow-wrap:anywhere;text-shadow:none!important;
}
body.system-v286 #appShell #main .page .business-report-header .business-report-info h2 {margin:10px 0 0!important;}
body.system-v286 #appShell #main .page .business-report-header p,
body.system-v286 #appShell #main .page .business-report-header .business-report-meta {
  color:#526d60!important;-webkit-text-fill-color:currentColor!important;font-size:12px!important;
  font-weight:400!important;line-height:1.65!important;overflow-wrap:anywhere;text-shadow:none!important;
}
body.system-v286 #appShell #main .page .business-report-header p {margin:3px 0 0!important;}
body.system-v286 #appShell #main .page .business-report-header .business-report-meta {margin-top:7px!important;}
body.system-v286 #appShell #main #denomCounterWrap {
  border:1px solid #dce9e1!important;border-radius:12px!important;padding:16px!important;
  margin-bottom:18px!important;background:#f3faf6!important;min-width:0;
}
body.system-v286 #appShell #main #denomCounterWrap .denom-heading {
  display:flex;align-items:baseline;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;
  font-size:13px;font-weight:600;line-height:1.6;margin-bottom:14px;color:var(--sd-ink);
}
body.system-v286 #appShell #main #denomCounterWrap .denom-grand-total {
  display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0;color:#526d60;
  font-size:12px;font-weight:450;
}
body.system-v286 #appShell #main #denomTotal {
  font-size:16px;color:#07684f;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
body.system-v286 #appShell #main #denomCounterWrap .denom-grid {
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;min-width:0;
}
body.system-v286 #appShell #main #denomCounterWrap .denom-item {
  display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px 12px;
  min-width:0;padding:12px;border:1px solid #deebe3;border-radius:10px;background:#fff;
}
body.system-v286 #appShell #main #denomCounterWrap .denom-item label {
  color:#365947;font-size:13px;font-weight:600;line-height:1.5;margin:0;font-variant-numeric:tabular-nums;
}
body.system-v286 #appShell #main #denomCounterWrap .denom-input {
  width:100%!important;min-width:0!important;text-align:right!important;
  font-size:14px!important;font-variant-numeric:tabular-nums;line-height:1.5!important;
}
body.system-v286 #appShell #main #denomCounterWrap .denom-sub {
  grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;
  min-width:0;border-top:1px solid #eef3ef;padding-top:9px;color:#07684f;font-size:16px;
  font-weight:550;font-variant-numeric:tabular-nums;line-height:1.5;overflow-wrap:anywhere;
}
body.system-v286 #appShell #main #denomCounterWrap .denom-sub::before {
  content:'Subtotal';color:#526d60;font-size:11px;font-weight:400;flex-shrink:0;
}
@media (max-width:540px) {
  body.system-v286 #appShell #main .page .business-report-header {gap:12px!important;}
  body.system-v286 #appShell #main .page .business-report-header h2 {font-size:20px!important;}
  body.system-v286 #appShell #main #denomCounterWrap {padding:12px!important;}
  body.system-v286 #appShell #main #denomCounterWrap .denom-grid {gap:10px;}
  body.system-v286 #appShell #main #denomCounterWrap > .btn {width:100%;}
}
}

/* v293 company logo on the login card */
@media screen {
body.system-v286 #loginScreen .login-avatar.has-company-logo {width:76px!important;height:76px!important;background:#fff!important;padding:6px!important;box-sizing:border-box!important;overflow:hidden!important;}
body.system-v286 #loginScreen .login-avatar>img {display:block;width:100%;height:100%;object-fit:contain;border-radius:8px;}
}