.product-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 150px auto auto auto;gap:8px}.product-view{display:grid;gap:10px}.product-master-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:10px;min-width:0}.pm-image{display:grid;place-items:center;overflow:hidden;background:#fff;border-radius:9px}.pm-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.pm-image span{font-weight:900;color:#94a3b8}.pm-info{display:grid;gap:4px;min-width:0}.pm-info>b,.pm-info>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-info>strong{font-size:12px;color:#475569}.pm-info small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-info>div{display:flex;justify-content:space-between;gap:8px}.pm-info em{font-style:normal;font-weight:800;color:#dc2626}.product-master-card>.invEdit{position:absolute;right:8px;top:8px;padding:5px 8px}.view-medium{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.view-medium .pm-image{height:120px;margin-bottom:8px}.view-large{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.view-large .pm-image{height:180px;margin-bottom:9px}.view-extra{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.view-extra .pm-image{height:250px;margin-bottom:10px}.view-small,.view-tiles{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.view-small .pm-image,.view-tiles .pm-image{height:80px;margin-bottom:6px}.view-small .pm-info small:nth-of-type(2),.view-small .pm-info strong{display:none}.view-list,.view-content{grid-template-columns:1fr}.view-list .product-master-card,.view-content .product-master-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:10px;align-items:center;padding-right:65px}.view-list .pm-image{height:58px}.view-content .pm-image{height:95px}.category-manager{display:grid;gap:10px}.category-manager section{border:1px solid var(--line);border-radius:10px;overflow:hidden}.cat-main,.cat-sub{display:grid;grid-template-columns:minmax(150px,1fr) 100px auto auto;gap:7px;align-items:center;padding:9px}.cat-main{background:var(--bg)}.cat-sub{grid-template-columns:minmax(150px,1fr) 100px auto auto;border-top:1px solid var(--line);padding-left:24px}.cat-sub small,.cat-main span{color:var(--muted)}
@media(max-width:700px){body{max-width:100vw;overflow-x:hidden}.self-app,.self-workspace,.self-pos,.self-catalog,.pro-layout,.pro-catalog{width:100%;max-width:100%;min-width:0}.self-workspace{padding:8px}.self-main-header{position:sticky;top:0;z-index:40}.self-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-bottom:8px}.self-top-actions{display:flex;flex-wrap:nowrap}.self-scan-row{grid-template-columns:1fr!important}.self-scan-row>*{min-width:0;width:100%;grid-column:auto!important}.self-catalog{padding:10px}.self-catalog .pro-cats{width:100%;max-width:100%;overflow-x:auto}.self-catalog .pro-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}.self-catalog .pro-product{width:100%;min-width:0;min-height:190px;padding:7px}.self-catalog .pro-product-image{height:92px!important}.self-catalog .pro-product b,.self-catalog .pro-product small{max-width:100%}.self-cart{margin-top:8px}.product-toolbar{grid-template-columns:1fr 130px}.product-toolbar #invQ{grid-column:1/-1}.product-toolbar button{min-width:0;padding:9px 7px}.product-view{gap:7px}.view-medium{grid-template-columns:repeat(2,minmax(0,1fr))}.view-medium .pm-image{height:90px}.view-large,.view-extra{grid-template-columns:1fr}.view-small,.view-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.view-list .product-master-card,.view-content .product-master-card{grid-template-columns:58px minmax(0,1fr);padding-right:55px}.view-list .pm-image,.view-content .pm-image{height:54px}.category-manager{max-height:65vh;overflow:auto}.cat-main,.cat-sub{grid-template-columns:minmax(0,1fr) auto auto}.cat-main span,.cat-sub small{display:none}.modal{padding:6px}.modal-card{width:100%;max-width:100%;padding:13px}.product-entry{grid-template-columns:1fr!important}.product-entry>.full{grid-column:auto!important}}
@media(max-width:380px){.self-workspace{padding:5px}.self-main-header{padding:0 8px}.self-top h2{font-size:18px}.self-top-actions button{font-size:10px;padding:7px}.self-catalog .pro-products{gap:5px}.self-catalog .pro-product{min-height:180px}.view-medium,.view-small,.view-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.product-master-card{padding:7px}.pm-info>b{font-size:12px}.pm-info small{font-size:9px}}