/* ==========================================================================
   Icon + Text Component
   Base styles for the reusable icon+text pattern.
   Layout direction (column/row) is controlled by the parent container.
   ========================================================================== */

.icon {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

.icon-label {
    font-size: var(--font-size-xs);
    line-height: 1;
}