/* Iconos taller + logos de marca */
.fi-workshop-icon,
.fi-vehicle-brand-icon {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
}

.fi-vehicle-brand-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.fi-vehicle-brand-label__text {
    min-width: 0;
    overflow-wrap: anywhere;
}

.fi-vehicle-brand-icon {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}

img.fi-vehicle-brand-icon {
    background: transparent;
}

.dark img.fi-vehicle-brand-icon {
    background: rgb(248 250 252);
    border-radius: 0.2rem;
    padding: 0.08rem;
}

.fi-workshop-vehicle-summary__control .fi-vehicle-brand-icon {
    width: 0.95rem;
    height: 0.95rem;
}

.fi-wo-catalog-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.fi-wo-catalog-chip .fi-workshop-icon {
    width: 0.95rem;
    height: 0.95rem;
}

.fi-wo-catalog-card__media .fi-workshop-icon,
.fi-wo-service-card__media .fi-workshop-icon {
    width: 1.65rem;
    height: 1.65rem;
    color: inherit;
}

.fi-wo-catalog-card.is-service .fi-wo-catalog-card__media .fi-workshop-icon {
    width: 1.7rem;
    height: 1.7rem;
}

.fi-wo-service-card__media:has(.fi-workshop-icon) {
    background: color-mix(in srgb, var(--service-color, #0ea5e9) 18%, white);
    color: var(--service-color, #0ea5e9);
}

.dark .fi-wo-service-card__media:has(.fi-workshop-icon) {
    background: color-mix(in srgb, var(--service-color, #0ea5e9) 28%, rgb(15 23 42));
}

.fi-workshop-vehicle-summary__control .fi-vehicle-brand-label {
    width: 100%;
}

.workshop-daily-order-stack .fi-vehicle-brand-icon,
.fi-ta-text .fi-vehicle-brand-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.workshop-daily-order-stack .workshop-daily-order-plate,
.workshop-daily-order-record .workshop-daily-order-plate {
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
    line-height: 1.15;
    color: rgb(15 23 42);
}

.dark .workshop-daily-order-stack .workshop-daily-order-plate,
.dark .workshop-daily-order-record .workshop-daily-order-plate {
    color: rgb(248 250 252);
}

.workshop-daily-order-stack .workshop-daily-order-number,
.workshop-daily-order-record .workshop-daily-order-number {
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: rgb(100 116 139);
}

.dark .workshop-daily-order-stack .workshop-daily-order-number,
.dark .workshop-daily-order-record .workshop-daily-order-number {
    color: rgb(148 163 184);
}

.fi-ta-content-grid .fi-ta-record.workshop-daily-order-record .workshop-daily-order-accent {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 12px;
    border-radius: 0.75rem 0 0 0.75rem;
    pointer-events: none;
}

.fi-topbar {
    position: relative;
}

.fi-topbar-user-name {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    max-width: min(46vw, 22rem);
    overflow: hidden;
    transform: translate(-50%, -50%);
    pointer-events: none;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(15 23 42);
}

.dark .fi-topbar-user-name {
    color: rgb(248 250 252);
}

@media (max-width: 639.98px) {
    .fi-topbar-user-name {
        max-width: 42vw;
        font-size: 0.92rem;
    }
}

.fi-wo-oil-card__media .fi-workshop-icon {
    width: 1.75rem;
    height: 1.75rem;
    color: var(--oil-color, #0ea5e9);
}