*{box-sizing:border-box}body{margin:0;background:#f2f3f5;color:#20252b;font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{height:54px;background:#353b42;color:#fff;padding:7px 14px;display:flex;justify-content:space-between;align-items:center}header b,header small{display:block}.screen{max-width:650px;margin:auto;padding:9px}.card,.loc,.row,.issue{background:#fff;border:1px solid #d8dce0;border-radius:11px;padding:11px;margin-bottom:8px}.primary,.warn,.actions>button,.line button,.nav button,.manual{border:0;border-radius:8px;padding:10px;font-weight:750}.primary{background:#353b42;color:#fff}.primary:disabled{background:#b9bec4;color:#f1f1f1}.warn{background:#ffe8a6}.wide,.card>.primary,#review,#finalize{width:100%;margin-top:7px}input,select{width:100%;font-size:18px;padding:9px;border:1px solid #aeb5bd;border-radius:8px;margin:5px 0}.line{display:flex;justify-content:space-between;align-items:center;gap:8px;height:41px}.line h2{margin:0}.line button{background:#fff;border:1px solid #d8dce0}.mini div{display:flex;flex-direction:column;align-items:center}.loc{width:100%;text-align:left;display:grid;grid-template-columns:1fr auto}.compact{min-height:calc(100vh - 111px);display:flex;flex-direction:column;justify-content:space-between;margin:0}.productline{display:flex;justify-content:space-between}.productline h2{font-size:21px;margin:0}.productline small{color:#69717a}.productline span{font-size:11px;padding:5px;border-radius:99px;background:#eee}.note{background:#fff1bd;padding:6px;border-radius:7px;margin:4px 0}label{text-align:center;font-weight:700;display:block;margin:4px 0}.stepper{display:grid;grid-template-columns:75px 1fr 75px;gap:7px;align-items:center}.stepper button{height:51px;border:1px solid #cbd1d6;border-radius:10px;background:#fafafa;font-size:22px;font-weight:800}.stepper>b{text-align:center;font-size:30px}.fractions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:5px}.fractions button{padding:9px;border:1px solid #cbd1d6;background:#f8f9fa;border-radius:8px;font-size:16px;font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:4px;min-height:3px;margin-top:5px}.chip{border:1px solid #bfc8d0;background:#eef2f5;border-radius:99px;padding:5px 8px;font-weight:700}.detail{text-align:center;background:#edf1f4;padding:7px;border-radius:8px;margin-top:5px;font-size:15px}.manual{width:100%;background:#fff;border:1px solid #d3d8dd;margin-top:4px;font-weight:500;font-size:12px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}.actions .primary{grid-column:1/-1}.actions>button:not(.primary):not(.warn){background:#eceff1}.nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}.nav button{background:#fff;border:1px solid #d8dce0}.dual{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stepper.small{grid-template-columns:52px 1fr 52px}.stepper.small button{height:49px;font-size:18px}.stepper.small b{text-align:center;font-size:25px}.row{width:100%;display:grid;grid-template-columns:1fr auto;text-align:left}.row small{color:#717981}.issue{border-left:5px solid #d0a000}.issue button{float:right}dialog{border:0;border-radius:12px;width:min(400px,calc(100% - 20px))}dialog::backdrop{background:#0008}.dialogBtns{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media(max-height:690px){header{height:46px}.screen{padding:6px}.compact{min-height:calc(100vh - 93px);padding:8px}.productline h2{font-size:18px}.stepper button{height:44px}.fractions button{padding:7px}.actions>button,.nav button{padding:8px}.detail{padding:5px}}