/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ay78utbvwh] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ay78utbvwh] {
    flex: 1;
    background-color: var(--bg-main);
}

.sidebar[b-ay78utbvwh] {
    background: var(--sidebar-bg);
}

.top-row[b-ay78utbvwh] {
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    justify-content: flex-end;
    height: 4rem;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.content[b-ay78utbvwh] {
    padding: 2rem;
}

@media (max-width: 640.98px) {
    .top-row[b-ay78utbvwh] {
        display: none;
    }
}

@media (min-width: 641px) {
    .page[b-ay78utbvwh] {
        flex-direction: row;
    }

    .sidebar[b-ay78utbvwh] {
        width: 280px;
        height: 100vh;
        position: sticky;
        top: 0;
        box-shadow: 10px 0 30px rgba(0, 0, 0, 0.05);
    }
}

#blazor-error-ui[b-ay78utbvwh] {
    background: #fee2e2;
    color: #991b1b;
    bottom: 0;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 1rem 2rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

#blazor-error-ui .dismiss[b-ay78utbvwh] {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 1rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-3nbh1hb5ua] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}

.navbar-toggler:checked[b-3nbh1hb5ua] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-3nbh1hb5ua] {
    height: 5rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
}

.navbar-brand[b-3nbh1hb5ua] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    text-decoration: none;
    letter-spacing: -0.5px;
}

.nav-item[b-3nbh1hb5ua] {
    padding: 0.25rem 1rem;
}

.nav-link[b-3nbh1hb5ua] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    color: #94a3b8;
    border-radius: 12px;
    transition: all 0.2s ease;
    text-decoration: none;
    font-weight: 500;
}

.nav-link:hover[b-3nbh1hb5ua] {
    background-color: rgba(255, 255, 255, 0.05);
    color: white;
}

.nav-link.active[b-3nbh1hb5ua] {
    background: var(--primary-gradient);
    color: white;
    box-shadow: 0 4px 15px rgba(45, 125, 70, 0.3);
}

.nav-link span[b-3nbh1hb5ua] {
    font-size: 1.1rem;
}

@media (min-width: 641px) {
    .navbar-toggler[b-3nbh1hb5ua] {
        display: none;
    }

    .nav-scrollable[b-3nbh1hb5ua] {
        display: block;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
/* Itens inicialmente ocultos */
.components-reconnect-first-attempt-visible[b-swsxexuquv],
.components-reconnect-repeated-attempt-visible[b-swsxexuquv],
.components-reconnect-failed-visible[b-swsxexuquv],
.components-pause-visible[b-swsxexuquv],
.components-resume-failed-visible[b-swsxexuquv],
.components-reconnect-actions[b-swsxexuquv] {
    display: none;
}

/* Regras de visibilidade conforme o estado do Blazor */
#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-swsxexuquv] {
    display: inline;
}

#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-swsxexuquv] {
    display: inline;
}

#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-swsxexuquv] {
    display: inline;
}

#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-swsxexuquv] {
    display: inline;
}

#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-swsxexuquv] {
    display: inline;
}

#components-reconnect-modal.components-reconnect-failed .components-reconnect-actions[b-swsxexuquv],
#components-reconnect-modal.components-reconnect-paused .components-reconnect-actions[b-swsxexuquv],
#components-reconnect-modal.components-reconnect-resume-failed .components-reconnect-actions[b-swsxexuquv] {
    display: inline-flex;
}

/* Esconde o spinner caso já tenha falhado definitivamente */
#components-reconnect-modal.components-reconnect-failed .components-rejoining-spinner[b-swsxexuquv],
#components-reconnect-modal.components-reconnect-resume-failed .components-rejoining-spinner[b-swsxexuquv] {
    display: none;
}

/* O modal agora é um Toast/Pill flutuante no topo, discreto e não-bloqueante */
#components-reconnect-modal[b-swsxexuquv] {
    position: fixed !important;
    top: max(1rem, env(safe-area-inset-top, 1rem)) !important;
    bottom: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0.5rem 1rem !important;
    width: auto !important;
    max-width: calc(100vw - 2rem) !important;
    background-color: #1e293b !important; /* Slate 800 */
    color: #f8fafc !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 9999px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4) !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    outline: none !important;
    animation: components-toast-slideDown-b-swsxexuquv 0.25s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Remove completamente o backdrop preto que cobria a tela */
#components-reconnect-modal[b-swsxexuquv]::backdrop {
    display: none !important;
    background: transparent !important;
    pointer-events: none !important;
}

@keyframes components-toast-slideDown-b-swsxexuquv {
    0% {
        transform: translate(-50%, -15px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

.components-reconnect-container[b-swsxexuquv] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    white-space: nowrap;
}

.components-reconnect-text[b-swsxexuquv] {
    font-weight: 500;
    color: #f1f5f9;
}

.components-reconnect-text strong[b-swsxexuquv] {
    color: #38bdf8;
    font-weight: 600;
}

/* Spinner suave */
.components-rejoining-spinner[b-swsxexuquv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #38bdf8;
}

.components-reconnect-spinner-svg[b-swsxexuquv] {
    width: 1rem;
    height: 1rem;
    animation: components-spin-b-swsxexuquv 0.8s linear infinite;
}

@keyframes components-spin-b-swsxexuquv {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Botões do Toast */
.components-reconnect-actions[b-swsxexuquv] {
    align-items: center;
    gap: 0.375rem;
    margin-left: 0.25rem;
}

.components-reconnect-btn[b-swsxexuquv] {
    border: none !important;
    background-color: #0284c7 !important;
    color: #ffffff !important;
    padding: 0.25rem 0.625rem !important;
    border-radius: 9999px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease !important;
}

.components-reconnect-btn:hover[b-swsxexuquv] {
    background-color: #0369a1 !important;
}

.components-reconnect-btn:active[b-swsxexuquv] {
    background-color: #075985 !important;
}

.components-reconnect-btn-secondary[b-swsxexuquv] {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #e2e8f0 !important;
}

.components-reconnect-btn-secondary:hover[b-swsxexuquv] {
    background-color: rgba(255, 255, 255, 0.25) !important;
}
/* /Components/Pages/AdminParts/GroupEditModal.razor.rz.scp.css */
/* GroupEditModal.razor.css — Modal Premium de Edição/Criação de Grupos */

.modal-overlay[b-lqv0gfxm2y] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
}

.modal-container[b-lqv0gfxm2y] {
    background: var(--surface);
    width: 100%;
    max-width: 520px;
    max-height: 92vh;
    border-radius: 24px;
    box-shadow: var(--shadow-xl), 0 0 0 1px var(--border);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: modalPopIn-b-lqv0gfxm2y 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalPopIn-b-lqv0gfxm2y {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Header */
.modal-header-custom[b-lqv0gfxm2y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.5rem 1.75rem 1.25rem;
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}

.header-info[b-lqv0gfxm2y] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.header-icon-badge[b-lqv0gfxm2y] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.modal-title-custom[b-lqv0gfxm2y] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    letter-spacing: -0.015em;
    line-height: 1.3;
}

.modal-subtitle-custom[b-lqv0gfxm2y] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin: 0.15rem 0 0;
    line-height: 1.4;
}

.btn-close-custom[b-lqv0gfxm2y] {
    background: var(--surface-3);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.btn-close-custom:hover[b-lqv0gfxm2y] {
    background: var(--border);
    color: var(--text-primary);
    transform: scale(1.05);
}

/* Body */
.modal-body-custom[b-lqv0gfxm2y] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Alerts */
.alert-custom[b-lqv0gfxm2y] {
    padding: 0.85rem 1rem;
    border-radius: 12px;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.alert-error-custom[b-lqv0gfxm2y] {
    background: var(--surface-danger, #FEF2F2);
    border: 1px solid var(--border-danger, #FECACA);
    color: var(--danger, #B91C1C);
}

.alert-icon[b-lqv0gfxm2y] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* Live Preview Card */
.group-preview-card[b-lqv0gfxm2y] {
    background: var(--surface-2);
    border: 1.5px dashed var(--border);
    border-radius: 16px;
    padding: 1rem 1.25rem;
    position: relative;
    transition: all 0.2s ease;
}

.preview-badge-label[b-lqv0gfxm2y] {
    position: absolute;
    top: -9px;
    right: 14px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 0.15rem 0.55rem;
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.preview-content[b-lqv0gfxm2y] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.group-avatar-preview[b-lqv0gfxm2y] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
    transition: background-color 0.25s ease, transform 0.2s ease;
}

.group-avatar-preview:hover[b-lqv0gfxm2y] {
    transform: scale(1.05);
}

.preview-emoji[b-lqv0gfxm2y] {
    font-size: 1.75rem;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));
}

.preview-texts[b-lqv0gfxm2y] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.preview-group-name[b-lqv0gfxm2y] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-group-sub[b-lqv0gfxm2y] {
    font-size: 0.775rem;
    color: var(--text-secondary);
    margin-top: 0.1rem;
}

/* Fields */
.field-group[b-lqv0gfxm2y] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.field-label-custom[b-lqv0gfxm2y] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.field-label-row[b-lqv0gfxm2y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.field-label-hint[b-lqv0gfxm2y] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    font-weight: 400;
}

.required-mark[b-lqv0gfxm2y] {
    color: var(--danger, #EF4444);
    font-weight: 700;
}

.field-error-hint[b-lqv0gfxm2y] {
    font-size: 0.775rem;
    color: var(--danger, #DC2626);
    font-weight: 500;
    margin-top: 0.2rem;
}

/* Inputs */
.input-icon-wrapper[b-lqv0gfxm2y] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-inner-icon[b-lqv0gfxm2y] {
    position: absolute;
    left: 1rem;
    color: var(--text-tertiary);
    font-size: 1rem;
    pointer-events: none;
}

.form-input-custom[b-lqv0gfxm2y] {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 2.65rem;
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 14px;
    font-size: 0.95rem;
    color: var(--text-primary);
    transition: all 0.15s ease;
    outline: none;
}

.form-input-custom:focus[b-lqv0gfxm2y] {
    background: var(--surface);
    border-color: var(--primary);
    box-shadow: 0 0 0 3.5px rgba(16, 185, 129, 0.14);
}

/* Emoji Selector */
.emoji-selector-row[b-lqv0gfxm2y] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.emoji-input-box[b-lqv0gfxm2y] {
    width: 58px;
    height: 48px;
    flex-shrink: 0;
}

.emoji-text-input[b-lqv0gfxm2y] {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1.45rem;
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 14px;
    color: var(--text-primary);
    outline: none;
    transition: all 0.15s ease;
}

.emoji-text-input:focus[b-lqv0gfxm2y] {
    background: var(--surface);
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12);
}

.emoji-quick-list[b-lqv0gfxm2y] {
    flex: 1;
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
    padding: 0.25rem 0.1rem;
    scrollbar-width: thin;
}

.emoji-quick-btn[b-lqv0gfxm2y] {
    background: var(--surface-2);
    border: 1.5px solid transparent;
    border-radius: 10px;
    width: 38px;
    height: 38px;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.15s ease;
}

.emoji-quick-btn:hover[b-lqv0gfxm2y] {
    background: var(--surface-3);
    transform: scale(1.1);
}

.emoji-quick-btn.is-selected[b-lqv0gfxm2y] {
    background: var(--surface-success);
    border-color: var(--primary);
    transform: scale(1.12);
    box-shadow: 0 2px 6px rgba(34, 197, 94, 0.2);
}

/* Color Palette */
.color-palette-container[b-lqv0gfxm2y] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    padding: 0.25rem 0;
}

.color-swatch[b-lqv0gfxm2y] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid var(--surface);
    outline: 2px solid transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    position: relative;
}

.color-swatch:hover[b-lqv0gfxm2y] {
    transform: scale(1.15);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.color-swatch.is-selected[b-lqv0gfxm2y] {
    outline-color: var(--primary);
    transform: scale(1.18);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.check-icon[b-lqv0gfxm2y] {
    color: #FFFFFF;
    font-size: 0.95rem;
    font-weight: 700;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
}

.custom-color-btn[b-lqv0gfxm2y] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--surface-2);
    border: 2px dashed var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--text-secondary);
    font-size: 0.9rem;
    position: relative;
    overflow: hidden;
    transition: all 0.15s ease;
}

.custom-color-btn:hover[b-lqv0gfxm2y] {
    border-color: var(--primary);
    color: var(--text-primary);
    transform: scale(1.12);
}

.hidden-color-input[b-lqv0gfxm2y] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Footer */
.modal-footer-custom[b-lqv0gfxm2y] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.85rem;
    padding: 1.25rem 1.75rem;
    border-top: 1px solid var(--border);
    background: var(--surface-2);
}

.btn-cancel-custom[b-lqv0gfxm2y] {
    background: var(--surface-3);
    color: var(--text-primary);
    border: none;
    border-radius: 12px;
    padding: 0.65rem 1.25rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-cancel-custom:hover[b-lqv0gfxm2y] {
    background: var(--border);
    color: var(--text-primary);
}

.btn-save-custom[b-lqv0gfxm2y] {
    background: var(--primary);
    color: #FFFFFF;
    border: none;
    border-radius: 12px;
    padding: 0.65rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    cursor: pointer;
    box-shadow: 0 4px 10px -1px rgba(22, 163, 74, 0.35);
    transition: all 0.15s ease;
}

.btn-save-custom:hover:not(:disabled)[b-lqv0gfxm2y] {
    background: var(--primary-dark, #15803D);
    transform: translateY(-1px);
    box-shadow: 0 6px 14px -2px rgba(22, 163, 74, 0.4);
}

.btn-save-custom:active:not(:disabled)[b-lqv0gfxm2y] {
    transform: translateY(0);
}

.btn-save-custom:disabled[b-lqv0gfxm2y] {
    background: var(--text-tertiary);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Mobile */
@media (max-width: 640px) {
    .modal-overlay[b-lqv0gfxm2y] {
        padding: 0;
        align-items: flex-end;
    }

    .modal-container[b-lqv0gfxm2y] {
        max-width: 100%;
        border-radius: 24px 24px 0 0;
        max-height: 90vh;
    }

    .modal-header-custom[b-lqv0gfxm2y] {
        padding: 1.25rem 1.25rem 1rem;
    }

    .modal-body-custom[b-lqv0gfxm2y] {
        padding: 1.25rem;
    }

    .modal-footer-custom[b-lqv0gfxm2y] {
        padding: 1rem 1.25rem;
    }
}
/* /Components/Pages/App/GrupoDetalheParts/EditarGrupoModal.razor.rz.scp.css */
/* GroupEditModal.razor.css — Modal Premium de Edição/Criação de Grupos */

.modal-overlay[b-wz6c1ow5hq] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
}

.modal-container[b-wz6c1ow5hq] {
    background: var(--surface);
    width: 100%;
    max-width: 520px;
    max-height: 92vh;
    border-radius: 24px;
    box-shadow: var(--shadow-xl), 0 0 0 1px var(--border);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: modalPopIn-b-wz6c1ow5hq 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalPopIn-b-wz6c1ow5hq {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Header */
.modal-header-custom[b-wz6c1ow5hq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.5rem 1.75rem 1.25rem;
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}

.header-info[b-wz6c1ow5hq] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.header-icon-badge[b-wz6c1ow5hq] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.modal-title-custom[b-wz6c1ow5hq] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    letter-spacing: -0.015em;
    line-height: 1.3;
}

.modal-subtitle-custom[b-wz6c1ow5hq] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin: 0.15rem 0 0;
    line-height: 1.4;
}

.btn-close-custom[b-wz6c1ow5hq] {
    background: var(--surface-3);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.btn-close-custom:hover[b-wz6c1ow5hq] {
    background: var(--border);
    color: var(--text-primary);
    transform: scale(1.05);
}

/* Body */
.modal-body-custom[b-wz6c1ow5hq] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Alerts */
.alert-custom[b-wz6c1ow5hq] {
    padding: 0.85rem 1rem;
    border-radius: 12px;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.alert-error-custom[b-wz6c1ow5hq] {
    background: var(--surface-danger, #FEF2F2);
    border: 1px solid var(--border-danger, #FECACA);
    color: var(--danger, #B91C1C);
}

.alert-icon[b-wz6c1ow5hq] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* Live Preview Card */
.group-preview-card[b-wz6c1ow5hq] {
    background: var(--surface-2);
    border: 1.5px dashed var(--border);
    border-radius: 16px;
    padding: 1rem 1.25rem;
    position: relative;
    transition: all 0.2s ease;
}

.preview-badge-label[b-wz6c1ow5hq] {
    position: absolute;
    top: -9px;
    right: 14px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 0.15rem 0.55rem;
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.preview-content[b-wz6c1ow5hq] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.group-avatar-preview[b-wz6c1ow5hq] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
    transition: background-color 0.25s ease, transform 0.2s ease;
}

.group-avatar-preview:hover[b-wz6c1ow5hq] {
    transform: scale(1.05);
}

.preview-emoji[b-wz6c1ow5hq] {
    font-size: 1.75rem;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15));
}

.preview-texts[b-wz6c1ow5hq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.preview-group-name[b-wz6c1ow5hq] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-group-sub[b-wz6c1ow5hq] {
    font-size: 0.775rem;
    color: var(--text-secondary);
    margin-top: 0.1rem;
}

/* Fields */
.field-group[b-wz6c1ow5hq] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.field-label-custom[b-wz6c1ow5hq] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.field-label-row[b-wz6c1ow5hq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.field-label-hint[b-wz6c1ow5hq] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    font-weight: 400;
}

.required-mark[b-wz6c1ow5hq] {
    color: var(--danger, #EF4444);
    font-weight: 700;
}

.field-error-hint[b-wz6c1ow5hq] {
    font-size: 0.775rem;
    color: var(--danger, #DC2626);
    font-weight: 500;
    margin-top: 0.2rem;
}

/* Inputs */
.input-icon-wrapper[b-wz6c1ow5hq] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-inner-icon[b-wz6c1ow5hq] {
    position: absolute;
    left: 1rem;
    color: var(--text-tertiary);
    font-size: 1rem;
    pointer-events: none;
}

.form-input-custom[b-wz6c1ow5hq] {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 2.65rem;
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 14px;
    font-size: 0.95rem;
    color: var(--text-primary);
    transition: all 0.15s ease;
    outline: none;
}

.form-input-custom:focus[b-wz6c1ow5hq] {
    background: var(--surface);
    border-color: var(--primary);
    box-shadow: 0 0 0 3.5px rgba(16, 185, 129, 0.14);
}

/* Emoji Selector */
.emoji-selector-row[b-wz6c1ow5hq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.emoji-input-box[b-wz6c1ow5hq] {
    width: 58px;
    height: 48px;
    flex-shrink: 0;
}

.emoji-text-input[b-wz6c1ow5hq] {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1.45rem;
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 14px;
    color: var(--text-primary);
    outline: none;
    transition: all 0.15s ease;
}

.emoji-text-input:focus[b-wz6c1ow5hq] {
    background: var(--surface);
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12);
}

.emoji-quick-list[b-wz6c1ow5hq] {
    flex: 1;
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
    padding: 0.25rem 0.1rem;
    scrollbar-width: thin;
}

.emoji-quick-btn[b-wz6c1ow5hq] {
    background: var(--surface-2);
    border: 1.5px solid transparent;
    border-radius: 10px;
    width: 38px;
    height: 38px;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.15s ease;
}

.emoji-quick-btn:hover[b-wz6c1ow5hq] {
    background: var(--surface-3);
    transform: scale(1.1);
}

.emoji-quick-btn.is-selected[b-wz6c1ow5hq] {
    background: var(--surface-success);
    border-color: var(--primary);
    transform: scale(1.12);
    box-shadow: 0 2px 6px rgba(34, 197, 94, 0.2);
}

/* Color Palette */
.color-palette-container[b-wz6c1ow5hq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    padding: 0.25rem 0;
}

.color-swatch[b-wz6c1ow5hq] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid var(--surface);
    outline: 2px solid transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    position: relative;
}

.color-swatch:hover[b-wz6c1ow5hq] {
    transform: scale(1.15);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.color-swatch.is-selected[b-wz6c1ow5hq] {
    outline-color: var(--primary);
    transform: scale(1.18);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.check-icon[b-wz6c1ow5hq] {
    color: #FFFFFF;
    font-size: 0.95rem;
    font-weight: 700;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
}

.custom-color-btn[b-wz6c1ow5hq] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--surface-2);
    border: 2px dashed var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--text-secondary);
    font-size: 0.9rem;
    position: relative;
    overflow: hidden;
    transition: all 0.15s ease;
}

.custom-color-btn:hover[b-wz6c1ow5hq] {
    border-color: var(--primary);
    color: var(--text-primary);
    transform: scale(1.12);
}

.hidden-color-input[b-wz6c1ow5hq] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Footer */
.modal-footer-custom[b-wz6c1ow5hq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.85rem;
    padding: 1.25rem 1.75rem;
    border-top: 1px solid var(--border);
    background: var(--surface-2);
}

.btn-cancel-custom[b-wz6c1ow5hq] {
    background: var(--surface-3);
    color: var(--text-primary);
    border: none;
    border-radius: 12px;
    padding: 0.65rem 1.25rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-cancel-custom:hover[b-wz6c1ow5hq] {
    background: var(--border);
    color: var(--text-primary);
}

.btn-save-custom[b-wz6c1ow5hq] {
    background: var(--primary);
    color: #FFFFFF;
    border: none;
    border-radius: 12px;
    padding: 0.65rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    cursor: pointer;
    box-shadow: 0 4px 10px -1px rgba(22, 163, 74, 0.35);
    transition: all 0.15s ease;
}

.btn-save-custom:hover:not(:disabled)[b-wz6c1ow5hq] {
    background: var(--primary-dark, #15803D);
    transform: translateY(-1px);
    box-shadow: 0 6px 14px -2px rgba(22, 163, 74, 0.4);
}

.btn-save-custom:active:not(:disabled)[b-wz6c1ow5hq] {
    transform: translateY(0);
}

.btn-save-custom:disabled[b-wz6c1ow5hq] {
    background: var(--text-tertiary);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Mobile */
@media (max-width: 640px) {
    .modal-overlay[b-wz6c1ow5hq] {
        padding: 0;
        align-items: flex-end;
    }

    .modal-container[b-wz6c1ow5hq] {
        max-width: 100%;
        border-radius: 24px 24px 0 0;
        max-height: 90vh;
    }

    .modal-header-custom[b-wz6c1ow5hq] {
        padding: 1.25rem 1.25rem 1rem;
    }

    .modal-body-custom[b-wz6c1ow5hq] {
        padding: 1.25rem;
    }

    .modal-footer-custom[b-wz6c1ow5hq] {
        padding: 1rem 1.25rem;
    }
}
/* /Components/Pages/App/ListaDetalhe.razor.rz.scp.css */

/* ============================================
   NOVOS ESTILOS — Add Item Modal Redesign
   ============================================ */

/* Preview grande da foto */
.photo-preview-area[b-gttmulr2ve] {
    position: relative;
    width: 100%;
    height: 180px;
    border-radius: var(--r-md);
    border: 2px dashed var(--border);
    background: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 0.75rem;
    transition: border-color 0.2s;
}
.photo-preview-area.has-photo[b-gttmulr2ve] {
    border-style: solid;
    border-color: var(--brand-500);
}
.photo-preview-area:hover[b-gttmulr2ve] {
    border-color: var(--brand-400);
}
.photo-preview-img[b-gttmulr2ve] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.photo-preview-placeholder[b-gttmulr2ve] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-tertiary);
}
.photo-preview-placeholder .bi[b-gttmulr2ve] {
    font-size: 2.5rem;
}
.photo-preview-placeholder span[b-gttmulr2ve] {
    font-size: 0.85rem;
}
.photo-remove-btn[b-gttmulr2ve] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 32px;
    height: 32px;
    border-radius: var(--r-full);
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    transition: background 0.15s;
}
.photo-remove-btn:hover[b-gttmulr2ve] {
    background: rgba(220,38,38,0.8);
}

/* Botoes de acao de foto (linha unica, sem tabs) */
.photo-actions[b-gttmulr2ve] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}
.photo-action-btn[b-gttmulr2ve] {
    flex: 1;
    height: 38px;
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    transition: all 0.15s;
}
.photo-action-btn:hover[b-gttmulr2ve] {
    background: var(--surface-2);
    border-color: var(--brand-400);
    color: var(--brand-600);
}
.photo-action-btn.is-active[b-gttmulr2ve] {
    background: var(--surface-success);
    border-color: var(--brand-500);
    color: var(--brand-700);
}

/* Grid de resultados de busca (em vez de carrossel) */
.photo-search-grid[b-gttmulr2ve] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}
.photo-search-item[b-gttmulr2ve] {
    position: relative;
    aspect-ratio: 1;
    border: 2px solid var(--border);
    border-radius: var(--r-md);
    overflow: hidden;
    cursor: pointer;
    background: var(--surface-2);
    transition: border-color 0.15s, box-shadow 0.15s;
}
.photo-search-item:hover[b-gttmulr2ve] {
    border-color: var(--brand-400);
}
.photo-search-item.is-selected[b-gttmulr2ve] {
    border-color: var(--brand-500);
    box-shadow: 0 0 0 2px rgba(34,197,94,0.2);
}
.photo-search-item img[b-gttmulr2ve] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.photo-search-item .check-overlay[b-gttmulr2ve] {
    position: absolute;
    top: 3px;
    left: 3px;
    color: var(--brand-500);
    font-size: 0.9rem;
    background: var(--surface);
    border-radius: var(--r-full);
    line-height: 1;
}
.photo-search-item .attribution[b-gttmulr2ve] {
    position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: 0.55rem;
    background: rgba(0,0,0,0.5);
    color: white;
    padding: 1px 4px;
    border-radius: 2px;
    line-height: 1;
}

/* Input inline para colar URL */
.photo-url-input[b-gttmulr2ve] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}
.photo-url-input input[b-gttmulr2ve] {
    flex: 1;
}

/* Drop zone para upload */
.photo-dropzone[b-gttmulr2ve] {
    border: 2px dashed var(--border);
    border-radius: var(--r-md);
    padding: 1.5rem 1rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    margin-bottom: 0.75rem;
    background: var(--surface-2);
}
.photo-dropzone:hover[b-gttmulr2ve],
.photo-dropzone.is-dragover[b-gttmulr2ve] {
    border-color: var(--brand-500);
    background: var(--surface-success);
}
.photo-dropzone .bi[b-gttmulr2ve] {
    font-size: 1.8rem;
    color: var(--text-tertiary);
    display: block;
    margin-bottom: 0.4rem;
}
.photo-dropzone span[b-gttmulr2ve] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}
.photo-dropzone .hint[b-gttmulr2ve] {
    font-size: 0.7rem;
    color: var(--text-tertiary);
    margin-top: 0.3rem;
}

/* Brand cards (em vez de chips) */
.brand-cards-scroll[b-gttmulr2ve] {
    display: flex;
    gap: 0.6rem;
    overflow-x: auto;
    padding: 0.25rem 0 0.5rem 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
}
.brand-card[b-gttmulr2ve] {
    flex: 0 0 130px;
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    background: var(--surface);
    padding: 0.5rem;
    scroll-snap-align: start;
    position: relative;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.brand-card:hover[b-gttmulr2ve] {
    border-color: var(--brand-400);
}
.brand-card.is-preferred[b-gttmulr2ve] {
    border-color: var(--border-warning);
    background: var(--surface-warning);
}
.brand-card-thumb[b-gttmulr2ve] {
    width: 40px;
    height: 40px;
    border-radius: var(--r-md);
    object-fit: cover;
    border: 1px solid var(--border);
    background: var(--stone-100);
    display: block;
    margin: 0 auto 0.35rem auto;
}
.brand-card-thumb-placeholder[b-gttmulr2ve] {
    width: 40px;
    height: 40px;
    border-radius: var(--r-md);
    background: var(--stone-100);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.35rem auto;
    color: var(--text-tertiary);
    font-size: 1rem;
}
.brand-card-name[b-gttmulr2ve] {
    text-align: center;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-primary);
    line-height: 1.2;
    margin-bottom: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.brand-card-preco[b-gttmulr2ve] {
    text-align: center;
    font-size: 0.65rem;
    color: var(--text-tertiary);
    line-height: 1;
}
.brand-card-header[b-gttmulr2ve] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 0.35rem;
}
.brand-card-star-btn[b-gttmulr2ve] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    color: var(--stone-400);
    font-size: 1.15rem;
    line-height: 1;
    transition: color 0.15s;
}
.brand-card-star-btn.is-starred[b-gttmulr2ve] {
    color: #F59E0B;
}
.brand-card-remove-btn[b-gttmulr2ve] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    color: var(--stone-400);
    font-size: 1.15rem;
    line-height: 1;
    transition: color 0.15s;
}
.brand-card-remove-btn:hover[b-gttmulr2ve] {
    color: var(--red-500);
}
.brand-card-add[b-gttmulr2ve] {
    flex: 0 0 130px;
    border: 2px dashed var(--border);
    border-radius: var(--r-md);
    background: transparent;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    color: var(--text-tertiary);
    transition: all 0.15s;
    scroll-snap-align: start;
}
.brand-card-add:hover[b-gttmulr2ve] {
    border-color: var(--brand-500);
    color: var(--brand-700);
    background: var(--brand-50);
}
.brand-card-add .bi[b-gttmulr2ve] {
    font-size: 1.3rem;
}
.brand-card-add span[b-gttmulr2ve] {
    font-size: 0.75rem;
    font-weight: 600;
}

/* Form inline de adicionar marca */
.brand-add-form[b-gttmulr2ve] {
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    padding: 0.75rem;
    background: var(--stone-50);
    margin-top: 0.5rem;
}
.brand-add-form .form-row[b-gttmulr2ve] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    align-items: center;
}
.brand-add-form .form-row label[b-gttmulr2ve] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-secondary);
    min-width: 60px;
}
.brand-add-form .form-row input[b-gttmulr2ve] {
    flex: 1;
}
.brand-add-form .form-actions[b-gttmulr2ve] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    margin-top: 0.5rem;
}

/* ============================================
   INTEGRATED TOOLBAR & SEGMENTED TABS
   ============================================ */
.list-toolbar-container[b-gttmulr2ve] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.segmented-control[b-gttmulr2ve] {
    display: inline-flex;
    background: var(--surface-2);
    padding: 3px;
    border-radius: 12px;
    border: 1px solid var(--border);
    gap: 2px;
}

.seg-tab[b-gttmulr2ve] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.42rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-secondary);
    background: transparent;
    border: none;
    border-radius: 9px;
    cursor: pointer;
    transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    white-space: nowrap;
}

.seg-tab:hover[b-gttmulr2ve] {
    color: var(--text-primary);
}

.seg-tab.active[b-gttmulr2ve] {
    background: var(--surface);
    color: var(--text-primary);
    box-shadow: var(--shadow-xs);
}

.seg-badge[b-gttmulr2ve] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--surface-3);
    color: var(--text-secondary);
}

.seg-badge-accent[b-gttmulr2ve] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--surface-info);
    color: var(--text-info);
}

/* ============================================
   QUICK ADD COCKPIT
   ============================================ */
.quick-add-cockpit[b-gttmulr2ve] {
    display: flex;
    gap: 0.6rem;
    align-items: stretch;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.cockpit-input-wrapper[b-gttmulr2ve] {
    position: relative;
    flex: 1;
    min-width: 280px;
    display: flex;
    align-items: center;
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 12px;
    padding: 0 0.35rem 0 0.85rem;
    transition: all 0.15s ease;
    box-shadow: var(--shadow-xs);
}

.cockpit-input-wrapper:focus-within[b-gttmulr2ve] {
    border-color: var(--brand-500);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
}

.cockpit-icon[b-gttmulr2ve] {
    font-size: 1.15rem;
    color: var(--text-tertiary);
    margin-right: 0.5rem;
    pointer-events: none;
    flex-shrink: 0;
}

.cockpit-input[b-gttmulr2ve] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.92rem;
    color: var(--text-primary);
    padding: 0.65rem 0;
    min-width: 0;
}

.cockpit-input[b-gttmulr2ve]::placeholder {
    color: var(--text-tertiary);
    font-size: 0.88rem;
}

.cockpit-kbd[b-gttmulr2ve] {
    display: none;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--text-tertiary);
    background: var(--surface-2);
    border: 1px solid var(--border);
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 0.5rem;
    white-space: nowrap;
}

@media (min-width: 640px) {
    .cockpit-kbd[b-gttmulr2ve] {
        display: inline-block;
    }
}

.cockpit-add-btn[b-gttmulr2ve] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: var(--brand-600);
    color: #FFFFFF;
    border: none;
    border-radius: 9px;
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.cockpit-add-btn:hover:not(:disabled)[b-gttmulr2ve] {
    background: var(--brand-700);
    transform: translateY(-1px);
}

.cockpit-add-btn:disabled[b-gttmulr2ve] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.cockpit-detail-btn[b-gttmulr2ve] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 12px;
    padding: 0 1rem;
    height: 44px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.cockpit-detail-btn:hover[b-gttmulr2ve] {
    background: var(--surface-2);
    border-color: var(--border-hover);
    color: var(--text-primary);
    transform: translateY(-1px);
}

/* ============================================
   RESPONSIVE ADAPTATION (Mobile & Tablet)
   ============================================ */
.list-detail-page[b-gttmulr2ve] {
    position: relative;
    width: 100%;
}

.page-title-row[b-gttmulr2ve] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.badge-header-mobile[b-gttmulr2ve] {
    display: none;
}

/* Header actions Desktop */
.list-header-actions-desktop[b-gttmulr2ve] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

/* Header actions Mobile */
.page-header-actions-mobile[b-gttmulr2ve] {
    display: none;
    position: relative;
}

.btn-header-menu[b-gttmulr2ve] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    cursor: pointer;
}

.btn-header-menu:hover[b-gttmulr2ve] {
    background: var(--surface-2);
}

.mobile-header-backdrop[b-gttmulr2ve] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(0, 0, 0, 0.2);
}

.mobile-header-dropdown[b-gttmulr2ve] {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow-lg);
    z-index: 1051;
    min-width: 220px;
    padding: 0.4rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mobile-dropdown-item[b-gttmulr2ve] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.65rem 0.85rem;
    border: none;
    background: transparent;
    border-radius: 9px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    text-align: left;
    transition: background 0.12s;
}

.mobile-dropdown-item:hover[b-gttmulr2ve],
.mobile-dropdown-item:active[b-gttmulr2ve] {
    background: var(--surface-2);
}

.mobile-dropdown-item.text-danger[b-gttmulr2ve] {
    color: var(--red-500);
}

.mobile-dropdown-item.text-danger:hover[b-gttmulr2ve],
.mobile-dropdown-item.text-danger:active[b-gttmulr2ve] {
    background: var(--surface-danger);
    color: var(--red-600);
}

.mobile-dropdown-divider[b-gttmulr2ve] {
    height: 1px;
    background: var(--border);
    margin: 0.3rem 0;
}

/* Cockpit inline detail icon button */
.cockpit-detail-icon-btn[b-gttmulr2ve] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--border);
    background: var(--surface-2);
    border-radius: 9px;
    color: var(--text-secondary);
    font-size: 1rem;
    cursor: pointer;
    margin-right: 0.35rem;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.cockpit-detail-icon-btn:hover[b-gttmulr2ve] {
    background: var(--surface-3);
    color: var(--text-primary);
}

/* Floating Action Button (FAB) */
.mobile-fab-btn[b-gttmulr2ve] {
    display: none;
    position: fixed;
    right: 1.25rem;
    bottom: calc(var(--bottom-nav-height, 60px) + env(safe-area-inset-bottom, 0px) + 1.25rem);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--brand-600);
    color: #FFFFFF;
    border: none;
    box-shadow: 0 6px 20px rgba(22, 163, 74, 0.45);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    z-index: 40;
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.mobile-fab-btn:hover[b-gttmulr2ve] {
    background: var(--brand-700);
    transform: scale(1.08);
}

.mobile-fab-btn:active[b-gttmulr2ve] {
    transform: scale(0.94);
}

/* Modo Mercado Styling Overrides */
.modo-mercado-ativo .page-breadcrumb-bar[b-gttmulr2ve] {
    display: none;
}

.modo-mercado-ativo .page-header[b-gttmulr2ve] {
    margin-bottom: 0.5rem;
}

.modo-mercado-ativo .quick-add-cockpit[b-gttmulr2ve] {
    margin-bottom: 0.75rem;
}

/* Responsividade Mobile (< 768px) */
@media (max-width: 768px) {
    .list-header-actions-desktop[b-gttmulr2ve] {
        display: none !important;
    }

    .page-header-actions-mobile[b-gttmulr2ve] {
        display: flex;
        align-items: center;
    }

    .badge-header-mobile[b-gttmulr2ve] {
        display: inline-flex;
    }

    .page-header[b-gttmulr2ve] {
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.75rem;
    }

    .page-title[b-gttmulr2ve] {
        font-size: 1.25rem;
        margin: 0;
    }

    .mobile-fab-btn[b-gttmulr2ve] {
        display: flex;
    }

    .cockpit-detail-btn-desktop[b-gttmulr2ve] {
        display: none !important;
    }

    .cockpit-detail-icon-btn[b-gttmulr2ve] {
        display: inline-flex;
    }

    .quick-add-cockpit[b-gttmulr2ve] {
        margin-bottom: 0.75rem;
    }

    .cockpit-input-wrapper[b-gttmulr2ve] {
        min-width: 100%;
        padding: 0 0.35rem 0 0.75rem;
        height: 48px;
    }

    .cockpit-input[b-gttmulr2ve] {
        font-size: 0.88rem;
    }

    .cockpit-add-btn[b-gttmulr2ve] {
        padding: 0.45rem 0.85rem;
        font-size: 0.82rem;
        height: 38px;
    }

    .list-toolbar-container[b-gttmulr2ve] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        margin-bottom: 0.75rem;
    }

    .segmented-control[b-gttmulr2ve] {
        width: 100%;
        display: flex;
    }

    .seg-tab[b-gttmulr2ve] {
        flex: 1;
        justify-content: center;
        padding: 0.45rem 0.35rem;
        font-size: 0.78rem;
        gap: 0.25rem;
    }
}

@media (max-width: 480px) {
    .cockpit-add-text[b-gttmulr2ve] {
        display: none;
    }

    .cockpit-add-btn[b-gttmulr2ve] {
        padding: 0.45rem 0.65rem;
    }
}

/* ── Botão Favoritar Estrela no Cabeçalho ── */
.page-title-row[b-gttmulr2ve] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.btn-favorite-star[b-gttmulr2ve] {
    font-size: 1.25rem;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.15s ease;
    padding: 0;
}

.btn-favorite-star:hover[b-gttmulr2ve] {
    background: var(--surface-2);
    transform: scale(1.1);
}

.btn-favorite-star.is-fav[b-gttmulr2ve] {
    color: var(--amber-500, #F59E0B);
}



/* /Components/Pages/App/ListaDetalheParts/AddEditItemModal.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   AddEditItemModal — Modern Ergonomic Item Editor
   Style: Warm Market / Organic Premium
   ═══════════════════════════════════════════════════════════════ */

.modal-overlay[b-spjl82bdl0] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 1rem;
    animation: fadeIn-b-spjl82bdl0 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes fadeIn-b-spjl82bdl0 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-spjl82bdl0 {
    from {
        opacity: 0;
        transform: translateY(16px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-card[b-spjl82bdl0] {
    background: var(--surface);
    border-radius: 24px;
    box-shadow: var(--shadow-xl), 0 0 0 1px var(--border);
    width: 100%;
    max-width: 690px;
    max-height: 94vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: slideUp-b-spjl82bdl0 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Header */
.modal-header-modern[b-spjl82bdl0] {
    padding: 1.35rem 1.75rem 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}

.modal-header-title-row[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.modal-header-icon-green[b-spjl82bdl0] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: var(--surface-success);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.modal-header-texts h3[b-spjl82bdl0] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--text-primary);
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.modal-header-texts p[b-spjl82bdl0] {
    margin: 0.2rem 0 0;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.modal-close-btn[b-spjl82bdl0] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: var(--surface-3);
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.modal-close-btn:hover[b-spjl82bdl0] {
    background: var(--border);
    color: var(--text-primary);
}

/* Scrollable Form Body */
.modal-body-scroll[b-spjl82bdl0] {
    padding: 1.25rem 1.5rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    flex: 1;
    background: var(--surface);
}

/* Custom Scrollbar */
.modal-body-scroll[b-spjl82bdl0]::-webkit-scrollbar {
    width: 6px;
}
.modal-body-scroll[b-spjl82bdl0]::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 4px;
}

/* ════════ TOP HERO SECTION: Photo Left + Fields Right ════════ */
.hero-item-section[b-spjl82bdl0] {
    display: flex;
    gap: 1.15rem;
    align-items: stretch;
    margin-bottom: 0.25rem;
}

.hero-photo-card[b-spjl82bdl0] {
    width: 165px;
    min-width: 165px;
    height: 190px;
    border-radius: 16px;
    border: 1.5px solid var(--border);
    background: var(--surface-2);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-photo-card:hover[b-spjl82bdl0] {
    border-color: var(--primary);
    box-shadow: 0 4px 14px rgba(22, 163, 74, 0.12);
}

.hero-photo-img[b-spjl82bdl0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-photo-placeholder[b-spjl82bdl0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--surface-2);
}

.hero-photo-camera-btn[b-spjl82bdl0] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #FFFFFF;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    transition: transform 0.15s ease, background 0.15s ease;
}

.hero-photo-camera-btn:hover[b-spjl82bdl0] {
    background: rgba(15, 23, 42, 0.85);
    transform: scale(1.08);
}

.hero-fields-col[b-spjl82bdl0] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    justify-content: space-between;
}

.input-with-icon-wrap[b-spjl82bdl0] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-inner-icon[b-spjl82bdl0] {
    position: absolute;
    left: 0.75rem;
    color: var(--text-tertiary);
    font-size: 0.95rem;
    pointer-events: none;
}

.modern-input-with-icon[b-spjl82bdl0] {
    width: 100%;
    height: 40px;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    padding: 0 0.75rem 0 2.15rem;
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--text-primary);
    background: var(--surface);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.modern-input-with-icon:focus[b-spjl82bdl0] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
}

@media (max-width: 580px) {
    .hero-item-section[b-spjl82bdl0] {
        flex-direction: column;
    }
    .hero-photo-card[b-spjl82bdl0] {
        width: 100%;
        min-width: unset;
        height: 120px;
    }
}

/* Form Sections & Fields */
.form-field[b-spjl82bdl0] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    position: relative;
}

.field-label[b-spjl82bdl0] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.field-label .required[b-spjl82bdl0] {
    color: var(--primary);
}

.field-label-hint[b-spjl82bdl0] {
    font-size: 0.72rem;
    font-weight: 400;
    color: var(--text-tertiary);
}

/* Search input with icon & clear */
.input-search-wrap[b-spjl82bdl0] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-search-icon[b-spjl82bdl0] {
    position: absolute;
    left: 0.85rem;
    color: var(--text-tertiary);
    font-size: 0.95rem;
    pointer-events: none;
}

.input-search-text[b-spjl82bdl0] {
    width: 100%;
    height: 40px;
    padding: 0 2.25rem 0 2.5rem;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--text-primary);
    background: var(--surface);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.input-search-text:focus[b-spjl82bdl0] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
}

.input-clear-btn[b-spjl82bdl0] {
    position: absolute;
    right: 0.6rem;
    background: none;
    border: none;
    color: var(--text-tertiary);
    cursor: pointer;
    padding: 4px;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.input-clear-btn:hover[b-spjl82bdl0] {
    color: var(--text-primary);
}

/* Autocomplete Dropdown */
.autocomplete-card[b-spjl82bdl0] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow-lg);
    z-index: 100;
    max-height: 220px;
    overflow-y: auto;
    padding: 0.35rem;
}

.autocomplete-item-row[b-spjl82bdl0] {
    padding: 0.55rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.12s ease;
}

.autocomplete-item-row:hover[b-spjl82bdl0] {
    background: var(--surface-2);
}

.autocomplete-item-name[b-spjl82bdl0] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-primary);
    flex: 1;
}

.autocomplete-item-badge[b-spjl82bdl0] {
    font-size: 0.72rem;
    font-weight: 500;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    background: var(--surface-success);
    color: var(--primary);
}

/* Two Column Grid */
.form-grid-2[b-spjl82bdl0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

@media (max-width: 480px) {
    .form-grid-2[b-spjl82bdl0] {
        grid-template-columns: 1fr;
    }
}

/* Stepper Component */
.stepper-wrap[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    height: 40px;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.stepper-wrap:focus-within[b-spjl82bdl0] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
}

.stepper-btn[b-spjl82bdl0] {
    width: 38px;
    height: 100%;
    border: none;
    background: var(--surface-2);
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background 0.12s, color 0.12s;
    user-select: none;
}

.stepper-btn-minus[b-spjl82bdl0] {
    border-right: 1px solid var(--border);
}

.stepper-btn-plus[b-spjl82bdl0] {
    border-left: 1px solid var(--border);
    color: var(--primary);
    font-weight: 700;
}

.stepper-btn:hover[b-spjl82bdl0] {
    background: var(--surface-3);
    color: var(--text-primary);
}

.stepper-btn-plus:hover[b-spjl82bdl0] {
    background: var(--surface-success);
    color: var(--primary-dark, #15803D);
}

.stepper-btn:active[b-spjl82bdl0] {
    transform: scale(0.94);
}

.stepper-wrap input[b-spjl82bdl0],
input.stepper-input[b-spjl82bdl0],
.stepper-input[b-spjl82bdl0] {
    flex: 1;
    height: 100%;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text-primary);
    background: transparent !important;
    padding: 0 0.25rem;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
    appearance: none !important;
}

.stepper-wrap input[b-spjl82bdl0]::-webkit-outer-spin-button,
.stepper-wrap input[b-spjl82bdl0]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Unit Selection Grid (7 colunas perfeitamente alinhadas) */
.unit-pills-grid[b-spjl82bdl0] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    height: 40px;
}

.unit-pill[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 100%;
    border-radius: 8px;
    border: 1.5px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
}

.unit-pill:hover[b-spjl82bdl0] {
    border-color: var(--border-hover);
    background: var(--surface-2);
    color: var(--text-primary);
}

.unit-pill.is-active[b-spjl82bdl0] {
    border-color: var(--primary);
    background: var(--primary);
    color: #FFFFFF;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(22, 163, 74, 0.25);
}

/* Category Inline Management & Add */
.category-header-actions[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-new-category-pill[b-spjl82bdl0] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    background: var(--surface-success);
    border: 1px solid var(--primary-subtle, #BBF7D0);
    color: var(--primary-dark, #15803D);
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-new-category-pill:hover[b-spjl82bdl0] {
    background: var(--surface-success);
    border-color: var(--primary);
    color: var(--primary-dark, #166534);
    transform: translateY(-1px);
}

.category-action-link[b-spjl82bdl0] {
    background: transparent;
    border: none;
    color: var(--primary);
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
    padding: 0.15rem 0.4rem;
    border-radius: 6px;
    transition: background 0.15s, color 0.15s;
}

.category-action-link:hover[b-spjl82bdl0] {
    background: var(--surface-success);
    color: var(--primary-dark, #15803D);
}

.category-action-link.secondary[b-spjl82bdl0] {
    color: var(--text-secondary);
}

.category-action-link.secondary:hover[b-spjl82bdl0] {
    background: var(--surface-2);
    color: var(--text-primary);
}

.category-row-section[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.category-main-label[b-spjl82bdl0] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--text-primary);
    min-width: 72px;
    margin: 0;
}

.category-row-section .category-select-card[b-spjl82bdl0] {
    flex: 1;
    min-width: 0;
}

.category-select-card[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 12px;
    padding: 0 0.85rem;
    height: 44px;
    transition: border-color 0.15s, box-shadow 0.15s;
    position: relative;
}

.category-select-card:focus-within[b-spjl82bdl0] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
}

.category-select-indicator[b-spjl82bdl0] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.category-indicator-glyph[b-spjl82bdl0] {
    font-size: 1.15rem;
    line-height: 1;
}

.category-select-content[b-spjl82bdl0] {
    flex: 1;
    display: flex;
    align-items: center;
    min-width: 0;
}

.category-custom-dropdown[b-spjl82bdl0] {
    width: 100%;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--text-primary);
    cursor: pointer;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.category-dropdown-arrow[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.category-custom-card[b-spjl82bdl0] {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.85rem;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    animation: fadeIn-b-spjl82bdl0 0.15s ease-out;
}

.category-custom-header[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.category-custom-title[b-spjl82bdl0] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.category-custom-error[b-spjl82bdl0] {
    font-size: 0.75rem;
    color: var(--danger, #EF4444);
    font-weight: 600;
}

.category-custom-sublabel[b-spjl82bdl0] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-top: 0.2rem;
}

.category-emojis-scroll[b-spjl82bdl0] {
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
    padding-bottom: 0.35rem;
}

.emoji-chip[b-spjl82bdl0] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--surface);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.12s ease;
}

.emoji-chip:hover[b-spjl82bdl0] {
    background: var(--surface-2);
    transform: scale(1.05);
}

.emoji-chip.is-selected[b-spjl82bdl0] {
    border-color: var(--primary);
    background: var(--surface-success);
    box-shadow: 0 0 0 2px var(--primary);
}

.category-colors-scroll[b-spjl82bdl0] {
    display: flex;
    gap: 0.4rem;
    overflow-x: auto;
    padding-bottom: 0.35rem;
    align-items: center;
}

.color-dot[b-spjl82bdl0] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid var(--surface);
    box-shadow: 0 0 0 1px var(--border);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.12s ease;
}

.color-dot:hover[b-spjl82bdl0] {
    transform: scale(1.15);
}

.color-dot.is-selected[b-spjl82bdl0] {
    box-shadow: 0 0 0 2px var(--primary);
    transform: scale(1.15);
}

.category-custom-actions[b-spjl82bdl0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.category-manage-list[b-spjl82bdl0] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 160px;
    overflow-y: auto;
}

.category-manage-item[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 0.65rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
}

.category-manage-info[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.category-manage-name[b-spjl82bdl0] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-primary);
}

.category-manage-dot[b-spjl82bdl0] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

/* Currency Input */
.currency-input-wrap[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    height: 40px;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.currency-input-wrap:focus-within[b-spjl82bdl0] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
}

.currency-prefix[b-spjl82bdl0] {
    padding: 0 0.75rem;
    background: var(--surface-2);
    border-right: 1px solid var(--border);
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text-secondary);
    height: 100%;
    display: flex;
    align-items: center;
    user-select: none;
}

.currency-input-wrap input[b-spjl82bdl0],
input.currency-field[b-spjl82bdl0],
.currency-field[b-spjl82bdl0] {
    flex: 1;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    height: 100%;
    padding: 0 0.75rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
    background: transparent !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
    appearance: none !important;
}

.currency-input-wrap input[b-spjl82bdl0]::-webkit-outer-spin-button,
.currency-input-wrap input[b-spjl82bdl0]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Modern Select */
.modern-select[b-spjl82bdl0] {
    width: 100%;
    height: 42px;
    border: 1.5px solid var(--border);
    border-radius: 12px;
    padding: 0 0.85rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text-primary);
    background-color: var(--surface);
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.modern-select:focus[b-spjl82bdl0] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
}

.modern-input[b-spjl82bdl0] {
    width: 100%;
    height: 42px;
    border: 1.5px solid var(--border);
    border-radius: 12px;
    padding: 0 0.85rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text-primary);
    background-color: var(--surface);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.modern-input:focus[b-spjl82bdl0] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
}

/* Photo Section Sub */
.photo-section-sub[b-spjl82bdl0] {
    font-size: 0.76rem;
    color: var(--stone-500, #78716C);
    margin-top: -0.15rem;
    margin-bottom: 0.25rem;
}

/* Photo Banner Card (Mockup Style) */
.photo-banner-card[b-spjl82bdl0] {
    border: 1.5px solid var(--border);
    border-radius: 16px;
    background: var(--surface);
    display: flex;
    align-items: center;
    padding: 0.85rem 1.15rem;
    gap: 1.25rem;
    transition: border-color 0.2s ease;
}

.photo-banner-left[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex: 1;
    min-width: 0;
}

.photo-cloud-icon[b-spjl82bdl0] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    color: var(--text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.photo-banner-texts[b-spjl82bdl0] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.photo-banner-title[b-spjl82bdl0] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--text-primary);
}

.photo-banner-desc[b-spjl82bdl0] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 2px;
}

.photo-banner-divider[b-spjl82bdl0] {
    width: 1px;
    height: 44px;
    background: var(--border);
    flex-shrink: 0;
}

.photo-banner-tiles[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
}

.photo-action-tile[b-spjl82bdl0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-width: 82px;
    height: 64px;
    padding: 0.4rem 0.6rem;
    border-radius: 12px;
    border: 1.5px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.photo-action-tile:hover[b-spjl82bdl0] {
    border-color: var(--border-hover);
    background: var(--surface-2);
    color: var(--text-primary);
}

.photo-action-tile.is-active[b-spjl82bdl0] {
    border-color: var(--primary);
    background: var(--surface);
    color: var(--primary);
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.12);
}

.tile-icon[b-spjl82bdl0] {
    font-size: 1.15rem;
}

@media (max-width: 600px) {
    .photo-banner-card[b-spjl82bdl0] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    .photo-banner-divider[b-spjl82bdl0] {
        display: none;
    }
    .photo-banner-tiles[b-spjl82bdl0] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.4rem;
    }
    .photo-action-tile[b-spjl82bdl0] {
        justify-content: center;
        padding: 0.45rem 0.5rem;
        font-size: 0.76rem;
    }
}

.photo-drawer-panel[b-spjl82bdl0] {
    margin-top: 0.75rem;
    background: var(--surface-2);
    border: 1.5px solid var(--border);
    border-radius: 14px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    animation: slideUp-b-spjl82bdl0 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Search Online Panel */
.photo-search-bar[b-spjl82bdl0] {
    display: flex;
    gap: 0.5rem;
}

.photo-search-btn-neutral[b-spjl82bdl0] {
    height: 38px;
    padding: 0 1rem;
    border-radius: 10px;
    border: 1.5px solid var(--border);
    background: var(--surface);
    color: var(--text-primary);
    font-size: 0.82rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.photo-search-btn-neutral:hover:not(:disabled)[b-spjl82bdl0] {
    background: var(--surface-2);
    border-color: var(--border-hover);
    color: var(--text-primary);
}

.photo-search-btn-neutral:disabled[b-spjl82bdl0] {
    opacity: 0.6;
    cursor: not-allowed;
}

.photo-search-btn[b-spjl82bdl0] {
    height: 38px;
    padding: 0 1rem;
    border-radius: 10px;
    border: none;
    background: var(--primary);
    color: #FFFFFF;
    font-size: 0.82rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    transition: background 0.15s, transform 0.1s;
    white-space: nowrap;
}

.photo-search-btn:hover:not(:disabled)[b-spjl82bdl0] {
    background: var(--primary-dark, #15803D);
}

.photo-search-btn:disabled[b-spjl82bdl0] {
    opacity: 0.6;
    cursor: not-allowed;
}

.photo-grid-results[b-spjl82bdl0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    max-height: 240px;
    overflow-y: auto;
    padding: 2px;
}

.photo-result-tile[b-spjl82bdl0] {
    position: relative;
    aspect-ratio: 1;
    border: 2px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    background: var(--surface);
    cursor: pointer;
    transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

.photo-result-tile:hover[b-spjl82bdl0] {
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.photo-result-tile.is-selected[b-spjl82bdl0] {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px var(--primary);
}

.photo-result-tile img[b-spjl82bdl0] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4px;
}

.photo-result-source[b-spjl82bdl0] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(15, 23, 42, 0.72);
    color: #FFFFFF;
    font-size: 0.6rem;
    font-weight: 600;
    text-align: center;
    padding: 2px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.photo-result-check[b-spjl82bdl0] {
    position: absolute;
    top: 4px;
    right: 4px;
    background: var(--primary);
    color: #FFFFFF;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Upload Dropzone */
.photo-dropzone-modern[b-spjl82bdl0] {
    border: 2px dashed var(--border);
    border-radius: 12px;
    padding: 1.25rem 1rem;
    text-align: center;
    background: var(--surface);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    position: relative;
    cursor: pointer;
    transition: all 0.15s ease;
}

.photo-dropzone-modern:hover[b-spjl82bdl0] {
    border-color: var(--primary);
    background: var(--surface-success);
}

.photo-dropzone-icon[b-spjl82bdl0] {
    font-size: 1.8rem;
    color: var(--primary);
}

.photo-dropzone-text[b-spjl82bdl0] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-primary);
}

.photo-dropzone-sub[b-spjl82bdl0] {
    font-size: 0.7rem;
    color: var(--text-tertiary);
}

/* Link URL Input */
.photo-url-wrap[b-spjl82bdl0] {
    display: flex;
    gap: 0.5rem;
}

/* Progressive Disclosure (Responsável pela Compra) */
.advanced-options-card[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1.15rem;
    border-radius: 16px;
    border: 1.5px solid var(--border);
    background: var(--surface);
    cursor: pointer;
    box-shadow: var(--shadow-sm);
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.advanced-options-card:hover[b-spjl82bdl0] {
    border-color: var(--primary-subtle, #86EFAC);
    background: var(--surface-2);
}

.advanced-options-card.is-expanded[b-spjl82bdl0] {
    border-color: var(--primary);
    background: var(--surface-2);
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1);
}

.advanced-options-left[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.advanced-gear-icon[b-spjl82bdl0] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--surface-3);
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.advanced-gear-icon.has-assigned[b-spjl82bdl0] {
    background: var(--surface-success);
    color: var(--primary);
}

.advanced-texts[b-spjl82bdl0] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.advanced-title[b-spjl82bdl0] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-primary);
}

.advanced-sub[b-spjl82bdl0] {
    font-size: 0.76rem;
    color: var(--text-secondary);
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.advanced-options-right[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-shrink: 0;
}

.assigned-member-pill[b-spjl82bdl0] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0.6rem 0.2rem 0.25rem;
    border-radius: 9999px;
    background: var(--surface-success);
    border: 1px solid var(--primary-subtle, #BBF7D0);
    color: var(--primary-dark, #15803D);
    font-size: 0.75rem;
    font-weight: 700;
}

.assigned-avatar-mini[b-spjl82bdl0] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
}

.assigned-initials-mini[b-spjl82bdl0] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--primary);
    color: #FFFFFF;
    font-size: 0.65rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.assigned-name-mini[b-spjl82bdl0] {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.unassigned-badge[b-spjl82bdl0] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--text-secondary);
    background: var(--surface-3);
    padding: 0.15rem 0.55rem;
    border-radius: 9999px;
}

.advanced-chevron[b-spjl82bdl0] {
    color: var(--text-tertiary);
    font-size: 1.1rem;
    transition: transform 0.2s ease;
}

.extra-options-panel[b-spjl82bdl0] {
    border: 1.5px solid var(--border);
    border-radius: 14px;
    padding: 0.85rem;
    background: var(--surface-2);
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    animation: fadeIn-b-spjl82bdl0 0.18s ease;
}

.member-selector-grid[b-spjl82bdl0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.55rem;
}

.member-select-chip[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.6rem 0.75rem;
    border-radius: 12px;
    border: 1.5px solid var(--border);
    background: var(--surface);
    cursor: pointer;
    text-align: left;
    transition: all 0.18s ease;
    width: 100%;
}

.member-select-chip:hover[b-spjl82bdl0] {
    border-color: var(--border-hover);
    background: var(--surface-2);
    transform: translateY(-1px);
}

.member-select-chip.is-selected[b-spjl82bdl0] {
    border-color: var(--primary);
    background: var(--surface-success);
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.14);
}

.member-chip-avatar[b-spjl82bdl0] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--surface-3);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.member-chip-initial[b-spjl82bdl0] {
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--text-primary);
}

.member-chip-info[b-spjl82bdl0] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.member-chip-name[b-spjl82bdl0] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-chip-role[b-spjl82bdl0] {
    font-size: 0.7rem;
    color: var(--text-secondary);
}

.member-chip-check[b-spjl82bdl0] {
    color: var(--primary);
    font-size: 1.15rem;
    flex-shrink: 0;
    margin-left: auto;
}

/* Brand Comparison Cards */
.brand-comparison-scroll[b-spjl82bdl0] {
    display: flex;
    gap: 0.6rem;
    overflow-x: auto;
    padding: 0.25rem 0.1rem;
}

.brand-chip-card[b-spjl82bdl0] {
    border: 1.5px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
    padding: 0.6rem 0.75rem;
    min-width: 130px;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    position: relative;
    transition: all 0.15s ease;
}

.brand-chip-card.is-preferred[b-spjl82bdl0] {
    border-color: var(--primary);
    background: var(--surface-success);
}

.brand-chip-top[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.star-btn[b-spjl82bdl0] {
    border: none;
    background: transparent;
    color: var(--text-tertiary);
    font-size: 1rem;
    cursor: pointer;
    padding: 0;
}

.star-btn.is-starred[b-spjl82bdl0] {
    color: var(--warning, #F59E0B);
}

.brand-chip-name[b-spjl82bdl0] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-primary);
}

.brand-chip-price[b-spjl82bdl0] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--primary);
}

.brand-add-tile[b-spjl82bdl0] {
    border: 1.5px dashed var(--border);
    border-radius: 12px;
    background: var(--surface);
    min-width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    color: var(--text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
    padding: 0.6rem;
}

.brand-add-tile:hover[b-spjl82bdl0] {
    border-color: var(--primary);
    color: var(--primary);
    background: var(--surface-success);
}

/* Modal Footer */
.modal-footer-modern[b-spjl82bdl0] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border);
    background: var(--surface-2);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.btn-modern-delete[b-spjl82bdl0] {
    height: 42px;
    padding: 0 1.25rem;
    border-radius: 12px;
    border: 1px solid var(--border-danger, #FEE2E2);
    background: var(--surface-danger, #FEF2F2);
    color: var(--danger, #EF4444);
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    transition: all 0.15s ease;
}

.btn-modern-delete:hover[b-spjl82bdl0] {
    background: var(--surface-danger, #FEE2E2);
    border-color: var(--danger);
    color: var(--danger);
    transform: translateY(-1px);
}

.btn-modern-cancel[b-spjl82bdl0] {
    height: 42px;
    padding: 0 1.5rem;
    border-radius: 12px;
    border: 1.5px solid var(--border);
    background: var(--surface);
    color: var(--text-primary);
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-modern-cancel:hover[b-spjl82bdl0] {
    background: var(--surface-3);
    border-color: var(--border-hover);
    color: var(--text-primary);
}

.btn-modern-save[b-spjl82bdl0] {
    height: 42px;
    padding: 0 1.6rem;
    border-radius: 12px;
    border: none;
    background: var(--primary);
    color: #FFFFFF;
    font-size: 0.92rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.25);
    transition: all 0.15s ease;
}

.btn-modern-save:hover:not(:disabled)[b-spjl82bdl0] {
    background: var(--primary-dark, #15803D);
    box-shadow: 0 6px 16px rgba(22, 163, 74, 0.35);
    transform: translateY(-1px);
}

.btn-modern-save:disabled[b-spjl82bdl0] {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
}

/* Deep reset for inputs and selects to prevent browser default borders */
[b-spjl82bdl0] .stepper-input,
[b-spjl82bdl0] input.stepper-input,
.stepper-wrap[b-spjl82bdl0]  input,
[b-spjl82bdl0] .currency-field,
[b-spjl82bdl0] input.currency-field,
.currency-input-wrap[b-spjl82bdl0]  input,
[b-spjl82bdl0] .category-custom-dropdown,
.category-select-content[b-spjl82bdl0]  select {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ═══════════════ FOTO MAIOR / ZOOM BUTTON ═══════════════ */
.hero-photo-zoom-btn[b-spjl82bdl0] {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #FFFFFF;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    transition: transform 0.15s ease, background 0.15s ease;
    z-index: 2;
}

.hero-photo-zoom-btn:hover[b-spjl82bdl0] {
    background: rgba(15, 23, 42, 0.85);
    transform: scale(1.1);
}

/* ═══════════════ OPÇÕES DE MARCAS & FAVORITA (⭐) ═══════════════ */
.brand-options-container[b-spjl82bdl0] {
    margin-top: 0.5rem;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.brand-options-header[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.brand-options-title[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--text-primary);
}

.brand-options-subtitle[b-spjl82bdl0] {
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.brand-count-badge[b-spjl82bdl0] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary);
    background: var(--surface-3);
    padding: 0.15rem 0.5rem;
    border-radius: 9999px;
}

.brand-chips-row[b-spjl82bdl0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.brand-item-chip[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.3rem 0.65rem;
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 12px;
    font-size: 0.82rem;
    transition: all 0.15s ease;
}

.brand-item-chip:hover[b-spjl82bdl0] {
    border-color: var(--border-hover);
}

.brand-item-chip.is-favorite-chip[b-spjl82bdl0] {
    background: var(--surface-success);
    border-color: var(--primary-subtle, #86EFAC);
    box-shadow: 0 2px 6px rgba(34, 197, 94, 0.12);
}

.brand-item-chip.is-editing-chip[b-spjl82bdl0] {
    border-color: var(--primary);
    background: var(--surface-info);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.brand-star-toggle[b-spjl82bdl0] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    color: var(--text-tertiary);
    transition: transform 0.15s ease, color 0.15s ease;
}

.brand-star-toggle:hover[b-spjl82bdl0] {
    transform: scale(1.2);
    color: #EAB308;
}

.brand-star-toggle.is-starred[b-spjl82bdl0] {
    color: #EAB308;
}

.brand-chip-text[b-spjl82bdl0] {
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
}

.brand-price-tag[b-spjl82bdl0] {
    background: var(--surface-3);
    color: var(--text-primary);
    border-radius: 6px;
    padding: 0.1rem 0.35rem;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
}

.brand-fav-label[b-spjl82bdl0] {
    background: var(--surface-success);
    color: var(--primary-dark, #15803D);
    border-radius: 6px;
    padding: 0.1rem 0.4rem;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.brand-edit-btn[b-spjl82bdl0], .brand-remove-btn[b-spjl82bdl0] {
    background: none;
    border: none;
    padding: 0 0.15rem;
    color: var(--text-tertiary);
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: color 0.15s ease;
}

.brand-edit-btn:hover[b-spjl82bdl0] {
    color: var(--primary);
}

.brand-remove-btn:hover[b-spjl82bdl0] {
    color: var(--danger);
}

/* ═══════════════ BARRA DE DIGITAÇÃO DE MARCA (SEMPRE VISÍVEL) ═══════════════ */
.brand-input-bar[b-spjl82bdl0] {
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 12px;
    padding: 0.5rem 0.65rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    transition: all 0.2s ease;
}

.brand-input-bar:focus-within[b-spjl82bdl0] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.12);
}

.brand-input-bar.is-editing-mode[b-spjl82bdl0] {
    border-color: var(--primary);
    background: var(--surface-2);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.brand-editing-indicator[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.35rem;
    border-bottom: 1px dashed var(--border);
}

.brand-editing-badge[b-spjl82bdl0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--primary);
}

.brand-btn-cancel-link[b-spjl82bdl0] {
    background: none;
    border: none;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0;
}

.brand-btn-cancel-link:hover[b-spjl82bdl0] {
    color: var(--danger);
}

.brand-input-fields[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.brand-name-wrap[b-spjl82bdl0] {
    flex: 1;
    min-width: 140px;
    position: relative;
    display: flex;
    align-items: center;
}

.brand-field-icon[b-spjl82bdl0] {
    position: absolute;
    left: 0.65rem;
    color: var(--text-tertiary);
    font-size: 0.85rem;
    pointer-events: none;
}

.brand-name-input[b-spjl82bdl0] {
    width: 100%;
    height: 36px;
    padding: 0 0.65rem 0 2rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 0.85rem;
    color: var(--text-primary);
    background: var(--surface);
    outline: none;
    transition: border-color 0.15s ease;
}

.brand-name-input:focus[b-spjl82bdl0] {
    border-color: var(--primary);
}

.brand-input-bar.is-editing-mode .brand-name-input:focus[b-spjl82bdl0] {
    border-color: var(--primary);
}

.brand-price-wrap[b-spjl82bdl0] {
    width: 110px;
    position: relative;
    display: flex;
    align-items: center;
}

.brand-price-prefix[b-spjl82bdl0] {
    position: absolute;
    left: 0.65rem;
    color: var(--text-secondary);
    font-size: 0.75rem;
    font-weight: 700;
    pointer-events: none;
}

.brand-price-input[b-spjl82bdl0] {
    width: 100%;
    height: 36px;
    padding: 0 0.5rem 0 1.85rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
    background: var(--surface);
    outline: none;
    transition: border-color 0.15s ease;
}

.brand-price-input:focus[b-spjl82bdl0] {
    border-color: var(--primary);
}

.brand-input-bar.is-editing-mode .brand-price-input:focus[b-spjl82bdl0] {
    border-color: var(--primary);
}

.brand-check-fav[b-spjl82bdl0] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.6rem;
    height: 36px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--surface);
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    user-select: none;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.brand-check-fav input[type="checkbox"][b-spjl82bdl0] {
    display: none;
}

.brand-check-fav.is-active-fav[b-spjl82bdl0] {
    background: var(--surface-warning);
    border-color: var(--warning, #FDE047);
    color: var(--warning, #854D0E);
}

.btn-brand-action[b-spjl82bdl0] {
    height: 36px;
    padding: 0 0.85rem;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.btn-brand-add[b-spjl82bdl0] {
    background: var(--primary);
    color: #FFFFFF;
}

.btn-brand-add:hover:not(:disabled)[b-spjl82bdl0] {
    background: var(--primary-dark, #15803D);
    transform: translateY(-1px);
}

.btn-brand-add:disabled[b-spjl82bdl0] {
    background: var(--surface-3);
    color: var(--text-tertiary);
    cursor: not-allowed;
}

.btn-brand-save[b-spjl82bdl0] {
    background: var(--primary);
    color: #FFFFFF;
}

.btn-brand-save:hover:not(:disabled)[b-spjl82bdl0] {
    background: var(--primary-dark, #1D4ED8);
    transform: translateY(-1px);
}

.btn-brand-save:disabled[b-spjl82bdl0] {
    background: var(--surface-3);
    color: var(--text-tertiary);
    cursor: not-allowed;
}

.btn-brand-cancel[b-spjl82bdl0] {
    background: var(--surface-3);
    color: var(--text-secondary);
    padding: 0 0.65rem;
}

.btn-brand-cancel:hover[b-spjl82bdl0] {
    background: var(--border);
    color: var(--text-primary);
}

/* ═══════════════ SEÇÃO DE FOTO (RECOLHIDA E EXPANDIDA) ═══════════════ */
.photo-section-container[b-spjl82bdl0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.photo-collapsed-trigger-row[b-spjl82bdl0] {
    display: flex;
    flex-direction: column;
}

.btn-open-photo-drawer[b-spjl82bdl0] {
    width: 100%;
    padding: 0.75rem 1.15rem;
    background: var(--surface-2);
    border: 1.5px dashed var(--border);
    border-radius: 14px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.65rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-open-photo-drawer:hover[b-spjl82bdl0] {
    background: var(--surface-3);
    border-color: var(--primary);
    color: var(--primary);
}

.trigger-icon[b-spjl82bdl0] {
    font-size: 1.1rem;
    color: var(--primary);
}

.photo-active-summary-row[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.6rem 0.85rem;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 14px;
}

.photo-summary-thumb[b-spjl82bdl0] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
}

.photo-summary-thumb img[b-spjl82bdl0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumb-zoom-overlay[b-spjl82bdl0] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.photo-summary-thumb:hover .thumb-zoom-overlay[b-spjl82bdl0] {
    opacity: 1;
}

.photo-summary-texts[b-spjl82bdl0] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.photo-summary-title[b-spjl82bdl0] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text-primary);
}

.photo-summary-desc[b-spjl82bdl0] {
    font-size: 0.72rem;
    color: var(--text-secondary);
}

.photo-summary-actions[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.btn-photo-action-btn[b-spjl82bdl0] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 0.3rem 0.65rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.3rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-photo-action-btn:hover[b-spjl82bdl0] {
    background: var(--surface-2);
    border-color: var(--border-hover);
    color: var(--text-primary);
}

.photo-drawer-wrapper[b-spjl82bdl0] {
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

.photo-drawer-topbar[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1.15rem;
    background: var(--surface-2);
    border-bottom: 1px solid var(--border);
}

.photo-drawer-title-box[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-primary);
}

.btn-collapse-photo[b-spjl82bdl0] {
    background: none;
    border: none;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.btn-collapse-photo:hover[b-spjl82bdl0] {
    color: var(--text-primary);
}

.photo-tab-buttons-row[b-spjl82bdl0] {
    display: flex;
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}

.photo-action-tab[b-spjl82bdl0] {
    flex: 1;
    padding: 0.65rem 0.5rem;
    background: none;
    border: none;
    border-bottom: 2.5px solid transparent;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.photo-action-tab:hover[b-spjl82bdl0] {
    color: var(--text-primary);
    background: rgba(0, 0, 0, 0.02);
}

.photo-action-tab.is-selected[b-spjl82bdl0] {
    color: var(--primary);
    border-bottom-color: var(--primary);
    background: var(--surface);
    font-weight: 700;
}

.photo-tab-body[b-spjl82bdl0] {
    padding: 1.1rem;
}

/* Clipboard Button */
.btn-clipboard-action[b-spjl82bdl0] {
    width: 100%;
    padding: 0.85rem 1rem;
    background: var(--surface-success);
    border: 1.5px solid var(--primary-subtle, #86EFAC);
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
    margin-bottom: 0.85rem;
}

.btn-clipboard-action:hover[b-spjl82bdl0] {
    background: var(--surface-success);
    border-color: var(--primary);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.15);
}

.clipboard-icon-box[b-spjl82bdl0] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--surface);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.clipboard-action-texts[b-spjl82bdl0] {
    display: flex;
    flex-direction: column;
}

.clipboard-title[b-spjl82bdl0] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--primary-dark, #166534);
}

.clipboard-subtitle[b-spjl82bdl0] {
    font-size: 0.75rem;
    color: var(--primary-dark, #15803D);
}

.photo-url-divider[b-spjl82bdl0] {
    text-align: center;
    font-size: 0.75rem;
    color: var(--text-tertiary);
    margin: 0.5rem 0;
    position: relative;
}

.photo-url-input-row[b-spjl82bdl0] {
    display: flex;
    gap: 0.5rem;
}

.clipboard-feedback-box[b-spjl82bdl0] {
    margin-top: 0.65rem;
    padding: 0.6rem 0.85rem;
    background: var(--surface-success);
    border: 1px solid var(--primary-subtle, #86EFAC);
    border-radius: 10px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--primary-dark, #15803D);
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.photo-progress-status-box[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.65rem;
    padding: 0.6rem 0.85rem;
    background: var(--surface-info);
    border: 1px solid var(--border-info, #BFDBFE);
    border-radius: 10px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--info, #1D4ED8);
    animation: fadeIn-b-spjl82bdl0 0.18s ease;
}

.btn-clipboard-action.is-loading[b-spjl82bdl0] {
    opacity: 0.88;
    cursor: wait;
}

.photo-error-box[b-spjl82bdl0] {
    margin-top: 0.65rem;
    padding: 0.6rem 0.85rem;
    background: var(--surface-danger);
    border: 1px solid var(--border-danger, #FECACA);
    border-radius: 10px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--danger, #B91C1C);
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

/* ═══════════════ LIGHTBOX FOTO MAIOR ═══════════════ */
.lightbox-overlay-modern[b-spjl82bdl0] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.82);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 1.25rem;
}

.lightbox-dialog-modern[b-spjl82bdl0] {
    background: var(--surface);
    border-radius: 20px;
    overflow: hidden;
    max-width: 650px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.5);
}

.lightbox-header-modern[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}

.lightbox-title-box[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.lightbox-title-text[b-spjl82bdl0] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.lightbox-close-btn[b-spjl82bdl0] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    background: var(--surface-3);
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
}

.lightbox-close-btn:hover[b-spjl82bdl0] {
    background: var(--border);
    color: var(--text-primary);
}

.lightbox-body-modern[b-spjl82bdl0] {
    flex: 1;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0B0F19;
    padding: 1rem;
    min-height: 280px;
}

.lightbox-zoom-img[b-spjl82bdl0] {
    max-width: 100%;
    max-height: 65vh;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}

.lightbox-footer-modern[b-spjl82bdl0] {
    display: flex;
    justify-content: flex-end;
    padding: 0.75rem 1.25rem;
    background: var(--surface-2);
    border-top: 1px solid var(--border);
}

.btn-lightbox-close[b-spjl82bdl0] {
    background: var(--surface-3);
    border: none;
    border-radius: 10px;
    padding: 0.5rem 1.15rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    transition: all 0.15s ease;
}

.btn-lightbox-close:hover[b-spjl82bdl0] {
    background: var(--border);
    color: var(--text-primary);
}

.product-last-purchase-banner[b-spjl82bdl0] {
    margin-top: 0.5rem;
    padding: 0.45rem 0.75rem;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 10px;
    font-size: 0.775rem;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.product-last-purchase-info[b-spjl82bdl0] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-last-purchase-link[b-spjl82bdl0] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--brand-600);
    text-decoration: underline;
    flex-shrink: 0;
}

.hero-placeholder-icon[b-spjl82bdl0] {
    font-size: 2.2rem;
    color: var(--stone-400);
}

.hero-placeholder-text[b-spjl82bdl0] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-top: 4px;
}

.validation-message-text[b-spjl82bdl0] {
    font-size: 0.75rem;
    color: var(--text-danger);
}

.modern-input-category[b-spjl82bdl0] {
    flex: 1;
    height: 38px;
    font-size: 0.85rem;
}

.color-dot-check[b-spjl82bdl0] {
    color: #FFFFFF;
    font-size: 0.8rem;
}

.btn-category-cancel[b-spjl82bdl0] {
    height: 32px;
    font-size: 0.75rem;
    padding: 0 0.75rem;
}

.btn-category-save[b-spjl82bdl0] {
    height: 32px;
    font-size: 0.75rem;
    padding: 0 0.85rem;
}

.category-manage-icon[b-spjl82bdl0] {
    font-size: 1.1rem;
}

.modern-input-flex[b-spjl82bdl0] {
    flex: 1;
}

.dropzone-file-input[b-spjl82bdl0] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

/* ============================================
   RESPONSIVE ADAPTATION (Mobile & Tablet)
   ============================================ */
@media (max-width: 640px) {
    .modal-overlay[b-spjl82bdl0] {
        padding: 0;
        align-items: flex-end;
    }

    .modal-card[b-spjl82bdl0] {
        border-radius: 20px 20px 0 0;
        max-height: 92vh;
        width: 100%;
        max-width: 100%;
    }

    .modal-header-modern[b-spjl82bdl0] {
        padding: 0.65rem 0.85rem;
    }

    .modal-header-icon-green[b-spjl82bdl0] {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 1rem;
    }

    .modal-header-texts h3[b-spjl82bdl0] {
        font-size: 1rem;
    }

    .modal-header-texts p[b-spjl82bdl0] {
        display: none;
    }

    .modal-close-btn[b-spjl82bdl0] {
        width: 30px;
        height: 30px;
    }

    .modal-body-scroll[b-spjl82bdl0] {
        padding: 0.85rem 1.15rem;
    }

    .modal-footer-modern[b-spjl82bdl0] {
        padding: 0.6rem 1.15rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .modal-footer-modern .flex-1[b-spjl82bdl0] {
        display: none;
    }

    .modal-footer-modern .btn-modern-save[b-spjl82bdl0] {
        grid-column: 1 / -1;
        order: -1;
        justify-content: center;
        height: 42px;
    }

    .modal-footer-modern .btn-modern-cancel[b-spjl82bdl0],
    .modal-footer-modern .btn-modern-delete[b-spjl82bdl0] {
        justify-content: center;
        height: 38px;
        padding: 0 0.5rem;
        font-size: 0.82rem;
    }

    .modal-section-grid[b-spjl82bdl0] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .photo-search-grid[b-spjl82bdl0] {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* /Components/Pages/App/ListaDetalheParts/AddProductCatalogModal.razor.rz.scp.css */
/* AddProductCatalogModal.razor.css — Modal Premium de Produtos e Readição */

.catalog-modal-backdrop[b-1o7v42rc3b] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.catalog-modal-container[b-1o7v42rc3b] {
    background: var(--surface);
    width: 100%;
    max-width: 680px;
    max-height: 90vh;
    border-radius: 20px;
    box-shadow: var(--shadow-xl), 0 0 0 1px var(--border);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: modalScaleUp-b-1o7v42rc3b 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalScaleUp-b-1o7v42rc3b {
    from {
        opacity: 0;
        transform: scale(0.96) translateY(8px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Header */
.catalog-header[b-1o7v42rc3b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.25rem 1.5rem 1rem;
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}

.catalog-title-row[b-1o7v42rc3b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.catalog-header-icon[b-1o7v42rc3b] {
    font-size: 1.35rem;
}

.catalog-title[b-1o7v42rc3b] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
    letter-spacing: -0.01em;
}

.catalog-subtitle[b-1o7v42rc3b] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin: 0.2rem 0 0;
}

.catalog-btn-close[b-1o7v42rc3b] {
    background: var(--surface-3);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.catalog-btn-close:hover[b-1o7v42rc3b] {
    background: var(--border);
    color: var(--text-primary);
}

/* Banner Lista Fixa */
.catalog-banner-fixa[b-1o7v42rc3b] {
    margin: 1rem 1.5rem 0.25rem;
    padding: 0.875rem 1rem;
    background: var(--surface-success);
    border: 1px solid var(--primary-subtle, #A7F3D0);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.banner-fixa-info[b-1o7v42rc3b] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.banner-fixa-icon[b-1o7v42rc3b] {
    font-size: 1.3rem;
}

.banner-fixa-info strong[b-1o7v42rc3b] {
    display: block;
    font-size: 0.9rem;
    color: var(--primary-dark, #065F46);
}

.banner-fixa-count[b-1o7v42rc3b] {
    font-size: 0.775rem;
    color: var(--primary, #047857);
}

.btn-adicionar-fixa[b-1o7v42rc3b] {
    background: var(--primary, #059669);
    color: #FFFFFF;
    border: none;
    border-radius: 10px;
    padding: 0.5rem 0.85rem;
    font-size: 0.825rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(5, 150, 105, 0.2);
    transition: all 0.15s ease;
}

.btn-adicionar-fixa:hover:not(:disabled)[b-1o7v42rc3b] {
    background: var(--primary-dark, #047857);
    transform: translateY(-1px);
}

/* Campo de busca */
.catalog-search-box[b-1o7v42rc3b] {
    margin: 1rem 1.5rem 0.5rem;
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon[b-1o7v42rc3b] {
    position: absolute;
    left: 1rem;
    color: var(--text-tertiary);
    font-size: 0.95rem;
    pointer-events: none;
}

.catalog-search-input[b-1o7v42rc3b] {
    width: 100%;
    padding: 0.75rem 2.5rem 0.75rem 2.6rem;
    background: var(--surface-2);
    border: 1.5px solid var(--border);
    border-radius: 14px;
    font-size: 0.95rem;
    color: var(--text-primary);
    transition: all 0.15s ease;
    outline: none;
}

.catalog-search-input:focus[b-1o7v42rc3b] {
    background: var(--surface);
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.12);
}

.search-clear-btn[b-1o7v42rc3b] {
    position: absolute;
    right: 0.75rem;
    background: transparent;
    border: none;
    color: var(--text-tertiary);
    cursor: pointer;
    font-size: 1.1rem;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-clear-btn:hover[b-1o7v42rc3b] {
    color: var(--text-primary);
}

/* Criar Novo Rapido */
.catalog-create-quick[b-1o7v42rc3b] {
    margin: 0.25rem 1.5rem 0.75rem;
    padding: 0.65rem 1rem;
    background: var(--surface-success);
    border: 1.5px dashed var(--primary-subtle, #86EFAC);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.catalog-create-quick:hover[b-1o7v42rc3b] {
    background: var(--surface-success);
    border-color: var(--primary);
    transform: translateY(-1px);
}

.create-quick-icon[b-1o7v42rc3b] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--primary);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.create-quick-info[b-1o7v42rc3b] {
    flex: 1;
    min-width: 0;
}

.create-quick-label[b-1o7v42rc3b] {
    display: block;
    font-size: 0.75rem;
    color: var(--primary-dark, #15803D);
    text-transform: uppercase;
    font-weight: 600;
}

.create-quick-name[b-1o7v42rc3b] {
    font-size: 0.95rem;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.create-quick-arrow[b-1o7v42rc3b] {
    color: var(--primary);
    font-size: 0.9rem;
}

/* Corpo do Catálogo */
.catalog-body[b-1o7v42rc3b] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 1.5rem 1rem;
    display: flex;
    flex-direction: column;
}

.catalog-loading[b-1o7v42rc3b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.catalog-empty[b-1o7v42rc3b] {
    text-align: center;
    padding: 3rem 1.5rem;
}

.empty-icon[b-1o7v42rc3b] {
    font-size: 3rem;
    margin-bottom: 0.5rem;
}

.catalog-empty h3[b-1o7v42rc3b] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.catalog-empty p[b-1o7v42rc3b] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-bottom: 1.25rem;
}

.btn-criar-novo-empty[b-1o7v42rc3b] {
    background: var(--primary);
    color: #FFFFFF;
    border: none;
    border-radius: 12px;
    padding: 0.65rem 1.25rem;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.2);
}

.catalog-section-title[b-1o7v42rc3b] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-secondary);
    letter-spacing: 0.05em;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.catalog-section-tip[b-1o7v42rc3b] {
    font-size: 0.725rem;
    font-weight: normal;
    color: var(--text-tertiary);
    letter-spacing: normal;
}

/* Grid de Cards */
.catalog-grid[b-1o7v42rc3b] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.catalog-card[b-1o7v42rc3b] {
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 14px;
    padding: 0.75rem 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.catalog-card:hover[b-1o7v42rc3b] {
    border-color: var(--border-hover);
    background: var(--surface-2);
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
}

.catalog-card.card-ja-na-lista[b-1o7v42rc3b] {
    background: var(--surface-2);
    border-color: var(--border);
    opacity: 0.85;
}

.catalog-card.card-ja-na-lista:hover[b-1o7v42rc3b] {
    opacity: 1;
    border-color: var(--border-hover);
}

.card-thumb[b-1o7v42rc3b] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--surface-3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.card-img[b-1o7v42rc3b] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-emoji[b-1o7v42rc3b] {
    font-size: 1.5rem;
}

.card-content[b-1o7v42rc3b] {
    flex: 1;
    min-width: 0;
}

.card-header-line[b-1o7v42rc3b] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.card-nome[b-1o7v42rc3b] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.badge-fixa[b-1o7v42rc3b] {
    font-size: 0.65rem;
    background: var(--surface-warning);
    color: var(--warning, #92400E);
    padding: 0.15rem 0.4rem;
    border-radius: 6px;
    font-weight: 700;
    flex-shrink: 0;
}

.card-meta[b-1o7v42rc3b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.15rem;
    font-size: 0.775rem;
}

.card-categoria[b-1o7v42rc3b] {
    color: var(--text-secondary);
}

.card-marca[b-1o7v42rc3b] {
    color: var(--text-primary);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.card-last-purchase[b-1o7v42rc3b] {
    margin-top: 0.25rem;
}

.purchase-history-badge[b-1o7v42rc3b] {
    font-size: 0.725rem;
    color: var(--text-secondary);
    background: var(--surface-2);
    padding: 0.15rem 0.45rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.purchase-history-badge.empty[b-1o7v42rc3b] {
    color: var(--text-tertiary);
    background: transparent;
    padding: 0;
}

.card-action[b-1o7v42rc3b] {
    flex-shrink: 0;
}

.badge-na-lista[b-1o7v42rc3b] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary);
    background: var(--surface-success);
    border: 1px solid var(--primary-subtle, #A7F3D0);
    padding: 0.35rem 0.65rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.btn-fast-add[b-1o7v42rc3b] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--surface-success);
    color: var(--primary);
    border: 1.5px solid var(--primary-subtle, #86EFAC);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-fast-add:hover:not(:disabled)[b-1o7v42rc3b] {
    background: var(--primary);
    color: #FFFFFF;
    border-color: var(--primary);
    transform: scale(1.08);
    box-shadow: 0 4px 10px rgba(22, 163, 74, 0.3);
}

.btn-fast-add:active:not(:disabled)[b-1o7v42rc3b] {
    transform: scale(0.95);
}

/* Footer */
.catalog-footer[b-1o7v42rc3b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border);
    background: var(--surface-2);
    gap: 0.75rem;
}

.btn-novo-customizado[b-1o7v42rc3b] {
    background: transparent;
    border: 1.5px solid var(--border);
    color: var(--text-primary);
    border-radius: 12px;
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-novo-customizado:hover[b-1o7v42rc3b] {
    background: var(--surface-3);
    border-color: var(--border-hover);
    color: var(--text-primary);
}

.btn-concluir[b-1o7v42rc3b] {
    background: var(--primary);
    color: #FFFFFF;
    border: none;
    border-radius: 12px;
    padding: 0.65rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-concluir:hover[b-1o7v42rc3b] {
    background: var(--primary-dark, #15803D);
}

/* Mobile adjustments */
@media (max-width: 640px) {
    .catalog-modal-backdrop[b-1o7v42rc3b] {
        padding: 0;
        align-items: flex-end;
    }

    .catalog-modal-container[b-1o7v42rc3b] {
        max-width: 100%;
        max-height: 92vh;
        border-radius: 20px 20px 0 0;
    }

    .catalog-header[b-1o7v42rc3b] {
        padding: 1rem 1.25rem 0.75rem;
    }

    .catalog-search-box[b-1o7v42rc3b] {
        margin: 0.75rem 1.25rem 0.5rem;
    }

    .catalog-body[b-1o7v42rc3b] {
        padding: 0.5rem 1.25rem 1rem;
    }

    .catalog-footer[b-1o7v42rc3b] {
        padding: 0.75rem 1.25rem;
    }
}
/* /Components/Pages/App/ListaDetalheParts/ConfirmarExcluirModal.razor.rz.scp.css */
.modal-box-confirm[b-g8uzy3ynlu] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    box-shadow: var(--shadow-xl);
    width: 100%;
    max-width: 440px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    animation: confirmSlideUp-b-g8uzy3ynlu 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes confirmSlideUp-b-g8uzy3ynlu {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-confirm-header[b-g8uzy3ynlu] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.modal-confirm-icon-wrap[b-g8uzy3ynlu] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: var(--surface-danger);
    color: var(--red-500);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.modal-confirm-texts[b-g8uzy3ynlu] {
    flex: 1;
}

.modal-confirm-title[b-g8uzy3ynlu] {
    margin: 0 0 0.35rem 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text-primary);
    letter-spacing: -0.01em;
}

.modal-confirm-desc[b-g8uzy3ynlu] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--text-secondary);
    line-height: 1.45;
}

.modal-confirm-warning[b-g8uzy3ynlu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.85rem;
    background: var(--surface-danger);
    border: 1px solid var(--border-danger);
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-danger);
}

.modal-confirm-actions[b-g8uzy3ynlu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
}

.btn-confirm-cancel[b-g8uzy3ynlu] {
    height: 40px;
    padding: 0 1.15rem;
    border-radius: 10px;
    border: 1.5px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-confirm-cancel:hover:not(:disabled)[b-g8uzy3ynlu] {
    background: var(--surface-2);
    color: var(--text-primary);
    border-color: var(--border-hover);
}

.btn-confirm-danger[b-g8uzy3ynlu] {
    height: 40px;
    padding: 0 1.25rem;
    border-radius: 10px;
    border: none;
    background: #DC2626;
    color: #FFFFFF;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    transition: all 0.15s ease;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.25);
}

.btn-confirm-danger:hover:not(:disabled)[b-g8uzy3ynlu] {
    background: #B91C1C;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35);
}

.btn-confirm-danger:disabled[b-g8uzy3ynlu],
.btn-confirm-cancel:disabled[b-g8uzy3ynlu] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}
/* /Components/Pages/App/ListaDetalheParts/ImportListModal.razor.rz.scp.css */
/* Backdrop e Container */
.import-modal-backdrop[b-03g7nn6885] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 1rem;
}

.import-modal-container[b-03g7nn6885] {
    background: var(--bg-card, #ffffff);
    color: var(--text-primary, #1e293b);
    border-radius: 1rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 680px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--border-color, #e2e8f0);
}

/* Header */
.import-header[b-03g7nn6885] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-color, #e2e8f0);
}

.import-title-row[b-03g7nn6885] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.import-header-icon[b-03g7nn6885] {
    font-size: 1.5rem;
}

.import-title[b-03g7nn6885] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    color: var(--text-primary, #0f172a);
}

.import-subtitle[b-03g7nn6885] {
    font-size: 0.875rem;
    color: var(--text-muted, #64748b);
    margin: 0.25rem 0 0 0;
}

.import-btn-close[b-03g7nn6885] {
    background: transparent;
    border: none;
    font-size: 1.1rem;
    color: var(--text-muted, #64748b);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 0.375rem;
    transition: background-color 0.15s, color 0.15s;
}

.import-btn-close:hover[b-03g7nn6885] {
    background-color: var(--bg-hover, #f1f5f9);
    color: var(--text-primary, #0f172a);
}

/* Body */
.import-body[b-03g7nn6885] {
    padding: 1.25rem 1.5rem;
    overflow-y: auto;
    flex: 1;
}

/* Step 1: Textarea */
.textarea-wrapper[b-03g7nn6885] {
    position: relative;
}

.import-textarea[b-03g7nn6885] {
    width: 100%;
    border: 1.5px solid var(--border-color, #cbd5e1);
    border-radius: 0.75rem;
    padding: 0.875rem 1rem;
    font-family: inherit;
    font-size: 0.925rem;
    line-height: 1.5;
    background: var(--bg-input, #f8fafc);
    color: var(--text-primary, #0f172a);
    resize: vertical;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.import-textarea:focus[b-03g7nn6885] {
    outline: none;
    border-color: #2563eb;
    background: var(--bg-card, #ffffff);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.step-actions-bar[b-03g7nn6885] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.left-actions[b-03g7nn6885] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Step 2: Reconciliation */
.reconcile-summary-bar[b-03g7nn6885] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--bg-secondary, #f8fafc);
    padding: 0.75rem 1rem;
    border-radius: 0.625rem;
    margin-bottom: 1rem;
    border: 1px solid var(--border-color, #e2e8f0);
}

.summary-counts[b-03g7nn6885] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.badge-reactivate[b-03g7nn6885] {
    background: #fef3c7;
    color: #92400e;
    font-weight: 600;
}

.badge-new[b-03g7nn6885] {
    background: #dcfce7;
    color: #166534;
    font-weight: 600;
}

.badge-active[b-03g7nn6885] {
    background: #e0f2fe;
    color: #0369a1;
    font-weight: 600;
}

.badge-catalog[b-03g7nn6885] {
    background: #e0e7ff;
    color: #3730a3;
    font-weight: 600;
}

.candidates-list[b-03g7nn6885] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.candidate-row[b-03g7nn6885] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding: 0.875rem;
    border-radius: 0.625rem;
    border: 1px solid var(--border-color, #e2e8f0);
    background: var(--bg-card, #ffffff);
    transition: background-color 0.15s, border-color 0.15s;
}

.candidate-row.unselected[b-03g7nn6885] {
    opacity: 0.6;
    background: var(--bg-secondary, #f8fafc);
}

.candidate-row.row-reactivate[b-03g7nn6885] {
    border-left: 4px solid #f59e0b;
}

.candidate-row.row-new[b-03g7nn6885], .candidate-row.row-catalog[b-03g7nn6885] {
    border-left: 4px solid #10b981;
}

.candidate-row.row-active[b-03g7nn6885] {
    border-left: 4px solid #3b82f6;
}

.checkbox-col[b-03g7nn6885] {
    padding-top: 0.25rem;
}

.content-col[b-03g7nn6885] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.item-name-input-group[b-03g7nn6885] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.candidate-name-input[b-03g7nn6885] {
    flex: 1;
    font-weight: 600;
    font-size: 0.95rem;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    padding: 0.25rem 0.5rem;
    background: transparent;
    color: var(--text-primary, #0f172a);
    transition: border-color 0.15s, background-color 0.15s;
}

.candidate-name-input:focus[b-03g7nn6885] {
    border-color: #2563eb;
    background: var(--bg-card, #ffffff);
    outline: none;
}

.candidate-obs-tag[b-03g7nn6885] {
    font-size: 0.75rem;
    background: #fef08a;
    color: #854d0e;
    padding: 0.2rem 0.5rem;
    border-radius: 0.375rem;
    font-weight: 500;
    white-space: nowrap;
}

.item-meta-row[b-03g7nn6885] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.action-badge[b-03g7nn6885] {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 0.375rem;
}

.category-pill[b-03g7nn6885] {
    font-size: 0.75rem;
    border: 1px solid;
    padding: 0.15rem 0.5rem;
    border-radius: 1rem;
    font-weight: 500;
}

.candidate-qty-wrapper[b-03g7nn6885] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
}

.qty-label[b-03g7nn6885] {
    font-size: 0.75rem;
    color: var(--text-muted, #64748b);
    margin: 0;
}

.qty-input[b-03g7nn6885] {
    width: 50px;
    padding: 0.15rem 0.35rem;
    font-size: 0.85rem;
    border: 1px solid var(--border-color, #cbd5e1);
    border-radius: 0.375rem;
    text-align: center;
    background: var(--bg-input, #ffffff);
    color: var(--text-primary, #0f172a);
}

.unit-text[b-03g7nn6885] {
    font-size: 0.75rem;
    color: var(--text-muted, #64748b);
}

/* Footer */
.import-footer[b-03g7nn6885] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color, #e2e8f0);
    background: var(--bg-secondary, #f8fafc);
}

.btn-confirm-import[b-03g7nn6885] {
    font-weight: 600;
    padding: 0.5rem 1.25rem;
}

/* Responsividade */
@media (max-width: 576px) {
    .import-modal-container[b-03g7nn6885] {
        max-height: 95vh;
    }

    .import-header[b-03g7nn6885], .import-body[b-03g7nn6885], .import-footer[b-03g7nn6885] {
        padding: 1rem;
    }

    .item-meta-row[b-03g7nn6885] {
        gap: 0.375rem;
    }

    .candidate-qty-wrapper[b-03g7nn6885] {
        margin-left: 0;
        width: 100%;
        margin-top: 0.25rem;
    }
}

/* /Components/Pages/App/ListaDetalheParts/ItemFilterBar.razor.rz.scp.css */
.filter-chips-group[b-pdvthhnk2a] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    flex-wrap: wrap;
}

.filter-chip[b-pdvthhnk2a] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-secondary);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 9px;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    line-height: 1.2;
}

.filter-chip:hover[b-pdvthhnk2a] {
    background: var(--surface-2);
    color: var(--text-primary);
    border-color: var(--border-hover);
}

.filter-chip.active[b-pdvthhnk2a] {
    background: var(--surface-info);
    color: var(--text-info);
    border-color: var(--border-info);
}

.filter-chip.chip-market[b-pdvthhnk2a] {
    color: var(--brand-700);
    background: var(--surface-success);
    border-color: var(--border-success);
    font-weight: 700;
}

.filter-chip.chip-market:hover[b-pdvthhnk2a] {
    background: var(--surface-2);
    border-color: var(--brand-500);
}

.filter-chip.chip-market.active[b-pdvthhnk2a] {
    background: var(--brand-600);
    color: #FFFFFF;
    border-color: var(--brand-600);
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.3);
}

[data-theme="dark"] .filter-chip.chip-market[b-pdvthhnk2a] {
    color: var(--brand-400);
}

[data-theme="dark"] .filter-chip.chip-market.active[b-pdvthhnk2a] {
    color: #FFFFFF;
}

.filter-chip.chip-danger[b-pdvthhnk2a] {
    color: var(--text-danger);
    background: var(--surface-danger);
    border-color: var(--border-danger);
}

.filter-chip.chip-danger:hover[b-pdvthhnk2a] {
    background: var(--border-danger);
    color: var(--red-600);
}

@media (max-width: 640px) {
    .filter-chips-group[b-pdvthhnk2a] {
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .filter-chips-group[b-pdvthhnk2a]::-webkit-scrollbar {
        display: none;
    }
    .filter-chip[b-pdvthhnk2a] {
        flex-shrink: 0;
        padding: 0.35rem 0.65rem;
        font-size: 0.75rem;
    }
}

/* /Components/Pages/App/ListaDetalheParts/ItemListSection.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   ItemListSection — Modern Ergonomic Shopping List Rows
   Style: Warm Market / Organic Premium
   Touch & Mobile-First with Desktop Polish
   ═══════════════════════════════════════════════════════════════ */

.item-list-card[b-w90q4hsojr] {
    padding: 0.5rem 0;
    overflow: visible;
}

.empty-state-padded[b-w90q4hsojr] {
    padding: 3rem;
}

.check-glyph[b-w90q4hsojr] {
    font-size: 1.25rem;
    line-height: 1;
}

.category-section[b-w90q4hsojr] {
    margin-bottom: 1.25rem;
}

.category-header[b-w90q4hsojr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.35rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--stone-700, #44403C);
    letter-spacing: -0.01em;
}

.category-dot[b-w90q4hsojr] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.category-title[b-w90q4hsojr] {
    font-weight: 700;
    color: var(--stone-800, #292524);
}

.category-count[b-w90q4hsojr] {
    font-size: 0.75rem;
    color: var(--stone-400, #A8A29E);
    font-weight: 500;
}

.category-items-container[b-w90q4hsojr] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-height: 48px;
}

/* ── Item Row Card ── */
.item-row[b-w90q4hsojr] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 1rem;
    border: 1.5px solid var(--border);
    border-radius: 16px;
    background: var(--surface);
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.item-row:hover[b-w90q4hsojr] {
    border-color: var(--border-hover);
    box-shadow: var(--shadow-sm);
}

.item-row.is-checked[b-w90q4hsojr] {
    background: var(--surface-checked);
    border-color: var(--border-subtle);
    opacity: 0.85;
}

.item-row.is-checked .item-name[b-w90q4hsojr] {
    text-decoration: line-through;
    color: var(--text-tertiary);
}

/* ── Drag Handle (Touch & Mouse) ── */
.drag-handle[b-w90q4hsojr] {
    width: 24px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-tertiary);
    cursor: grab;
    touch-action: none;
    user-select: none;
    border-radius: 8px;
    flex-shrink: 0;
    font-size: 1.15rem;
    transition: all 0.12s ease;
}

.drag-handle:hover[b-w90q4hsojr] {
    color: var(--brand-600);
    background: var(--surface-success);
}

.drag-handle:active[b-w90q4hsojr] {
    cursor: grabbing;
}

/* SortableJS Ghost & Chosen States */
.sortable-ghost[b-w90q4hsojr] {
    opacity: 0.35 !important;
    background: var(--surface-success) !important;
    border: 2px dashed var(--brand-500) !important;
    box-shadow: none !important;
}

.sortable-chosen[b-w90q4hsojr] {
    background: var(--surface) !important;
    border-color: var(--brand-500) !important;
    box-shadow: var(--shadow-lg) !important;
    transform: scale(1.02);
    z-index: 100;
}

.sortable-drag[b-w90q4hsojr] {
    cursor: grabbing !important;
}

/* ── Checkbox (Único acionador de marcar/desmarcar) ── */
.item-checkbox[b-w90q4hsojr] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 11px;
    border: 2px solid var(--border-hover);
    background: var(--surface);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    color: #FFFFFF;
    flex-shrink: 0;
    padding: 0;
}

.item-checkbox:hover[b-w90q4hsojr] {
    border-color: var(--brand-500);
    background: var(--surface-success);
}

.item-checkbox:active[b-w90q4hsojr] {
    transform: scale(0.85);
    transition: transform 0.04s ease-out;
}

.item-checkbox.checked[b-w90q4hsojr] {
    border-color: var(--brand-600);
    background: var(--brand-600);
    color: #FFFFFF;
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.35);
}

/* ── Thumbnail MAIOR (Imagens nítidas para uso no mercado) ── */
.item-thumb[b-w90q4hsojr] {
    width: 62px;
    height: 62px;
    min-width: 62px;
    border-radius: 14px;
    overflow: hidden;
    background: var(--surface-2);
    border: 1.5px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    box-shadow: var(--shadow-xs);
}

.item-thumb:hover[b-w90q4hsojr] {
    transform: scale(1.05);
    border-color: var(--brand-400);
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.15);
}

.item-thumb img[b-w90q4hsojr] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 3px;
    transition: transform 0.2s ease;
}

.item-thumb:hover img[b-w90q4hsojr] {
    transform: scale(1.06);
}

.category-fallback-icon[b-w90q4hsojr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1.75rem;
    transition: transform 0.15s ease;
}

.item-thumb img + .category-fallback-icon[b-w90q4hsojr] {
    display: none;
}

.hidden-image[b-w90q4hsojr] {
    display: none !important;
}

.hidden-image + .category-fallback-icon[b-w90q4hsojr] {
    display: flex !important;
}

/* ── Corpo do Item (Nome e Metadados) ── */
.item-body[b-w90q4hsojr] {
    flex: 1;
    min-width: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.item-header-row[b-w90q4hsojr] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.item-name[b-w90q4hsojr] {
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.25;
    word-break: break-word;
}

.item-history-badge-btn[b-w90q4hsojr] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: var(--surface-info);
    border: 1px solid var(--border-info);
    color: var(--text-info);
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
    line-height: 1.2;
}

.item-history-badge-btn:hover[b-w90q4hsojr] {
    filter: brightness(0.95);
    transform: translateY(-1px);
}

.item-meta[b-w90q4hsojr] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    font-size: 0.78rem;
    color: var(--text-secondary);
}

/* ── Quantidade em Destaque ── */
.item-qty-pill[b-w90q4hsojr] {
    font-weight: 800;
    background: var(--surface-success);
    color: var(--text-success);
    border: 1px solid var(--border-success);
    padding: 0.18rem 0.65rem;
    border-radius: 8px;
    font-size: 0.8rem;
    white-space: nowrap;
    line-height: 1.25;
}

/* ── Chips de Marcas (Todas em Chips) ── */
.item-brands-container[b-w90q4hsojr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.brand-chip[b-w90q4hsojr] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.18rem 0.6rem;
    border-radius: 8px;
    font-size: 0.76rem;
    font-weight: 600;
    background: var(--surface-2);
    color: var(--text-primary);
    border: 1px solid var(--border);
    white-space: nowrap;
    transition: all 0.15s ease;
    line-height: 1.25;
}

.brand-chip:hover[b-w90q4hsojr] {
    background: var(--surface-3);
    border-color: var(--border-hover);
}

.brand-chip.is-preferred[b-w90q4hsojr] {
    background: var(--surface-warning);
    color: var(--text-warning);
    border-color: var(--border-warning);
    box-shadow: 0 1px 2px rgba(245, 158, 11, 0.08);
}

.brand-chip-star[b-w90q4hsojr] {
    color: var(--amber-500);
    font-size: 0.75rem;
    line-height: 1;
}

.brand-chip-price[b-w90q4hsojr] {
    font-size: 0.7rem;
    color: var(--text-tertiary);
    font-weight: 500;
    margin-left: 2px;
}

.rich-mark-badge[b-w90q4hsojr] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: var(--surface-success);
    color: var(--text-success);
    font-size: 0.74rem;
    font-weight: 700;
    padding: 0.18rem 0.65rem;
    border-radius: 8px;
    border: 1px solid var(--border-success);
    line-height: 1.25;
}

/* ── Preço & Responsável ── */
.item-trailing-info[b-w90q4hsojr] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
    flex-shrink: 0;
    cursor: pointer;
}

.item-price[b-w90q4hsojr] {
    font-size: 0.98rem;
    font-weight: 800;
    color: var(--text-primary);
    white-space: nowrap;
}

.item-price-unit[b-w90q4hsojr] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    font-weight: 500;
    white-space: nowrap;
}

.text-green[b-w90q4hsojr] {
    color: var(--brand-600) !important;
}

/* ── Ações Desktop vs Mobile ── */
.row-actions-desktop[b-w90q4hsojr] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    transition: opacity 0.15s ease;
}

.row-actions-mobile[b-w90q4hsojr] {
    display: none;
}

.row-action-btn[b-w90q4hsojr] {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    border: 1px solid var(--border);
    background: var(--surface);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.95rem;
    transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    color: var(--text-secondary);
}

.row-action-btn.action-context[b-w90q4hsojr] {
    color: var(--brand-600);
}
.row-action-btn.action-context:hover[b-w90q4hsojr] {
    background: var(--surface-success);
    border-color: var(--border-success);
    color: var(--text-success);
    transform: translateY(-1px);
}

.row-action-btn.action-history[b-w90q4hsojr] {
    color: var(--text-info);
}
.row-action-btn.action-history:hover[b-w90q4hsojr] {
    background: var(--surface-info);
    border-color: var(--border-info);
    color: var(--text-info);
    transform: translateY(-1px);
}

.row-action-btn.action-edit[b-w90q4hsojr] {
    color: var(--text-secondary);
}
.row-action-btn.action-edit:hover[b-w90q4hsojr] {
    background: var(--surface-2);
    border-color: var(--border-hover);
    color: var(--text-primary);
    transform: translateY(-1px);
}

.row-action-btn.action-delete[b-w90q4hsojr] {
    color: var(--red-500);
}
.row-action-btn.action-delete:hover[b-w90q4hsojr] {
    background: var(--surface-danger);
    border-color: var(--border-danger);
    color: var(--red-600);
    transform: translateY(-1px);
}

/* ── Mobile Action Buttons & Dropdown Menu ── */
.mobile-action-btn[b-w90q4hsojr] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--surface);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    color: var(--text-secondary);
    padding: 0;
}

.mobile-action-btn:active[b-w90q4hsojr] {
    transform: scale(0.95);
}

.mobile-action-btn.action-context-mobile[b-w90q4hsojr] {
    background: var(--surface-success);
    border-color: var(--border-success);
    color: var(--text-success);
    gap: 2px;
}

.mobile-action-tag[b-w90q4hsojr] {
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.mobile-action-btn.action-more-mobile[b-w90q4hsojr] {
    font-size: 1.1rem;
    color: var(--text-tertiary);
}

.mobile-action-btn.action-more-mobile:hover[b-w90q4hsojr],
.mobile-action-btn.action-more-mobile:active[b-w90q4hsojr] {
    color: var(--text-primary);
    background: var(--surface-2);
}

.item-menu-wrapper[b-w90q4hsojr] {
    position: relative;
}

.item-menu-backdrop[b-w90q4hsojr] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.12);
}

.item-dropdown-menu[b-w90q4hsojr] {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow-lg);
    z-index: 1001;
    min-width: 175px;
    padding: 0.35rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.item-dropdown-btn[b-w90q4hsojr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: none;
    background: transparent;
    border-radius: 9px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-primary);
    cursor: pointer;
    text-align: left;
    transition: background 0.12s;
}

.item-dropdown-btn:hover[b-w90q4hsojr],
.item-dropdown-btn:active[b-w90q4hsojr] {
    background: var(--surface-2);
}

.item-dropdown-btn.text-danger[b-w90q4hsojr] {
    color: var(--red-500);
}

.item-dropdown-btn.text-danger:hover[b-w90q4hsojr],
.item-dropdown-btn.text-danger:active[b-w90q4hsojr] {
    background: var(--surface-danger);
    color: var(--red-600);
}

.item-dropdown-divider[b-w90q4hsojr] {
    height: 1px;
    background: var(--border);
    margin: 0.25rem 0;
}

/* ── Card Comemorativo de Tudo Comprado ── */
.all-bought-card[b-w90q4hsojr] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, var(--surface-success), var(--surface));
    border: 1.5px solid var(--border-success);
    border-radius: 18px;
    margin-bottom: 1.5rem;
    box-shadow: var(--shadow-sm);
}

.all-bought-icon[b-w90q4hsojr] {
    font-size: 2.2rem;
    line-height: 1;
    flex-shrink: 0;
}

.all-bought-info[b-w90q4hsojr] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.all-bought-title[b-w90q4hsojr] {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--text-success);
    letter-spacing: -0.01em;
}

.all-bought-sub[b-w90q4hsojr] {
    font-size: 0.84rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.4;
}

/* ── Seção Única Consolidada — Já Comprados / Para Repor ── */
.repor-section[b-w90q4hsojr] {
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 2px dashed var(--border);
}

.repor-header[b-w90q4hsojr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--surface-2);
    border: 1.5px solid var(--border);
    border-radius: 14px;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.repor-header-left[b-w90q4hsojr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 220px;
}

.repor-icon-wrap[b-w90q4hsojr] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--surface-success);
    color: var(--text-success);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
}

.repor-title-wrap[b-w90q4hsojr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.repor-title-row[b-w90q4hsojr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.repor-title[b-w90q4hsojr] {
    font-size: 0.96rem;
    font-weight: 800;
    color: var(--text-primary);
    letter-spacing: -0.01em;
}

.repor-subtitle[b-w90q4hsojr] {
    font-size: 0.76rem;
    color: var(--text-tertiary);
}

.repor-badge[b-w90q4hsojr] {
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: var(--surface-3);
    color: var(--text-secondary);
    border: 1px solid var(--border);
}

.repor-header-right[b-w90q4hsojr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-repor-todos[b-w90q4hsojr] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: 10px;
    background: var(--surface);
    border: 1.5px solid var(--border-hover);
    color: var(--text-primary);
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.btn-repor-todos:hover[b-w90q4hsojr] {
    background: var(--surface-success);
    border-color: var(--border-success);
    color: var(--text-success);
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
}

.btn-repor-todos:active[b-w90q4hsojr] {
    transform: scale(0.97);
}

.repor-items-container[b-w90q4hsojr] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.repor-row[b-w90q4hsojr] {
    background: var(--surface-checked);
    border-color: var(--border-subtle);
}

.repor-row:hover[b-w90q4hsojr] {
    border-color: var(--border-hover);
    background: var(--surface);
}

.repor-item-name[b-w90q4hsojr] {
    color: var(--text-secondary);
    font-weight: 600;
}

.repor-checkbox[b-w90q4hsojr] {
    cursor: pointer;
}

.repor-category-tag[b-w90q4hsojr] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.12rem 0.5rem;
    background: var(--surface-2);
    color: var(--text-tertiary);
    border-radius: 6px;
    border-left: 3px solid var(--stone-400);
    line-height: 1.2;
}

.repor-qty-pill[b-w90q4hsojr] {
    background: var(--surface-2) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border) !important;
    font-weight: 600 !important;
}

.item-thumb-repor[b-w90q4hsojr] {
    opacity: 0.85;
}

/* ── Modo Mercado — Máxima Legibilidade nos Corredores ── */
.modo-mercado-ativo .item-row:not(.is-checked)[b-w90q4hsojr] {
    border-width: 2px;
    border-color: var(--border-hover);
    padding: 0.85rem 1rem;
    box-shadow: var(--shadow-sm);
}

.modo-mercado-ativo .item-checkbox[b-w90q4hsojr] {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 14px;
    border-width: 2.5px;
}

.modo-mercado-ativo .item-name[b-w90q4hsojr] {
    font-size: 1.08rem;
    font-weight: 800;
    color: var(--text-primary);
}

.modo-mercado-ativo .item-qty-pill[b-w90q4hsojr] {
    font-size: 0.88rem;
    padding: 0.22rem 0.75rem;
    font-weight: 800;
}

.modo-mercado-ativo .category-header[b-w90q4hsojr] {
    font-size: 0.92rem;
    font-weight: 800;
    padding: 0.6rem 0.85rem;
    background: var(--surface-2);
    border-radius: 10px;
    margin-bottom: 0.5rem;
}

/* Desktop Polish */
@media (min-width: 769px) {
    .row-actions-desktop[b-w90q4hsojr] {
        opacity: 0.95;
    }
    .item-row:hover .row-actions-desktop[b-w90q4hsojr] {
        opacity: 1;
    }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .row-actions-desktop[b-w90q4hsojr] {
        display: none !important;
    }

    .row-actions-mobile[b-w90q4hsojr] {
        display: flex;
    }

    .item-row[b-w90q4hsojr] {
        padding: 0.7rem 0.75rem;
        gap: 0.65rem;
    }

    .item-thumb[b-w90q4hsojr] {
        width: 48px;
        height: 48px;
        min-width: 48px;
        border-radius: 12px;
    }

    .category-fallback-icon[b-w90q4hsojr] {
        font-size: 1.45rem;
    }

    .item-name[b-w90q4hsojr] {
        font-size: 0.98rem;
        font-weight: 700;
        line-height: 1.25;
    }

    .drag-handle[b-w90q4hsojr] {
        width: 18px;
        font-size: 1rem;
    }

    .item-checkbox[b-w90q4hsojr] {
        width: 42px;
        height: 42px;
        min-width: 42px;
        border-radius: 12px;
    }

    .item-trailing-info[b-w90q4hsojr] {
        display: none;
    }
}

.item-price-pill-mobile[b-w90q4hsojr] {
    display: none;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--text-secondary);
    background: var(--surface-2);
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
    border: 1px solid var(--border);
}

@media (max-width: 479px) {
    .item-price-pill-mobile[b-w90q4hsojr] {
        display: inline-flex;
    }

    .item-row[b-w90q4hsojr] {
        padding: 0.6rem 0.65rem;
        gap: 0.55rem;
    }

    .item-thumb[b-w90q4hsojr] {
        width: 44px;
        height: 44px;
        min-width: 44px;
        border-radius: 10px;
    }

    .category-fallback-icon[b-w90q4hsojr] {
        font-size: 1.35rem;
    }

    .drag-handle[b-w90q4hsojr] {
        width: 16px;
        font-size: 0.9rem;
    }

    .item-checkbox[b-w90q4hsojr] {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .brand-chip[b-w90q4hsojr] {
        padding: 0.12rem 0.45rem;
        font-size: 0.72rem;
    }

    .mobile-action-btn[b-w90q4hsojr] {
        width: 38px;
        height: 38px;
    }

    .item-name[b-w90q4hsojr] {
        font-size: 0.94rem;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .item-trailing-info[b-w90q4hsojr] {
        display: flex;
    }
}
/* /Components/Pages/App/ListaDetalheParts/ProductHistoryModal.razor.rz.scp.css */
/* ProductHistoryModal.razor.css — Timeline Moderna de Histórico do Produto */

.product-history-backdrop[b-smnatrnk0q] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.product-history-container[b-smnatrnk0q] {
    background: var(--surface);
    border: 1px solid var(--border);
    width: 100%;
    max-width: 580px;
    max-height: 85vh;
    border-radius: 20px;
    box-shadow: var(--shadow-xl);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.history-header[b-smnatrnk0q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem 1rem;
    border-bottom: 1px solid var(--border);
    background: var(--surface-2);
}

.history-title-row[b-smnatrnk0q] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.history-icon[b-smnatrnk0q] {
    font-size: 1.4rem;
}

.history-title[b-smnatrnk0q] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.history-subtitle[b-smnatrnk0q] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin: 0.15rem 0 0;
}

.history-close-btn[b-smnatrnk0q] {
    background: var(--surface);
    border: 1px solid var(--border);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.history-close-btn:hover[b-smnatrnk0q] {
    background: var(--surface-3);
    color: var(--text-primary);
}

.history-body[b-smnatrnk0q] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem 1.5rem;
}

.history-loading[b-smnatrnk0q], .history-empty[b-smnatrnk0q] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--text-secondary);
}

/* Timeline */
.history-timeline[b-smnatrnk0q] {
    position: relative;
    padding-left: 1.5rem;
}

.history-timeline[b-smnatrnk0q]::before {
    content: '';
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 11px;
    width: 2px;
    background: var(--border);
}

.timeline-item[b-smnatrnk0q] {
    position: relative;
    margin-bottom: 1.25rem;
}

.timeline-item:last-child[b-smnatrnk0q] {
    margin-bottom: 0;
}

.timeline-dot[b-smnatrnk0q] {
    position: absolute;
    left: -1.5rem;
    top: 4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: #FFFFFF;
    box-shadow: 0 0 0 3px var(--surface);
}

.dot-add[b-smnatrnk0q] { background: var(--brand-500); }
.dot-check[b-smnatrnk0q] { background: var(--brand-600); }
.dot-uncheck[b-smnatrnk0q] { background: var(--stone-500); }
.dot-edit[b-smnatrnk0q] { background: var(--amber-500); }
.dot-delete[b-smnatrnk0q] { background: var(--red-500); }
.dot-default[b-smnatrnk0q] { background: var(--blue-500); }

.timeline-card[b-smnatrnk0q] {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0.75rem 0.9rem;
}

.timeline-header-row[b-smnatrnk0q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.35rem;
}

.timeline-action-badge[b-smnatrnk0q] {
    font-size: 0.725rem;
    font-weight: 700;
    padding: 0.15rem 0.45rem;
    border-radius: 6px;
}

.badge-action-add[b-smnatrnk0q] { background: var(--surface-success); color: var(--text-success); }
.badge-action-check[b-smnatrnk0q] { background: var(--surface-success); color: var(--text-success); }
.badge-action-uncheck[b-smnatrnk0q] { background: var(--surface-3); color: var(--text-secondary); }
.badge-action-edit[b-smnatrnk0q] { background: var(--surface-warning); color: var(--text-warning); }
.badge-action-delete[b-smnatrnk0q] { background: var(--surface-danger); color: var(--text-danger); }
.badge-action-default[b-smnatrnk0q] { background: var(--surface-info); color: var(--text-info); }

.timeline-date[b-smnatrnk0q] {
    font-size: 0.725rem;
    color: var(--text-tertiary);
}

.timeline-details[b-smnatrnk0q] {
    font-size: 0.85rem;
    color: var(--text-primary);
}

.timeline-price[b-smnatrnk0q] {
    color: var(--brand-600);
    font-weight: 700;
}

.timeline-obs[b-smnatrnk0q] {
    font-size: 0.775rem;
    color: var(--text-secondary);
    margin-top: 0.2rem;
    font-style: italic;
}

.timeline-meta-row[b-smnatrnk0q] {
    margin-top: 0.4rem;
    font-size: 0.725rem;
    color: var(--text-secondary);
    border-top: 1px dashed var(--border);
    padding-top: 0.35rem;
}

.history-footer[b-smnatrnk0q] {
    padding: 0.875rem 1.5rem;
    border-top: 1px solid var(--border);
    background: var(--surface-2);
    text-align: right;
}

.btn-fechar-history[b-smnatrnk0q] {
    background: var(--surface-3);
    color: var(--text-primary);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 0.5rem 1.25rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-fechar-history:hover[b-smnatrnk0q] {
    background: var(--border-hover);
}

.btn-delete-history-record[b-smnatrnk0q] {
    background: var(--surface-danger);
    border: 1px solid var(--border-danger);
    color: var(--text-danger);
    cursor: pointer;
    padding: 0.2rem 0.55rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: all 0.15s ease;
}

.btn-delete-history-record:hover[b-smnatrnk0q] {
    color: #B91C1C;
    background: #FEE2E2;
    border-color: #F87171;
    transform: translateY(-1px);
}

.delete-confirm-box[b-smnatrnk0q] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--surface-danger);
    border: 1px solid var(--border-danger);
    border-radius: 6px;
    padding: 0.2rem 0.5rem;
}

.delete-confirm-prompt[b-smnatrnk0q] {
    font-size: 0.75rem;
    color: var(--text-danger);
    font-weight: 700;
}

.btn-confirm-delete[b-smnatrnk0q] {
    background: var(--red-500);
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.15rem 0.4rem;
    cursor: pointer;
}

.btn-cancel-delete[b-smnatrnk0q] {
    background: var(--surface-2);
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: 4px;
    font-size: 0.7rem;
    padding: 0.15rem 0.4rem;
    cursor: pointer;
}

/* ============================================
   RESPONSIVE ADAPTATION (Mobile & Tablet)
   ============================================ */
@media (max-width: 640px) {
    .product-history-backdrop[b-smnatrnk0q] {
        padding: 0;
        align-items: flex-end;
    }

    .product-history-container[b-smnatrnk0q] {
        border-radius: 20px 20px 0 0;
        max-height: 90vh;
        width: 100%;
        max-width: 100%;
    }

    .history-header[b-smnatrnk0q] {
        padding: 1rem 1.15rem;
    }

    .history-body[b-smnatrnk0q] {
        padding: 1rem 1.15rem;
    }

    .history-footer[b-smnatrnk0q] {
        padding: 0.85rem 1.15rem;
    }

    .history-footer .btn-close-history[b-smnatrnk0q] {
        width: 100%;
        justify-content: center;
        height: 42px;
    }

    .history-card-header[b-smnatrnk0q] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
    }

    .delete-confirm-box[b-smnatrnk0q] {
        width: 100%;
        justify-content: space-between;
    }
}

/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-wrapper[b-k8tr1pad3b] {
    animation: fadeIn-b-k8tr1pad3b 0.8s ease-out;
}

@keyframes fadeIn-b-k8tr1pad3b {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.hero-section[b-k8tr1pad3b] {
    margin-bottom: 2.5rem;
}

.glass-card[b-k8tr1pad3b] {
    background: var(--glass-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: 1.5rem;
    box-shadow: var(--card-shadow);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card:hover[b-k8tr1pad3b] {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.08);
    border-color: rgba(45, 125, 70, 0.2);
}

.stat-icon[b-k8tr1pad3b] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
}

.bg-primary-soft[b-k8tr1pad3b] { background: rgba(45, 125, 70, 0.1); color: var(--primary); }
.bg-blue-soft[b-k8tr1pad3b] { background: rgba(59, 130, 246, 0.1); color: #3b82f6; }
.bg-purple-soft[b-k8tr1pad3b] { background: rgba(139, 92, 246, 0.1); color: #8b5cf6; }
.bg-orange-soft[b-k8tr1pad3b] { background: rgba(245, 158, 11, 0.1); color: #f59e0b; }

.table-glass[b-k8tr1pad3b] {
    border-radius: 20px;
    overflow: hidden;
}

.table-glass thead th[b-k8tr1pad3b] {
    background: rgba(0, 0, 0, 0.02);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    padding: 1rem 1.5rem;
}

.table-glass tbody td[b-k8tr1pad3b] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
}

.avatar-initial[b-k8tr1pad3b] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    background: var(--primary-gradient);
    color: white;
}

.sync-status-dot[b-k8tr1pad3b] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.status-online[b-k8tr1pad3b] { background: #10b981; box-shadow: 0 0 10px rgba(16, 185, 129, 0.5); }

.btn-refresh[b-k8tr1pad3b] {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0.6rem 1.2rem;
    border-radius: 14px;
    font-weight: 600;
    transition: all 0.2s;
    color: var(--text-main);
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}

.btn-refresh:hover[b-k8tr1pad3b] {
    background: var(--primary);
    color: white;
    transform: rotate(15deg);
}