/* HARDWARE MANAGEMENT */ .equipment-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-6); } .gear-card { background: var(--color-void-100); border: 1px solid var(--color-void-200); border-radius: var(--radius-lg); overflow: hidden; position: relative; transition: all 0.2s; } .gear-card:hover { border-color: var(--color-cyan-500); transform: translateY(-2px); } .gear-header { height: 140px; background: var(--color-void-200); position: relative; display: flex; align-items: center; justify-content: center; } .gear-img { max-width: 80%; max-height: 80%; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3)); } .gear-status-dot { position: absolute; top: 10px; right: 10px; width: 10px; height: 10px; border-radius: 50%; } .gear-status-dot.active { background: var(--color-lime-500); box-shadow: 0 0 5px var(--color-lime-500); } .gear-status-dot.service { background: var(--color-warning); } .gear-status-dot.broken { background: var(--color-error); } .warranty-badge { position: absolute; top: 10px; left: 10px; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); padding: 2px 6px; border-radius: var(--radius-sm); font-size: 10px; font-family: var(--font-mono); color: white; border: 1px solid rgba(255, 255, 255, 0.1); } .warranty-badge.expired { color: var(--color-void-500); } .gear-details { padding: var(--space-4); } .gear-meta-row { display: flex; justify-content: space-between; font-size: var(--text-xs); color: var(--text-dim); margin-bottom: var(--space-2); border-bottom: 1px solid var(--color-void-200); padding-bottom: var(--space-2); } .gear-value { color: var(--text-bright); font-family: var(--font-mono); }