/* Six type sizes shared across every screen. */
:root{--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:26px;--text-2xl:32px;font-size:var(--text-sm);font-optical-sizing:auto;-webkit-text-size-adjust:100%;--muted:#65758b}
body{line-height:1.4}input,button{font-family:inherit}input{font-size:var(--text-base)}button{touch-action:manipulation}h1{line-height:1.15;letter-spacing:-.6px}p{line-height:1.4}small{font-size:var(--text-xs)}.sidebar{width:216px;padding:22px 14px 14px}.main{margin-left:216px}.brand{font-size:var(--text-xl);padding:0 5px}.workspace{margin:22px 0 18px;padding:10px 8px}.workspace small{margin-top:2px}.nav-label{letter-spacing:1px;margin-bottom:8px}.nav-button{font-size:var(--text-sm);padding:10px;gap:10px;min-height:46px}.nav-button small{padding:2px 5px}.mobile-label{display:none}.help-card{display:none}.account{padding-top:12px}.account strong{font-size:var(--text-xs)}.topbar{height:54px;padding:0 24px;font-size:var(--text-xs)}.top-right{gap:16px}.content{padding:20px 24px 12px;max-width:1600px}.eyebrow{letter-spacing:1px;margin-bottom:5px}.page-heading{margin-bottom:16px;align-items:center}.page-heading h1{font-size:var(--text-xl);margin-bottom:5px}.page-heading p{font-size:var(--text-xs)}.mode-switch{padding:3px}.mode-switch button{min-height:44px;width:90px;font-size:var(--text-sm)}.entry-layout{grid-template-columns:minmax(0,1fr) 284px;gap:16px}.steps{gap:12px}.panel{padding:16px;border-radius:12px;box-shadow:0 2px 8px #213f6808}.section-heading{margin-bottom:12px;gap:9px}.section-heading h2{font-size:var(--text-base);margin-bottom:0}.section-heading p{display:none}.step-hint{display:none}.step-number{width:26px;height:26px;font-size:var(--text-sm);border-radius:7px}.category-grid{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.category{flex-direction:row;gap:8px;min-height:53px;justify-content:flex-start;padding:8px 10px;border-radius:8px}.category strong{font-size:var(--text-xs);text-align:left;line-height:1.15}.category-icon{background:transparent!important;width:27px;height:27px;flex-shrink:0;color:#59749a}.category-icon .icon{width:25px;height:25px}.check-circle{width:12px;height:12px;right:3px;top:3px}.check-circle .icon{width:9px;height:9px}.article-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.article{flex-direction:row;gap:8px;min-height:48px;padding:8px;font-size:var(--text-xs)}.article .icon{width:24px;height:24px}.article span{color:inherit}.attribute{margin-bottom:12px}.attribute+.attribute{padding-top:10px}.attribute h3{font-size:var(--text-xs);margin-bottom:7px}.chips{gap:6px}.chip{min-height:44px;min-width:44px;padding:8px 11px;font-size:var(--text-sm)}.summary{padding:0;top:12px}.summary-top{padding:16px 16px 0}.summary-top .eyebrow{font-size:var(--text-xs)}.summary-top h2{font-size:var(--text-base);margin-bottom:0}.item-visual{display:none}.selected-item{padding:12px 16px}.selected-item h3{font-size:var(--text-lg);margin:6px 0 3px}.selected-item p{font-size:var(--text-xs);min-height:0}.pill{font-size:var(--text-xs);padding:3px 7px;letter-spacing:0}.quantity{padding:12px 16px}.quantity label{font-size:var(--text-sm);margin-bottom:8px}.stepper{height:48px}.stepper input{font-size:var(--text-xl)}.stepper button{width:48px;font-size:var(--text-lg)}.quick-qty{gap:6px;margin-top:6px}.quick-qty button{min-height:44px;font-size:var(--text-sm)}.note-label{margin:0 16px 6px;font-size:var(--text-xs)}.note-label span{font-size:var(--text-xs)}#note{margin:0 16px;width:calc(100% - 32px);font-size:var(--text-base);padding:10px}.summary-total{margin:12px 16px;padding-top:12px}.summary-total>span,.summary-total small{font-size:var(--text-xs)}.summary-total strong{font-size:var(--text-lg)}.full{margin:0 16px;width:calc(100% - 32px);min-height:48px;font-size:var(--text-sm)}.safe-note{font-size:var(--text-xs);margin:10px 12px 14px}.safe-note .icon{width:14px;height:14px}.duplicate{margin:0 16px 10px;font-size:var(--text-xs)}footer{padding-top:12px;font-size:var(--text-xs)}.primary,.secondary{font-size:var(--text-sm)}.search input{font-size:var(--text-base)}.stock-toolbar{margin-bottom:12px}.stock-status{margin-top:12px}.text-tab{font-size:var(--text-xs)}th{padding:12px;font-size:var(--text-xs)}td{padding:12px;font-size:var(--text-sm)}.table-item strong{font-size:var(--text-sm)}.table-item small,.status,.photo-button{font-size:var(--text-xs)}.stock-number{font-size:var(--text-lg)}.metrics{gap:12px;margin-bottom:16px}.metric>span{font-size:var(--text-sm)}.metric>div{margin:12px 0 6px}.metric small{font-size:var(--text-xs)}.dashboard-grid,.settings-grid{gap:16px}.movement{padding:12px 0}.movement-main strong{font-size:var(--text-sm)}.movement-main small{font-size:var(--text-xs)}.bar-row{font-size:var(--text-sm);grid-template-columns:100px 1fr 35px;padding:9px 0}.settings-grid input{margin-bottom:14px}.settings-grid details,.info{font-size:var(--text-sm)}.login-story>.eyebrow{margin-top:80px}.login-story h1{font-size:var(--text-2xl)}.login-card h2{font-size:var(--text-xl)}
@media(min-width:1600px){.entry-layout{grid-template-columns:minmax(0,1fr) 320px}.content{padding-top:24px}.category strong,.article{font-size:var(--text-sm)}}
@media(min-width:621px) and (max-width:1100px){.sidebar{width:72px;padding:18px 10px}.sidebar>.brand{font-size:0;gap:0;justify-content:center;padding:0}.sidebar>.brand>span,.workspace,.nav-label,.nav-button span,.nav-button small,.account>span:not(.avatar),.account>.icon{display:none}.sidebar nav{margin-top:24px}.nav-button{justify-content:center;padding:10px;min-height:48px}.account{justify-content:center}.main{margin-left:72px}.content{padding:16px}.topbar{padding:0 16px;height:48px}.entry-layout{grid-template-columns:minmax(0,1fr) 252px;gap:12px}.panel{padding:12px}.summary{padding:0}.category-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category{min-height:48px}.article{min-height:44px}.page-heading p{max-width:420px}.top-right .date{display:none}.mode-switch button{width:75px}.dashboard-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.summary-top h2{font-size:var(--text-sm)}.summary-top,.selected-item{padding-left:12px;padding-right:12px}.safe-note{font-size:var(--text-xs);gap:3px}}
@media(min-width:1000px) and (max-width:1100px){.category-grid,.article-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category{padding:7px;gap:5px}.entry-layout{grid-template-columns:minmax(0,1fr) 264px}}
@media(max-width:620px){.sidebar{inset:auto 0 0;width:100%;height:calc(64px + env(safe-area-inset-bottom));padding:4px max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));}.sidebar>.brand,.sidebar-bottom{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.nav-button{padding:5px 1px;min-height:56px;gap:3px;margin:0}.nav-button span{display:none}.nav-button .mobile-label{display:block;font-size:var(--text-xs)}.nav-button .icon{width:20px;height:20px}.main{margin:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{height:44px;padding:0 12px;padding-top:env(safe-area-inset-top)}.breadcrumb{font-size:var(--text-xs)}.breadcrumb span{margin:0 5px}.top-right .live,.top-right .date{display:none}.content{padding:14px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}.page-heading{margin-bottom:12px}.page-heading>.eyebrow,.page-heading>div>.eyebrow{display:none}.page-heading h1{font-size:var(--text-xl);margin-bottom:4px}.page-heading p{font-size:var(--text-xs);max-width:none}.mode-switch{margin-top:10px}.mode-switch button{width:50%;min-height:44px}.entry-layout{gap:12px}.steps{gap:10px}.panel{padding:12px}.summary{padding:0}.section-heading{margin-bottom:9px}.section-heading h2{font-size:var(--text-base)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.category{min-height:46px;padding:6px 10px;gap:9px}.category strong{font-size:var(--text-sm)}.category-icon{width:24px;height:24px}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.article{min-height:46px;font-size:var(--text-xs);padding:6px;gap:5px}.article .icon{width:21px;height:21px}.attribute h3{font-size:var(--text-sm)}.chip{font-size:var(--text-sm);padding:8px 10px}.summary-top{padding:12px 12px 0}.summary-top .eyebrow{display:none}.summary-top h2{font-size:var(--text-base)}.selected-item{padding:10px 12px}.selected-item h3{display:inline;margin-left:7px;font-size:var(--text-lg)}.selected-item p{margin-top:5px}.quantity{padding:10px 12px}.quantity label{font-size:var(--text-sm)}.stepper{height:48px}.quick-qty button{min-height:44px}.note-label{margin-left:12px;margin-right:12px}#note{margin:0 12px;width:calc(100% - 24px);font-size:var(--text-base)}.summary-total{margin:10px 12px;padding-top:10px}.full{margin:0 12px;width:calc(100% - 24px);min-height:48px}.safe-note{margin:8px 12px 12px;font-size:var(--text-xs)}footer{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric>span{font-size:var(--text-xs)}.metric small{font-size:var(--text-xs)}.metric .icon{width:30px;height:30px;padding:5px}.dashboard-grid,.settings-grid{grid-template-columns:1fr;gap:12px}.movement-main strong{font-size:var(--text-sm)}.movement-main small{font-size:var(--text-xs)}.movement .secondary{font-size:var(--text-xs)}.filter-row .chip{font-size:var(--text-sm)}.search input{font-size:var(--text-base)}.stock-toolbar .secondary{min-height:44px}.stock-status{gap:13px}.text-tab{font-size:var(--text-xs)}.login-story{min-height:230px;padding:24px}.login-story>.eyebrow{margin-top:24px}.login-story h1{font-size:var(--text-2xl)}.login-card{padding:24px 0}.login-card h2{font-size:var(--text-xl)}dialog{padding:20px}dialog input{font-size:var(--text-base)}}
@media(max-height:750px) and (min-width:1110px){.topbar{height:44px}.content{padding-top:14px}.page-heading{margin-bottom:12px}.page-heading .eyebrow{display:none}.category{min-height:48px}.article{min-height:44px}.steps{gap:10px}.panel{padding:12px}.summary{padding:0}.attribute{margin-bottom:8px}.attribute+.attribute{padding-top:8px}.section-heading{margin-bottom:8px}.sidebar{padding-top:18px}.workspace{margin:18px 0 12px}}
@media(min-width:1000px){.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.steps>.panel:last-child{grid-column:1/-1}.steps .category-grid,.steps .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps .category{min-height:46px}.steps .article{min-height:46px}.steps>.panel{height:100%}.attribute{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:8px}.attribute h3{margin:0;padding-top:13px}.attribute+.attribute{padding-top:8px}.attribute{margin-bottom:8px}.chips{gap:6px}.steps .chip{font-size:var(--text-xs);padding:8px 10px}.page-heading .eyebrow{display:none}.page-heading p{max-width:none}.summary-top .eyebrow{display:none}.summary-top h2{font-size:var(--text-sm)}.safe-note{margin:8px 12px}.summary-top{padding-top:12px}.selected-item{padding-top:10px;padding-bottom:10px}.quantity{padding-top:10px;padding-bottom:10px}.summary-total{margin-top:10px;margin-bottom:10px;padding-top:10px}}
.edit-step,.step-selection{display:none}
@media(max-width:620px){.edit-step{display:block;margin-left:auto;background:#edf3ff;color:var(--blue);border:1px solid #e1e9fa;border-radius:7px;min-height:44px;padding:8px 10px;font-size:var(--text-xs)}.step-collapsed .category-grid,.step-collapsed .article-grid{display:none}.step-collapsed .section-heading{margin-bottom:0}.step-collapsed .step-selection{display:block;font-size:var(--text-sm);font-weight:600;color:var(--blue);margin-top:2px}.step-collapsed .section-heading h2{font-size:var(--text-xs);color:#65758b;font-weight:500}.summary-top{display:none}.page-heading p{display:none}.step-category .section-heading>div,.step-article .section-heading>div{min-width:0}}
@media(min-width:621px) and (max-width:999px){.entry-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.steps{display:contents}.step-category{grid-column:1;grid-row:1;height:100%}.step-article{grid-column:2;grid-row:1;height:100%}.steps>.panel:last-child{grid-column:1;grid-row:2}.summary{grid-column:2;grid-row:2}.category{padding:6px;gap:5px}.category strong{font-size:var(--text-xs)}.article{gap:5px;padding:6px}.page-heading .eyebrow{display:none}.category-grid,.article-grid{gap:6px}.category,.article{min-height:48px}.footer-right{display:none}}
.filter-row .chip{flex-shrink:0}.search{min-width:0}.search input{min-width:0}
@media(min-width:621px) and (max-width:999px){footer{display:none}}
@media(max-width:620px){.table-scroll{overflow:visible}table,tbody{display:block;width:100%}thead{display:none}tbody{padding-top:10px}tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border-bottom:1px solid var(--line);padding:12px 0}td{display:block;white-space:normal;padding:0;border:0}td:nth-child(1){grid-column:1;grid-row:1}td:nth-child(2){grid-column:1/-1;grid-row:2;font-size:var(--text-xs)}td:nth-child(3){grid-column:2;grid-row:1;text-align:right}td:nth-child(3)::after{content:' en stock';display:block;font-size:var(--text-xs)}td:nth-child(4){grid-column:1/-1;grid-row:3;margin:3px 0}td:nth-child(5){grid-column:1/-1;grid-row:4;display:flex;gap:8px;align-items:center}td:nth-child(5)>.primary,td:nth-child(5)>.secondary{flex:1}.photo-button{min-height:44px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:7px}.table-item small{margin-top:3px}.filter-row{padding-bottom:6px}.stock-panel{min-width:0}.stock-status{gap:14px}}