.sales-center{--sc-ink:#241036;--sc-purple:#7431b5;--sc-border:#e7dff1;color:var(--sc-ink);font-size:14px}
body:has(.sales-center){background:#f6f2fb}body:has(.sales-center) .layout{grid-template-columns:225px minmax(0,1fr)}body:has(.sales-center) .side{background:#25172f}body:has(.sales-center) main#content{padding:14px 20px 22px;background:linear-gradient(120deg,#faf8fd,#f2edf9)}body:has(.sales-center) .top{height:46px;background:#fbfaff;border-bottom:1px solid #e8e1f0}body:has(.sales-center) .side .brand{padding:5px 0 24px}
.sc-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 6px 10px}.sc-heading h1{font-size:30px;line-height:1.2;font-weight:850;letter-spacing:-.8px;margin:0 0 4px}.sc-heading p{font-size:14px;margin:0;color:#544363}.sc-period{display:flex;gap:8px}.sc-period label{font-size:11px;color:#665477;display:grid;gap:2px}.sc-period input{min-height:32px;padding:4px 8px;font-size:12px;max-width:145px}
.sc-tabs{display:flex;gap:22px;border-bottom:1px solid var(--sc-border);margin:0 6px 16px}.sc-tabs button{border:0;background:none;padding:8px 18px 10px;color:#584366;font-size:14px;font-weight:650;cursor:pointer;border-bottom:2px solid transparent}.sc-tabs button.active{color:#7835b3;border-color:#7835b3}
.sc-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid white;border-radius:13px;background:linear-gradient(100deg,#f1e8fc,#ede3fa 52%,#e1f7ee);margin:0 6px 17px;box-shadow:0 1px 8px #4c258008;overflow:hidden}.sc-kpis>button{position:relative;display:flex;align-items:center;gap:24px;text-align:left;border:0;background:none;padding:13px 28px;cursor:pointer;color:var(--sc-ink);font:inherit}.sc-kpis>button+button:before{content:'';position:absolute;left:0;height:50%;border-left:1px solid #c6afd9}.sc-kpis .ui-icon{width:32px;height:32px;filter:invert(27%) sepia(78%) saturate(1781%) hue-rotate(252deg)}.sc-kpis>button:last-child .ui-icon{filter:invert(45%) sepia(71%) saturate(854%) hue-rotate(111deg)}.sc-kpis button>span{display:grid;gap:1px}.sc-kpis strong{font-size:27px;line-height:1.12;font-weight:850;letter-spacing:-.6px}.sc-kpis small{font-size:10px;color:#675473;margin-top:3px}
.sc-counter{display:grid;grid-template-columns:minmax(0,1.73fr) minmax(345px,1fr);gap:14px;align-items:stretch}.sc-card{background:#ffffffc9;border:1px solid var(--sc-border);border-radius:14px;padding:17px 20px;box-shadow:0 3px 9px #45247505;min-width:0}.sc-card h2{font-size:23px;font-weight:850;letter-spacing:-.6px;display:flex;align-items:center;gap:12px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--sc-border);line-height:1.2}.sc-card h2 .ui-icon{width:29px;height:29px;filter:invert(25%) sepia(85%) saturate(1800%) hue-rotate(253deg)}.sc-card h3{font-size:19px;letter-spacing:-.35px;margin:0 0 10px}.sc-desk h4{font-size:14px;margin:15px 0 7px}.sc-client-row{display:grid;grid-template-columns:115px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:15px}.sc-client-row>label,.sc-mode-row>span{font-weight:750}.sales-center .btn{min-height:36px;padding:7px 14px;font-size:13px;border-radius:8px}.sales-center .btn.primary{background:linear-gradient(120deg,#843bd0,#6830ac);color:#fff;border:1px solid #7a35bc}.sales-center .btn.secondary{border:1px solid #c9b8df;background:#fffaff;color:#492363}.sales-center .btn.text{border:0;box-shadow:none;background:none;color:#7026ac;padding:4px 8px;min-height:28px}.sales-center .btn .ui-icon{width:20px;height:20px}.sales-center .btn.primary .ui-icon{filter:brightness(0) invert(1)}.sc-client-search{position:relative;min-width:0}.sc-client-search>.ui-icon{position:absolute;left:12px;top:9px}.sc-client-search input{padding-left:40px;width:100%;min-height:37px}.sc-mode-row{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;align-items:center;margin-right:160px}.sc-segment{display:flex}.sc-segment .btn{flex:1;border-radius:0;white-space:normal}.sc-segment .btn:first-child{border-radius:7px 0 0 7px}.sc-segment .btn:last-child{border-radius:0 7px 7px 0}.sc-search{position:relative;display:block;flex:1}.sc-search>.ui-icon{position:absolute;left:12px;top:8px;width:19px}.sc-search input{width:100%;padding:7px 12px 7px 40px;min-height:34px}.sc-filters{display:flex;gap:8px;align-items:start;position:relative;margin-bottom:12px}.sc-filters>details{flex:0 0 auto}.sc-filters summary{display:flex;align-items:center;gap:4px;padding:7px;cursor:pointer;font-size:12px}.sc-filters details>div{position:absolute;z-index:3;right:0;top:40px;background:white;box-shadow:0 6px 25px #39244a26;border:1px solid var(--sc-border);border-radius:10px;padding:14px;width:270px;display:grid;gap:8px}.sc-filters label:not(.sc-search){font-size:12px}.sc-check{display:flex;gap:8px;align-items:center}.sc-check input{width:auto}.sales-center input,.sales-center select,.sales-center textarea{border-color:#cabbdc;background:#fffdfd;color:#2d1640;border-radius:7px;font-family:inherit}.sc-stock-head,.sc-stock-row{display:grid;grid-template-columns:35px minmax(0,1fr) 100px 170px;gap:10px;align-items:center}.sc-stock-head{padding:6px 13px;border-radius:8px;background:#ede4f8;font-size:12px;font-weight:800}.sc-stock-head>span:first-child{font-size:0}.sc-stock-group{display:flex;align-items:center;gap:9px;background:#f3ecfb;padding:5px 42px;margin-top:4px;border-radius:8px;font-size:13px}.sc-stock-group .ui-icon{width:19px;height:19px}.sc-stock-row{padding:5px 13px;border-bottom:1px solid #e5dced;min-height:39px;border-radius:7px}.sc-stock-row.selected{background:#eee1fb}.sc-stock-row>input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:#7730ba;cursor:pointer}.sc-stock-row strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.sc-stock-row input[type=text]{min-width:0;width:100%;min-height:28px;padding:4px 10px;font-size:13px}.sc-stock-row small{display:block;font-size:11px}.sc-stock-row.unavailable{background:#f8f6fa;color:#75677e}.sc-reason{color:#87414c;line-height:1.4}.sc-tier{padding:2px 12px;background:#e3d0fa;border-radius:20px;font-size:12px;font-weight:700;width:fit-content;max-width:100%;overflow-wrap:anywhere}.sc-list-count{font-size:11px;color:#756680;margin:10px 0 0}.sc-summary{padding:17px 18px}.sc-client-summary{display:flex;gap:14px;align-items:center;padding:0 4px 13px;border-bottom:1px solid var(--sc-border);font-size:12px}.sc-client-summary>.ui-icon{width:25px;height:25px}.sc-client-summary strong{display:block;font-size:14px}.sc-items-title{display:flex;align-items:center;gap:9px;margin:12px 3px 7px;font-size:13px;flex-wrap:wrap}.sc-items-title>span{font-size:11px;margin-left:auto;padding:4px 8px;background:#f0e5ff;border:1px solid #e2d0ff;border-radius:8px;font-weight:650}.sc-selected-items{list-style:none;margin:0;padding:0 3px;max-height:210px;overflow:auto}.sc-selected-items li{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:12px}.sc-selected-items li:before{content:'•';color:#8441c3;margin-right:6px}.sc-selected-items li>span{flex:1;overflow-wrap:anywhere}.sc-selected-items small{display:block;font-size:10px}.sc-selected-items b{font-weight:600;white-space:nowrap}.sc-selected-items .btn{font-size:18px;padding:0 5px;min-height:20px}.sc-empty-selection{color:#766381;min-height:55px}.sc-subtotal,.sc-total{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:12px}.sc-subtotal{border-top:1px solid var(--sc-border);margin-top:6px;font-size:13px}.sc-total{background:#f1e7fc;border-radius:7px;font-size:18px}.sc-total b{font-size:26px;font-weight:850;color:#6423a6;letter-spacing:-.5px}.sc-payment-fields{padding:12px 2px 6px;display:grid;gap:8px}.sc-line-field,.sc-payment-fields>.sc-field{display:grid;grid-template-columns:minmax(0,1fr) 48%;align-items:center;gap:10px;font-size:12px}.sc-line-field>span{display:flex;align-items:center;gap:10px}.sc-line-field .ui-icon{width:18px;height:18px}.sc-line-field input,.sc-line-field select,.sc-payment-fields>.sc-field input{min-width:0;width:100%;min-height:31px;padding:4px 9px;font-size:12px}.sc-field{display:grid;gap:5px;font-size:12px}.sc-field textarea{width:100%;min-height:65px;padding:8px}.sc-options summary{font-size:11px;color:#74518a;cursor:pointer;margin:1px 0 5px}.sc-options .sc-field{margin:8px 0}.sc-options input{min-height:30px}.sc-balance{display:flex;align-items:center;gap:10px;border-radius:9px;background:linear-gradient(95deg,#d5fae5,#cbf6e6);padding:10px 12px;font-size:16px}.sc-balance b{margin-left:auto;font-size:21px;white-space:nowrap}.sc-balance .ui-icon{filter:invert(41%) sepia(93%) saturate(525%) hue-rotate(108deg)}.sales-center .sc-register{width:100%;margin-top:12px;min-height:41px;font-size:16px;font-weight:750}.sc-summary-note{margin:7px 0 0;font-size:10px;color:#74607e;text-align:center}#sc-save-error:empty{display:none}#sc-save-error{font-size:12px;color:#9b263e;background:#fff1f4;padding:9px;border-radius:7px;margin-top:9px}.sc-recent{margin-top:12px;padding:12px 14px}.sc-recent>header,.sc-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.sc-recent h2{border:0;font-size:20px;margin:0;padding:0}.sc-recent h2 .ui-icon{width:23px;height:23px}.sc-table-wrap{overflow:auto;max-width:100%}.sc-table{border-collapse:collapse;width:100%;font-size:12px;margin:8px 0 0}.sc-table th{background:#eee5f9;text-align:left;padding:5px 12px;font-weight:750;white-space:nowrap}.sc-table th:first-child{border-radius:7px 0 0 7px}.sc-table th:last-child{border-radius:0 7px 7px 0}.sc-table td{padding:7px 12px;border-bottom:1px solid #e7dfed}.sc-table td>small{display:block;color:#776382;font-size:10px}.sc-table td.numeric{white-space:nowrap}.sc-chip{display:inline-block;padding:3px 11px;border-radius:20px;font-size:11px;font-weight:700;background:#ede2fb;white-space:nowrap}.sc-chip.paid{background:#d4fae5;color:#006944}.sc-chip.partial{background:#fff0cd;color:#865000}.sc-chip.cancelled{background:#f9e1e5;color:#8d3043}.sc-chip.open{background:#ede4f9;color:#68427d}.sc-empty{text-align:center;padding:45px 16px;color:#705e7d}.sc-empty h3{font-size:16px;color:#49305c}.sc-empty p{font-size:12px}.sc-footnote{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#796486;font-size:10px}.sc-demo{background:#bff7df;color:#164f3a;display:inline-flex;gap:6px;align-items:center;padding:4px 9px;border-radius:6px;font-size:12px;font-weight:700}.sc-demo .ui-icon{width:14px;height:14px}.sc-history-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.sc-history-filters label{font-size:12px;display:grid;gap:4px;flex:1;min-width:120px}.sc-history-filters input,.sc-history-filters select{min-height:35px;width:100%}.sc-history-meta,.sc-pagination{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:12px 0 0;font-size:12px}.sc-pagination{justify-content:flex-end}.sc-client-filter{display:flex;gap:10px;max-width:600px;margin-bottom:14px}.sc-client-filter input{flex:1;min-width:0}.sc-success{text-align:center;padding:55px}.sc-success h2{justify-content:center;border:0}.sc-success>.ui-icon{width:45px;height:45px;margin-bottom:15px}.sc-success p{max-width:500px;margin:10px auto 25px}.sc-success .btn{margin:0 5px}.sc-notice{font-size:12px;color:#6b477f;background:#f4edfc;padding:10px;border-radius:7px}.sc-detail-dialog{max-width:800px;width:calc(100% - 28px)}.sc-detail-top{display:flex;justify-content:space-between;gap:15px;align-items:start}.sc-detail-top h3{margin:0}.sc-detail-top p{font-size:12px}.sc-detail-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px;background:#f3ebfc;border-radius:10px}.sc-detail-values strong{display:block;font-size:21px;margin-top:4px}.sc-detail-values>div{font-size:12px}.sc-detail-item{border-bottom:1px solid #eadff1;padding:9px 0}.sc-detail-item small{display:block;font-size:11px;margin-top:4px}.sc-detail-actions,.sc-legacy-links{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.sc-detail-actions .btn,.sc-legacy-links .btn{font-size:12px}.sc-receipt{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eadff1}.sc-receipt small{display:block;font-size:11px;margin-top:4px}.sc-history-events{padding-left:20px;font-size:12px}.sc-history-events li{padding:6px 0}.sc-history-events small{display:block;color:#766383;margin-top:3px}.sc-history-events p{margin:4px 0}.sales-center :is(button,a,input,select,textarea):focus-visible{outline:3px solid #9d67d0;outline-offset:3px}.sales-center button{transition:background 160ms ease,box-shadow 160ms ease}.sales-center button:not(:disabled):hover{box-shadow:0 2px 8px #612f9420}.sales-center button:disabled{opacity:.55;cursor:not-allowed}
@media(min-width:1700px){.sc-counter{grid-template-columns:minmax(0,1.7fr) minmax(420px,1fr)}.sc-card{padding:22px 25px}.sc-stock-row{min-height:45px}.sc-client-row{margin-bottom:20px}.sc-selected-items li{padding:7px 0}.sc-payment-fields{gap:12px}.sc-kpis{margin-bottom:20px}.sc-recent{padding:15px 20px}.sc-table td{padding:10px 12px}}
@media(max-width:1400px){body:has(.sales-center) .layout{grid-template-columns:205px minmax(0,1fr)}body:has(.sales-center) main#content{padding:14px}.sc-counter{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr)}.sc-card{padding:14px}.sc-client-row{grid-template-columns:70px minmax(0,1fr);gap:8px}.sc-client-row>.btn{grid-column:2;justify-self:end;min-height:28px;font-size:11px;padding:4px 10px}.sc-mode-row{grid-template-columns:90px minmax(0,1fr);margin-right:0;gap:7px}.sc-stock-head,.sc-stock-row{grid-template-columns:25px minmax(0,1fr) 60px 120px;gap:6px}.sc-stock-group{padding-left:35px}.sc-card h2{font-size:21px}.sc-kpis>button{padding:12px 20px;gap:16px}.sc-kpis small{font-size:9px}.sc-summary .sc-items-title>span{margin-left:0}.sc-summary .sc-items-title{gap:6px}.sc-summary-note{font-size:9px}}
@media(max-width:1050px){.sc-counter{grid-template-columns:1fr}.sc-client-row{grid-template-columns:100px minmax(0,1fr) auto}.sc-client-row>.btn{grid-column:auto;min-height:35px;font-size:12px}.sc-summary{max-width:none}.sc-mode-row{max-width:650px}.sc-period{display:none}.sc-kpis>button{padding:12px;gap:8px}.sc-kpis strong{font-size:23px}.sc-kpis .ui-icon{width:25px;height:25px}.sc-kpis small{font-size:9px}}
@media(max-width:800px){body:has(.sales-center) .layout{grid-template-columns:minmax(0,1fr)}body:has(.sales-center) main#content{padding:12px}.sc-heading h1{font-size:27px}.sc-heading{margin:0 0 10px}.sc-heading p{font-size:12px}.sc-tabs{margin:0 0 12px;gap:5px}.sc-tabs button{padding:8px 14px}.sc-kpis{margin:0 0 12px}.sc-kpis>button{padding:12px 9px;display:block}.sc-kpis .ui-icon{display:none}.sc-kpis strong{font-size:21px}.sc-kpis button>span>span{font-size:10px}.sc-kpis small{font-size:8px;line-height:1.35}.sc-client-row{grid-template-columns:1fr auto;gap:8px}.sc-client-row>label{grid-column:1/-1}.sc-client-search{grid-column:1/-1}.sc-client-row>.btn{grid-column:2}.sc-mode-row{display:block}.sc-mode-row>span{display:block;margin-bottom:6px;font-size:12px}.sc-card h2{font-size:20px}.sc-stock-head,.sc-stock-row{grid-template-columns:22px minmax(0,1fr) 88px;padding:7px 4px;gap:5px}.sc-stock-head>span:nth-child(3){display:none}.sc-stock-head>span:nth-child(4){font-size:10px}.sc-stock-row>.sc-tier{grid-column:2;font-size:10px;padding:2px 7px}.sc-stock-row>input[type=text]{grid-column:3;grid-row:1/3;padding:5px;font-size:11px}.sc-stock-row strong{font-size:11px}.sc-stock-group{padding:7px;font-size:12px}.sc-stock-row{position:relative}.sc-filters{gap:3px}.sc-filters summary{font-size:10px;padding:8px 2px}.sc-search input{font-size:11px;padding-left:31px}.sc-search>.ui-icon{left:7px}.sc-summary{padding:15px}.sc-total b{font-size:25px}.sc-recent{padding:12px}.sc-table{min-width:580px}.sc-footnote{flex-wrap:wrap;gap:5px}.sc-detail-dialog{max-width:none;width:100%;height:100%;max-height:100dvh;border-radius:0;margin:0;padding:16px}.sc-detail-values{gap:8px;padding:10px}.sc-detail-values strong{font-size:18px}.sc-receipt{flex-wrap:wrap}.sc-detail-top{flex-wrap:wrap}.sc-success{padding:30px 15px}.sc-period{display:flex;width:100%}.sc-heading{flex-wrap:wrap;gap:10px}.sc-period input{max-width:none}.sc-period label{flex:1}.sc-summary .sc-register{position:static}.sc-selected-items{max-height:none}}
.sales-center .btn.text:not(.primary){background:transparent;border-color:transparent;color:#7026ac;box-shadow:none}
.sales-center .sc-selected-items .btn.text{padding:0 4px;min-height:24px;height:24px;line-height:20px}
.sales-center .sc-selected-items li{min-height:29px;padding:3px 0}
.sc-kpis button>span>span{font-size:13px;line-height:1.25}.sc-kpis small{line-height:1.2}.sc-kpis>button{padding-top:10px;padding-bottom:10px}
#sc-inventory{max-height:290px;overflow:auto;scrollbar-width:thin;scrollbar-color:#cdb7e4 transparent;padding-right:3px}
.sc-stock-head{position:sticky;top:0;z-index:1}
.sc-heading{margin-bottom:2px}.sc-kpis>button{padding-top:7px;padding-bottom:7px}.sc-kpis button>span{gap:0}.sc-kpis button>span>span{line-height:1.15}.sc-kpis strong{line-height:1.05}.sc-kpis small{font-size:9px;line-height:1.15;margin-top:2px}
.sc-total{padding:5px 12px;line-height:1.2}.sc-total b{line-height:1.1}.sc-balance{padding:8px 12px;line-height:1.2}.sc-balance b{line-height:1.1}
.sc-card h2{margin-bottom:9px;padding-bottom:10px}.sc-card h3{line-height:1.2}.sc-client-search input{line-height:1.25;min-height:36px}.sc-summary-note{line-height:1.3}.sc-payment-fields{gap:6px;padding-top:10px}.sc-line-field input,.sc-line-field select,.sc-payment-fields>.sc-field input{line-height:1.2}.sc-client-summary{padding-bottom:10px}.sc-items-title{margin-top:10px;margin-bottom:5px}.sc-selected-items li{line-height:1.35}
.sales-center .btn.primary:not(.secondary){background:linear-gradient(120deg,#843bd0,#6830ac);border-color:#7a35bc}
.sc-line-field[hidden]{display:none}
.sc-summary .sc-client-summary>.ui-icon,.sc-summary .sc-items-title>.ui-icon,.sc-stock-group>.ui-icon{filter:invert(25%) sepia(85%) saturate(1800%) hue-rotate(253deg)}
@media(min-width:1700px){#sc-inventory{max-height:350px}}
@media(max-width:800px){#sc-inventory{max-height:350px}.sc-kpis button>span>span{font-size:10px}.sales-center .sc-selected-items .btn.text{min-width:32px;min-height:32px}.sc-stock-head{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sales-center *{transition:none!important;animation:none!important}}
.sc-table small{display:block;color:#776382;font-size:10px}.sc-cell-value{min-width:0}
@media(max-width:800px){
 .sc-period label{min-width:0}.sc-period input{width:100%;min-width:0;max-width:100%}
 .sc-kpis{grid-template-columns:1fr}.sc-kpis>button{padding:9px 13px}.sc-kpis>button+button{border-top:1px solid #d8c9e6}.sc-kpis>button+button:before{display:none}.sc-kpis button>span{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px}.sc-kpis button>span>span{font-size:12px}.sc-kpis strong{font-size:21px;grid-row:1;grid-column:2}.sc-kpis small{grid-column:1/-1;font-size:10px;line-height:1.4}
 .sc-table{min-width:0;width:100%}.sc-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sc-table tbody{display:grid;gap:12px}.sc-table tr{display:block;padding:8px 10px;background:#faf7fd;border:1px solid #e7dced;border-radius:9px}.sc-table td{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:8px;padding:6px 0;white-space:normal!important}.sc-table td:before{content:attr(data-label);font-size:11px;color:#745d82}.sc-table .sc-cell-value{overflow-wrap:anywhere;text-align:left}.sc-table td:last-child{border:0}.sc-table td:last-child .btn{justify-content:start;padding-left:0}.sc-table th,.sc-table td{font-size:12px}.sc-recent>header{align-items:start}.sc-recent h2{font-size:18px}.sc-recent>header>.btn{padding:2px 0;min-height:25px;flex-shrink:0}.sc-footnote{display:grid;justify-content:start;gap:7px}.sc-footnote>span{white-space:normal}
 body:has(.sales-center) .qa-banner{position:static;width:auto;margin:0;padding:5px 12px;font-size:10px;line-height:1.3;border-radius:0;box-shadow:none}
}