*{box-sizing:border-box}html{font-family:Inter,Arial,sans-serif;font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:#111827;background:#f5f6f8;font-size:.875rem;line-height:1.5}app-root{display:block;min-width:0}html,body{width:100%;min-width:0}img,video{max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}@media(max-width:600px){.modal-backdrop{padding:12px!important;align-items:flex-start!important;overflow-y:auto}.modal{max-width:100%!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;margin-block:auto}.modal .form-grid{grid-template-columns:minmax(0,1fr)!important}.modal-actions{flex-wrap:wrap}.modal-actions>button{flex:1 1 140px}}h1{font-size:1.25rem}h2{font-size:1.125rem}h3,h4,h5,h6{font-size:1rem}p{line-height:1.6}small{font-size:.75rem}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{min-height:2.75rem}button,input,select,textarea{max-width:100%}button{min-height:2.75rem;line-height:1.35}button,input,textarea,select{font:inherit}a{text-decoration:none}@media print{body:has(.receipt-backdrop){background:#fff}body:has(.receipt-backdrop) .admin-shell{display:block!important;min-height:0}body:has(.receipt-backdrop) .sidebar,body:has(.receipt-backdrop) .topbar,body:has(.receipt-backdrop) .pos-shell,body:has(.receipt-backdrop) .staff-history-nav,body:has(.receipt-backdrop) .sales-history-page{display:none!important}body:has(.receipt-backdrop) app-pos{height:auto}body:has(.receipt-backdrop) .content{min-height:0}body:has(.receipt-backdrop) .page-content{max-width:none;padding:0}body:has(.receipt-backdrop) .receipt-backdrop{position:static;display:block;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}body:has(.receipt-backdrop) .receipt{position:static;width:min(400px,100%);max-height:none;margin:0 auto;padding:0;overflow:visible;border-radius:0;box-shadow:none}body:has(.receipt-backdrop) .receipt-actions{display:none!important}body:has(.receipt-backdrop) .receipt-item>div .receipt-discount-detail,body:has(.receipt-backdrop) .receipt-totals>.receipt-discount-total{color:#111}}@media(max-width:700px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:1rem!important}}