body[data-skin] .pos-app{container-type:inline-size;--pos-ink:#23362e;--pos-muted:#66736b;--pos-border:#e0e6e1;background:#f4f6f3;color:var(--pos-ink);font-family:Be Vietnam Pro,Arial,sans-serif!important;font-size:14px;line-height:1.6;font-kerning:normal;text-rendering:optimizeLegibility;border-radius:22px}body[data-skin] .pos-app :is(h1,h2,h3,h4,p,small,span,strong,em,button,input,select,textarea,label,dt,dd,td,th){font-family:Be Vietnam Pro,Arial,sans-serif!important;font-style:normal;line-height:1.6;letter-spacing:normal}body[data-skin] .pos-app :is(p,small,span,em,label,dt,dd,td,th){font-size:max(12px,1em)!important;overflow-wrap:break-word}body[data-skin] .pos-app button{font-size:13px!important;min-height:44px;line-height:1.5!important;touch-action:manipulation}body[data-skin] .pos-app :is(input,select,textarea){font-size:16px!important;min-height:44px;line-height:1.6;border-color:#cdd8cf;color:#263d30}body[data-skin] .pos-app button:focus-visible,body[data-skin] .pos-app :is(input,select,textarea):focus-visible{outline:3px solid #8db2db;outline-offset:3px}body[data-skin] .pos-header{height:auto;min-height:88px;padding:20px 26px;gap:20px;background:#fff;border-bottom:1px solid var(--pos-border)}body[data-skin] .pos-brand{gap:13px;min-width:0}body[data-skin] .pos-brand-mark{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;padding:0;font-size:25px!important;font-weight:700;letter-spacing:0;line-height:1;background:var(--pos-pine);box-shadow:0 4px 12px #18372b12}body[data-skin] .pos-brand>div>strong{font-size:20px;font-weight:700;line-height:1.5;letter-spacing:-.4px}body[data-skin] .pos-brand>div>strong>span{display:block;font-size:12px!important;color:#69776d;font-weight:400;margin:2px 0 0}body[data-skin] .pos-brand small{display:none}body[data-skin] .pos-staff>span{font-size:13px!important}body[data-skin] .pos-staff strong{font-size:13px}body[data-skin] .pos-staff small{font-size:12px!important;color:#647266}body[data-skin] .pos-shift{color:#55715d;font-size:12px!important}body[data-skin] .pos-content{padding:24px}body[data-skin] .pos-top-tabs{gap:7px;flex-wrap:wrap;margin:0 0 24px;padding-bottom:18px;border-color:#dfe6df}body[data-skin] .pos-top-tabs button{color:#586b5c;padding:10px 12px;font-weight:500;border-radius:10px}body[data-skin] .pos-top-tabs button.pos-active{background:var(--pos-soft,#eaf2ea);color:var(--pos-pine);border-color:color-mix(in srgb,var(--pos-pine) 23%,white);font-weight:600}body[data-skin] .pos-page-heading{align-items:center;gap:18px;margin:0 0 24px}body[data-skin] .pos-page-heading h1{font-family:Be Vietnam Pro,Arial,sans-serif!important;font-size:clamp(24px,2.5vw,30px)!important;font-weight:700!important;line-height:1.4!important;color:#23362e!important;letter-spacing:-.7px!important;margin:5px 0 8px}body[data-skin] .pos-page-heading p{font-size:13px!important;color:#65746a}body[data-skin] .pos-page-heading .pos-kicker{font-size:11px!important;letter-spacing:1.4px;text-transform:uppercase;color:#6a7b6f}body[data-skin] .pos-heading-actions{display:flex;gap:9px;flex-wrap:wrap}body[data-skin] .pos-btn{padding:11px 15px;border-radius:11px;white-space:normal;line-height:1.5}body[data-skin] .pos-btn-primary{background:var(--pos-pine);color:#fff;border-color:var(--pos-pine);box-shadow:0 4px 9px #173a2b0d}body[data-skin] .pos-btn-secondary{background:#fff;color:#385344;border-color:#d9e3da}body[data-skin] .pos-stats{gap:12px;margin:0 0 24px}body[data-skin] .pos-stat{background:#fff;padding:17px 15px;border:1px solid var(--pos-border);border-radius:15px;gap:11px;min-width:0}body[data-skin] .pos-stat>div>span{font-size:12px!important;color:#66786a}body[data-skin] .pos-stat strong{font-size:25px;line-height:1.35;white-space:nowrap;letter-spacing:-.7px;color:#274534}body[data-skin] .pos-stat .pos-stat-money{font-size:22px}body[data-skin] .pos-stat small{font-size:12px!important;margin-left:5px}body[data-skin] .pos-stat-icon{width:40px;height:42px;flex:0 0 40px}body[data-skin] .pos-workspace{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}body[data-skin] .pos-queue,body[data-skin] .pos-detail{background:#fff;border:1px solid var(--pos-border);border-radius:17px;min-width:0}body[data-skin] .pos-queue-toolbar{padding:20px 18px;gap:10px}body[data-skin] .pos-queue-toolbar h2{font-size:17px;font-weight:600}body[data-skin] .pos-sync{font-size:11px!important;color:#6b806e}body[data-skin] .pos-filters{display:flex;flex-wrap:wrap;overflow:visible;padding:0 15px 12px;gap:6px}body[data-skin] .pos-filter{padding:8px 10px;min-height:38px;border-radius:8px;color:#607364}body[data-skin] .pos-filter>span{font-size:11px!important;margin-left:5px}body[data-skin] .pos-search{min-height:46px;margin:0 16px 14px;border-radius:10px;background:#f8faf7;border:1px solid #dce5db}body[data-skin] .pos-search input{min-height:42px;background:transparent;width:100%;font-size:14px!important}body[data-skin] .pos-order-list{max-height:680px;padding:0 12px 12px}body[data-skin] .pos-order{padding:16px 14px;min-height:0;margin-bottom:10px;border-radius:12px;border-color:#e0e8de;gap:8px}body[data-skin] .pos-order-selected{background:var(--pos-soft,#eef4eb);border-color:var(--pos-pine);box-shadow:inset 3px 0 var(--pos-pine)}body[data-skin] .pos-order-top>strong{font-size:19px;letter-spacing:-.4px}body[data-skin] .pos-order-time{font-size:12px!important;color:#718276}body[data-skin] .pos-order-person{font-size:14px!important;gap:8px;flex-wrap:wrap;color:#3c5141}body[data-skin] .pos-order-summary{font-size:13px!important;color:#647368;line-height:1.7;white-space:normal;overflow:visible;display:block;-webkit-line-clamp:unset;max-height:none}body[data-skin] .pos-order-bottom{font-size:12px!important;gap:10px;flex-wrap:wrap;color:#637267}body[data-skin] .pos-order-bottom>strong{font-size:16px;color:#2e4d39;white-space:nowrap}body[data-skin] .pos-order-origin{font-size:12px!important;gap:8px;flex-wrap:wrap;color:#6e7c70}body[data-skin] .pos-badge,body[data-skin] .pos-payment-badge{font-size:11px!important;line-height:1.5;padding:5px 8px;white-space:normal;font-weight:500}body[data-skin] .pos-queue-footer{padding:12px 18px;font-size:12px;color:#687c6b}body[data-skin] .pos-detail{padding:24px}body[data-skin] .pos-detail-title h2{font-size:30px;font-weight:700;letter-spacing:-.7px;line-height:1.3}body[data-skin] .pos-detail .pos-kicker{font-size:11px!important;letter-spacing:1px}body[data-skin] .pos-detail-source{font-size:12px;gap:12px;flex-wrap:wrap;line-height:1.7}body[data-skin] .pos-progress{padding:20px 0;gap:4px}body[data-skin] .pos-progress-step small{font-size:11px!important;line-height:1.6;color:#647765}body[data-skin] .pos-progress-step>span{width:27px;height:27px;font-size:12px!important}body[data-skin] .pos-fulfillment-box{padding:15px;gap:12px;border-radius:12px;background:#f3f7ef}body[data-skin] .pos-fulfillment-box strong{font-size:14px}body[data-skin] .pos-fulfillment-box p{font-size:13px!important;color:#65795e}body[data-skin] .pos-items-heading h3{font-size:15px}body[data-skin] .pos-detail-items{margin:10px 0}body[data-skin] .pos-detail-item{padding:14px 0;gap:10px;align-items:start}body[data-skin] .pos-item-info>strong{font-size:14px;line-height:1.6}body[data-skin] .pos-item-info>span{font-size:12px!important;line-height:1.7;color:#697b67}body[data-skin] .pos-item-price{font-size:14px;white-space:nowrap}body[data-skin] .pos-item-quantity{min-width:28px;height:28px;font-size:13px!important}body[data-skin] .pos-totals>div{font-size:14px;line-height:1.7;gap:12px;padding-block:5px}body[data-skin] .pos-totals .pos-grand-total{padding-block:13px;margin-top:8px}body[data-skin] .pos-grand-total strong{font-size:21px;white-space:nowrap}body[data-skin] .pos-detail-actions{margin-top:16px}body[data-skin] .pos-detail-actions .pos-btn{width:100%;min-height:46px}body[data-skin] .pos-secondary-actions{gap:9px}body[data-skin] .pos-pending-note{padding:14px;line-height:1.7;gap:11px}body[data-skin] .pos-pending-note span,body[data-skin] .pos-pending-note small{font-size:13px!important;color:#7b6238}body[data-skin] .pos-counter-product strong{font-size:13px!important;line-height:1.6;white-space:normal}body[data-skin] .pos-counter-product small{font-size:13px!important}body[data-skin] .pos-counter-product{min-height:180px}body[data-skin] .pos-counter-product>span:not(.pos-product-placeholder){padding-bottom:35px}body[data-skin] .pos-counter-line strong{font-size:14px}body[data-skin] .pos-field{font-size:13px!important}body[data-skin] .pos-payment-grid button{font-size:12px!important;min-height:48px}body[data-skin] .pos-payment-options{gap:8px}body[data-skin] .pos-member-profile h2{font-size:20px}body[data-skin] .pos-member-numbers strong{font-size:24px}body[data-skin] .pos-member-vouchers h3,body[data-skin] .pos-member-history h3{font-size:17px}body[data-skin] .pos-member-voucher strong,body[data-skin] .pos-member-transaction strong,body[data-skin] .pos-member-transaction b{font-size:14px}body[data-skin] .pos-member-tier{font-size:12px!important;white-space:normal}body[data-skin] .pos-app .pos-member-panel{grid-template-columns:1fr 1fr}body[data-skin] .pos-ops h2{font-size:24px}body[data-skin] .pos-ops h3{font-size:17px}@container (max-width:850px){body[data-skin] .pos-workspace{grid-template-columns:1fr}body[data-skin] .pos-order-list{max-height:350px}body[data-skin] .pos-stats{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-skin] .pos-page-heading{align-items:flex-start;flex-direction:column}body[data-skin] .pos-heading-actions{width:100%}body[data-skin] .pos-heading-actions .pos-btn{flex:1}body[data-skin] .pos-app .pos-member-panel{grid-template-columns:1fr}body[data-skin] .pos-header-right{gap:10px}body[data-skin] .pos-divider,body[data-skin] .pos-staff{display:none}}@media(min-width:1100px){.workspace[data-view=pos] .pos-frame{height:calc(100dvh - 160px);min-height:680px}.workspace[data-view=pos] .pos-content{padding:28px 32px}.workspace[data-view=pos] .pos-order-list{max-height:calc(100dvh - 490px);min-height:320px}}@media(max-width:640px){body[data-skin] .pos-header{padding:17px}body[data-skin] .pos-content{padding:18px 12px}body[data-skin] .pos-brand>div>strong{font-size:18px}body[data-skin] .pos-top-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body[data-skin] .pos-top-tabs button{justify-content:flex-start;padding:9px;font-size:12px!important}body[data-skin] .pos-detail{padding:19px 15px}body[data-skin] .pos-stats{gap:9px}body[data-skin] .pos-stat{padding:12px;gap:9px}body[data-skin] .pos-stat-icon{width:30px;flex-basis:30px}body[data-skin] .pos-stat strong{font-size:23px}body[data-skin] .pos-stat .pos-stat-money{font-size:18px}body[data-skin] .pos-stat>div>span{font-size:11px!important}body[data-skin] .pos-brand-mark{width:40px;height:40px;flex-basis:40px}body[data-skin] .pos-shift{font-size:11px!important}body[data-skin] .pos-detail-title h2{font-size:27px}body[data-skin] .pos-counter-products{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-skin] .pos-counter-product{min-height:180px}body[data-skin] .pos-counter-product img{height:85px}}@media(prefers-reduced-motion:reduce){body[data-skin] .pos-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body[data-demo-view=pos] .intro{display:none}body[data-demo-view=pos] .demo-main{padding-top:20px}body[data-demo-view=pos] .panel-caption{margin-bottom:12px}.demo-main .pos-panel{min-width:0}body[data-demo-view=pos] .demo-header{position:relative}body[data-skin] .pos-member-numbers{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}body[data-skin] .pos-member-numbers>div{min-width:0}#mimon-pos-printout{display:none}@media print{body.mimon-printing>*{display:none!important}body.mimon-printing>#mimon-pos-printout{display:block!important;font:12px/1.7 Be Vietnam Pro,Arial,sans-serif;color:#111;width:72mm;margin:7mm auto}#mimon-pos-printout .pos-receipt-brand{text-align:center;font-size:24px;font-weight:700}#mimon-pos-printout .pos-receipt-brand span{display:block;font-size:11px;font-weight:400}#mimon-pos-printout .pos-receipt-center{text-align:center;font-size:11px;margin:12px 0}#mimon-pos-printout .pos-receipt-meta,#mimon-pos-printout .pos-receipt-items>div,#mimon-pos-printout .pos-receipt-total{display:flex;justify-content:space-between;gap:10px;margin:10px 0}#mimon-pos-printout .pos-receipt-items{border-block:1px dashed #777;padding:10px 0}#mimon-pos-printout .pos-receipt-items small{display:block;font-size:10px}#mimon-pos-printout .pos-receipt-total{font-size:15px}#mimon-pos-printout strong{white-space:nowrap}@page{size:auto;margin:0}}@media(max-width:640px){body[data-skin] .pos-stat-icon{display:none}body[data-skin] .pos-stat{align-items:flex-start}body[data-skin] .pos-stat .pos-stat-money{font-size:18px}body[data-skin] .pos-stats .pos-stat>div{min-width:0;max-width:100%}}@media(min-width:851px){body[data-demo-view=pos] .mimon-demo-bar{min-height:36px;padding-block:8px}body[data-demo-view=pos] .demo-header{height:auto;min-height:68px;padding:12px 25px;gap:14px}body[data-demo-view=pos] .demo-header .brand-mark{width:35px;height:35px;font-size:23px}body[data-demo-view=pos] .demo-header .brand-name{font-size:20px}body[data-demo-view=pos] .demo-main{padding:15px 25px 0}body[data-demo-view=pos] .pos-panel>.panel-caption{display:none}body[data-demo-view=pos] .workspace .pos-frame{height:calc(100dvh - 140px);min-height:620px}body[data-demo-view=pos] .pos-header{min-height:78px;padding-block:14px}body[data-demo-view=pos] .pos-content{padding:22px 26px}body[data-demo-view=pos] .pos-top-tabs{margin-bottom:20px;padding-bottom:15px}body[data-demo-view=pos] .pos-page-heading,body[data-demo-view=pos] .pos-stats{margin-bottom:20px}}
