/* MAC Address Lookup Styles */
.input-row { display: flex; gap: var(--spacing-md); }
.input-row .form-input { flex: 1; }
.result-grid { display: grid; gap: var(--spacing-md); }
.result-item { display: flex; flex-direction: column; gap: var(--spacing-xs); padding: var(--spacing-md); background: var(--color-bg-input); border-radius: var(--border-radius-md); }
.result-label { font-size: 0.8rem; color: var(--color-text-muted); text-transform: uppercase; }
.result-value { font-size: 1.1rem; color: var(--color-primary); font-weight: 500; }
.common-macs { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--spacing-sm); }
.mac-item { display: flex; flex-direction: column; padding: var(--spacing-sm) var(--spacing-md); background: var(--color-bg-input); border: 1px solid var(--color-border); border-radius: var(--border-radius-md); cursor: pointer; transition: all var(--transition-fast); }
.mac-item:hover { border-color: var(--color-primary); background: rgba(0,255,65,0.05); }
.mac-prefix { font-family: var(--font-mono); color: var(--color-primary); font-size: 0.9rem; }
.mac-vendor { font-size: 0.8rem; color: var(--color-text-secondary); }
@media (max-width: 768px) { .input-row { flex-direction: column; } }