/* /Components/FileDropZone.razor.rz.scp.css */
.dropzone[b-zafb7xbvr9] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 11rem;
    padding: 2rem;
    border: 2px dashed #475569;
    border-radius: .75rem;
    background: #1e293b;
    transition: border-color .15s, background .15s;
}

.dropzone--over[b-zafb7xbvr9] {
    border-color: #38bdf8;
    background: #243449;
}

/* El input cubre toda la zona para capturar clics y soltar archivos. */
.dropzone__input[b-zafb7xbvr9] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.dropzone__label[b-zafb7xbvr9] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    text-align: center;
    pointer-events: none;
}

.dropzone__label strong[b-zafb7xbvr9] { font-size: 1.15rem; }
.dropzone__label span[b-zafb7xbvr9] { color: #94a3b8; }

/* Foco visible por accesibilidad (US-10.1). */
.dropzone__input:focus-visible + .dropzone__label[b-zafb7xbvr9] {
    outline: 2px solid #38bdf8;
    outline-offset: 6px;
    border-radius: .5rem;
}

.dropzone__error[b-zafb7xbvr9] {
    margin: .75rem 0 0;
    color: #fca5a5;
}

@media (prefers-reduced-motion: reduce) {
    .dropzone[b-zafb7xbvr9] { transition: none; }
}
/* /Components/OptionsPanel.razor.rz.scp.css */
.options[b-oksii7ynun] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    margin: 1.5rem 0;
    padding: 1.25rem;
    background: #1e293b;
    border-radius: .6rem;
}

.options__field[b-oksii7ynun] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    font-size: .95rem;
}

.options__field > span[b-oksii7ynun] { color: #cbd5e1; }

.options__field select[b-oksii7ynun],
.options__field input[type="number"][b-oksii7ynun] {
    padding: .45rem .6rem;
    border-radius: .4rem;
    border: 1px solid #475569;
    background: #0f172a;
    color: #f1f5f9;
}

.options__field--check[b-oksii7ynun] {
    flex-direction: row;
    align-items: center;
    gap: .5rem;
}

.options__field--disabled[b-oksii7ynun] { opacity: .55; }

.options__field small[b-oksii7ynun] { color: #94a3b8; }
/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-3geerhuz0b] {
    max-width: 60rem;
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4rem) 1.25rem;
}

.app-shell[b-3geerhuz0b]  .muted {
    color: #94a3b8;
}

.app-shell[b-3geerhuz0b]  code {
    background: rgba(148, 163, 184, .15);
    padding: .1rem .4rem;
    border-radius: .3rem;
}
/* /Pages/Home.razor.rz.scp.css */
.tool h1[b-cjji5e10cm] { margin-top: 0; }

.tool__subtitle[b-cjji5e10cm] {
    font-size: 1.1rem;
    margin: 1.75rem 0 .5rem;
}

.actions[b-cjji5e10cm] {
    display: flex;
    gap: .75rem;
    margin: 1rem 0;
}

.btn[b-cjji5e10cm] {
    font-size: 1rem;
    font-weight: 600;
    border: 0;
    border-radius: .5rem;
    padding: .6rem 1.2rem;
    cursor: pointer;
}

.btn:disabled[b-cjji5e10cm] { opacity: .6; cursor: not-allowed; }

.btn--primary[b-cjji5e10cm] { background: #38bdf8; color: #04293a; }
.btn--ghost[b-cjji5e10cm] { background: transparent; color: #cbd5e1; border: 1px solid #475569; }
.btn--small[b-cjji5e10cm] { padding: .3rem .8rem; font-size: .85rem; background: #38bdf8; color: #04293a; }

.progress[b-cjji5e10cm] {
    height: .6rem;
    background: #334155;
    border-radius: 999px;
    overflow: hidden;
    margin: 1rem 0 .35rem;
}

.progress__bar[b-cjji5e10cm] {
    height: 100%;
    background: #38bdf8;
    transition: width .2s ease;
}

.progress__label[b-cjji5e10cm] { color: #94a3b8; margin: 0 0 1rem; }

.file-list[b-cjji5e10cm] {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.file-list__item[b-cjji5e10cm] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .6rem .9rem;
    background: #1e293b;
    border-radius: .5rem;
}

.file-list__thumb[b-cjji5e10cm] {
    width: 3rem;
    height: 3rem;
    object-fit: cover;
    border-radius: .35rem;
    background: #0f172a;
    flex: none;
}

.file-list__name[b-cjji5e10cm] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-list__size[b-cjji5e10cm] { color: #94a3b8; font-variant-numeric: tabular-nums; }
.file-list__error[b-cjji5e10cm] { color: #fca5a5; font-size: .9rem; }

.status[b-cjji5e10cm] {
    font-size: .8rem;
    font-weight: 600;
    padding: .15rem .55rem;
    border-radius: 999px;
}

.status--completed[b-cjji5e10cm] { background: #14532d; color: #86efac; }
.status--failed[b-cjji5e10cm] { background: #7f1d1d; color: #fca5a5; }
.status--cancelled[b-cjji5e10cm] { background: #334155; color: #cbd5e1; }
.status--processing[b-cjji5e10cm],
.status--pending[b-cjji5e10cm] { background: #1e3a5f; color: #93c5fd; }