:root{--orange:#f47c2c;--pink:#ed4f8b;--cream:#fff5e9;--paper:#fffdf9;--line:#ecd8ca;--text:#263238;--green:#0b927c}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#fff2df,#fffaf5);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}
.loginPage{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(#ffe0bd99,#fff8ef),url('')}.loginCard{width:min(520px,100%);background:#ffffffee;border-radius:24px;padding:24px;box-shadow:0 18px 50px #a75d2630;text-align:center}.kazukoLogo{width:74px;height:74px;border-radius:50%;margin:auto;background:#fff3e4;border:3px solid var(--orange);display:grid;place-items:center;font-size:46px;font-weight:950;color:var(--orange)}.loginCard h1{color:#ef6c18}.loginCard h2{color:#e55b1b}.loginCard input{margin:6px 0}.trial{margin:14px 0;color:#d35f22;font-weight:900}.company{font-size:12px;color:#666}
.page{display:none;min-height:100vh;padding-bottom:84px}.page.active{display:block}.hero{background:linear-gradient(135deg,#ffc07d,#fff1d9);padding:22px 18px 18px}.hero h1{margin:2px 0;font-size:27px}.heroKpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.heroKpis div{background:#ffffff75;border:1px solid #e5a66d;border-radius:15px;padding:11px}.heroKpis span{font-size:12px}.heroKpis b{display:block;font-size:22px;margin-top:4px}main{max-width:980px;margin:auto;padding:13px}.card,.summary{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:13px;margin-bottom:10px;box-shadow:0 3px 14px #8d542310}.dateLine{display:flex;justify-content:space-between;align-items:center}.summary3{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-top:12px}.summary3 div+div{border-left:1px solid var(--line)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tile{min-height:118px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 3px 15px #0000000b;font-size:16px}.tile span{display:block;font-size:34px;margin-bottom:8px}.bar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bar h2{margin:0}.back,.outline{background:#fff;border:2px solid var(--pink);color:#b42f64;border-radius:12px;padding:10px 12px;font-weight:900}.primary{background:var(--orange);border:2px solid var(--pink);color:#fff;border-radius:12px;padding:10px 13px;font-weight:900}.mainAction{flex:1}.row{display:flex;gap:8px}.row>label{flex:1}label{display:block;font-size:12px;font-weight:800;margin:5px 0}input,select,textarea{width:100%;padding:11px;border:1px solid #d9c7ba;border-radius:10px;background:#fff}.saleGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.pickGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0}.pick{padding:12px 5px;border:1px solid var(--line);border-radius:11px;background:white}.pick.on{border:2px solid var(--pink);background:#fff0e2}.media2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.media2 label{padding:20px;border:1px dashed var(--orange);border-radius:13px;text-align:center}.media2 input{display:none}.moneyRow{display:flex;justify-content:space-between;padding:8px 0}.moneyRow.big{font-size:20px;font-weight:900}.moneyRow.due{color:#cc3636;font-weight:900}.actions{display:flex;gap:7px;flex-wrap:wrap}.listCard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px;margin:8px 0}.listHead{display:flex;justify-content:space-between;gap:10px}.muted{font-size:12px;color:#75817f}.kpi3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi3 .card b{display:block;font-size:20px;margin-top:5px}.catalogGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.catalogCard{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px}.catalogCard .price{font-size:18px;color:#d96620;font-weight:900}.settingsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.settingsGrid button{min-height:105px;background:#fff;border:1px solid var(--line);border-radius:16px;font-size:27px}.settingsGrid b{display:block;font-size:12px;margin-top:6px}.bottomNav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(980px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:7px;background:#fff;border-top:1px solid var(--line);z-index:20}.bottomNav button{min-height:58px;border:1px solid #e5d3c7;border-radius:12px;background:#fff;font-size:21px}.bottomNav button span{display:block;font-size:11px}.bottomNav button.on{border:2px solid var(--pink);background:#fff1f6;color:#ae3162;font-weight:900}.modal{position:fixed;inset:0;background:#0008;display:none;align-items:flex-end;z-index:100}.modal.on{display:flex}.sheet{width:min(680px,100%);max-height:92vh;overflow:auto;margin:auto;background:#fff;border-radius:22px 22px 0 0;padding:15px}.sheetHead{display:flex;justify-content:space-between;align-items:center}.sheetHead button{border:0;border-radius:50%;width:38px;height:38px}.billPaper{width:min(360px,100%);margin:auto;background:#fff;border:1px solid #ead7cb;border-radius:18px;padding:18px 16px;box-shadow:0 10px 30px #83522818}.billLogo{width:58px;height:58px;border-radius:50%;border:2px solid var(--orange);display:grid;place-items:center;margin:auto;color:var(--orange);font-size:34px;font-weight:950}.billBrand{text-align:center}.billBrand h2{margin:6px 0 2px}.billTitle{text-align:center;font-size:18px;font-weight:950;color:#166f64;margin:12px 0 2px}.billSep{border:0;border-top:1px dashed #aaa}.billInfo{display:grid;grid-template-columns:95px 1fr;gap:4px;font-size:12px}.billTable{width:100%;border-collapse:collapse;font-size:11px}.billTable th,.billTable td{padding:6px 2px;border-bottom:1px dotted #ddd;text-align:left}.billTable td:last-child,.billTable th:last-child{text-align:right}.billStamp{text-align:center;padding:7px;border:2px solid var(--green);border-radius:9px;color:var(--green);font-weight:950;margin:9px 0}.printerTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.printerTabs button{padding:10px;border:1px solid var(--line);background:#fff;border-radius:11px}.device{display:flex;justify-content:space-between;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px;margin:6px 0}
@media(max-width:700px){.tiles{grid-template-columns:repeat(3,1fr)}.saleGrid{grid-template-columns:1fr}.catalogGrid{grid-template-columns:1fr}.heroKpis b{font-size:17px}.row{flex-wrap:wrap}.row>label{min-width:46%}}@media print{body *{visibility:hidden!important}.billPaper,.billPaper *{visibility:visible!important}.billPaper{position:absolute;left:0;top:0;width:80mm;border:0;box-shadow:none;border-radius:0}}
.loginPage{position:relative;min-height:100vh;overflow:auto;background:#fff3e6}
.loginBackdrop{position:fixed;inset:0;background:
linear-gradient(180deg,#ffb86faa,#fff4e6dd),
radial-gradient(circle at 20% 25%,#fff 0 3%,transparent 4%),
linear-gradient(90deg,#f3d1ae 0 7%,transparent 8% 92%,#f0caa4 93%);z-index:0}
.loginHero{position:relative;z-index:1;width:min(780px,94vw);margin:20px auto 40px;text-align:center}.loginBrandWrap{padding:10px 16px}.kazukoMark{width:96px;height:96px;border-radius:50%;border:4px solid var(--orange);display:grid;place-items:center;margin:auto;color:var(--orange);font-size:62px;font-weight:950;background:#ffffffcc}.brandMain{font-size:46px;font-weight:950;color:#ef6c15;letter-spacing:1px}.brandMain span{display:block;color:#353535;font-size:28px;margin-top:-8px}.brandProduct{font-size:34px;font-weight:950;color:#ed621d;margin-top:8px}.brandSub{font-size:18px;font-weight:900;color:#152659}.featureStrip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.featureStrip div{font-size:28px}.featureStrip span{display:block;font-size:12px;color:#222}.loginPanel{background:#ffffffed;border-radius:24px;padding:28px 34px;box-shadow:0 18px 50px #9a5d2b25}.loginPanel h2{color:#17275b;font-size:28px;margin:0 0 5px}.loginHint{color:#666;margin-bottom:14px}.iconInput{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e0d3c8;border-radius:11px;padding:0 12px;margin:10px 0}.iconInput input{border:0;margin:0;outline:0}.eyeBtn{border:0;background:transparent}.loginOptions{display:flex;justify-content:space-between;align-items:center;font-size:13px}.loginOptions button{border:0;background:transparent;color:#3555b5}.loginPrimary{width:100%;font-size:18px;margin-top:12px}.trialBox{margin:16px -34px -28px;background:#fff3e6;padding:18px;border-radius:0 0 24px 24px;color:#d86123}.trialBox span{display:block;color:#555;font-size:12px;margin:5px}.trialSteps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px}.trialSteps div{height:34px;width:34px;border-radius:50%;border:3px solid #c7c7c7;display:grid;place-items:center;margin:auto;color:#777;position:relative}.trialSteps div.on{border-color:var(--orange);color:var(--orange)}.trialSteps small{position:absolute;top:34px;width:100px;left:-33px;color:#444}.companyPanel{margin-top:18px;background:#ffffffdd;border-radius:18px;padding:16px;display:grid;grid-template-columns:1fr 120px;gap:16px;text-align:left;box-shadow:0 8px 24px #9a5d2b1c;color:#555}.companyPanel b{color:#e56a27}.qrFake{border:3px dashed #222;display:grid;place-items:center;text-align:center;font-weight:900;background:#fff}.versionText{font-size:12px;color:#444;margin:20px}
.reportFilters .row{flex-wrap:wrap}.reportFilters label{min-width:150px}.reportKpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.reportKpis .card{margin:0}.reportKpis span{font-size:11px;color:#6c7678}.reportKpis b{display:block;font-size:18px;margin-top:5px}.reportTabs{display:flex;gap:6px;overflow:auto;margin:12px 0}.reportTabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 12px}.reportTabs button.on{border:2px solid var(--pink);background:#fff1f6;color:#a92d61;font-weight:900}.reportPane{display:none}.reportPane.on{display:block}.reportTable{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.reportTable th,.reportTable td{padding:9px;border-bottom:1px solid #eee;text-align:left;font-size:12px}.reportTable th{background:#fff4e9}.reportTable td:last-child,.reportTable th:last-child{text-align:right}.reportSum{font-weight:950;background:#fff5ec}.centerActions{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px}.datePickerModal .sheet{max-width:430px}.datePickerGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.datePickerGrid button{padding:9px;border:1px solid #eee;background:#fff;border-radius:8px}.datePickerGrid button.on{background:#ffe7ef;border:2px solid var(--pink)}.timeRow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
@media(max-width:700px){.brandMain{font-size:38px}.brandProduct{font-size:28px}.featureStrip{grid-template-columns:repeat(5,1fr)}.reportKpis{grid-template-columns:repeat(2,1fr)}.companyPanel{grid-template-columns:1fr 90px}.loginPanel{padding:20px}.trialBox{margin:16px -20px -20px}}

/* ===== V3 LOGIN: AUTO FIT ALL SCREENS, NO SCROLL ===== */
html,body{max-width:100%;overflow-x:hidden}
.loginPage{
  position:fixed!important; inset:0!important;
  width:100vw!important; height:100dvh!important; min-height:0!important;
  overflow:hidden!important; display:block!important;
  background:linear-gradient(145deg,#ffd09b,#fff8ef)!important;
}
.loginBackdrop{position:absolute!important;inset:0!important}
.loginHero{
  --loginScale:1;
  position:absolute!important;
  top:50%!important;left:50%!important;
  width:min(780px,96vw)!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  transform:translate(-50%,-50%) scale(var(--loginScale))!important;
  transform-origin:center center!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-auto-rows:max-content!important;
  align-content:center!important;
  gap:7px!important;
}
.loginBrandWrap{padding:0 10px!important}
.kazukoPetLogo{
  display:block;width:92px;height:72px;object-fit:contain;margin:0 auto 2px;
  filter:drop-shadow(0 2px 2px #ffffff88);
}
.brandMain{font-size:38px!important;line-height:.95!important;margin:0!important}
.brandMain span{font-size:22px!important;margin:1px 0 0!important}
.brandProduct{font-size:27px!important;line-height:1!important;margin-top:6px!important}
.brandSub{font-size:14px!important;margin-top:4px!important}
.featureStrip{margin:7px 0!important;gap:4px!important}
.featureStrip div{font-size:22px!important}.featureStrip span{font-size:10px!important}
.loginPanel{padding:15px 24px!important;border-radius:19px!important}
.loginPanel h2{font-size:22px!important;margin:0 0 1px!important}.loginHint{font-size:12px!important;margin-bottom:7px!important}
.iconInput{margin:6px 0!important;min-height:39px!important}.iconInput input{padding:8px!important;font-size:13px!important}
.loginOptions{font-size:11px!important}.loginPrimary{font-size:15px!important;margin-top:8px!important;padding:9px!important}
.trialBox{margin:10px -24px -15px!important;padding:9px 15px 12px!important;font-size:12px!important}
.trialBox span{font-size:10px!important;margin:2px!important}
.trialSteps{margin-top:6px!important}.trialSteps div{width:25px!important;height:25px!important;border-width:2px!important;font-size:11px!important}
.trialSteps small{top:26px!important;font-size:9px!important}
.companyPanel{
  margin-top:5px!important;padding:9px 13px!important;border-radius:13px!important;
  grid-template-columns:1fr 78px!important;gap:8px!important;font-size:10px!important;
}
.qrFake{font-size:11px!important;min-height:54px!important}
.versionText{font-size:9px!important;margin:2px!important}
.billLogoImg{display:block;width:60px;height:55px;object-fit:contain;margin:0 auto}

/* Tablet landscape / desktop: keep the entire login within viewport. */
@media (min-width:700px) and (max-height:780px){
  .loginHero{width:min(700px,94vw)!important}
  .kazukoPetLogo{width:74px;height:56px}.brandMain{font-size:31px!important}.brandMain span{font-size:18px!important}
  .brandProduct{font-size:22px!important}.brandSub{font-size:11px!important}
  .featureStrip{margin:4px 0!important}.featureStrip div{font-size:18px!important}.featureStrip span{font-size:8px!important}
  .loginPanel{padding:10px 20px!important}.loginPanel h2{font-size:18px!important}.loginHint{margin-bottom:4px!important}
  .iconInput{margin:4px 0!important;min-height:32px!important}.loginPrimary{margin-top:5px!important;padding:7px!important}
  .trialBox{margin:7px -20px -10px!important;padding:6px 12px 9px!important}
  .companyPanel{padding:6px 10px!important;font-size:9px!important}.versionText{display:none!important}
}

/* Phones: compact but still touchable and fully visible. */
@media (max-width:699px){
  .loginHero{width:94vw!important;gap:4px!important}
  .kazukoPetLogo{width:68px;height:52px!important}
  .brandMain{font-size:27px!important}.brandMain span{font-size:15px!important}
  .brandProduct{font-size:20px!important}.brandSub{font-size:10px!important}
  .featureStrip{grid-template-columns:repeat(5,1fr)!important;margin:4px 0!important}.featureStrip div{font-size:17px!important}.featureStrip span{font-size:7px!important;line-height:1.05}
  .loginPanel{padding:11px 14px!important;border-radius:15px!important}.loginPanel h2{font-size:17px!important}.loginHint{font-size:10px!important;margin-bottom:4px!important}
  .iconInput{min-height:36px!important;margin:4px 0!important;padding:0 8px!important}.iconInput input{font-size:12px!important;padding:7px!important}
  .loginOptions{font-size:9px!important}.loginPrimary{font-size:13px!important;padding:8px!important;margin-top:5px!important}
  .trialBox{margin:7px -14px -11px!important;padding:6px 8px 9px!important}.trialBox span{display:none!important}
  .trialSteps{margin-top:4px!important}.trialSteps div{width:22px!important;height:22px!important}.trialSteps small{font-size:7px!important;top:22px!important}
  .companyPanel{grid-template-columns:1fr 56px!important;padding:6px 8px!important;font-size:8px!important;margin-top:3px!important}.qrFake{min-height:44px!important;font-size:8px!important}
  .versionText{display:none!important}
}

/* Very short phones: hide only nonessential explanatory strip, keep login controls. */
@media (max-height:650px){
  .featureStrip{display:none!important}.companyPanel{display:none!important}
  .loginBrandWrap{padding:0!important}.brandSub{margin-bottom:3px!important}
  .trialSteps{display:none!important}
  .trialBox{padding:5px 8px!important}.loginHero{gap:3px!important}
}

/* ===== V4 RECEIVE ORDER: A-B-C-D -> CART/PAYMENT LAST ===== */
#receivePage .pageHead{margin-bottom:8px!important}
.orderLayout{display:block!important}
.orderMain{width:100%!important;max-width:none!important}
.orderSide{display:none!important}
.orderFinal{
  background:#fffdf9;border:1px solid #ecd2bd;border-radius:16px;
  padding:12px;margin:10px 14px 82px;
}
.finalHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.finalHead h3{margin:0;font-size:18px}.finalHead span{font-size:12px;padding:5px 9px;border-radius:999px;background:#fff1e5}
.finalCart{border-bottom:1px dashed #e4c9b4;padding-bottom:7px}
.finalActions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:end;margin-top:8px}
.finalActions label{font-size:12px;font-weight:700}.finalActions input,.finalActions select{height:38px!important;margin-top:3px!important}
.compactAction{height:38px;border:2px solid #ff4081;border-radius:11px;background:white;font-weight:800}
.finalTotals{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.finalTotals>div{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fff7ef;border-radius:10px}
.finalTotals span{font-weight:800;font-size:13px}.finalTotals b{font-size:18px}
.finalButtons{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:9px}
.finalButtons .btn{min-height:42px!important;padding:8px!important}

/* Compact the A-B-C-D blocks */
#receivePage .card{padding:11px 13px!important;margin-bottom:9px!important;border-radius:15px!important}
#receivePage .card h3{font-size:17px!important;margin:0 0 8px!important}
#receivePage label{font-size:12px!important}
#receivePage input,#receivePage select,#receivePage textarea{min-height:36px!important;padding:7px 9px!important}
#receivePage textarea{height:48px!important;min-height:48px!important}
#receivePage .choiceGrid,#receivePage .serviceGrid{gap:6px!important}
#receivePage .choiceGrid button,#receivePage .serviceGrid button{min-height:38px!important;padding:6px 8px!important}
#receivePage .mediaButtons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
#receivePage .mediaButtons button{min-height:42px!important}
#receivePage .addRow{display:grid!important;grid-template-columns:.7fr 1fr auto!important;gap:7px!important;align-items:end!important}
#receivePage #btnAddCart{min-height:38px!important;padding:7px 11px!important;white-space:nowrap}

@media(max-width:699px){
  #receivePage{padding-bottom:70px!important}
  #receivePage .pageHead{padding:6px 10px!important}
  #receivePage .pageHead h2{font-size:18px!important}
  #receivePage .card{margin:6px 8px!important;padding:8px 9px!important}
  #receivePage .customerGrid{grid-template-columns:1fr 1fr!important;gap:5px!important}
  #receivePage .customerGrid .wide{grid-column:1/-1!important}
  #receivePage .choiceGrid{grid-template-columns:repeat(3,1fr)!important}
  #receivePage .serviceGrid{grid-template-columns:repeat(3,1fr)!important}
  #receivePage .choiceGrid button,#receivePage .serviceGrid button{font-size:11px!important;min-height:34px!important}
  #receivePage .detailGrid{grid-template-columns:1fr 1fr!important;gap:5px!important}
  #receivePage .mediaButtons button{font-size:11px!important;min-height:36px!important}
  .orderFinal{margin:6px 8px 76px!important;padding:9px!important}
  .finalActions{grid-template-columns:1fr 1fr!important}
  .compactAction{grid-column:1/-1!important;height:34px!important}
  .finalTotals{grid-template-columns:1fr!important;gap:4px!important}
  .finalButtons{grid-template-columns:1fr 1.3fr!important}
  .finalButtons .btn{font-size:11px!important;min-height:39px!important}
}

/* Critical visibility fix */
.loginPage.hidden,.trialRegisterPage.hidden,#mainApp.hidden{display:none!important}

.trialStartBtn{border:0;background:transparent;color:#d86123;font-weight:950;font-size:inherit;cursor:pointer;padding:2px 8px}
.trialRegisterPage{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#fff0cf,#ffb52c);display:grid;place-items:center;padding:12px;overflow:auto}
.trialRegisterCard{width:min(830px,96vw);background:#fff;border:3px solid #a53028;border-radius:22px;padding:20px;box-shadow:0 18px 50px #65320f2b}
.trialRegHead{display:flex;align-items:center;gap:16px}.trialRegLogo{width:125px;height:82px;object-fit:contain}.trialRegProduct{font-size:21px;font-weight:950;color:#e86817}.trialRegHead h2{font-size:30px;margin:1px 0}.trialRegHead p{margin:2px 0;color:#666}
.trialFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:12px}.trialFormGrid .wide{grid-column:1/-1}.trialFormGrid input{height:44px}
.trialServiceFixed{margin-top:12px;border:2px solid #f1b17a;background:#fff8ef;border-radius:13px;padding:12px}.trialServiceFixed b,.trialServiceFixed span{display:block}.trialServiceFixed span{font-size:12px;color:#666;margin-top:3px}
.trialKeep{margin-top:10px;padding:10px;background:#fff2d2;border-radius:11px;font-size:12px;font-weight:800}.trialRegisterActions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}
@media(max-width:640px){.trialRegisterCard{padding:12px}.trialRegHead{display:block}.trialRegLogo{width:95px;height:55px}.trialRegHead h2{font-size:20px}.trialFormGrid{grid-template-columns:1fr;gap:5px}.trialFormGrid .wide{grid-column:auto}.trialFormGrid input{height:38px}.trialRegisterActions{display:grid;grid-template-columns:1fr 1.4fr}.trialRegisterActions button{font-size:10px}}

/* V5 compact receive-order flow: A -> B -> C -> D -> final */
.saleMain{max-width:980px}.saleCompact{display:grid;grid-template-columns:1fr;gap:7px}.saleCompact .card{margin:0;padding:10px 12px}
.saleStep h3,.finalOrderCard h3{margin:0 0 7px;font-size:16px}.stepNo{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff0e3;color:#d85d16;border:1px solid #f0b078}
.compactGrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.compactGrid3{display:grid;grid-template-columns:.7fr .9fr 1.4fr;gap:6px}.noteCompact{margin-top:5px}
.saleCompact label{font-size:11px;margin:0}.saleCompact input,.saleCompact select{height:34px;padding:6px 8px;margin-top:2px}
.compactPicks{display:flex!important;flex-wrap:wrap;gap:5px!important}.compactPicks .pick{flex:0 0 auto;min-width:94px;min-height:34px!important;padding:5px 10px!important}
.mediaInline{display:flex;gap:7px}.mediaInline label{flex:0 0 auto;border:1px dashed #e77b2d;border-radius:10px;padding:9px 16px;color:#8c4618;font-weight:800}.mediaInline input{display:none}
.serviceAddLine{display:grid;grid-template-columns:95px 130px auto;gap:6px;align-items:end;margin-top:6px}.addCompact{height:34px;padding:5px 13px}
.finalOrderCard{border:2px solid #f0c6a8!important}.finalTitle{display:flex;justify-content:space-between;align-items:center}.finalTitle span{font-size:11px;padding:4px 8px;background:#fff0e4;border-radius:999px}
.promoCompact{padding:6px 10px!important;min-height:32px!important}.promoInline{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}
.payInline{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;align-items:end;margin-top:7px}.totalCompact{height:34px;padding:5px 8px;border-radius:9px;background:#fff5e9;display:flex;align-items:center;justify-content:space-between;font-size:11px}.totalCompact b{font-size:16px}.finalSaveLine{display:flex;justify-content:flex-end;gap:7px;margin-top:7px}.finalSaveLine button{min-height:36px;padding:6px 12px}
@media(max-width:699px){
 .saleMain{padding:7px!important}.saleBar{margin-bottom:4px!important}.saleBar h2{font-size:17px}
 .saleCompact{gap:5px}.saleCompact .card{padding:7px 8px;border-radius:12px}.saleStep h3,.finalOrderCard h3{font-size:13px;margin-bottom:5px}.stepNo{width:20px;height:20px;font-size:10px}
 .compactGrid4{grid-template-columns:1fr 1fr;gap:4px}.compactGrid3{grid-template-columns:.7fr .9fr 1.4fr;gap:4px}
 .saleCompact label{font-size:9px}.saleCompact input,.saleCompact select{height:31px;font-size:11px;padding:4px 6px}
 .compactPicks{gap:4px!important}.compactPicks .pick{min-width:0!important;flex:1 1 calc(33.333% - 4px);font-size:10px;min-height:30px!important;padding:3px!important}
 .mediaInline{gap:5px}.mediaInline label{flex:1;padding:7px 5px;text-align:center;font-size:10px}
 .serviceAddLine{grid-template-columns:70px 1fr auto;gap:4px}.addCompact{height:31px;font-size:10px;padding:3px 8px}
 .promoInline{grid-template-columns:1fr 1fr;gap:4px}.payInline{grid-template-columns:1fr 1fr;gap:4px}.totalCompact{height:30px}.totalCompact b{font-size:13px}
 .finalSaveLine{display:grid;grid-template-columns:1fr 1.35fr;gap:5px}.finalSaveLine button{font-size:10px;min-height:33px}
}

/* V5 dashboard balance inspired by the supplied POS layout */
.summary .dateLine{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;margin-bottom:12px}
.summary .dateLine>b{font-size:24px!important;white-space:nowrap}.summary .dateLine select{width:auto!important;min-width:155px!important;height:42px!important;border:2px solid #e99b5b!important;border-radius:10px!important;background:#fff!important;padding:6px 32px 6px 12px!important;font-size:16px!important}
.summary3{padding-top:4px}.summary3 div{font-size:15px}.summary3 b{font-size:21px}
.tiles{gap:11px}.tile{border:1px solid #ead7ca!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fffaf4)!important;box-shadow:0 6px 18px #87512d10!important;transition:.15s transform,.15s box-shadow}.tile:hover{transform:translateY(-2px);box-shadow:0 10px 22px #87512d17!important}.tile span{font-size:37px}
@media(max-width:699px){.summary .dateLine{gap:8px!important}.summary .dateLine>b{font-size:20px!important}.summary .dateLine select{min-width:125px!important;height:37px!important;font-size:13px!important}.tiles{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.tile{min-height:91px!important;font-size:12px!important}.tile span{font-size:28px!important}}

/* ===== V6 COMMERCIAL LOGIN - PAWN PROPORTIONS ===== */
.pawnLogin{position:fixed!important;inset:0!important;min-height:100dvh!important;height:100dvh!important;overflow:hidden!important;display:grid!important;place-items:center!important;padding:12px!important;background:linear-gradient(115deg,#fff0c9 0%,#ffd57e 52%,#ffad20 100%)!important}
.pawnLogin.hidden{display:none!important}
.pawnLogin .loginHero.pawnCard{position:static!important;width:min(430px,94vw)!important;max-height:96dvh!important;margin:0!important;transform:none!important;display:block!important;background:#fff!important;border:3px solid #b62c2c!important;border-radius:28px!important;padding:20px 26px 16px!important;text-align:center!important;box-shadow:0 12px 32px #a65b2020!important;overflow:hidden!important}
.pawnLogo{width:112px;height:76px;object-fit:contain;margin:0 auto 4px;display:block}.pawnProduct{font-size:29px;font-weight:950;color:#e66a00;line-height:1.05}.pawnSub{font-size:14px;font-weight:950;color:#111;line-height:1.25;margin:4px 0 10px}.pawnContact{font-size:12px;line-height:1.65;color:#555}.pawnDivider{height:1px;background:#d9c9bc;margin:9px 0}.pawnLabel{display:block;text-align:left;font-size:12px;font-weight:950;margin:7px 2px 4px}.pawnCard>input,.pawnPass{height:47px;border:2px solid #ddcec2;border-radius:17px;background:#fff;width:100%}.pawnCard>input{padding:0 16px;font-weight:700}.pawnPass{display:flex;align-items:center;padding-left:14px}.pawnPass input{height:100%;border:0!important;outline:0!important;padding:0!important;font-weight:700}.pawnPass button{width:43px;height:38px;margin-right:4px;border:2px solid #a92e21;border-radius:12px;background:#ff7609;color:#fff}.pawnOptions{display:flex;justify-content:space-between;align-items:center;margin:10px 2px 14px;font-size:11px;font-weight:700}.pawnOptions label{margin:0}.pawnOptions input{width:auto}.pawnOptions button{border:0;background:none;color:#174fc0;text-decoration:underline;font-size:11px}.pawnPrimary{width:100%;min-height:48px;margin:4px 0;border:2px solid #b43126;border-radius:13px;background:#ff790b;color:#fff;font-weight:950;font-size:15px;box-shadow:0 2px 0 #c64c0b}.pawnNote{font-size:9px;color:#666;margin-top:9px}
@media(max-width:520px){.pawnLogin .loginHero.pawnCard{width:min(400px,94vw)!important;padding:15px 18px 12px!important;border-radius:23px!important}.pawnLogo{width:94px;height:61px}.pawnProduct{font-size:25px}.pawnSub{font-size:12px}.pawnContact{font-size:10px}.pawnCard>input,.pawnPass{height:44px}.pawnPrimary{min-height:45px;font-size:13px}}
@media(max-height:690px){.pawnLogin .loginHero.pawnCard{padding:10px 20px 9px!important}.pawnLogo{width:78px;height:48px}.pawnProduct{font-size:22px}.pawnSub{font-size:10px;margin:2px 0 5px}.pawnContact{font-size:9px;line-height:1.35}.pawnDivider{margin:5px 0}.pawnLabel{margin:4px 2px 2px}.pawnCard>input,.pawnPass{height:38px}.pawnOptions{margin:6px 2px}.pawnPrimary{min-height:39px}.pawnNote{margin-top:4px}}

/* ===== V7 LAST CHECK ===== */

/* Home: one compact bordered row */
.homeQuickRow{
  display:grid!important;
  grid-template-columns:1.25fr 1fr 1fr .8fr 1fr;
  gap:7px!important;
  padding:9px!important;
  align-items:stretch!important;
}
.homeQuickRow .quickCell{
  min-width:0;
  border:1px solid #ebc9af;
  border-radius:11px;
  background:#fffdf9;
  padding:7px 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}
.homeQuickRow .quickCell span{font-size:10px;color:#777;white-space:nowrap}
.homeQuickRow .quickCell b{font-size:15px;white-space:nowrap}
.homeQuickRow .quickRange select{
  width:100%!important;min-width:0!important;height:31px!important;
  border:0!important;padding:2px 20px 2px 3px!important;background:transparent!important;font-size:12px!important
}

/* Customer line: address then compact note */
.customerExtraLine{display:grid;grid-template-columns:2.3fr 1fr;gap:6px;margin-top:5px}
.customerExtraLine .addressField,.customerExtraLine .noteField{margin:0}
.customerExtraLine input{height:31px!important}

/* Color / material / size / condition: exactly one row */
.itemDetailRow{display:grid!important;grid-template-columns:.72fr .9fr .72fr 1.65fr!important;gap:5px!important}
.itemDetailRow label{min-width:0}
.itemDetailRow input{width:100%!important;min-width:0!important}

/* Bill preview: compact, monochrome, uniform font */
.billPaper{
  width:min(320px,94vw)!important;
  padding:11px 12px!important;
  border:1px solid #d7d7d7!important;
  border-radius:11px!important;
  color:#000!important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  font-size:10px!important;
  line-height:1.22!important;
  box-shadow:0 4px 16px #00000010!important;
}
.billPaper *{color:#000!important;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important}
.billLogoImg{width:44px!important;height:35px!important;object-fit:contain!important;margin:0 auto 2px!important;filter:grayscale(1)!important}
.billBrand h2{font-size:16px!important;line-height:1!important;margin:2px 0!important}
.billBrand{font-size:9px!important;line-height:1.15!important}
.billTitle{font-size:14px!important;margin:7px 0 1px!important;color:#000!important}
.billSep{margin:5px 0!important;border-top:1px dashed #777!important}
.billInfo{grid-template-columns:72px 1fr!important;gap:2px 5px!important;font-size:9.5px!important}
.billTable{font-size:9px!important;line-height:1.15!important}
.billTable th,.billTable td{padding:4px 1px!important}
.billTable small{font-size:8px!important}
.billPaper .moneyRow{padding:3px 0!important;font-size:10px!important}
.billPaper .moneyRow.big{font-size:12px!important}
.billPaper .moneyRow.big b{font-size:13px!important}
.billPaper .due,.billPaper .due *{color:#000!important}
.billStamp{margin:6px 0!important;padding:4px!important;border:1px solid #000!important;border-radius:5px!important;font-size:10px!important;color:#000!important}
.centerActions{justify-content:center!important;margin-top:8px!important;gap:7px!important}
.centerActions button{min-height:34px!important;padding:6px 10px!important;font-size:10px!important}

/* Mobile fit */
@media(max-width:699px){
  .homeQuickRow{
    grid-template-columns:1.2fr 1fr .95fr .75fr!important;
    gap:4px!important;padding:6px!important
  }
  .homeQuickRow #profitBox{display:none!important}
  .homeQuickRow .quickCell{padding:5px 6px!important;border-radius:8px!important}
  .homeQuickRow .quickCell span{font-size:7.5px!important}
  .homeQuickRow .quickCell b{font-size:11px!important}
  .homeQuickRow .quickRange select{font-size:9px!important;height:25px!important}
  .customerExtraLine{grid-template-columns:1.8fr 1fr!important;gap:4px!important}
  .customerExtraLine input{height:28px!important}
  .itemDetailRow{grid-template-columns:.7fr .85fr .62fr 1.6fr!important;gap:3px!important}
  .itemDetailRow label{font-size:8px!important}
  .itemDetailRow input{height:28px!important;font-size:9px!important;padding:3px 4px!important}
  .billPaper{width:min(285px,92vw)!important;padding:9px 10px!important;font-size:9px!important}
}

/* Print K80: pure black on white */
@media print{
  .billPaper,.billPaper *{
    color:#000!important;background:#fff!important;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  }
  .billPaper{width:76mm!important;padding:2mm 2.5mm!important;margin:0!important}
  .centerActions{display:none!important}
}

/* ===== V10 WEB READY - RESPONSIVE DASHBOARD ===== */
#home.page{min-height:100dvh!important;height:auto!important;padding-bottom:78px!important;overflow:visible!important}
#home>main{
  width:min(100%,980px)!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:12px!important;
  min-height:0!important;height:auto!important;
  display:block!important;
}
#home .homeQuickRow{
  margin:0 0 10px!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:1.2fr 1.05fr 1fr .8fr 1fr!important;
  gap:8px!important;
  padding:8px!important;
}
#home .homeQuickRow .quickCell{
  min-width:0!important;min-height:48px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:8px!important;
  padding:7px 9px!important;
  border:1px solid #e9c5a8!important;border-radius:11px!important;background:#fff!important;
}
#home .homeQuickRow .quickCell span{font-size:10px!important;line-height:1.1!important;white-space:nowrap!important}
#home .homeQuickRow .quickCell b{font-size:14px!important;line-height:1.1!important;text-align:right!important;white-space:nowrap!important}
#home .homeQuickRow .quickRange select{
  width:100%!important;min-width:0!important;height:32px!important;
  border:0!important;background:transparent!important;padding:2px 20px 2px 2px!important;
  font-size:12px!important;font-weight:700!important;
}
#home .tiles{
  position:static!important;
  width:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-content:start!important;
}
#home .tile{
  min-width:0!important;min-height:104px!important;height:auto!important;
  padding:10px 6px!important;
}
#home .tile span{font-size:31px!important;margin-bottom:5px!important}
#home .bottomNav{position:fixed!important;bottom:0!important;z-index:30!important}
@media(max-width:760px){
  #home>main{padding:9px!important}
  #home .homeQuickRow{grid-template-columns:1.15fr 1fr .9fr .72fr!important;gap:5px!important;padding:6px!important}
  #home .homeQuickRow #profitBox{display:none!important}
  #home .homeQuickRow .quickCell{min-height:42px!important;padding:5px 6px!important;column-gap:4px!important}
  #home .homeQuickRow .quickCell span{font-size:8px!important}
  #home .homeQuickRow .quickCell b{font-size:11px!important}
  #home .homeQuickRow .quickRange select{height:28px!important;font-size:10px!important}
  #home .tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  #home .tile{min-height:86px!important;font-size:12px!important}
  #home .tile span{font-size:27px!important}
}
@media(max-width:430px){
  #home .hero{padding:12px 10px 10px!important}
  #home .hero h1{font-size:22px!important}
  #home .heroKpis{gap:5px!important;margin-top:10px!important}
  #home .heroKpis div{padding:7px!important}
  #home .heroKpis b{font-size:16px!important}
  #home .homeQuickRow{grid-template-columns:1.15fr 1fr .9fr .7fr!important}
  #home .homeQuickRow .quickCell{grid-template-columns:1fr!important;gap:2px!important}
  #home .homeQuickRow .quickCell b{text-align:left!important}
  #home .tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ===== V11 SETTINGS MODAL WORKFLOW ===== */
#settingsPanel{display:none!important}
.settingsGrid button{cursor:pointer}
.settingsGrid button:active{transform:scale(.98)}
.settingSheet{display:flex;flex-direction:column;gap:10px}
.settingSheet h4{margin:0 0 4px;font-size:15px}
.settingSheet .hint{font-size:11px;color:#6d7478;margin-top:-4px}
.settingSheet label{font-size:11px;font-weight:800}
.settingSheet input,.settingSheet select,.settingSheet textarea{
  width:100%;border:1px solid #e2cbbb;border-radius:10px;padding:9px;background:#fff;min-height:38px
}
.settingSheet .settingRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.settingSheet .settingList{border:1px solid #ead7c9;border-radius:11px;overflow:hidden}
.settingSheet .settingItem{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px;border-bottom:1px solid #eee;background:#fff}
.settingSheet .settingItem:last-child{border-bottom:0}
.settingSheet .settingItem span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.settingSheet .miniBtn{border:1px solid #e6c6b0;background:#fff;border-radius:8px;padding:5px 8px;font-size:10px}
.settingActions{
  position:sticky;bottom:-15px;margin:8px -15px -15px;padding:10px 15px;background:#fff;border-top:1px solid #ead7ca;
  display:flex;justify-content:flex-end;gap:8px;z-index:4
}
.settingActions button{min-width:110px}
.settingsReturnNote{font-size:10px;color:#6f7477;background:#fff7ef;border-radius:8px;padding:7px 9px}
@media(max-width:700px){
  .modal{align-items:stretch!important}
  .sheet{
    width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;
    border-radius:0!important;padding:12px!important
  }
  .sheetHead{position:sticky;top:-12px;background:#fff;z-index:6;padding:8px 0;border-bottom:1px solid #eee}
  .settingSheet .settingRow{grid-template-columns:1fr!important}
  .settingActions{bottom:-12px;margin:8px -12px -12px;padding:9px 12px}
  .settingActions button{flex:1;min-width:0}
}

/* ===== V12 SHIFT ===== */
.shiftHomeCard{
  margin:8px 0 10px;border:1px solid #efc9aa;border-radius:13px;background:#fff;
  padding:8px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center
}
.shiftHomeInfo{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.shiftHomeInfo>div{border:1px solid #f0ded0;border-radius:9px;padding:6px 8px;background:#fffaf5}
.shiftHomeInfo span{display:block;font-size:9px;color:#777}.shiftHomeInfo b{font-size:12px}
.shiftHomeCard>button{min-width:95px}
@media(max-width:700px){
 .shiftHomeCard{grid-template-columns:1fr auto}
 .shiftHomeInfo{grid-template-columns:repeat(2,1fr)}
 .shiftHomeInfo>div{padding:5px}
 .shiftHomeInfo b{font-size:10px}
 .shiftHomeCard>button{min-width:76px;font-size:10px;padding:7px}
}

/* ===== V15 NOTIFICATION CENTER ===== */
.notificationHead{display:flex;justify-content:space-between;align-items:center;gap:8px}.notificationHeadActions{display:flex;gap:6px}.notificationHeadActions button{font-size:10px;padding:7px 9px}
.notificationFilters{display:grid;grid-template-columns:1fr 170px;gap:7px;margin:9px 0}.notificationFilters input,.notificationFilters select{height:38px;border:1px solid #e7cdbc;border-radius:10px;padding:7px;background:#fff}
.notificationItem{display:grid;grid-template-columns:10px 1fr;gap:8px;background:#fff;border:1px solid #ecd8ca;border-radius:12px;padding:10px;margin:7px 0;cursor:pointer}.notificationItem.unread{background:#fff8ef;border-color:#efad7e}.notificationItem.read{opacity:.76}
.notificationDot{width:8px;height:8px;border-radius:50%;background:#f05a28;margin-top:4px}.notificationItem.read .notificationDot{background:#ccc}
.notificationTop{display:flex;justify-content:space-between;gap:10px}.notificationTop b{font-size:12px}.notificationTop span{font-size:9px;color:#777;white-space:nowrap}.notificationDetail{font-size:11px;margin-top:3px}.notificationMeta{font-size:9px;color:#777;margin-top:4px}
.notificationNavBtn{position:relative}.notificationBadge{position:absolute;top:2px;right:12px;min-width:16px;height:16px;border-radius:999px;background:#d93025;color:#fff;font-style:normal;font-size:9px;display:grid;place-items:center;padding:0 4px}
.appToastWrap{position:fixed;right:12px;top:12px;z-index:99999;display:flex;flex-direction:column;gap:7px;pointer-events:none}.appToast{min-width:260px;max-width:360px;background:#fff;border:1px solid #e8c8b1;border-radius:13px;box-shadow:0 10px 30px #0002;padding:10px;display:flex;gap:8px;transform:translateY(-15px);opacity:0;transition:.22s}.appToast.on{transform:none;opacity:1}.toastIcon{font-size:22px}.toastText{display:flex;flex-direction:column}.toastText b{font-size:11px}.toastText span{font-size:10px;color:#666;margin-top:2px}
@media(max-width:700px){.notificationHead{align-items:flex-start;flex-direction:column}.notificationHeadActions{width:100%}.notificationHeadActions button{flex:1}.notificationFilters{grid-template-columns:1fr}.appToastWrap{left:8px;right:8px;top:8px}.appToast{min-width:0;max-width:none;width:100%}}

/* ===== V18 COMMERCIAL COMPLETE ===== */
.stockTabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0}.stockTabs button{border:1px solid #e6c9b4;background:#fff;border-radius:10px;padding:9px 6px;font-weight:800;font-size:10px}.stockTabs button.on{border:2px solid #ed4f8b;background:#fff4f8;color:#a62f60}.stockTabPane{display:none}.stockTabPane.active{display:block}
.stockSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0}.stockSummary>div{background:#fff;border:1px solid #ead4c4;border-radius:11px;padding:8px;text-align:center}.stockSummary span{display:block;font-size:9px;color:#777}.stockSummary b{font-size:17px}
.stockEntryWrap{max-height:52vh}.stockEntryTable input,.stockEntryTable select{width:100%;min-width:88px;border:1px solid #e4cabb;border-radius:7px;padding:6px}.stockEntryTable th{white-space:nowrap}.stockEntryFooter{display:flex;justify-content:flex-end;align-items:center;gap:8px;background:#fff;border:1px solid #ead4c4;border-radius:11px;padding:8px;margin-top:8px}.stockEntryFooter>div{min-width:120px;text-align:right}.stockEntryFooter span{display:block;font-size:9px;color:#777}.miniDelete{border:0;background:#fff;color:#b22;font-size:18px}.supplierCard{display:grid;grid-template-columns:1fr auto;gap:10px;background:#fff;border:1px solid #ead4c4;border-radius:12px;padding:10px;margin:7px 0}.supplierMeta{text-align:right;display:grid;gap:3px;justify-items:end}.supplierMeta span{font-size:9px;color:#777}
.attrsAllEditor .attrGroup{border:1px solid #ead4c4;border-radius:12px;padding:9px}.attrsAllEditor .attrGroup h4{margin:0 0 7px}.attrTags{display:flex;gap:5px;flex-wrap:wrap;min-height:30px}.attrTags span{background:#fff3e9;border:1px solid #efc7aa;border-radius:999px;padding:5px 8px;font-size:10px}.attrTags button{border:0;background:transparent;color:#a33;margin-left:4px}.attrAddLine{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:7px}
@media(max-width:700px){
 .stockTabs{grid-template-columns:repeat(3,1fr)}.stockEntryWrap{overflow:auto;max-height:55dvh}.stockEntryTable{min-width:950px}.stockEntryFooter{position:sticky;bottom:0;flex-wrap:wrap}.supplierCard{grid-template-columns:1fr}.supplierMeta{text-align:left;justify-items:start}.stockSummary{grid-template-columns:repeat(3,1fr)}
}