.equipment-layout{min-height:calc(100vh - var(--nav-height));grid-template-columns:260px 1fr;display:grid}.equipment-sidebar{padding:var(--space-4) var(--space-6);border-right:1px solid var(--color-border)}.equipment-main{min-width:0;padding:var(--space-4) var(--margin-desktop)}.sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}.checkbox-label{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer}.equipment-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.equipment-header>div:first-child{flex:1;min-width:280px}.equipment-search{gap:var(--space-2);display:flex}.input-field{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);background:var(--input-bg);width:250px;transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), background var(--duration-normal) var(--ease-out)}.input-field:focus{outline:2px solid var(--color-primary);outline-offset:-1px;background:var(--input-bg-focus)}.equipment-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.equipment-grid>*{transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.equipment-grid>:hover{transform:translateY(-1px)}.equipment-grid>:active{transform:scale(.98)}.type-badge{top:var(--space-3);left:var(--space-3);background:var(--color-accent);color:var(--color-text-on-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;position:absolute}@media (max-width:1024px){.equipment-layout{grid-template-columns:1fr}.equipment-sidebar{display:none}.equipment-main{padding:var(--space-6) var(--margin-mobile)}}
