:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#202822;background:#f5f5f2;font-size:18px;font-synthesis:none;--green:#236447;--border:#d8dfd9;--muted:#68746c}*{box-sizing:border-box}body{margin:0}button,input,summary,a{touch-action:manipulation}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,.button{min-height:60px;border:1px solid var(--border);background:#fcfdfb;color:#202822;border-radius:10px;padding:14px 24px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}button:hover,.button:hover{background:#edf2ed}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#194c35}.wide{width:100%}.quiet{background:none;border:0;color:var(--green);font-weight:500;padding:12px;min-height:48px}.danger{color:#a12f2f}a{color:var(--green)}:focus-visible{outline:3px solid #4a896a;outline-offset:4px}header{min-height:80px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:24px;padding:12px 32px}.brand{font-size:24px;font-weight:750;color:#202822;text-decoration:none}nav{display:flex;align-items:center;gap:20px;flex:1}nav>a{min-height:48px;display:flex;align-items:center;text-decoration:none;color:var(--muted)}nav>a.active{color:var(--green);border-bottom:3px solid var(--green);font-weight:650}.badge,.location{font-size:14px;padding:7px 12px;border-radius:6px;background:#e6ede5;color:var(--green)}.badge{background:#eaede7;color:#68746c}.more{position:relative}.more>summary{cursor:pointer;list-style:none;padding:14px 8px;min-height:48px;color:var(--muted)}.more>summary:after{content:'⌄';margin-left:8px}.more>div{position:absolute;z-index:5;top:50px;left:0;width:260px;border:1px solid var(--border);padding:16px;background:#fcfdfb;border-radius:12px;box-shadow:0 8px 24px #20282218}.more a{display:block;padding:16px 8px}.more p{font-size:14px;line-height:1.5;color:var(--muted)}main{max-width:720px;padding:64px 24px;margin:auto;min-height:calc(100dvh - 81px)}main.home{max-width:1040px}h1{font-size:32px;line-height:1.2;letter-spacing:-.03em;margin:32px 0 12px}h2{font-size:22px;margin:0 0 12px}p{line-height:1.55}.muted{color:var(--muted)}.small{font-size:15px}.topline,.row,.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.topline{color:var(--muted);font-size:15px;margin-bottom:24px}.topline a{min-height:48px;display:flex;align-items:center;text-decoration:none}.heading h1{margin:8px 0 32px}.segmented{display:flex;background:#e7ebe4;border-radius:10px;padding:4px;margin:0 0 24px;width:fit-content}.segmented button{min-height:48px;padding:10px 24px;border:0;background:transparent;color:var(--muted)}.segmented button.selected{background:#fcfdfb;color:#202822;box-shadow:0 1px 4px #0001}.surface{background:#fcfdfb;border:1px solid var(--border);border-radius:16px;padding:28px;margin-top:28px}input{width:100%;height:64px;border:1px solid #b6c3b9;border-radius:10px;background:#fcfdfb;padding:16px;color:#202822}label{display:block;margin-bottom:10px;color:var(--muted)}.result{padding:24px 0;border-bottom:1px solid var(--border)}.result:last-child{border-bottom:0;padding-bottom:0}.result p{margin:6px 0}.result button{flex-shrink:0}.helper{margin:12px 0;color:var(--muted);font-size:15px}.sim{margin-top:20px}.sim summary{cursor:pointer;padding:16px 0;min-height:48px;color:var(--green)}.simlist{display:grid;gap:10px}.simlist button{justify-content:space-between;font-size:16px;text-align:left}.simlist span{font-weight:400;color:var(--muted);font-size:14px}.stepper{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;flex-shrink:0}.stepper button{border:0;border-radius:0;min-height:60px;width:60px;padding:0;font-size:26px}.stepper input{width:80px;height:60px;text-align:center;border:0;border-radius:0;padding:8px;font-weight:650;font-size:24px;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{display:none}.separator{border-top:1px solid var(--border);margin:28px 0}.total{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.actions{display:grid;gap:12px;margin-top:28px}.error{color:#9e2b26;background:#fff0ed;border-radius:8px;padding:12px 16px;margin:16px 0}.error:empty{display:none}.cartlink{display:block;text-align:center;margin-top:24px;padding:14px;min-height:48px}.line{border-bottom:1px solid var(--border);padding:20px 0}.line:first-child{padding-top:0}.line p{margin:6px 0;font-size:16px;color:var(--muted)}.line strong{font-size:20px}.line .price{white-space:nowrap}.success{text-align:center}.check{display:grid;place-items:center;background:#e6f1e9;color:var(--green);font-size:28px;width:64px;height:64px;border-radius:50%;margin:8px auto 24px}.remaining{background:#edf3ec;padding:16px;border-radius:10px;color:var(--green);margin:24px 0;line-height:1.7}.stats{display:flex;gap:32px;flex-wrap:wrap;margin:16px 0 40px}.stats span{color:var(--muted)}.stats strong{color:var(--green);margin-left:8px}.charts{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chart{background:#fcfdfb;border:1px solid var(--border);padding:24px;border-radius:8px;min-height:210px}.bars{display:flex;align-items:end;gap:12px;height:96px;margin-top:24px}.bar{flex:1;background:#c6dbce;min-height:3px;border-radius:4px 4px 0 0}.bar:last-child{background:var(--green)}.legend{font-size:14px;color:var(--muted);display:flex;justify-content:space-between;margin-top:12px}.stockbar{display:flex;height:20px;border-radius:5px;overflow:hidden;margin:40px 0 16px;background:#e5ebe4}.stockbar span{background:var(--green)}.stockbar span+span{background:#d5ab67}.homeactions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.foot{margin-top:64px;font-size:15px}.empty{padding:32px 0;text-align:center;color:var(--muted)}dialog{border:1px solid var(--border);border-radius:16px;padding:32px;max-width:520px;width:calc(100% - 32px);background:#fcfdfb;color:#202822}dialog::backdrop{background:#20282255}dialog h2{line-height:1.4}.receipt{white-space:pre-wrap;font:16px/1.6 ui-monospace,monospace}.modehint{font-size:15px;color:var(--muted);padding:12px 0}.inventorylist .row{padding:20px 0;border-bottom:1px solid var(--border)}.inventorylist p{margin:6px 0}.screenreader{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:650px){header{padding:12px 16px;gap:12px;flex-wrap:wrap}.brand{font-size:21px}nav{order:2;flex-basis:100%;gap:28px}.badge{margin-left:auto}main{padding:24px 20px}h1{font-size:28px}.surface{padding:20px}.charts{grid-template-columns:1fr}.stats{gap:16px;font-size:16px}.homeactions{grid-template-columns:1fr}.row.wrap{align-items:flex-start;flex-direction:column}.result{flex-wrap:wrap}.result button{width:100%}.simlist button{flex-wrap:wrap}.line .row{flex-wrap:wrap}.more>div{left:auto;right:0}.stockbar{margin-top:24px}.foot{margin-top:36px}}@media print{header,.actions,.topline,button{display:none}main{padding:0}.surface{border:0}}
/* V4: flat counter layout, shared rhythm across the progressive sale flow. */
:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;color:oklch(25% .012 155);background:oklch(98.2% .004 85);--green:oklch(43% .075 160);--border:oklch(88% .008 85);--muted:oklch(49% .012 140);--paper:oklch(99.5% .002 85)}
header{min-height:72px;padding:8px max(28px,calc((100vw - 1080px)/2));gap:40px;background:transparent}.brand{font-size:22px;letter-spacing:-.04em;font-weight:650}nav{gap:28px}nav>a{font-size:16px}nav>a.active{border-bottom-width:2px;font-weight:600}.demolabel{white-space:nowrap;color:var(--muted);font-size:14px}.more>div{background:var(--paper);border-radius:6px;box-shadow:0 8px 20px #2028220c}
main{max-width:808px;padding:36px 24px;min-height:calc(100dvh - 73px)}main.home{max-width:1080px;padding-top:48px}h1{font-size:30px;letter-spacing:-.035em;font-weight:600;margin:24px 0 28px}h2{font-size:20px;font-weight:600;letter-spacing:-.02em}.topline{border-bottom:1px solid var(--border);margin-bottom:24px;font-size:14px}.topline a{color:var(--muted)}.surface{border:0;border-radius:0;background:none;padding:0;margin-top:32px}.heading h1{margin:12px 0 24px}.badge,.location{background:none;border-radius:0;padding:0;color:var(--muted);font-size:14px}
button,.button{border-radius:6px;min-height:56px;font-weight:550;font-size:17px;background:var(--paper)}button:active,.button:active{transform:translateY(1px)}.primary{background:var(--green);color:oklch(99% .004 150);border-color:var(--green)}.primary:hover{background:oklch(36% .07 160)}.quiet{background:transparent;min-height:48px}.segmented{border-radius:6px;background:oklch(93% .006 85);padding:3px;margin-bottom:28px}.segmented button{min-height:44px;border-radius:4px;padding:8px 24px;font-size:15px}.segmented button.selected{box-shadow:none;background:var(--paper)}
.scan h1{margin-bottom:20px}.scan .surface{margin-top:0}label{font-size:16px;font-weight:500;color:inherit}input{border-radius:6px;background:var(--paper);font-size:21px;height:64px;border-color:oklch(72% .015 140)}input:focus{outline:2px solid var(--green);outline-offset:0}.result{border-top:1px solid var(--border);border-bottom:0;margin-top:28px;padding:24px 0!important}.result p{font-size:16px}.sim{border-top:1px solid var(--border);margin-top:24px}.sim summary{font-size:15px;color:var(--muted)}.simlist{gap:0}.simlist button{border:0;border-top:1px solid var(--border);border-radius:0;background:none;padding:16px 0;min-height:60px}.simlist button:hover{background:oklch(95% .008 140)}.simlist span{font-variant-numeric:tabular-nums}.cartlink{border-top:1px solid var(--border);text-align:right;font-weight:550}.stepper{border-radius:6px;background:var(--paper)}.stepper button{background:transparent}.stepper input{font-weight:550}.separator{margin:28px 0}.total{font-weight:600;letter-spacing:-.03em;font-size:28px}.line strong{font-size:18px;font-weight:550}.line{padding:24px 0}.line:first-child{padding-top:12px}.review .actions>button:not(.primary){border:0;background:transparent;color:var(--green);justify-content:flex-start;padding-left:0}.review .actions{margin-top:20px}.review .helper{font-size:14px}.success{margin-top:24px}.check{width:52px;height:52px;background:none;border:1px solid var(--green);font-size:24px}.success .line{text-align:left}.success h1{margin-bottom:12px}.remaining{background:transparent;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;padding:20px 0;font-size:16px}.success .actions{grid-template-columns:1fr 1fr}.success .actions>a{grid-column:1/-1}.homeheading{display:flex;justify-content:space-between;align-items:center;gap:24px}.homeheading h1{margin:8px 0 0}.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--muted);margin:0}.homeheading .primary{min-width:190px;justify-content:space-between}.stats{margin:36px 0 0;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:36px}.stats strong{color:inherit;font-weight:600}.charts{grid-template-columns:1.25fr 1fr;gap:52px;margin-top:36px}.chart{background:none;border:0;border-radius:0;padding:0;min-height:190px}.chart h2{font-size:18px;margin-bottom:6px}.chart .small{font-size:14px}.bars{height:90px;margin-top:24px;border-bottom:1px solid var(--border)}.bar{border-radius:1px 1px 0 0;max-width:56px}.stockbar{height:12px;border-radius:2px;margin:50px 0 20px}.legend{font-size:14px}.homeactions{display:block;margin-top:26px}.homeactions a{display:inline-flex;align-items:center;gap:20px;min-height:48px;text-decoration:none;font-size:16px}.foot{margin-top:32px;border-top:1px solid var(--border);padding-top:20px;font-size:14px}.foot a{min-height:44px;display:flex;align-items:center;text-decoration:none}.inventorylist .row{padding:24px 0}.inventorylist h2{margin-bottom:6px}.inventorylist p{font-size:16px}dialog{border-radius:8px;background:var(--paper)}.error{border-radius:4px}.empty{text-align:left}.small{font-size:15px}
@media(min-width:700px){.scan h1{display:inline-block}.scan .segmented{float:right;margin-top:18px}.scan .surface{clear:both;padding-top:8px}}
@media(max-width:650px){header{gap:12px;padding:12px 20px}.brand{font-size:21px}.demolabel{margin-left:auto}nav{gap:28px;order:2}header .demolabel{order:1}main,main.home{padding:24px 20px}.homeheading{align-items:flex-start;flex-wrap:wrap;gap:20px}.homeheading h1{font-size:28px}.homeheading .primary{width:100%}.stats{margin-top:24px;gap:14px 22px;font-size:15px}.charts{grid-template-columns:1fr;gap:32px;margin-top:28px}.chart{min-height:150px}.stockbar{margin:26px 0 16px}.surface{padding:0}h1{font-size:28px}.result button{width:100%}.simlist button{gap:6px}.line .row{gap:12px}.success .actions{grid-template-columns:1fr}.foot{gap:12px;flex-wrap:wrap}.demolabel{font-size:13px}.more>div{right:0;left:auto}.homeactions{margin-top:20px}}
[hidden]{display:none!important}#notice:empty{display:none}#notice{padding:14px 24px;background:#e9eee8;color:#254a34;text-align:center}.login{max-width:480px;padding-top:70px}.login input{margin-bottom:22px}.login label{margin-top:10px}header{gap:28px}.brand{white-space:nowrap}.productrow{width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;display:flex;text-align:left;align-items:center;justify-content:space-between;padding:24px 0;gap:24px;min-height:132px}.productrow:hover{background:#f0f1ec}.productcopy{display:flex;flex-direction:column;gap:7px;min-width:0}.productcopy>strong{font-size:18px;font-weight:550;line-height:1.4}.brandlabel{font-size:13px;color:var(--green);letter-spacing:.04em;font-weight:550}.productmeta{font-size:14px;line-height:1.6;color:var(--muted);font-weight:400}.productright{display:flex;flex-direction:column;text-align:right;gap:8px;flex-shrink:0;font-weight:400}.stock{font-size:22px;font-weight:600}.stock small{display:block;font-size:13px;font-weight:400;color:var(--muted)}.soldout{color:#97352c}.productright>small{color:var(--muted);font-size:13px}.catalogtools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;border-bottom:1px solid var(--border)}select{font:inherit;border:1px solid var(--border);border-radius:6px;background:transparent;color:inherit;min-height:48px;padding:8px 12px;max-width:70%}.article h1{line-height:1.3;margin-top:10px}.articleavailability{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--border);padding:0 0 24px}.articleavailability strong{color:var(--green);font-size:22px}.articleavailability span{font-size:15px;color:var(--muted)}.pricegrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.pricegrid>div{display:flex;flex-direction:column;gap:10px}.pricegrid strong{font-size:24px;font-weight:550}.pricegrid span{color:var(--muted);font-size:15px}.source dl{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;font-size:15px;line-height:1.5}.source dt{color:var(--muted)}.source dd{margin:0;overflow-wrap:anywhere}.salehistory{border-bottom:1px solid var(--border);padding:18px 0}.salehistory summary{display:flex;justify-content:space-between;align-items:center;min-height:60px;gap:20px;cursor:pointer}.salehistory small{display:block;margin-top:6px;color:var(--muted);font-size:14px}.salehistory>.line{font-size:16px}.history small{display:block}.review>.line{gap:18px}.review>.line>div:first-child{min-width:0}.review>.line strong{overflow-wrap:anywhere}.error:empty{display:none}@media(max-width:650px){header{gap:12px}.brand{font-size:20px}header #logout{order:3;margin-left:auto}header nav{flex-basis:auto;flex:1;gap:18px}.productrow{gap:12px;padding:20px 0}.productcopy>strong{font-size:16px}.productmeta{font-size:13px}.productright{min-width:95px;font-size:15px}.pricegrid{gap:16px}.pricegrid input{font-size:18px;padding:12px}.source dl{grid-template-columns:1fr;gap:6px}.source dd{margin-bottom:16px}.articleavailability{flex-wrap:wrap}.review>.line{flex-wrap:wrap}.review>.line>div:last-child{width:100%;justify-content:space-between}}
.box h1{overflow-wrap:anywhere}.boxes form input,.box form input{margin-bottom:20px}.box .productright,.boxes .productright{font-size:15px}#sourceChoice{max-width:100%;margin-top:4px}#pickPlan{overflow-wrap:anywhere}.quantity #sourceChoice{margin-bottom:4px}.quantity .stepper{margin-bottom:20px}@media(max-width:850px){header{gap:18px}header nav{gap:18px}header .demolabel{display:none}}@media(max-width:650px){header nav{order:3;flex-basis:100%;justify-content:space-between;gap:12px}header #logout{order:2}.box .productrow,.boxes .productrow{flex-wrap:wrap}.box .productright,.boxes .productright{text-align:left}h1{overflow-wrap:anywhere}}
.inventorymanage{margin-bottom:28px}.countline .stepper{margin:0}.countline output{display:block;min-width:56px;text-align:center;font-size:24px}.counttotal{margin:24px 0}.countreview .line{gap:20px}.countreview .line>span{min-width:0}.count #countFeedback{font-size:14px;color:var(--green)}@media(max-width:650px){.countline{flex-wrap:wrap}.countline .stepper{margin-left:auto}.counttotal{align-items:flex-start;flex-direction:column}}
.countack{display:flex;align-items:center;gap:12px;margin:24px 0;line-height:1.5}.countack input{width:24px;height:24px;flex-shrink:0}
#connection:empty{display:none}#connection{padding:12px 24px;background:#f3e4c5;color:#65410b;text-align:center}body{padding-bottom:env(safe-area-inset-bottom)}header{padding-top:max(8px,env(safe-area-inset-top))}.install h2{margin-top:30px}.install p{max-width:65ch}.install .button{margin-top:24px}

.catalogthumb{width:64px;height:80px;object-fit:contain;flex-shrink:0;background:var(--paper)}.productrow .productcopy{flex:1}.articleintro{display:flex;align-items:center;gap:24px;margin-bottom:24px}.articleintro .catalogthumb{width:120px;height:140px}.articleintro h1{margin-bottom:0}.cataloggallery{display:flex;gap:12px;overflow-x:auto;margin:20px 0;scroll-snap-type:x proximity}.cataloggallery img{width:220px;height:240px;object-fit:contain;flex-shrink:0;scroll-snap-align:start;background:var(--paper)}.catalogdetails p{line-height:1.6}.catalogdetails a{display:inline-flex;align-items:center;min-height:48px}.catalogdetails h2{font-size:19px}@media(max-width:650px){.productrow{gap:12px}.catalogthumb{width:44px;height:60px}.articleintro{gap:16px;align-items:flex-start}.articleintro .catalogthumb{width:80px;height:100px}.articleintro h1{font-size:24px}.cataloggallery img{width:180px;height:200px}}

.catalogpreview{margin:0;flex-shrink:0}.catalogpreview figcaption{font-size:12px;color:var(--muted);margin-top:6px}.catalogdescription{white-space:pre-line}