/* VIONA STORE v0.5.0 — Retail Pro interface */
:root{--font:Tahoma,"Segoe UI",Arial,sans-serif;--display:Tahoma,"Segoe UI",Arial,sans-serif}
body,button,input,select,textarea,table{font-family:var(--font)!important}
.retail-status-strip{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px;margin:-4px 0 16px}.retail-status-strip button{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);border-radius:17px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:3px;text-align:right;box-shadow:var(--shadow2);cursor:pointer;min-width:0}.retail-status-strip button>i{width:9px;height:9px;border-radius:50%;grid-row:1/3;align-self:center}.retail-status-strip button>i.live{background:#12b984;box-shadow:0 0 0 5px rgba(18,185,132,.1)}.retail-status-strip button>i.off{background:#ec627b}.retail-status-strip button>span{grid-row:1/3;align-self:center;font-size:16px;color:var(--brand)}.retail-status-strip em{font-style:normal;font-size:9px;color:var(--muted)}.retail-status-strip b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pos-pro-top{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:10px;margin-bottom:12px}.pos-pro-top>label,.promo-live,.shift-chip{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,transparent);border-radius:16px;padding:10px 12px;box-shadow:var(--shadow2)}.pos-pro-top>label span{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.pos-pro-top>label .select{height:37px}.shift-chip{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px}.shift-chip i{width:9px;height:9px;border-radius:50%}.shift-chip.open i{background:#15bd8a;box-shadow:0 0 0 5px rgba(21,189,138,.1)}.shift-chip.closed i{background:#e95b73}.shift-chip small,.promo-live small{display:block;color:var(--muted);font-size:8px}.shift-chip b,.promo-live b{font-size:9.5px}.shift-chip button{border:0;background:rgba(101,92,246,.1);color:var(--brand);border-radius:9px;padding:7px 8px;font-size:8px;cursor:pointer}.promo-live{display:flex;align-items:center;gap:9px}.promo-live>span{width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,rgba(100,92,246,.15),rgba(22,191,209,.13));display:grid;place-items:center;color:var(--brand);font-size:15px}
.product-results-pro .product-chip.pro{grid-template-columns:40px 1fr auto!important;gap:9px!important;align-items:center!important;text-align:right!important;padding:11px!important}.product-chip.pro>.product-symbol{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,rgba(101,92,246,.13),rgba(22,191,209,.1));display:grid;place-items:center;font-weight:900;color:var(--brand)}.product-chip.pro>div{min-width:0}.product-chip.pro>div b{display:block}.product-chip.pro>div small{display:block}.product-chip.pro>div em{display:inline-flex;margin-top:5px;font-style:normal;font-size:7.5px;padding:3px 6px;border-radius:999px;background:rgba(225,144,30,.11);color:#be7616}.product-chip.pro>strong{font-size:11px}.product-chip.pro>strong small{display:block;font-size:7px;color:var(--muted);font-weight:500}
.cart-head-pro,.cart-row-pro{display:grid!important;grid-template-columns:30px minmax(180px,1.45fr) 108px minmax(145px,.9fr) 115px 125px 32px!important;align-items:center;gap:8px}.cart-head-pro{padding:7px 11px;color:var(--muted);font-size:8px}.cart-row-pro{padding:9px 11px;border-top:1px solid var(--line)}.promo-badge{font-style:normal;display:inline-flex;margin-right:5px;padding:2px 5px;border-radius:999px;background:rgba(17,178,132,.1);color:#0c9a72;font-size:7px}.line-discount{text-align:center}.line-discount b{display:block;color:#0c9a72;font-size:9px}.line-discount small{display:block;color:var(--muted);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-discount span{color:var(--muted)}
.catalog-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px}.catalog-kpis>div{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:13px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;box-shadow:var(--shadow2)}.catalog-kpis span{grid-row:1/3;width:36px;height:36px;border-radius:12px;background:rgba(101,92,246,.09);display:grid;place-items:center;color:var(--brand);font-size:16px}.catalog-kpis b{font-size:16px}.catalog-kpis small{font-size:8px;color:var(--muted)}.catalog-search{display:flex;gap:7px;min-width:min(430px,100%)}.catalog-grid-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-card{border:1px solid var(--line);background:var(--surface2);border-radius:18px;padding:13px;transition:.2s;cursor:pointer}.catalog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow2);border-color:color-mix(in srgb,var(--brand) 25%,var(--line))}.catalog-card.low{background:linear-gradient(145deg,var(--surface2),rgba(231,94,120,.045));border-color:rgba(231,94,120,.16)}.catalog-card-top{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px}.catalog-card-top>span{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,rgba(101,92,246,.13),rgba(22,191,209,.09));display:grid;place-items:center;color:var(--brand);font-weight:900}.catalog-card-top b{font-size:10.5px;display:block}.catalog-card-top small{font-size:7.5px;color:var(--muted)}.catalog-card-top em{font-style:normal;font-size:9px;font-weight:800}.price-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:11px 0}.price-stack>div{padding:8px;border-radius:11px;background:var(--surface);border:1px solid var(--line)}.price-stack small{display:block;color:var(--muted);font-size:7px}.price-stack b{display:block;font-size:9px;margin-top:3px}.catalog-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line);padding-top:9px}.catalog-card footer span{font-size:7.5px;color:var(--muted)}.catalog-card footer button{border:0;background:rgba(101,92,246,.09);color:var(--brand);border-radius:8px;padding:6px 9px;font-size:8px;cursor:pointer}
.warehouse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:14px}.warehouse-grid article{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface2) 85%,transparent));border:1px solid var(--line);border-radius:22px;padding:17px;display:grid;grid-template-columns:40px 1fr;gap:7px;box-shadow:var(--shadow2)}.warehouse-grid article>span{width:40px;height:40px;border-radius:13px;background:rgba(101,92,246,.1);display:grid;place-items:center;color:var(--brand);font-size:17px;grid-row:1/3}.warehouse-grid small{color:var(--muted);font-size:7.5px}.warehouse-grid h3{font-size:12px;margin:2px 0}.warehouse-grid article>b{grid-column:1/-1;font-size:18px;margin-top:8px}.warehouse-grid article>strong{grid-column:1/-1;font-size:9px;color:var(--muted)}.warehouse-grid article button{grid-column:1/-1;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:10px;padding:8px;cursor:pointer;font-size:8px}
.stocktake-rows{margin-top:12px;max-height:55vh;overflow:auto;border:1px solid var(--line);border-radius:15px}.stocktake-rows>div{display:grid;grid-template-columns:1fr 110px 140px;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid var(--line)}.stocktake-rows>div:last-child{border-bottom:0}.stocktake-rows b{font-size:9px}.stocktake-rows span{font-size:8px;color:var(--muted)}
.return-items{margin-top:13px;display:grid;gap:7px;max-height:45vh;overflow:auto}.return-items>div{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.return-items b{font-size:9px}.return-items small{display:block;color:var(--muted);font-size:7.5px;margin-top:3px}
.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.promo-card{padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow2);opacity:.72}.promo-card.active{opacity:1;background:linear-gradient(145deg,var(--surface),rgba(101,92,246,.045));border-color:rgba(101,92,246,.18)}.promo-card header{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}.promo-card header>span{width:38px;height:38px;border-radius:13px;background:rgba(101,92,246,.1);display:grid;place-items:center;color:var(--brand)}.promo-card h3{font-size:11px;margin:2px 0}.promo-card header small{font-size:7px;color:var(--muted)}.promo-card header>b{font-size:20px;color:var(--brand)}.promo-card p{font-size:8px;color:var(--muted);margin:12px 0}.promo-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line);padding-top:9px;font-size:7.5px;color:var(--muted)}.promo-card footer button{border:0;border-radius:8px;padding:6px 8px;background:rgba(101,92,246,.09);color:var(--brand);font-size:8px;cursor:pointer}.promo-product-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:250px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:12px}.promo-product-checks label{display:flex;gap:7px;align-items:center;font-size:8.5px;padding:6px;border-radius:9px;background:var(--surface2)}
.shift-live-card{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:8px;margin-bottom:14px;padding:17px;border:1px solid rgba(18,185,132,.19);background:linear-gradient(135deg,var(--surface),rgba(18,185,132,.055));border-radius:23px;box-shadow:var(--shadow2)}.shift-live-card>div{padding:10px;border-radius:14px;background:color-mix(in srgb,var(--surface2) 80%,transparent)}.shift-live-card>div:first-child{background:transparent}.shift-live-card i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#12b984;margin-left:5px}.shift-live-card span{font-size:8px;color:#0b9d70}.shift-live-card h2{font-size:17px;margin:5px 0}.shift-live-card p,.shift-live-card small{font-size:7.5px;color:var(--muted)}.shift-live-card b{display:block;font-size:12px;margin-top:5px}.shift-close-summary{padding:15px;border:1px solid var(--line);background:var(--surface2);border-radius:17px}.shift-close-summary div{display:flex;justify-content:space-between;align-items:center}.shift-close-summary b{font-size:17px}.shift-close-summary p{font-size:8.5px;color:var(--muted);line-height:1.9}.shift-close-summary .input{margin-top:8px}
.installment-list{display:grid;gap:9px}.installment-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);background:var(--surface);border-radius:17px;box-shadow:var(--shadow2)}.installment-card>div{display:flex;align-items:center;gap:10px}.installment-card>div>span{width:38px;height:38px;border-radius:12px;background:rgba(101,92,246,.09);display:grid;place-items:center;color:var(--brand);font-size:9px;font-weight:900}.installment-card b{font-size:10px}.installment-card small{display:block;color:var(--muted);font-size:7.5px;margin-top:3px}.installment-card>strong{font-size:12px}.installment-card>button{border:0;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-radius:10px;padding:8px 11px;font-size:8px;cursor:pointer}.installment-card.paid{opacity:.66}
.customer-grid-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.customer-grid-pro article,.supplier-grid-pro article{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px;box-shadow:var(--shadow2)}.customer-grid-pro header{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}.customer-grid-pro header>span{width:38px;height:38px;border-radius:12px;background:rgba(101,92,246,.1);display:grid;place-items:center;color:var(--brand);font-weight:900}.customer-grid-pro h3,.supplier-grid-pro h3{font-size:10.5px;margin:0}.customer-grid-pro header small,.supplier-grid-pro header small{font-size:7.5px;color:var(--muted)}.customer-grid-pro header em{font-style:normal;font-size:7px;padding:4px 6px;border-radius:999px;background:rgba(101,92,246,.08);color:var(--brand)}.customer-bal{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:11px 0}.customer-bal>div{padding:8px;background:var(--surface2);border-radius:10px}.customer-bal small{display:block;font-size:7px;color:var(--muted)}.customer-bal b{display:block;font-size:9px;margin-top:3px}.customer-grid-pro footer button,.supplier-grid-pro article>button{width:100%;border:1px solid var(--line);background:var(--surface2);border-radius:9px;padding:7px;color:var(--ink);font-size:8px;cursor:pointer}.supplier-grid-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.supplier-grid-pro header{display:flex;gap:9px;align-items:center}.supplier-grid-pro header>span{width:38px;height:38px;border-radius:12px;background:rgba(22,191,209,.1);display:grid;place-items:center;color:var(--brand2)}.supplier-grid-pro>article>strong{display:block;font-size:14px;margin:13px 0}.supplier-grid-pro>article>strong small{font-size:7px;color:var(--muted)}
.ledger-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.ledger-summary>div{padding:11px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}.ledger-summary small{display:block;font-size:7px;color:var(--muted)}.ledger-summary b{display:block;font-size:11px;margin-top:4px}.ledger-tabs h4{font-size:9px;margin:14px 0 6px;color:var(--muted)}.ledger-tabs>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:8.5px}.ledger-tabs em{font-style:normal;color:var(--muted)}
.report-pro-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.payment-bars{display:grid;gap:12px}.payment-bars>div{display:grid;grid-template-columns:70px 1fr 95px;align-items:center;gap:8px}.payment-bars span{font-size:8px}.payment-bars i{height:8px;border-radius:999px;background:var(--surface2);overflow:hidden}.payment-bars i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand2))}.payment-bars strong{font-size:8.5px;text-align:left}.report-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}.report-line span{font-size:8.5px}.report-line small{display:block;color:var(--muted);font-size:7px;margin-top:2px}.report-line b{font-size:9px}
.settings-pro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-pro-grid .panel:last-child{grid-column:1/-1}.sticky-save{position:sticky;bottom:10px;margin-top:12px;padding:9px;border-radius:14px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow2)}.customer-pick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.customer-pick{border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:13px;padding:9px;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;text-align:right;cursor:pointer}.customer-pick>span{width:34px;height:34px;border-radius:10px;background:rgba(101,92,246,.1);display:grid;place-items:center;color:var(--brand);font-weight:900}.customer-pick b{font-size:9px}.customer-pick small{display:block;color:var(--muted);font-size:7px}.customer-pick strong{font-size:9px}.label-picker p{font-size:8.5px;color:var(--muted);line-height:1.8}
@media(max-width:1250px){.retail-status-strip{grid-template-columns:repeat(3,1fr)}.pos-pro-top{grid-template-columns:repeat(2,1fr)}.catalog-grid-pro,.customer-grid-pro,.supplier-grid-pro,.promo-grid{grid-template-columns:repeat(2,1fr)}.warehouse-grid{grid-template-columns:repeat(2,1fr)}.shift-live-card{grid-template-columns:repeat(2,1fr)}.shift-live-card>div:first-child{grid-column:1/-1}.report-pro-grid{grid-template-columns:1fr}}
@media(max-width:760px){.retail-status-strip,.pos-pro-top,.catalog-kpis,.catalog-grid-pro,.warehouse-grid,.promo-grid,.customer-grid-pro,.supplier-grid-pro,.settings-pro-grid{grid-template-columns:1fr}.cart-head-pro{display:none!important}.cart-row-pro{grid-template-columns:1fr 1fr!important}.cart-row-pro>.num{display:none}.cart-row-pro>.cart-product{grid-column:1/-1}.cart-row-pro>.remove-row{position:absolute}.shift-live-card{grid-template-columns:1fr}.report-pro-grid{grid-template-columns:1fr}.customer-pick-grid{grid-template-columns:1fr}.stocktake-rows>div{grid-template-columns:1fr}.return-items>div{grid-template-columns:1fr}.promo-product-checks{grid-template-columns:1fr}}
.treasury-accounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.treasury-accounts article{padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:grid;grid-template-columns:36px 1fr;gap:7px;box-shadow:var(--shadow2)}.treasury-accounts article>span{width:36px;height:36px;border-radius:12px;background:rgba(101,92,246,.09);display:grid;place-items:center;color:var(--brand);grid-row:1/3}.treasury-accounts small{font-size:7px;color:var(--muted)}.treasury-accounts h3{font-size:9.5px;margin:1px 0}.treasury-accounts b{grid-column:1/-1;font-size:14px;margin-top:5px}.treasury-accounts b small{font-size:7px;font-weight:500}.treasury-accounts .total{background:linear-gradient(135deg,#111d31,#152842);color:#fff;border-color:#ffffff0f}.treasury-accounts .total small{color:#91a7c1}.money-timeline{display:grid;gap:7px}.money-timeline>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed var(--line)}.money-timeline i{font-style:normal;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:900}.money-timeline .in i{background:rgba(14,173,126,.1);color:#0aa276}.money-timeline .out i{background:rgba(229,75,104,.1);color:#db4d67}.money-timeline b{font-size:9px}.money-timeline small{display:block;font-size:7px;color:var(--muted)}.money-timeline strong{font-size:9px}.cheque-grid.pro .cheque-card{min-height:160px}.cheque-actions{display:flex;gap:6px;margin-top:9px}.cheque-actions button{flex:1;border:0;border-radius:8px;padding:7px;background:rgba(17,178,132,.1);color:#0b9470;font-size:7.5px;cursor:pointer}.cheque-actions button.danger{background:rgba(229,75,104,.1);color:#d94c66}.staff-grid-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.staff-grid-pro article{padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow2)}.staff-grid-pro article.inactive{opacity:.58}.staff-grid-pro header{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;margin-bottom:12px}.staff-grid-pro header>span{width:38px;height:38px;border-radius:12px;background:rgba(101,92,246,.1);display:grid;place-items:center;color:var(--brand);font-weight:900}.staff-grid-pro h3{font-size:10.5px;margin:0}.staff-grid-pro header small{font-size:7px;color:var(--muted)}.staff-grid-pro header em{font-style:normal;font-size:7px;padding:4px 7px;border-radius:999px;background:rgba(17,178,132,.1);color:#0b9470}.staff-grid-pro article>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line)}.staff-grid-pro article>div small{font-size:7px;color:var(--muted)}.staff-grid-pro article>div b{font-size:8px}.staff-grid-pro footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:7px;color:var(--muted)}.staff-grid-pro footer button{border:0;background:rgba(101,92,246,.09);color:var(--brand);border-radius:8px;padding:6px 9px;font-size:7.5px;cursor:pointer}.permission-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:340px;overflow:auto;padding:7px;border:1px solid var(--line);border-radius:13px}.permission-matrix label{display:flex;gap:7px;align-items:center;padding:7px;border-radius:10px;background:var(--surface2)}.permission-matrix label span{min-width:0}.permission-matrix b{display:block;font-size:8.5px}.permission-matrix small{display:block;font-size:6.5px;color:var(--muted);direction:ltr;text-align:right;margin-top:2px}
@media(max-width:1100px){.treasury-accounts,.staff-grid-pro{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.treasury-accounts,.staff-grid-pro,.permission-matrix{grid-template-columns:1fr}}
.customer-grid-pro footer{display:flex;gap:6px}.customer-grid-pro footer button{flex:1;width:auto}.supplier-actions{display:flex;gap:6px;margin-top:10px}.supplier-actions button{flex:1;border:1px solid var(--line);background:var(--surface2);border-radius:9px;padding:7px;color:var(--ink);font-size:8px;cursor:pointer}