/* Doctor Twin - Icon Styles */
/* Using inline SVG icons for professional look */

.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

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

.icon--sm {
    width: 16px;
    height: 16px;
}

.icon--lg {
    width: 32px;
    height: 32px;
}

.icon--xl {
    width: 48px;
    height: 48px;
}

/* Filled icons */
.icon--filled svg {
    fill: currentColor;
    stroke: none;
}

/* Bottom nav icons */
.bottom-nav__icon .icon {
    width: 24px;
    height: 24px;
}

/* Settings icons */
.settings-link__icon .icon {
    width: 20px;
    height: 20px;
    color: var(--color-text-secondary);
}

/* Primary action icons */
.primary-action__icon .icon {
    width: 28px;
    height: 28px;
    color: #FFFFFF;
}

/* Listening state icon */
.listening-state__avatar .icon {
    width: 64px;
    height: 64px;
}