/* Womark A90 "System" layer: one design system over A86 Studio (tokens, type, focus, buttons, fields, tables, dialogs, inventory matrix).
   Generated by ui_a90_build/build_a90.py from a90_design.css. Black, white and grey only. Do not edit by hand. */
:root:not(#w):not(#w2){--a90-canvas:var(--wm-bg)!important;--a90-surface:var(--wm-surface)!important;--a90-ink:var(--wm-text)!important;--a90-ink-2:var(--wm-text-secondary)!important;--a90-faint:var(--wm-text-muted)!important;--a90-line:var(--wm-border)!important;--a90-line-2:var(--wm-border-strong)!important;--a90-field:#a3a3a3!important;--a90-field-hover:#737373!important;--a90-primary:var(--wm-black)!important;--a90-primary-hover:var(--wm-black-hover)!important;--a90-hover:#f5f5f5!important;--a90-selected:#eeeeee!important;--a90-r:var(--wm-radius-control)!important;--a90-r-lg:var(--wm-radius-card)!important;--a90-pop:var(--wm-shadow-modal)!important}
html:not(#w):not(#w2) body{font-size:14px!important;line-height:1.45!important;color:var(--a90-ink)!important;background:var(--a90-canvas)!important}
html[dir=rtl]:not(#w):not(#w2) body,html[lang=ar]:not(#w):not(#w2) body{line-height:1.65!important}
html:not(#w):not(#w2) body .main{background:var(--a90-canvas)!important}
html:not(#w):not(#w2) body .muted,html:not(#w):not(#w2) body .table-sub,html:not(#w):not(#w2) body .small-note,html:not(#w):not(#w2) body .finance-footnote,html:not(#w):not(#w2) body .finance-disclaimer{color:var(--a90-ink-2)!important}
html:not(#w):not(#w2) body #view h2,html:not(#w):not(#w2) body .pos-logs-header h2,html:not(#w):not(#w2) body .payments-header h2,html:not(#w):not(#w2) body .opscmd-head h2{font-size:24px!important;font-weight:600!important;letter-spacing:-.015em!important;line-height:1.25!important}
html:not(#w):not(#w2) body .modal-title{font-size:18px!important;font-weight:600!important;letter-spacing:-.01em!important}
html:not(#w):not(#w2) body .section-kicker,html:not(#w):not(#w2) body .opscmd-kicker,html:not(#w):not(#w2) body .payments-eyebrow,html:not(#w):not(#w2) body .report-context-kicker,html:not(#w):not(#w2) body .finance-eyebrow,html:not(#w):not(#w2) body .topbar-eyebrow,html:not(#w):not(#w2) body .finance-period-label{text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:500!important;color:var(--a90-faint)!important}
html:not(#w):not(#w2) body #view small,html:not(#w):not(#w2) body #view .small-note,html:not(#w):not(#w2) body #view .table-sub,html:not(#w):not(#w2) body #view .live-status,html:not(#w):not(#w2) body #view .doc-preview,html:not(#w):not(#w2) body #view .setup-step,html:not(#w):not(#w2) body #view .finance-link,html:not(#w):not(#w2) body #view .finance-disclaimer,html:not(#w):not(#w2) body #view .finance-footnote,html:not(#w):not(#w2) body #view .center-sync-pill,html:not(#w):not(#w2) body .modal-card small{font-size:12px!important}
html:not(#w):not(#w2) body #view th,html:not(#w):not(#w2) body .modal-card th{font-size:12.5px!important;font-weight:600!important;color:var(--a90-ink-2)!important;text-transform:none!important;letter-spacing:0!important}
html:not(#w):not(#w2) body #view td,html:not(#w):not(#w2) body #view th,html:not(#w):not(#w2) body #view strong,html:not(#w):not(#w2) body #view .money,html:not(#w):not(#w2) body .modal-card td,html:not(#w):not(#w2) body .pos-total,html:not(#w):not(#w2) body .kpi strong{font-variant-numeric:tabular-nums!important}
html:not(#w):not(#w2) body .mono,html:not(#w):not(#w2) body code,html:not(#w):not(#w2) body kbd{font-variant-numeric:tabular-nums!important}
html:not(#w):not(#w2) body a:focus-visible,html:not(#w):not(#w2) body button:focus-visible,html:not(#w):not(#w2) body .btn:focus-visible,html:not(#w):not(#w2) body [role=tab]:focus-visible,html:not(#w):not(#w2) body [role=radio]:focus-visible,html:not(#w):not(#w2) body summary:focus-visible,html:not(#w):not(#w2) body [tabindex]:focus-visible{outline:2px solid var(--a90-ink)!important;outline-offset:2px!important;box-shadow:0 0 0 2px #fff!important}
html:not(#w):not(#w2) body .input:focus-visible,html:not(#w):not(#w2) body input:focus-visible,html:not(#w):not(#w2) body select:focus-visible,html:not(#w):not(#w2) body textarea:focus-visible{outline:2px solid var(--a90-ink)!important;outline-offset:1px!important;border-color:var(--a90-ink)!important;box-shadow:none!important}
html:not(#w):not(#w2) body #view .btn,html:not(#w):not(#w2) body .modal-card .btn{min-height:40px!important;padding-inline:16px!important;border-radius:var(--a90-r)!important;font-size:14px!important;font-weight:550!important;transition:background-color .14s ease,border-color .14s ease,color .14s ease!important}
html:not(#w):not(#w2) body #view .btn.small,html:not(#w):not(#w2) body .modal-card .btn.small{min-height:32px!important;padding-inline:12px!important;font-size:13px!important}
html:not(#w):not(#w2) body #view .btn:not(.primary):not(.danger):hover,html:not(#w):not(#w2) body .modal-card .btn:not(.primary):not(.danger):hover{background:var(--a90-hover)!important;border-color:var(--a90-field)!important}
html:not(#w):not(#w2) body #view .btn.primary,html:not(#w):not(#w2) body .modal-card .btn.primary,html:not(#w):not(#w2) body .top-actions .top-new-sale{background:var(--a90-primary)!important;border-color:var(--a90-primary)!important;color:#fff!important}
html:not(#w):not(#w2) body #view .btn.primary:hover,html:not(#w):not(#w2) body .modal-card .btn.primary:hover,html:not(#w):not(#w2) body .top-actions .top-new-sale:hover{background:var(--a90-primary-hover)!important;border-color:var(--a90-primary-hover)!important}
html:not(#w):not(#w2) body #view .btn:disabled,html:not(#w):not(#w2) body .modal-card .btn:disabled,html:not(#w):not(#w2) body #view .btn[disabled],html:not(#w):not(#w2) body .modal-card .btn[disabled]{opacity:.45!important;cursor:not-allowed!important}
html:not(#w):not(#w2) body #view .btn[aria-busy=true],html:not(#w):not(#w2) body .modal-card .btn[aria-busy=true]{cursor:progress!important}
html:not(#w):not(#w2) body #view .input,html:not(#w):not(#w2) body #view input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html:not(#w):not(#w2) body #view select,html:not(#w):not(#w2) body #view textarea,html:not(#w):not(#w2) body .modal-card .input,html:not(#w):not(#w2) body .modal-card input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html:not(#w):not(#w2) body .modal-card select,html:not(#w):not(#w2) body .modal-card textarea{min-height:40px!important;border-radius:var(--a90-r)!important;border-color:var(--a90-line-2)!important;font-size:14px!important;color:var(--a90-ink)!important;background-color:#fff!important}
html:not(#w):not(#w2) body #view textarea,html:not(#w):not(#w2) body .modal-card textarea{min-height:80px!important}
html:not(#w):not(#w2) body #view .input:hover,html:not(#w):not(#w2) body #view input:hover,html:not(#w):not(#w2) body #view select:hover,html:not(#w):not(#w2) body #view textarea:hover,html:not(#w):not(#w2) body .modal-card .input:hover,html:not(#w):not(#w2) body .modal-card input:hover,html:not(#w):not(#w2) body .modal-card select:hover,html:not(#w):not(#w2) body .modal-card textarea:hover{border-color:var(--a90-field)!important}
html:not(#w):not(#w2) body #view label>span:first-child,html:not(#w):not(#w2) body .modal-card label>span:first-child{color:var(--a90-ink-2)!important}
html:not(#w):not(#w2) body input::placeholder,html:not(#w):not(#w2) body textarea::placeholder{color:#8a8a8a!important}
html:not(#w):not(#w2) body input[aria-invalid=true],html:not(#w):not(#w2) body .input[aria-invalid=true],html:not(#w):not(#w2) body input:user-invalid,html:not(#w):not(#w2) body select:user-invalid,html:not(#w):not(#w2) body textarea:user-invalid{border-color:var(--a90-ink)!important;border-width:2px!important}
html:not(#w):not(#w2) body .center-tabs button,html:not(#w):not(#w2) body .payments-tab,html:not(#w):not(#w2) body .report-group-tab,html:not(#w):not(#w2) body .collections-tabs .btn{min-height:40px!important;font-size:14px!important}
html:not(#w):not(#w2) body #view table td,html:not(#w):not(#w2) body .modal-card table td{font-size:14px!important}
html:not(#w):not(#w2) body #view table tbody tr:hover>td,html:not(#w):not(#w2) body .modal-card table tbody tr:hover>td{background:var(--a90-hover)!important}
html:not(#w):not(#w2) body .modal-backdrop{background:rgba(0,0,0,.36)!important}
html:not(#w):not(#w2) body .modal-card{border-radius:var(--a90-r-lg)!important;box-shadow:var(--a90-pop)!important;overscroll-behavior:contain!important}
html:not(#w):not(#w2) body .modal-card>.modal-head:first-child{position:sticky!important;top:-20px!important;z-index:3!important;background:#fff!important;margin-top:-20px!important;padding-top:20px!important}
html:not(#w):not(#w2) body .modal-card>.actions:last-child,html:not(#w):not(#w2) body .modal-card>.modal-actions:last-child,html:not(#w):not(#w2) body .modal-card>form>.actions:last-child{position:sticky!important;bottom:-20px!important;z-index:3!important;background:#fff!important;margin-bottom:-20px!important;padding-block:12px 20px!important;border-top:1px solid var(--a90-line)!important}
html:not(#w):not(#w2) body .modal-card .a90-dirty-bar{position:sticky!important;top:0!important;z-index:4!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 12px!important;margin:0 0 12px!important;padding:12px 14px!important;border:2px solid var(--a90-ink)!important;border-radius:var(--a90-r)!important;background:#fff!important;font-size:14px!important}
html:not(#w):not(#w2) body .modal-card .a90-dirty-bar b{flex:1 1 220px!important;font-weight:600!important}
@media (max-width:700px){html:not(#w):not(#w2) body .modal-card>.modal-head:first-child{top:-16px!important;margin-top:-16px!important;padding-top:16px!important}}
@media (max-width:700px){html:not(#w):not(#w2) body .modal-card>.actions:last-child,html:not(#w):not(#w2) body .modal-card>.modal-actions:last-child,html:not(#w):not(#w2) body .modal-card>form>.actions:last-child{bottom:calc(-18px - env(safe-area-inset-bottom))!important;margin-bottom:calc(-18px - env(safe-area-inset-bottom))!important;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}}
html:not(#w):not(#w2) body .cart-empty .empty-icon{display:none!important}
html:not(#w):not(#w2) body #cart:has(.cart-empty) .pos-overview{display:none!important}
html:not(#w):not(#w2) body.a90-view-pos .top-actions .top-new-sale{display:none!important}
html:not(#w):not(#w2) body .topbar .page-title{font-size:16px!important;font-weight:600!important}
@media (max-width:700px){html:not(#w):not(#w2) body #view .input,html:not(#w):not(#w2) body #view input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html:not(#w):not(#w2) body #view select,html:not(#w):not(#w2) body #view textarea,html:not(#w):not(#w2) body .modal-card input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html:not(#w):not(#w2) body .modal-card select,html:not(#w):not(#w2) body .modal-card textarea{font-size:16px!important;min-height:44px!important}}
@media (max-width:700px){html:not(#w):not(#w2) body #view .btn,html:not(#w):not(#w2) body .modal-card .btn{min-height:44px!important}}
@media (prefers-reduced-motion:reduce){html:not(#w):not(#w2) body *,html:not(#w):not(#w2) body *:before,html:not(#w):not(#w2) body *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html:not(#w):not(#w2) body .inv90-detail{min-height:120px!important}
html:not(#w):not(#w2) body .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (max-width:760px){html:not(#w):not(#w2) body .pos-smart-command-row{min-width:0!important;max-width:100%!important}}
@media (max-width:760px){html:not(#w):not(#w2) body .pos-smart-command-input{min-width:0!important}}
@media (max-width:760px){html:not(#w):not(#w2) body .pos-smart-command-input .input{min-width:0!important;flex:1 1 auto!important}}
@media (max-width:760px){html:not(#w):not(#w2) body .pos-smart-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important;max-width:100%!important}}
@media (max-width:760px){html:not(#w):not(#w2) body .pos-smart-actions .btn{flex:1 1 auto!important;min-width:0!important}}
@keyframes inv90-sh{to{background-position:-200% 0}}