*{box-sizing:border-box}body{margin:0;background:#f3f6fc;color:#20314d;font:14px/1.5 Segoe UI,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}input:focus-visible,button:focus-visible{outline:3px solid #91adfc;outline-offset:3px}button.primary{border:0;border-radius:10px;background:#4c65db;color:#fff;font-weight:700}code{font-family:Consolas,monospace;overflow-wrap:anywhere}@media print{body:has(app-advanced-reports .print-report){background:#fff}body:has(app-advanced-reports .print-report) .workspace{display:block!important;min-height:0!important}body:has(app-advanced-reports .print-report) .workspace>aside,body:has(app-advanced-reports .print-report) .workspace>main>header{display:none!important}body:has(app-advanced-reports .print-report) .workspace>main{margin:0!important;padding:0!important;width:100%!important;overflow:visible!important}body:has(app-customer-progress-print){background:#fff}body:has(app-customer-progress-print) .workspace{display:block!important;min-height:0!important}body:has(app-customer-progress-print) .workspace>aside,body:has(app-customer-progress-print) .workspace>main>header{display:none!important}body:has(app-customer-progress-print) .workspace>main{margin:0!important;padding:0!important;width:100%!important;overflow:visible!important}@page{size:A4;margin:15mm}body:has(app-issue-print){background:#fff}body:has(app-issue-print) .workspace{display:block!important;min-height:0!important}body:has(app-issue-print) .workspace>aside,body:has(app-issue-print) .workspace>main>header{display:none!important}body:has(app-issue-print) .workspace>main{margin:0!important;padding:0!important;width:100%!important;overflow:visible!important}}body:has(dialog:modal){overflow:hidden}body dialog[open]{overscroll-behavior:contain}@media screen and (max-width:760px){body dialog[open]:modal{box-sizing:border-box;width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);margin:auto;padding:12px;border-radius:12px;overflow-y:auto;overflow-x:hidden;scroll-padding-block:88px 24px;padding-bottom:max(16px,env(safe-area-inset-bottom))}body dialog[open] :is(form,fieldset,article,.editor,.catalog,.cart,.fields,.grid,.actions,label){min-width:0;max-width:100%}body dialog[open] :is(.fields,.grid){grid-template-columns:minmax(0,1fr)}body dialog[open] fieldset{margin-inline:0}body dialog[open] .editor{padding:12px;margin-inline:0}body dialog[open] :is(.heading,.actions,.filters,.search,.pagination,.pos-toolbar){flex-wrap:wrap;gap:10px}body dialog[open] :is(.filters,.search)>label{flex:1 1 100%;min-width:0}body dialog[open] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;font-size:16px}body dialog[open] textarea{min-height:96px}body dialog[open] :is(input[type=checkbox],input[type=radio]){width:20px;height:20px;flex:0 0 20px}body dialog[open] :is(button,.actions>a){min-width:44px;min-height:44px;padding:10px 12px;touch-action:manipulation}body dialog[open] .actions>a{display:inline-flex;align-items:center}body dialog[open] .check{min-height:44px;align-items:center}body dialog[open] .quantity-stepper input{width:86px;flex:0 1 86px}body dialog[open] :is(h2,h3,p,strong,.multiline){overflow-wrap:anywhere}body dialog[open] h2{font-size:19px;line-height:1.35}body dialog[open]>:is(.popup-heading,.heading,.pos-header,header),body dialog[open]>form>:is(.heading,.dialog-heading){position:sticky;top:-12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#fff;padding:10px 0;margin-top:0;border-bottom:1px solid #e3e9f4}body dialog[open] :is(.popup-heading,.dialog-heading)>button{flex:0 0 44px}body dialog[open] :is(.table-wrap,.table-scroll){width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}body dialog[open] :is(.table-wrap,.table-scroll) table{min-width:560px}body dialog[open] td :is(input:not([type=checkbox]),select){min-width:90px}body dialog[open] .item-fields{grid-template-columns:minmax(0,1fr)}body dialog[open] .item-fields>button{grid-column:auto}body dialog[open] .pos-layout{grid-template-columns:minmax(0,1fr);padding-inline:0}body dialog[open] .pos-toolbar{padding-inline:0}}@media screen and (max-width:380px){body dialog[open] .product-grid{grid-template-columns:minmax(0,1fr)}}@media screen and (max-height:500px)and (max-width:950px){body dialog[open]:modal{max-height:calc(100dvh - 8px);margin-block:auto}}
