:root{--ccp-navy:#031b3a;--ccp-navy2:#07172d;--ccp-gold:#d5a33a;--ccp-gold2:#f3c55b;--ccp-bg:#f5f7fb;--ccp-line:#e2e7ef;--ccp-text:#0e1b2f;--ccp-muted:#718096;--ccp-green:#07943f;--ccp-red:#e21d2f;--ccp-blue:#0d56c7}*{box-sizing:border-box}.ccp-app{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ccp-text);font-size:14px;line-height:1.4}.ccp-app button,.ccp-app input,.ccp-app select,.ccp-app textarea{font:inherit}.ccp-login{min-height:82vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#15355f 0,var(--ccp-navy2) 48%,#020c19 100%);padding:30px}.ccp-login-card{width:min(410px,94vw);background:#fff;border-radius:20px;padding:38px 40px 34px;box-shadow:0 25px 70px #0006;text-align:center}.ccp-login-mark,.ccp-mark{display:grid;place-items:center;border:2px solid var(--ccp-gold);color:var(--ccp-gold);font-family:Georgia,serif;font-weight:700;letter-spacing:1px}.ccp-login-mark{width:70px;height:70px;border-radius:16px;margin:0 auto 18px;font-size:27px}.ccp-login-card h1{font-family:Georgia,serif;font-size:26px;margin:0;color:var(--ccp-navy)}.ccp-login-sub{text-transform:uppercase;letter-spacing:4px;font-size:10px;color:var(--ccp-gold);font-weight:800;margin:5px 0 24px}.ccp-login-card input{width:100%;height:48px;border:1px solid #dce2ec;border-radius:10px;padding:0 14px;margin:7px 0;outline:none}.ccp-login-card input:focus{border-color:var(--ccp-gold);box-shadow:0 0 0 3px #d5a33a18}.ccp-login-card button{width:100%;height:48px;border:0;border-radius:10px;background:var(--ccp-navy);color:#fff;font-weight:700;margin-top:10px;cursor:pointer}.ccp-login-card button:hover{background:#082a56}#ccp-login-msg{min-height:20px;color:#bf1f2f;margin-top:12px}.ccp-shell{height:min(930px,94vh);min-height:720px;display:flex;background:#fff;overflow:hidden;border:1px solid #e5e8ee}.ccp-side{width:238px;flex:0 0 238px;background:linear-gradient(180deg,#06172f 0,#031a38 100%);color:#fff;display:flex;flex-direction:column;padding:23px 13px 16px}.ccp-brand{text-align:center;padding:0 4px 20px;border-bottom:1px solid #ffffff13;margin-bottom:12px}.ccp-mark{width:42px;height:42px;border-radius:9px;margin:0 auto 9px;font-size:17px}.ccp-brand strong{font-family:Georgia,serif;display:block;font-size:16px;font-weight:600;white-space:nowrap}.ccp-brand small{display:block;text-transform:uppercase;letter-spacing:3px;color:#c49a42;font-size:8px;margin-top:3px}.ccp-side nav{display:grid;gap:4px;overflow:auto;padding-right:2px}.ccp-side nav button{height:44px;border:0;background:transparent;color:#e6edf8;text-align:left;border-radius:8px;padding:0 12px;cursor:pointer;display:flex;align-items:center;gap:11px;font-weight:600}.ccp-side nav button span{width:18px;text-align:center;font-size:17px}.ccp-side nav button:hover{background:#ffffff0d}.ccp-side nav button.active{background:linear-gradient(90deg,#c8932d,#edc061);color:#fff;box-shadow:0 6px 16px #0002}.ccp-side-foot{margin-top:auto;padding:15px 7px 0;color:#d7e0ed}.ccp-side-foot strong,.ccp-side-foot small{display:block}.ccp-side-foot strong{font-size:12px}.ccp-side-foot small{font-size:10px;margin-top:4px;color:#adbacd}.ccp-workspace{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}.ccp-topbar{height:72px;flex:0 0 72px;border-bottom:1px solid var(--ccp-line);display:flex;align-items:center;padding:0 22px;gap:22px;background:#fff}.ccp-page-title{display:flex;align-items:center;gap:12px;min-width:160px}.ccp-page-title h2{font-size:23px;margin:0;white-space:nowrap}.ccp-barcode-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f7f8fb;color:#1e2c42}.ccp-global-search{width:min(370px,30vw);position:relative}.ccp-global-search input{width:100%;height:42px;border:1px solid #d9e0eb;border-radius:9px;padding:0 42px 0 14px;outline:none;background:#fff}.ccp-global-search input:focus{border-color:#b9c5d5;box-shadow:0 0 0 3px #102a4b0c}.ccp-global-search span{position:absolute;right:14px;top:8px;font-size:22px}.ccp-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.ccp-top-actions>button:not(.ccp-logout){height:40px;padding:0 15px;border:1px solid #d9e0eb;background:#fff;border-radius:8px;color:#1e2c42;font-weight:600;cursor:pointer}.ccp-top-actions>button:hover{background:#fafbfc}.ccp-bell{font-size:19px;padding:0 8px}.ccp-profile{padding-left:12px;border-left:1px solid #e3e7ee;min-width:88px}.ccp-profile b,.ccp-profile small{display:block}.ccp-profile b{font-size:12px}.ccp-profile small{font-size:10px;color:#66758a}.ccp-logout{border:0!important;background:transparent!important;color:#7f8ca0!important;font-size:11px!important;padding:6px!important;cursor:pointer}.ccp-content{flex:1;min-height:0;background:#fff;overflow:auto}.ccp-sale-layout{height:100%;display:grid;grid-template-columns:minmax(590px,1.75fr) minmax(405px,.9fr)}.ccp-catalog{min-width:0;padding:18px 14px 12px 22px;border-right:1px solid var(--ccp-line);display:flex;flex-direction:column}.ccp-category-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;min-height:42px}.ccp-category-scroller{display:flex;gap:9px;overflow:auto;scrollbar-width:none;padding-bottom:1px}.ccp-category-scroller::-webkit-scrollbar{display:none}.ccp-cat{height:40px;border:1px solid #dce2ea;background:#fff;border-radius:7px;padding:0 16px;white-space:nowrap;font-weight:600;color:#23324a;cursor:pointer}.ccp-cat.active{background:linear-gradient(90deg,#c9952f,#e8ba55);border-color:#d8a744;color:#fff}.ccp-view-toggle{margin-left:auto;display:flex;gap:5px}.ccp-view-toggle button{width:34px;height:34px;border-radius:6px;border:1px solid #dfe4eb;background:#fff;cursor:pointer}.ccp-view-toggle button.active{color:#c68f24;border-color:#d1a340;box-shadow:inset 0 0 0 1px #d1a340}.ccp-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-content:start}.ccp-product-card{min-width:0;height:205px;border:1px solid #dfe4eb;border-radius:7px;background:#fff;padding:10px;display:flex;flex-direction:column;position:relative;transition:.15s;cursor:pointer}.ccp-product-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px #0b244015;border-color:#cfd8e4}.ccp-product-photo{height:90px;border-radius:5px;background:linear-gradient(145deg,#f7f8fa,#eef1f5);display:grid;place-items:center;overflow:hidden;margin-bottom:7px}.ccp-product-photo img{width:100%;height:100%;object-fit:contain}.ccp-product-placeholder{font-family:Georgia,serif;font-size:26px;color:#9c7a35;border:1px solid #e3d1a8;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff}.ccp-product-card b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccp-product-card small{display:block;font-size:9px;color:#68768b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccp-price{font-size:13px!important;color:#111c2d!important;font-weight:800;margin-top:5px!important}.ccp-stock{margin-top:auto!important;color:#25344a!important}.ccp-add{position:absolute;right:9px;bottom:8px;width:24px;height:24px;border-radius:50%;border:0;background:#d4a13a;color:#fff;font-size:18px;line-height:20px;cursor:pointer}.ccp-add:disabled{background:#b8c0cc;cursor:not-allowed}.ccp-pagination{display:flex;align-items:center;gap:8px;padding-top:14px;margin-top:auto}.ccp-pagination button{width:32px;height:32px;border:1px solid #e0e5eb;background:#fff;border-radius:5px;cursor:pointer}.ccp-pagination button.active{background:#c99a36;color:#fff;border-color:#c99a36}.ccp-page-info{margin-left:auto;color:#748197;font-size:11px}.ccp-cart-panel{background:#fbfcfe;display:flex;flex-direction:column;min-width:0}.ccp-cart-head{height:58px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--ccp-line);background:#fff}.ccp-cart-head h3{font-size:15px;margin:0}.ccp-cart-head h3 span{font-weight:400;color:#67758a}.ccp-cart-head button{margin-left:auto;border:0;background:transparent;color:var(--ccp-red);font-size:19px;cursor:pointer}.ccp-cart-body{padding:12px 18px;overflow:auto;background:#fff;flex:1}.ccp-cart-cols,.ccp-cart-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 80px 74px 18px;gap:8px;align-items:center}.ccp-cart-cols{font-size:10px;font-weight:700;padding:3px 0 10px;border-bottom:1px solid #e9edf2}.ccp-cart-row{min-height:65px;border-bottom:1px solid #e9edf2}.ccp-cart-item{min-width:0}.ccp-cart-item b{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccp-cart-item small{font-size:9px;color:#64748a}.ccp-qty{height:30px;border:1px solid #dbe1e9;border-radius:6px;display:grid;grid-template-columns:23px 1fr 23px;overflow:hidden}.ccp-qty button{border:0;background:#fff;cursor:pointer}.ccp-qty input{border:0!important;text-align:center;width:100%;min-width:0;padding:0!important;font-size:11px}.ccp-lineprice{font-size:11px;font-weight:700}.ccp-remove{border:0;background:transparent;color:var(--ccp-red);cursor:pointer;font-size:16px}.ccp-empty{padding:55px 10px;text-align:center;color:#8793a4}.ccp-summary{padding:13px 18px 16px;border-top:1px solid var(--ccp-line);background:#fff}.ccp-summary-row{display:grid;grid-template-columns:1fr 170px 90px;align-items:center;min-height:36px;font-size:12px}.ccp-summary-row>span:last-child{text-align:right}.ccp-discount-inputs{display:flex;gap:6px}.ccp-discount-inputs input,.ccp-discount-inputs select{height:35px;border:1px solid #dae1e9;border-radius:6px;padding:0 10px}.ccp-discount-inputs input{min-width:0;width:100px}.ccp-summary-row.grand{border-top:1px solid #dfe4eb;margin-top:5px;padding-top:8px;font-weight:800;font-size:14px}.ccp-summary-row.grand strong{font-size:18px;color:var(--ccp-blue)}.ccp-payment{display:grid;grid-template-columns:1fr 1fr 112px;gap:9px;align-items:end;padding-top:10px}.ccp-field label{display:block;font-size:10px;font-weight:700;margin-bottom:5px}.ccp-field input,.ccp-field select{width:100%;height:40px;border:1px solid #d8dfe8;border-radius:7px;padding:0 10px}.ccp-change{height:72px;border:1px solid #acd7b6;border-radius:7px;background:#e8f7eb;display:grid;place-items:center;color:#087534}.ccp-change span,.ccp-change b{display:block;text-align:center}.ccp-change span{font-size:10px;font-weight:700}.ccp-change b{font-size:17px}.ccp-checkout-area{padding:0 18px 17px;background:#fff}.ccp-complete{width:100%;height:49px;border:0;border-radius:7px;background:linear-gradient(90deg,#05883b,#0aa84a);color:#fff;font-weight:800;cursor:pointer;font-size:14px}.ccp-complete:hover{filter:brightness(.96)}.ccp-secondary-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:10px}.ccp-secondary-actions button{height:38px;border:1px solid #dfe4eb;background:#fff;border-radius:7px;color:#314055;cursor:pointer;font-size:11px}.ccp-shortcuts{height:78px;flex:0 0 78px;background:linear-gradient(90deg,#091a31,#05152c);color:#fff;display:flex;align-items:center;padding:0 24px;gap:24px}.ccp-shortcuts>button{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:11px;cursor:pointer;padding:0}.ccp-shortcuts kbd{width:44px;height:44px;border:1px solid #ffffff26;border-radius:7px;display:grid;place-items:center;font-family:inherit;font-size:13px;box-shadow:inset 0 1px #ffffff10}.ccp-shortcuts button span{font-size:11px;white-space:nowrap}.ccp-today{margin-left:auto;display:flex;align-items:center;gap:17px;font-size:10px}.ccp-today b{font-size:15px}.ccp-today i{height:35px;width:1px;background:#ffffff22}.ccp-page{padding:22px;background:var(--ccp-bg);min-height:100%}.ccp-page-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ccp-page-toolbar input,.ccp-page-toolbar select{height:41px;border:1px solid #d8e0ea;border-radius:8px;padding:0 12px;background:#fff}.ccp-page-toolbar input{min-width:260px}.ccp-btn{height:40px;border:1px solid #d5dde8;border-radius:8px;background:#fff;padding:0 14px;cursor:pointer;font-weight:600}.ccp-btn.primary{background:var(--ccp-navy);border-color:var(--ccp-navy);color:#fff}.ccp-btn.gold{background:#d2a03b;border-color:#d2a03b;color:#fff}.ccp-panel{background:#fff;border:1px solid #e1e6ed;border-radius:10px;padding:18px;box-shadow:0 3px 12px #071c3508}.ccp-panel h3{margin:0 0 14px;font-size:15px}.ccp-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:15px}.ccp-kpi{background:#fff;border:1px solid #e1e6ed;border-radius:10px;padding:17px}.ccp-kpi span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#718097}.ccp-kpi b{display:block;font-size:25px;margin-top:6px;color:#102039}.ccp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ccp-tablewrap{overflow:auto}.ccp-app table{width:100%;border-collapse:collapse}.ccp-app th,.ccp-app td{padding:11px 10px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap;font-size:11px}.ccp-app th{text-transform:uppercase;color:#6d7b90;font-size:9px;letter-spacing:.4px;background:#fafbfc}.ccp-app td button{height:29px;border:1px solid #dbe2ea;border-radius:6px;background:#fff;padding:0 9px;cursor:pointer}.ccp-form{max-width:700px;display:grid;gap:13px}.ccp-form label{font-size:11px;color:#55647b;font-weight:600}.ccp-form input,.ccp-form select,.ccp-form textarea{width:100%;border:1px solid #d7dfe9;border-radius:7px;padding:10px;margin-top:5px}.ccp-form textarea{min-height:90px}.ccp-modal{position:fixed;inset:0;background:#0010279c;display:grid;place-items:center;z-index:999999}.ccp-modal-card{width:min(500px,92vw);max-height:90vh;overflow:auto;background:#fff;border-radius:13px;padding:22px;box-shadow:0 22px 70px #0005}.ccp-modal-card h3{margin:0 0 14px}.ccp-modal-card input,.ccp-modal-card select,.ccp-modal-card textarea{width:100%;margin:5px 0;border:1px solid #d8e0ea;border-radius:7px;padding:10px}.ccp-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}#ccp-toast{position:fixed;right:24px;bottom:24px;background:#061a34;color:#fff;border-left:4px solid #d2a03b;padding:12px 17px;border-radius:7px;box-shadow:0 10px 30px #0003;opacity:0;transform:translateY(14px);transition:.2s;z-index:1000000;pointer-events:none}#ccp-toast.show{opacity:1;transform:none}.ccp-loading{text-align:center;padding:50px;color:#758298}.ccp-hidden{display:none!important}@media(max-width:1250px){.ccp-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ccp-sale-layout{grid-template-columns:minmax(500px,1.5fr) minmax(390px,1fr)}.ccp-side{width:205px;flex-basis:205px}.ccp-brand strong{font-size:14px}.ccp-shortcuts{gap:13px}.ccp-top-actions>button:not(.ccp-logout){display:none}}@media(max-width:1024px){.ccp-shell{height:auto;min-height:800px}.ccp-sale-layout{grid-template-columns:1fr}.ccp-cart-panel{border-top:1px solid var(--ccp-line)}.ccp-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ccp-shortcuts{display:none}.ccp-topbar{gap:10px}.ccp-global-search{width:auto;flex:1}.ccp-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.ccp-shell{display:block}.ccp-side{width:100%;height:auto}.ccp-side nav{grid-template-columns:1fr 1fr}.ccp-side-foot{display:none}.ccp-topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:12px}.ccp-profile,.ccp-bell{display:none}.ccp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ccp-catalog{padding:12px}.ccp-cart-body,.ccp-summary,.ccp-checkout-area{padding-left:12px;padding-right:12px}.ccp-kpis,.ccp-grid2{grid-template-columns:1fr}.ccp-payment{grid-template-columns:1fr}.ccp-page{padding:12px}}

/* ===== Version 3: standalone full-screen Classic Collections retail POS ===== */
:root{
  --ccp-pink:#ef4c6c;
  --ccp-pink-dark:#d93d5d;
  --ccp-pink-soft:#fff1f4;
  --ccp-ink:#101828;
  --ccp-muted2:#667085;
  --ccp-border:#e7eaf0;
}
html,body.ccpos-standalone{margin:0!important;padding:0!important;width:100%;height:100%;overflow:hidden;background:#fff}
body.ccpos-standalone .ccp-app{width:100vw;height:100vh;max-width:none!important;margin:0!important;padding:0!important;background:#fff}
.ccpos-standalone .ccp-login{min-height:100vh;height:100vh;background:linear-gradient(145deg,#fff 0,#fff5f7 100%)}
.ccp-login-card{box-shadow:0 24px 70px rgba(16,24,40,.15);border:1px solid #f0dfe4}
.ccp-login-logo{display:block;width:210px;max-width:80%;height:auto;margin:0 auto 10px}
.ccp-login-sub{color:var(--ccp-pink);letter-spacing:4px}
.ccp-login-card input:focus{border-color:var(--ccp-pink);box-shadow:0 0 0 3px rgba(239,76,108,.12)}
.ccp-login-card button{background:var(--ccp-pink)}
.ccp-login-card button:hover{background:var(--ccp-pink-dark)}
.ccp-shell{width:100vw!important;height:100vh!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden}
.ccp-side{width:220px;flex:0 0 220px;background:#fff;color:var(--ccp-ink);border-right:1px solid var(--ccp-border);padding:18px 12px 12px}
.ccp-brand{height:96px;padding:4px 8px 14px;border-bottom:1px solid #f1f2f5;margin-bottom:12px;display:flex;flex-direction:column;justify-content:center}
.ccp-brand img{display:block;width:170px;max-height:68px;object-fit:contain;margin:0 auto}
.ccp-brand small{color:var(--ccp-pink);letter-spacing:3px;font-size:8px;font-weight:800;margin-top:2px}
.ccp-side nav{gap:5px}
.ccp-side nav button{height:46px;color:#283548;font-weight:600;padding:0 13px}
.ccp-side nav button:hover{background:#fff5f7;color:var(--ccp-pink)}
.ccp-side nav button.active{background:linear-gradient(90deg,#ef4c6c,#f76481);color:#fff;box-shadow:0 7px 18px rgba(239,76,108,.22)}
.ccp-side-user{display:flex;gap:10px;align-items:center;border:1px solid #f0e1e5;border-radius:10px;padding:10px 11px;margin-top:auto;background:#fffafb}
.ccp-side-user>span{width:34px;height:34px;border:1px solid #f5b5c4;color:var(--ccp-pink);border-radius:50%;display:grid;place-items:center;font-size:18px}
.ccp-side-user strong,.ccp-side-user small{display:block}.ccp-side-user strong{font-size:12px}.ccp-side-user small{font-size:10px;color:#7c8797;margin-top:2px}
.ccp-side-foot{margin-top:8px;padding:5px 6px 0;color:#8b95a5}.ccp-side-foot small{color:#8b95a5}
.ccp-workspace{height:100vh;background:#fff;min-width:0}
.ccp-topbar{height:76px;flex:0 0 76px;padding:0 18px;gap:16px;background:#fff;border-bottom:1px solid var(--ccp-border)}
.ccp-page-title{min-width:180px}.ccp-page-title h2{font-size:24px;color:#171b26}.ccp-barcode-icon{background:var(--ccp-pink);color:#fff;border-radius:7px}
.ccp-global-search{width:min(470px,36vw)}
.ccp-global-search input{height:44px;border-radius:8px}.ccp-global-search input:focus{border-color:#f4a8b8;box-shadow:0 0 0 3px rgba(239,76,108,.09)}
.ccp-global-search span{color:var(--ccp-pink)}
.ccp-top-actions{gap:9px}
.ccp-top-actions>button:not(.ccp-logout){height:42px;border-color:#f0ccd5;color:#a73350;border-radius:8px;background:#fff}
.ccp-top-actions>button:not(.ccp-logout):hover{background:#fff5f7;border-color:#f0a9b9}
.ccp-clock{padding-left:13px;border-left:1px solid #eceef2;min-width:116px;text-align:right}.ccp-clock b,.ccp-clock small{display:block}.ccp-clock b{font-size:13px}.ccp-clock small{font-size:9px;color:#7b8796;margin-top:2px}
.ccp-profile{border-left:0;padding-left:3px}.ccp-logout{color:var(--ccp-pink)!important;font-weight:700!important}
.ccp-content{overflow:hidden;min-height:0}
.ccp-sale-layout{height:100%;min-height:0;grid-template-columns:minmax(560px,1.35fr) minmax(480px,1fr);background:#fff}
.ccp-catalog{padding:14px 14px 10px 18px;border-right:1px solid var(--ccp-border);min-height:0;overflow:hidden}
.ccp-category-row{margin-bottom:12px;min-height:40px}.ccp-cat{height:38px;border-radius:7px;padding:0 14px;font-size:12px}.ccp-cat.active{background:var(--ccp-pink);border-color:var(--ccp-pink);box-shadow:0 4px 10px rgba(239,76,108,.15)}
.ccp-view-toggle button.active{color:var(--ccp-pink);border-color:var(--ccp-pink);box-shadow:inset 0 0 0 1px var(--ccp-pink)}
.ccp-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:auto;padding-right:3px;align-content:start;min-height:0;flex:1}
.ccp-product-card{height:190px;padding:9px;border-radius:8px}.ccp-product-card:hover{border-color:#f3b4c2;box-shadow:0 7px 18px rgba(239,76,108,.10)}
.ccp-product-photo{height:78px;background:#fafafa}.ccp-product-placeholder{color:var(--ccp-pink);border-color:#f4c1cc;background:#fff;font-size:23px;width:48px;height:48px}
.ccp-product-card b{font-size:11px}.ccp-product-card small{font-size:8.5px}.ccp-price{font-size:13px!important;color:var(--ccp-pink)!important}.ccp-add{background:var(--ccp-pink);width:25px;height:25px}.ccp-add:hover{background:var(--ccp-pink-dark)}
.ccp-pagination{padding-top:9px;min-height:42px}.ccp-pagination button.active{background:var(--ccp-pink);border-color:var(--ccp-pink)}
.ccp-cart-panel{background:#fff;min-width:0;box-shadow:-6px 0 18px rgba(16,24,40,.025)}
.ccp-cart-head{height:54px;flex:0 0 54px;padding:0 18px;background:var(--ccp-pink);border-bottom:0;color:#fff}.ccp-cart-head h3{font-size:15px;text-transform:uppercase;letter-spacing:.2px}.ccp-cart-head h3 span{color:#ffe8ed}.ccp-cart-head button{color:#fff}
.ccp-cart-body{padding:10px 18px;min-height:160px}.ccp-cart-cols,.ccp-cart-row{grid-template-columns:minmax(0,1.6fr) 82px 102px 88px 22px;gap:8px}.ccp-cart-cols{font-size:10px}.ccp-cart-row{min-height:66px}.ccp-cart-item b{font-size:11px}.ccp-cart-item small{font-size:9px}.ccp-lineprice{font-size:12px}.ccp-remove{color:var(--ccp-pink)}
.ccp-summary{padding:12px 18px 12px;background:#fff}.ccp-summary-row{grid-template-columns:1fr 190px 100px;min-height:38px;font-size:12px}.ccp-summary-row.grand{padding-top:10px;font-size:15px}.ccp-summary-row.grand strong{font-size:22px;color:var(--ccp-pink)}
.ccp-payment{grid-template-columns:1.05fr 1.05fr 130px;gap:10px}.ccp-field input,.ccp-field select{height:42px}.ccp-change{background:#fff0f4;border:1px solid #f7c5d0;color:var(--ccp-pink);border-radius:8px;min-height:66px;display:grid;place-items:center;text-align:center}.ccp-change span,.ccp-change b{display:block}.ccp-change b{font-size:22px;margin-top:4px}
.ccp-checkout-area{padding:10px 18px 14px;background:#fff;border-top:1px solid #f0f1f4}.ccp-complete{height:56px;background:linear-gradient(90deg,#ed4768,#f65f7d);border-radius:7px;font-size:15px;letter-spacing:.3px}.ccp-complete:hover{background:linear-gradient(90deg,#d93d5d,#ef4c6c)}
.ccp-secondary-actions{grid-template-columns:1fr 1fr 1.2fr;gap:9px}.ccp-secondary-actions button{height:44px}.ccp-secondary-actions button:last-child{color:var(--ccp-pink);border-color:#f3c1cc}
.ccp-shortcuts{height:70px;flex:0 0 70px;background:#fff;border-top:1px solid var(--ccp-border);color:#263247;padding:0 20px}.ccp-shortcuts button{color:#263247}.ccp-shortcuts kbd{border:1px solid #f4c1cc;background:#fff;color:var(--ccp-pink)}.ccp-today b{color:var(--ccp-pink)}
.ccp-btn.primary{background:var(--ccp-pink)!important;border-color:var(--ccp-pink)!important}.ccp-btn.primary:hover{background:var(--ccp-pink-dark)!important}.ccp-kpi b{color:var(--ccp-pink)}
#ccp-toast{background:#2d3440}
@media (min-width:1680px){.ccp-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.ccp-side{width:230px;flex-basis:230px}.ccp-sale-layout{grid-template-columns:minmax(720px,1.45fr) minmax(560px,1fr)}}
@media (max-width:1280px){.ccp-side{width:190px;flex-basis:190px}.ccp-brand img{width:150px}.ccp-sale-layout{grid-template-columns:minmax(520px,1.2fr) minmax(455px,1fr)}.ccp-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ccp-profile{display:none}.ccp-global-search{width:320px}.ccp-topbar{gap:10px;padding:0 12px}.ccp-top-actions>button:not(.ccp-logout){padding:0 10px}}
@media (max-width:1050px){.ccp-side{width:165px;flex-basis:165px}.ccp-side nav button{padding:0 9px;font-size:12px}.ccp-brand img{width:135px}.ccp-sale-layout{grid-template-columns:minmax(430px,1fr) minmax(420px,1fr)}.ccp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ccp-clock{display:none}.ccp-page-title{min-width:130px}.ccp-page-title h2{font-size:19px}.ccp-global-search{width:260px}}

/* V3.0.1 FIX: HTML hidden attribute must override POS layout display rules. */
.ccp-app [hidden]{display:none!important}

/* Citrine black theme v3.3.0 */
:root{--pink:#111111!important;--pink2:#000000!important;--accent:#111111!important}
.ccp-side nav button.active,.ccp-cat.active,.ccp-primary,#ccp-complete,.primary,.ccp-product-add,.ccp-page.active{background:#111!important;border-color:#111!important;color:#fff!important}
.ccp-sale-head,.ccp-current-head{background:#111!important;color:#fff!important}
.ccp-product-price,.ccp-grand-total,.ccp-today strong{color:#111!important}
.ccp-logo img{max-width:155px!important;max-height:70px!important;object-fit:contain!important}


/* === CITRINE PREMIUM THEME v3.4.2 === */
:root{
  --ccp-pink:#111827;
  --ccp-pink-dark:#05070a;
  --ccp-pink-soft:#f7f4ed;
  --ccp-navy:#111827;
  --ccp-navy2:#080b10;
  --ccp-gold:#b78b3e;
  --ccp-gold2:#d8b86a;
  --ccp-bg:#f6f7f9;
  --ccp-line:#e5e7eb;
  --ccp-text:#111827;
  --ccp-muted:#6b7280;
  --ccp-red:#b42318;
  --ccp-blue:#1f2937;
  --ccp-border:#e5e7eb;
}
.ccpos-standalone .ccp-login{
  background:
    radial-gradient(circle at 18% 15%,rgba(216,184,106,.16),transparent 30%),
    linear-gradient(145deg,#f8f7f3 0,#ffffff 48%,#f3f4f6 100%);
}
.ccp-login-card{border:1px solid #e7e1d5;box-shadow:0 26px 70px rgba(17,24,39,.16)}
.ccp-login-logo{width:235px!important;max-width:88%!important;max-height:95px!important;object-fit:contain}
.ccp-login-sub{color:#9b7836!important}
.ccp-login-card input:focus{border-color:#b78b3e!important;box-shadow:0 0 0 3px rgba(183,139,62,.12)!important}
.ccp-login-card button{background:linear-gradient(135deg,#171717,#050505)!important}
.ccp-login-card button:hover{background:#000!important}
.ccp-side{background:linear-gradient(180deg,#101216 0,#050608 100%)!important;border-right:1px solid #1d2026}
.ccp-brand{border-bottom-color:#ffffff14!important}
.ccp-brand img{width:172px!important;max-height:72px!important;object-fit:contain!important;filter:brightness(0) invert(1)}
.ccp-brand small{color:#d0ad61!important}
.ccp-side nav button{color:#e8e8e8!important}
.ccp-side nav button:hover{background:#ffffff0c!important;color:#d8b86a!important}
.ccp-side nav button.active{
  background:linear-gradient(90deg,#b78b3e,#d8b86a)!important;
  color:#111!important;
  box-shadow:0 7px 18px rgba(183,139,62,.22)!important;
}
.ccp-side-user{background:#0e1014!important;border-color:#292d34!important;color:#fff!important}
.ccp-side-user>span{border-color:#b78b3e!important;color:#d8b86a!important}
.ccp-side-user small,.ccp-side-foot small{color:#9ca3af!important}
.ccp-barcode-icon{background:#111827!important;color:#fff!important}
.ccp-global-search input:focus{border-color:#b78b3e!important;box-shadow:0 0 0 3px rgba(183,139,62,.10)!important}
.ccp-global-search span{color:#9b7836!important}
.ccp-top-actions>button:not(.ccp-logout){border-color:#d8dce3!important;color:#242830!important}
.ccp-top-actions>button:not(.ccp-logout):hover{background:#f8f6f0!important;border-color:#c9ad6a!important}
.ccp-logout{color:#8a6426!important}
.ccp-cat.active{background:#111827!important;border-color:#111827!important;box-shadow:0 4px 10px rgba(17,24,39,.15)!important}
.ccp-view-toggle button.active{color:#9b7836!important;border-color:#b78b3e!important;box-shadow:inset 0 0 0 1px #b78b3e!important}
.ccp-product-card:hover{border-color:#cdb77f!important;box-shadow:0 7px 18px rgba(17,24,39,.10)!important}
.ccp-product-placeholder{color:#9b7836!important;border-color:#d9c99f!important}
.ccp-price{color:#111827!important}
.ccp-add{background:#111827!important}
.ccp-add:hover{background:#b78b3e!important}
.ccp-pagination button.active{background:#111827!important;border-color:#111827!important}
.ccp-cart-head{background:linear-gradient(90deg,#111827,#05070a)!important;color:#fff!important}
.ccp-cart-head h3 span{color:#d1d5db!important}
.ccp-remove{color:#9f2d22!important}
.ccp-summary-row.grand strong{color:#111827!important}
.ccp-change{background:#faf7ef!important;border-color:#ddc991!important;color:#7d5e22!important}
.ccp-complete{background:linear-gradient(90deg,#111827,#05070a)!important;color:#fff!important}
.ccp-complete:hover{background:linear-gradient(90deg,#b78b3e,#9a742f)!important}
.ccp-secondary-actions button:last-child{color:#8a6426!important;border-color:#d9c99f!important}
.ccp-shortcuts kbd{border-color:#d9c99f!important;color:#7d5e22!important;background:#fffdf8!important}
.ccp-today b,.ccp-kpi b{color:#8a6426!important}
.ccp-btn.primary{background:#111827!important;border-color:#111827!important}
.ccp-btn.primary:hover{background:#000!important}

/* === PRODUCT EDITOR v3.4.4 === */
.ccp-modal{backdrop-filter:blur(5px);background:rgba(8,12,18,.68)!important}
.ccp-modal-card{width:min(760px,94vw)!important;border-radius:20px!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(0,0,0,.38)!important}
.ccp-modal-card>h3{margin:0!important;padding:20px 26px!important;background:linear-gradient(100deg,#111827,#050608);color:#fff;font-size:20px!important;font-family:Inter,ui-sans-serif,sans-serif!important;letter-spacing:-.2px}
.ccp-product-editor{display:grid;grid-template-columns:235px 1fr;gap:24px;padding:25px 26px 18px;background:#fff}
.ccp-editor-image{display:flex;flex-direction:column;align-items:stretch}
.ccp-editor-preview{height:230px;border:1px dashed #cbb77f;border-radius:15px;background:linear-gradient(145deg,#fbfaf7,#f3f4f6);display:grid;place-items:center;overflow:hidden}
.ccp-editor-preview img{width:100%;height:100%;object-fit:contain;background:#fff}
.ccp-editor-placeholder{text-align:center;color:#777}
.ccp-editor-placeholder span{width:52px;height:52px;margin:0 auto 11px;border-radius:50%;background:#111827;color:#d8b86a;display:grid;place-items:center;font-size:23px}
.ccp-editor-placeholder b{display:block;color:#24272d;font-size:13px}
.ccp-editor-placeholder small{display:block;margin-top:5px;font-size:10px;color:#9298a2}
.ccp-upload-btn{height:42px;margin-top:11px;border-radius:9px;background:#111827;color:#fff!important;display:flex;align-items:center;justify-content:center;font-weight:700!important;font-size:12px!important;cursor:pointer;transition:.15s}
.ccp-upload-btn:hover{background:#b78b3e}
.ccp-remove-img{border:0;background:transparent;color:#9a3329;font-size:11px;margin-top:8px;cursor:pointer}
.ccp-editor-fields{display:grid;gap:11px}
.ccp-editor-fields label{font-size:10px;font-weight:800;color:#626a76;text-transform:uppercase;letter-spacing:.45px}
.ccp-editor-fields input,.ccp-editor-fields select{height:44px!important;margin:6px 0 0!important;border:1px solid #dfe3e8!important;border-radius:9px!important;padding:0 12px!important;background:#fbfcfd!important;color:#151922;outline:none}
.ccp-editor-fields input:focus,.ccp-editor-fields select:focus{border-color:#b78b3e!important;box-shadow:0 0 0 3px rgba(183,139,62,.10)!important;background:#fff!important}
.ccp-editor-numbers{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.ccp-modal-actions{margin:0!important;padding:15px 26px 20px!important;background:#fafafa;border-top:1px solid #eceef1}
.ccp-modal-actions .ccp-btn{min-width:92px;height:42px!important;border-radius:9px!important}
.ccp-modal-actions .ccp-btn.primary{background:#111827!important;border-color:#111827!important}
.ccp-modal-actions .ccp-btn.primary:hover{background:#b78b3e!important;border-color:#b78b3e!important}
@media(max-width:680px){.ccp-product-editor{grid-template-columns:1fr}.ccp-editor-preview{height:190px}.ccp-editor-numbers{grid-template-columns:1fr}}


/* === RETURN / EXCHANGE WORKSPACE v3.6.1 === */
.ccp-return-modal{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(5,8,12,.72)!important;
  backdrop-filter:blur(5px);
}
.ccp-return-modal .ccp-modal-card{
  width:min(1080px,96vw)!important;
  max-width:1080px!important;
  max-height:92vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  margin:0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 32px 90px rgba(0,0,0,.38)!important;
}
.ccp-return-modal .ccp-modal-card>h3{
  flex:0 0 auto!important;
  margin:0!important;
  padding:18px 24px!important;
  background:linear-gradient(90deg,#111827,#05070a)!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:850!important;
}
.ccp-return-modal .ccp-modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:20px 24px!important;
  background:#fff!important;
}
.ccp-return-modal .ccp-modal-actions{
  flex:0 0 auto!important;
  position:static!important;
  margin:0!important;
  padding:14px 24px 18px!important;
  border-top:1px solid #e7e9ed!important;
  background:#fafafa!important;
}
.ccp-return-body{width:100%!important;max-width:none!important;overflow:visible!important}
.ccp-return-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
}
.ccp-return-grid label{min-width:0!important}
.ccp-return-grid select,.ccp-return-grid input{
  width:100%!important;
  height:42px!important;
  border:1px solid #dfe3e8!important;
  border-radius:9px!important;
  padding:0 12px!important;
  background:#fbfcfd!important;
}
.ccp-return-table-wrap{
  width:100%!important;
  overflow:auto!important;
  border:1px solid #e4e7eb!important;
  border-radius:12px!important;
  max-height:42vh!important;
}
.ccp-return-table{
  width:100%!important;
  min-width:820px!important;
  border-collapse:collapse!important;
  font-size:11px!important;
}
.ccp-return-table th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  padding:10px 8px!important;
  background:#f7f8fa!important;
  color:#555d68!important;
  border-bottom:1px solid #e4e7eb!important;
  white-space:nowrap!important;
}
.ccp-return-table td{
  padding:10px 8px!important;
  border-bottom:1px solid #eef0f3!important;
  vertical-align:middle!important;
}
.ccp-return-table td:first-child{min-width:250px!important}
.ccp-return-table .ccp-return-qty{
  width:88px!important;
  min-width:88px!important;
  height:36px!important;
}
.ccp-return-summary{
  padding:12px 14px!important;
  border:1px solid #e4d29d!important;
  border-radius:10px!important;
  background:#fffaf0!important;
}
@media(max-width:760px){
  .ccp-return-modal{padding:7px!important}
  .ccp-return-modal .ccp-modal-card{width:99vw!important;max-height:97vh!important}
  .ccp-return-modal .ccp-modal-body{padding:14px!important}
  .ccp-return-grid{grid-template-columns:1fr!important}
}


/* === NEW SALE SCROLL + PAGINATION FIX v3.8.1 === */

/* The full sales workspace must stay inside the available POS height. */
.ccp-sale-layout{
  min-height:0!important;
  overflow:hidden!important;
}

/* LEFT: keep categories and pagination visible; only product cards scroll. */
.ccp-catalog{
  min-height:0!important;
  overflow:hidden!important;
}
.ccp-category-row{
  flex:0 0 auto!important;
}
#ccp-product-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:6px!important;
  align-content:start!important;
  scrollbar-gutter:stable;
}
#ccp-product-grid::-webkit-scrollbar{
  width:8px;
}
#ccp-product-grid::-webkit-scrollbar-thumb{
  background:#b7bdc6;
  border-radius:999px;
}
#ccp-product-grid::-webkit-scrollbar-track{
  background:#f3f4f6;
}
.ccp-pagination{
  flex:0 0 auto!important;
  margin-top:8px!important;
  padding-top:9px!important;
  min-height:42px!important;
  background:#fff!important;
  border-top:1px solid #edf0f3!important;
  position:relative!important;
  z-index:3!important;
}

/* RIGHT: cart items get their own scroll area. Summary/checkout stay visible. */
.ccp-cart-panel{
  min-height:0!important;
  overflow:hidden!important;
}
.ccp-cart-head{
  flex:0 0 58px!important;
}
.ccp-cart-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable;
}
.ccp-cart-body::-webkit-scrollbar{
  width:8px;
}
.ccp-cart-body::-webkit-scrollbar-thumb{
  background:#b7bdc6;
  border-radius:999px;
}
.ccp-cart-body::-webkit-scrollbar-track{
  background:#f3f4f6;
}
.ccp-cart-cols{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  background:#fff!important;
}
.ccp-summary{
  flex:0 0 auto!important;
}
.ccp-checkout-area{
  flex:0 0 auto!important;
}

/* Prevent long carts from pushing payment controls below the screen. */
#ccp-cart-lines{
  min-height:0!important;
}

@media(max-width:1200px){
  .ccp-product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}