@media (max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-grid{grid-template-columns:1fr}.global-search{min-width:240px}}
@media (max-width:860px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;height:100vh;transform:translateX(-105%);transition:transform .25s var(--ease);box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.topbar{padding:0 16px;height:72px}.topbar-actions{gap:6px}.global-search{display:none}.premium-btn{display:none}.mobile-only{display:grid}.page-container{padding:20px 16px 92px}.section-title{font-size:26px}.grid-3,.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.product-list{grid-template-columns:1fr}.hero{padding:24px}.hero h1{font-size:31px}.hero-stat-row{grid-template-columns:1fr}.detail-hero{grid-template-columns:80px 1fr}.detail-photo{width:80px;height:80px;border-radius:18px}.detail-kpi{grid-column:2;text-align:left}.detail-name{font-size:22px}.bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;height:62px;background:rgba(17,24,39,.94);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:6px;z-index:55;box-shadow:0 18px 55px rgba(17,24,39,.25)}.bottom-item{border:0;background:transparent;color:rgba(255,255,255,.55);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:16px;cursor:pointer}.bottom-item small{font-size:8px}.bottom-item.active{background:rgba(255,255,255,.08);color:#fff}.bottom-item.center-action{width:48px;height:48px;justify-self:center;align-self:center;border-radius:16px;background:linear-gradient(145deg,#e1c784,#b18e43);color:#17120a;font-size:22px;box-shadow:0 10px 25px rgba(0,0,0,.25)}.form-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.search-box{min-width:0}.table-wrap{margin-inline:-6px}.toast-root{left:12px;right:12px;bottom:82px}.toast{min-width:0;width:100%}.modal-layer{padding:10px}.modal{max-height:92vh;border-radius:20px}.command-palette{width:100%}}
@media (max-width:520px){.topbar{padding:0 12px}.page-container{padding:18px 12px 92px}.grid-4{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.section-head>.toolbar,.section-head>.btn{width:100%}.hero h1{font-size:28px}.metric-value{font-size:27px}.product-card{padding:12px}.product-thumb{width:56px;height:56px}.actions-inline{flex-wrap:wrap}.actions-inline .btn{flex:1}.hero-stat-row{gap:7px}}