.icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    flex-shrink: 0;
}

.icon svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.icon-search {
    color: var(--text-muted);
}

.icon-bell {
    color: var(--text-secondary);
}

.icon-user {
    color: var(--text-primary);
}

.icon-close {
    color: var(--text-secondary);
}

.icon-close:hover {
    color: var(--text-primary);
}