.ctr{--fresh:#0e9f6e;--fresh-d:#0b7c54;--wash:#e8f6ef;--bd:#e4ebe7;--ink:#10231c;--mut:#5e6e66;box-shadow:var(--shadow-lg);color:var(--ink);text-align:left;background:#f7f9f7;border:1px solid #dbe4df;border-radius:18px;font-size:15px;position:relative;overflow:hidden}.ctr-chrome{color:#cfe6da;background:#10231c;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.ctr .dots{gap:6px;display:flex}.ctr .dots i{background:#3b5249;border-radius:50%;width:10px;height:10px;display:block}.ctr .dots i:first-child{background:#ef6b5b}.ctr .dots i:nth-child(2){background:#f2c14e}.ctr .dots i:nth-child(3){background:#3fbf7f}.ctr-title{color:#fff;font-weight:700}.ctr-demo{background:#ffffff1a;border-radius:999px;margin-left:auto;padding:2px 9px;font-size:12px}.ctr-setup{border-bottom:1px solid var(--bd);background:#fff;grid-template-columns:1.4fr 1fr;gap:10px;padding:12px 14px;display:grid}.ctr-field{color:var(--mut);text-transform:uppercase;letter-spacing:.04em;gap:4px;font-size:12px;font-weight:700;display:grid}.ctr-field input,.ctr-field select,.ctr-cust select,.ctr-recv input{font:inherit;text-transform:none;letter-spacing:0;color:var(--ink);border:1.5px solid var(--bd);background:#fff;border-radius:10px;width:100%;min-height:42px;padding:9px 11px;font-size:15px;font-weight:600}.ctr input:focus,.ctr select:focus{border-color:var(--fresh);outline:none;box-shadow:0 0 0 3px #0e9f6e29}.ctr-body{grid-template-columns:1.35fr 1fr;min-height:470px;display:grid}.ctr-left{border-right:1px solid var(--bd);flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.ctr-search{position:relative}.ctr-search svg{color:var(--fresh);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ctr-search input{width:100%;font:inherit;border:1.5px solid var(--bd);background:#fff;border-radius:12px;min-height:46px;padding:11px 12px 11px 38px;font-size:15px}.ctr-chips{flex-wrap:wrap;gap:6px;display:flex}.ctr-chips button{border:1.5px solid var(--bd);cursor:pointer;color:var(--mut);background:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.ctr-chips button.on{background:var(--fresh);border-color:var(--fresh);color:#fff}.ctr-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:8px;display:grid}.ctr .tile{text-align:left;border:1.5px solid var(--bd);cursor:pointer;font:inherit;color:inherit;background:#fff;border-radius:12px;gap:3px;padding:9px 10px;transition:border-color .15s,transform .1s,box-shadow .15s;display:grid}.ctr .tile:hover{border-color:var(--fresh);box-shadow:0 6px 16px -10px #0e9f6e99}.ctr .tile:active{transform:scale(.98)}.ctr .tile.pop{animation:.35s pop}@keyframes pop{40%{border-color:var(--fresh);background:var(--wash);transform:scale(.95)}}.ctr .tile-n{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.ctr .tile-m{color:var(--mut);flex-wrap:wrap;align-items:center;gap:4px;font-size:11.5px;display:flex}.ctr .tile-p{font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.ctr .cat{border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:700}.ctr .cat-1{color:#9a6b00;background:#fbf3e2}.ctr .cat-2{background:var(--wash);color:var(--fresh-d)}.ctr .cat-3{color:#b5552e;background:#fbeee8}.ctr .exp{color:#8a5a1e;background:#fff1d6;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:700}.ctr .low{color:#b42318;font-weight:700}.ctr-hint{color:var(--mut);margin:auto 0 0;font-size:12.5px}.ctr-hint kbd{font-family:var(--mono);border:1px solid var(--bd);background:#fff;border-bottom-width:2px;border-radius:5px;padding:0 5px;font-size:12px}.ctr-right{background:#fff;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.ctr-cust{gap:4px;display:grid}.ctr-cust label{color:var(--mut);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.ctr-cust small{color:#8a5a1e;min-height:1em;font-size:12.5px}.ctr-cart{border:1px dashed var(--bd);border-radius:12px;flex:1;min-height:120px;max-height:230px;padding:4px 8px;overflow-y:auto}.ctr-empty{text-align:center;height:100%;min-height:110px;color:var(--mut);place-content:center;gap:2px;font-size:13.5px;display:grid}.ctr-empty strong{color:var(--ink)}.ctr .ln{border-bottom:1px solid #eef2ef;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:7px 0;display:grid}.ctr .ln:last-child{border-bottom:0}.ctr .ln-n{font-size:13.5px;font-weight:700;line-height:1.25}.ctr .ln-s{color:var(--mut);font-size:11.5px}.ctr .qty{border:1.5px solid var(--bd);border-radius:9px;align-items:center;display:inline-flex;overflow:hidden}.ctr .qty button{cursor:pointer;width:28px;height:28px;color:var(--ink);background:#f3f6f4;border:0;font-size:16px;font-weight:800}.ctr .qty span{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-size:14px;font-weight:700}.ctr .ln-a{font-variant-numeric:tabular-nums;text-align:right;min-width:72px;font-size:14px;font-weight:800}.ctr-inter{color:var(--mut);cursor:pointer;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.ctr-inter span{color:var(--fresh-d);background:var(--wash);border-radius:6px;margin-left:auto;padding:1px 8px;font-size:12px;font-weight:700}.ctr-inter span.is-inter{color:#0e8c8c;background:#e6f4f1}.ctr-tot{gap:2px;font-size:14px;display:grid}.ctr-tot div{color:var(--mut);justify-content:space-between;display:flex}.ctr-tot b{font-variant-numeric:tabular-nums;color:var(--ink)}.ctr-tot .grand{border-top:1.5px solid var(--ink);color:var(--ink);margin-top:4px;padding-top:8px;font-size:22px;font-weight:800}.ctr-tot .grand b{letter-spacing:-.02em;font-size:26px}.ctr-pay{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ctr-pay button{border:1.5px solid var(--bd);cursor:pointer;background:#fff;border-radius:11px;padding:10px 6px;font-size:14px;font-weight:800}.ctr-pay button[data-mode=cash].on{color:#334155;background:#eef2f6;border-color:#475569}.ctr-pay button[data-mode=upi].on{color:#0e6b6b;background:#e6f4f1;border-color:#0e8c8c}.ctr-pay button[data-mode=credit].on{color:#6b3c0d;background:#fbf3e6;border-color:#b7791f}.ctr-recv{color:var(--mut);gap:4px;font-size:12.5px;font-weight:600;display:grid}.ctr-save{background:var(--fresh);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:52px;font-size:17px;font-weight:800;transition:background .15s}.ctr-save:hover:not(:disabled){background:#0b8a5e}.ctr-save:disabled{cursor:not-allowed;background:#bfd6cb}.ctr-done{backdrop-filter:blur(3px);z-index:5;background:#10231c8c;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.ctr-done-in{width:100%;max-width:760px;box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;grid-template-columns:auto 1fr;gap:18px;max-height:100%;padding:18px;display:grid;overflow:auto}.ctr .slip-wrap{background:#e9ece9;border-radius:12px;max-height:520px;padding:10px;overflow-y:auto}.ctr-after{flex-direction:column;gap:10px;min-width:0;display:flex}.ctr-after-h{margin:0;font-size:16px;font-weight:800}.ctr-log{gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.ctr-log li{color:#33483f;grid-template-columns:22px 1fr;align-items:start;gap:8px;line-height:1.4;display:grid}.ctr-log li i{background:var(--wash);width:22px;height:22px;color:var(--fresh-d);border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:800;display:grid}.ctr-after-btns{flex-wrap:wrap;gap:8px;display:flex}.ctr .wa-phone{background:#efeae2;border:1px solid #ddd5c8;border-radius:14px;overflow:hidden}.ctr .wa-top{color:#fff;background:#075e54;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.ctr .wa-top small{opacity:.8;font-size:11px;display:block}.ctr .wa-av{color:#063;background:#25d366;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.ctr .wa-chat{justify-items:end;gap:4px;padding:10px;display:grid}.ctr .wa-img{background:#d9fdd3;border-radius:8px;max-width:170px;max-height:190px;padding:4px;animation:.5s send;overflow:hidden}.ctr .wa-msg{background:#d9fdd3;border-radius:8px;padding:5px 9px;font-size:13px}@keyframes send{0%{opacity:0;transform:translateY(10px)}}.ctr .wa-note{color:#5e6e66;margin:0;padding:0 10px 10px;font-size:12px}.ctr .slip{color:#111;background:#fff;width:290px;padding:10px 12px 14px;font-family:Segoe UI,Arial,Nirmala UI,Mukta,sans-serif;font-size:11.5px;line-height:1.35;animation:.9s cubic-bezier(.2,.7,.2,1) print;box-shadow:0 2px 10px #0000001f;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom/12px 8px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom/12px 8px repeat-x}@keyframes print{0%{clip-path:inset(0 0 100%);transform:translateY(-12px)}to{clip-path:inset(0);transform:none}}.ctr .slip.mini{transform-origin:0 0;width:290px;box-shadow:none;margin-bottom:-45%;animation:none;transform:scale(.55)}.ctr .slip .c{text-align:center}.ctr .slip .r{text-align:right}.ctr .slip .b,.ctr .slip b{font-weight:700}.ctr .slip .shop{font-size:15px;font-weight:800}.ctr .slip .m{color:#444;font-size:10.5px}.ctr .slip .hr{border-top:1px dashed #999;margin:6px 0}.ctr .slip table{border-collapse:collapse;width:100%}.ctr .slip th,.ctr .slip td{vertical-align:top;padding:2px 0 2px 5px;font-size:10.5px}.ctr .slip .items th{text-align:left;border-bottom:1px solid #999}.ctr .slip .items th.r{text-align:right}.ctr .slip .grand{font-size:14px;font-weight:800}.ctr .slip .grand td{border-top:1px solid #000;padding-top:3px}.ctr .slip .qr{justify-items:center;display:grid;position:relative}.ctr .slip .qr svg{margin:2px auto}.ctr .slip .demo-tag{color:#fff;letter-spacing:.1em;background:#b42318;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:800;position:absolute;top:42px}@media (width<=860px){.ctr-body{grid-template-columns:1fr}.ctr-left{border-right:0;border-bottom:1px solid var(--bd)}.ctr-tiles{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px;overflow-y:auto}.ctr-done{z-index:90;position:fixed}.ctr-done-in{grid-template-columns:1fr}.ctr .slip-wrap{justify-items:center;max-height:none;display:grid}.ctr-hint{display:none}}@media (width<=520px){.ctr-setup{grid-template-columns:1fr}.ctr-demo{display:none}}@media (prefers-reduced-motion:reduce){.ctr .slip,.ctr .wa-img,.ctr .tile.pop{animation:none}}
