.pos-content{padding:10px!important;overflow:hidden!important}
.pos-shell{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:10px}
.pos-catalog,.pos-cart{min-height:0;border:1px solid #344c68;border-radius:14px;background:#101a28}
.pos-catalog{display:flex;flex-direction:column;padding:11px}
.pos-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pos-heading h2{font-size:18px;margin:0}
.pos-heading p{font-size:10px;color:#94a6bb;margin:3px 0 0}
.pos-search{height:40px;margin-top:10px;border:1px solid #465c78;border-radius:10px;background:#0d1724;display:flex;align-items:center;padding:0 11px;gap:8px}
.pos-search span{font-size:22px;color:#8fcfff}
.pos-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:12px}
.pos-cats{display:flex;gap:6px;margin:8px 0}
.pos-cats button{border:1px solid #405875;border-radius:999px;background:#17263a;color:#b8c6d8;padding:6px 12px;font-size:10px;cursor:pointer}
.pos-cats button.active{background:linear-gradient(90deg,#6fc4ff,#b5dd62);border-color:transparent;color:#102033;font-weight:800}
.pos-products{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;align-content:start;padding-right:2px}
.pos-product{min-height:236px;border:1px solid #334b67;border-radius:12px;background:#142033;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:.16s transform,.16s border-color}
.pos-product:hover{transform:translateY(-2px);border-color:#74c9ff}
.pos-product:focus-visible{outline:2px solid #b5dd62;outline-offset:-2px}
.pos-product.sold-out{opacity:.58;cursor:not-allowed}
.pos-product-img{height:108px;position:relative;background:#0a111c;overflow:hidden;flex:0 0 auto}
.pos-product-img img{width:100%;height:100%;display:block;object-fit:cover}
.pos-stock{position:absolute;top:7px;right:7px;background:#0b5b49e8;border:1px solid #42a487;color:#d9fff1;border-radius:999px;padding:4px 7px;font-size:8.5px;font-weight:800}
.pos-camera{position:absolute;left:7px;top:7px;width:27px;height:27px;display:grid;place-items:center;background:#091522d9;border:1px solid #61758d;border-radius:8px;cursor:pointer;font-size:12px}
.pos-camera input{display:none}
.pos-product-body{padding:8px;display:flex;flex:1;min-height:0;flex-direction:column}
.pos-product-code{font-size:8px;color:#7fcfff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pos-product h4{font-size:12px;margin:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pos-product p{font-size:9px;color:#95a6bb;margin:0;height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pos-product-price{font-weight:900;font-size:15px;margin:6px 0;color:#fff}
.pos-product-price small{font-size:8px;color:#8fa3b9}
.pos-product-body>button{width:100%;min-height:30px;margin-top:auto;flex:0 0 auto;display:block;border:0;border-radius:8px;padding:7px;background:linear-gradient(90deg,#6fc4ff,#b5dd62);color:#102033;font-size:9.5px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #0004}
.pos-product-body>button:disabled{background:#3b4655;color:#8490a0}
.pos-cart{display:flex;flex-direction:column;overflow:hidden}
.pos-cart-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #30445e;background:#152238}
.pos-cart-head h3{font-size:14px;margin:0}
.pos-cart-head button,.pos-history-head button{border:0;background:transparent;color:#ff8686;font-size:9.5px;cursor:pointer}
.pos-customer{padding:8px 10px;border-bottom:1px solid #2a4058}
.pos-customer label,.pos-payment label span{display:block;color:#91a4ba;font-size:8.5px;margin-bottom:3px}
.pos-customer select,.pos-payment select,.pos-payment input,.pos-summary input{width:100%;border:1px solid #3e5672;border-radius:8px;background:#0d1724;color:#fff;padding:7px;font-size:10px}
.pos-cart-list{flex:1;min-height:90px;overflow:auto;padding:5px 9px}
.pos-cart-row{position:relative;display:flex;gap:8px;padding:8px 20px 8px 0;border-bottom:1px solid #263b52}
.pos-cart-row>img{width:52px;height:52px;object-fit:cover;border-radius:8px;border:1px solid #405975}
.pos-cart-info{min-width:0;flex:1}
.pos-cart-info>b{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pos-cart-info>small{display:block;color:#8ea0b5;font-size:8px;margin:2px 0 6px}
.pos-qty{display:flex;align-items:center;gap:4px}
.pos-qty button{width:22px;height:22px;border:1px solid #465d79;border-radius:6px;background:#1d3048;color:#fff;cursor:pointer}
.pos-qty input{width:40px;height:22px;text-align:center;border:1px solid #465d79;border-radius:6px;background:#0d1724;color:#fff;font-size:9px}
.pos-qty strong{margin-left:auto;font-size:9px;color:#92d9ff}
.pos-remove{position:absolute;right:0;top:8px;border:0;background:transparent;color:#ff7c7c;cursor:pointer}
.pos-summary{padding:8px 11px;border-top:1px solid #334a64;background:#101b2a}
.pos-summary>div,.pos-summary>label,.pos-change{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9.5px;margin:4px 0}
.pos-summary label input{width:100px;text-align:right}
.pos-summary .net{border-top:1px dashed #425772;padding-top:7px;margin-top:7px;color:#91d8ff}
.pos-summary .net b{font-size:15px}
.pos-payment{padding:8px 11px 10px;background:#142033}
.pos-payment{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.pos-payment .pos-change,.pos-payment .pos-checkout{grid-column:1/-1}
.pos-change{border:1px solid #236650;background:#12382f;border-radius:8px;padding:7px 9px;color:#75edb4}
.pos-change.due{border-color:#75363e;background:#3a1e25;color:#ff9da7}
.pos-checkout{border:0;border-radius:9px;padding:10px;background:linear-gradient(90deg,#65c5ff,#b7df62);color:#102033;font-weight:900;cursor:pointer}
.pos-checkout:disabled{filter:grayscale(1);opacity:.5}
.pos-empty-cart,.pos-empty{display:flex;min-height:100px;align-items:center;justify-content:center;flex-direction:column;color:#788da4;font-size:10px;gap:7px}
.pos-empty-cart span{font-size:28px}
.pos-history{flex:1;min-height:0;overflow:auto;border:1px solid #324962;border-radius:10px;padding:9px}
.pos-history-head{display:flex;justify-content:space-between;margin-bottom:7px}
.pos-history .table{font-size:9px}
@media(min-width:1350px){.pos-shell{grid-template-columns:minmax(0,1fr) 370px}
.pos-products{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.pos-product{min-height:255px}
.pos-product-img{height:127px}
}
@media(max-width:900px){.pos-shell{grid-template-columns:1fr}
.pos-content{overflow:auto!important}
.pos-catalog{min-height:520px}
.pos-cart{min-height:520px}
.pos-products{overflow:visible}
.pos-cart-list{max-height:230px}
}
@media(max-width:620px){.pos-products{grid-template-columns:repeat(2,minmax(135px,1fr))}
.pos-heading p{display:none}
.pos-shell{display:block}
.pos-cart{margin-top:10px}
.pos-product-img{height:100px}
}