/* /Components/Dashboard/MetricCard.razor.rz.scp.css */
.metric-card[b-yvc5ufqlv4] {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px !important;
    border: 1px solid var(--border-color);
    border-radius: 10px !important;
    background: var(--bg-card) !important;
}

.metric-icon[b-yvc5ufqlv4] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    margin-bottom: 10px;
    border-radius: 50%;
    color: #fff;
    background: #1285f5;
}

.metric-card.green .metric-icon[b-yvc5ufqlv4] {
    background: #08a65d;
}

.metric-card.orange .metric-icon[b-yvc5ufqlv4] {
    background: #ffad16;
}

.metric-card.red .metric-icon[b-yvc5ufqlv4] {
    background: #ff354d;
}

.metric-card strong[b-yvc5ufqlv4] {
    color: var(--text-primary);
    font-size: clamp(1.65rem, 2vw, 2.05rem);
    line-height: 1;
}

.metric-card > span[b-yvc5ufqlv4] {
    margin-top: 6px;
    color: var(--text-secondary);
    font-size: .8rem;
}
/* /Components/Profile/MyProfileModal.razor.rz.scp.css */
/* Estilos locales: superficies y textos vinculados al tema global TRAYEKTO. */
.myprofile-overlay[b-y6776ef9jg] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(9, 28, 53, .62);
    font-family: 'Roboto Condensed', Roboto, sans-serif;
}

.myprofile-dialog[b-y6776ef9jg] {
    width: min(1200px, 100%);
    max-height: min(94dvh, 980px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--border-color, #d4deeb);
    border-radius: 19px;
    background: var(--bg-card, #fff);
    color: var(--text-primary, #10294a);
    box-shadow: 0 24px 80px rgba(0, 0, 0, .32);
}

.myprofile-header[b-y6776ef9jg] {
    background: var(--bg-card, #fff);
    display: flex;
    align-items: center;
    gap: 26px;
    flex: none;
    padding: 20px 28px;
    border-bottom: 1px solid var(--border-color, #d4deeb);
}

.myprofile-brand[b-y6776ef9jg] {
    flex: 0 0 265px;
    padding-right: 24px;
    border-right: 1px solid var(--border-color, #d4deeb);
}

.myprofile-brand img[b-y6776ef9jg] { width: min(100%, 228px); height: auto; max-height: 70px; object-fit: contain; object-position: left center; }
/* El CSS global trayekto-theme.css controla la visibilidad de ambas variantes
   mediante html[data-theme="light"] y html[data-theme="dark"]. */
.myprofile-heading[b-y6776ef9jg] { min-width: 0; flex: 1; }
.myprofile-heading h2[b-y6776ef9jg] { margin: 0; font-size: clamp(1.5rem, 2.3vw, 2rem); font-weight: 800; line-height: 1.15; }
.myprofile-heading p[b-y6776ef9jg] { margin: 5px 0 0; color: var(--text-secondary, #51647f); font-size: .96rem; }

.myprofile-close[b-y6776ef9jg] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: none;
    align-self: flex-start;
    border: 1px solid var(--border-color, #d4deeb);
    border-radius: 50%;
    background: var(--bg-card, #fff);
    color: inherit;
    cursor: pointer;
}

.myprofile-body[b-y6776ef9jg] { display: grid; grid-template-columns: 245px minmax(0, 1fr); min-height: 0; flex: 1; }
.myprofile-nav[b-y6776ef9jg] { background: var(--bg-elevated, #fff); display: flex; flex-direction: column; gap: 8px; padding: 26px 15px; border-right: 1px solid var(--border-color, #d4deeb); }
.myprofile-nav button[b-y6776ef9jg] { display: flex; align-items: center; gap: 12px; text-align: left; padding: 13px 14px; border: 0; border-left: 3px solid transparent; border-radius: 9px; background: transparent; color: inherit; font: inherit; font-size: .98rem; cursor: pointer; }
.myprofile-nav button.selected[b-y6776ef9jg] { border-left-color: var(--primary, #087cf5); background: color-mix(in srgb, var(--primary, #087cf5) 12%, var(--bg-card, #fff)); color: var(--primary, #087cf5); font-weight: 700; }
.myprofile-nav button:hover:not(.selected)[b-y6776ef9jg] { background: var(--hover-bg, #f2f6fc); }
.myprofile-content[b-y6776ef9jg] { background: var(--bg-primary, #f3f7fb); display: flex; flex-direction: column; gap: 18px; min-width: 0; min-height: 0; overflow-y: auto; padding: 26px; }
.myprofile-section-title[b-y6776ef9jg] { display: flex; align-items: center; gap: 16px; }
.myprofile-section-icon[b-y6776ef9jg] { display: grid; place-items: center; width: 52px; height: 52px; flex: none; border-radius: 13px; background: color-mix(in srgb, var(--primary, #087cf5) 12%, var(--bg-card, #fff)); color: var(--primary, #087cf5); }
.myprofile-section-title h3[b-y6776ef9jg] { margin: 0; font-size: 1.55rem; font-weight: 800; }
.myprofile-section-title p[b-y6776ef9jg], .myprofile-requests-header p[b-y6776ef9jg] { margin: 4px 0 0; color: var(--text-secondary, #51647f); font-size: .93rem; }
.myprofile-role-grid[b-y6776ef9jg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.myprofile-role-card[b-y6776ef9jg], .myprofile-card[b-y6776ef9jg] { color: var(--text-primary, #10294a); border: 1px solid var(--border-color, #d4deeb); border-radius: 13px; background: var(--bg-card, #fff); box-shadow: 0 2px 6px rgba(0, 0, 0, .025); }
.myprofile-role-card[b-y6776ef9jg] { display: flex; flex-direction: column; min-height: 185px; padding: 19px; border-left: 4px solid var(--primary, #087cf5); transition: box-shadow .15s ease, transform .15s ease; }
.myprofile-role-card:hover[b-y6776ef9jg] { box-shadow: 0 8px 22px rgba(0, 0, 0, .09); transform: translateY(-1px); }
.myprofile-role-cliente[b-y6776ef9jg] { border-left-color: #13aa66; }
.myprofile-role-operario[b-y6776ef9jg] { border-left-color: #ef8b13; }
.myprofile-role-proveedor[b-y6776ef9jg] { border-left-color: #8642d7; }
.myprofile-role-main[b-y6776ef9jg] { display: flex; align-items: flex-start; gap: 13px; min-width: 0; }
.myprofile-role-icon[b-y6776ef9jg] { display: grid; place-items: center; width: 56px; height: 56px; flex: none; border-radius: 13px; background: color-mix(in srgb, var(--primary, #087cf5) 12%, var(--bg-card, #fff)); color: var(--primary, #087cf5); }
.myprofile-role-cliente .myprofile-role-icon[b-y6776ef9jg] { color: #0b9e58; background: color-mix(in srgb, #13aa66 12%, var(--bg-card, #fff)); }
.myprofile-role-operario .myprofile-role-icon[b-y6776ef9jg] { color: #d87800; background: color-mix(in srgb, #ef8b13 13%, var(--bg-card, #fff)); }
.myprofile-role-proveedor .myprofile-role-icon[b-y6776ef9jg] { color: #8642d7; background: color-mix(in srgb, #8642d7 12%, var(--bg-card, #fff)); }
.myprofile-role-description[b-y6776ef9jg] { flex: 1; min-width: 0; }
.myprofile-role-description h4[b-y6776ef9jg] { margin: 0 0 5px; font-size: 1.3rem; font-weight: 800; }
.myprofile-role-description p[b-y6776ef9jg] { margin: 0; color: var(--text-secondary, #51647f); font-size: .93rem; line-height: 1.4; }
.myprofile-status[b-y6776ef9jg] { flex: none; border-radius: 20px; padding: 5px 10px; font-size: .79rem; font-weight: 700; }
.myprofile-status-active[b-y6776ef9jg] { background: color-mix(in srgb, #0b9e58 18%, var(--bg-card, #fff)); color: #0b9e58; }
.myprofile-status-inactive[b-y6776ef9jg] { background: var(--bg-subtle, #e9edf3); color: var(--text-secondary, #51647f); }
.myprofile-role-footer[b-y6776ef9jg] { display: flex; justify-content: flex-end; align-items: center; flex: 1; margin-top: 18px; }
.myprofile-company-info[b-y6776ef9jg] { display: flex; align-items: center; gap: 10px; width: 100%; padding-top: 12px; border-top: 1px solid var(--border-color, #d4deeb); }
.myprofile-company-info span[b-y6776ef9jg] { display: flex; flex-direction: column; min-width: 0; }
.myprofile-company-info small[b-y6776ef9jg] { color: var(--text-secondary, #51647f); }
.myprofile-company-info strong[b-y6776ef9jg] { overflow-wrap: anywhere; }
.myprofile-role-caption[b-y6776ef9jg] { display: flex; align-items: center; gap: 6px; color: var(--text-secondary, #51647f); font-size: .9rem; }
.myprofile-action[b-y6776ef9jg] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 39px; padding: 8px 14px; border: 1px solid var(--primary, #087cf5); border-radius: 8px; background: var(--primary, #087cf5); color: #ffffff; font: inherit; font-weight: 700; cursor: pointer; }
.myprofile-action:disabled[b-y6776ef9jg] { opacity: .55; cursor: wait; }
.myprofile-card[b-y6776ef9jg] { padding: 20px; }
.myprofile-card h4[b-y6776ef9jg] { margin: 0 0 14px; font-size: 1.15rem; font-weight: 800; }
.myprofile-fields[b-y6776ef9jg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.myprofile-fields label[b-y6776ef9jg] { display: block; margin-bottom: 7px; font-size: .84rem; font-weight: 700; }
.myprofile-fields output[b-y6776ef9jg] { display: block; padding: 11px 12px; border: 1px solid var(--border-color, #d4deeb); border-radius: 8px; background: var(--bg-subtle, #f8fafd); overflow-wrap: anywhere; }
.myprofile-note[b-y6776ef9jg] { margin: 14px 0 0; color: var(--text-secondary, #51647f); font-size: .88rem; }
.myprofile-requests-header[b-y6776ef9jg] { display: flex; align-items: center; gap: 13px; margin-bottom: 18px; }
.myprofile-requests-header h4[b-y6776ef9jg] { margin: 0; }
.myprofile-request-count[b-y6776ef9jg] { margin-left: auto; padding: 7px 12px; border-radius: 20px; background: var(--bg-subtle, #edf2f8); font-weight: 700; white-space: nowrap; }
.myprofile-empty[b-y6776ef9jg] { display: flex; align-items: center; justify-content: center; gap: 22px; min-height: 145px; padding: 22px; border: 1px solid var(--border-color, #d4deeb); border-radius: 10px; background: var(--bg-subtle, #f8fafd); }
.myprofile-empty > .mud-icon-root[b-y6776ef9jg] { font-size: 54px; color: var(--primary, #087cf5); }
.myprofile-empty strong[b-y6776ef9jg] { font-size: 1.07rem; }
.myprofile-empty p[b-y6776ef9jg] { margin: 6px 0 0; color: var(--text-secondary, #51647f); }
.myprofile-request-list[b-y6776ef9jg] { display: grid; gap: 10px; }
.myprofile-request-row[b-y6776ef9jg] { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 12px; border: 1px solid var(--border-color, #d4deeb); border-radius: 8px; }
.myprofile-request-row > div[b-y6776ef9jg] { display: grid; gap: 4px; min-width: 0; }
.myprofile-request-row small[b-y6776ef9jg] { color: var(--text-secondary, #51647f); overflow-wrap: anywhere; }
.myprofile-request-status[b-y6776ef9jg] { font-weight: 700; }
.myprofile-feedback[b-y6776ef9jg] { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--border-color, #d4deeb); border-radius: 8px; }
.myprofile-error[b-y6776ef9jg] { color: var(--mud-palette-error, #d92d40); }
.myprofile-success[b-y6776ef9jg] { color: var(--mud-palette-success, #059669); }

@media (max-width: 950px) {
    .myprofile-header[b-y6776ef9jg] { gap: 18px; padding: 18px; }
    .myprofile-brand[b-y6776ef9jg] { flex-basis: 210px; padding-right: 16px; }
    .myprofile-body[b-y6776ef9jg] { grid-template-columns: 200px minmax(0, 1fr); }
    .myprofile-content[b-y6776ef9jg] { padding: 18px; }
    .myprofile-role-grid[b-y6776ef9jg] { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
    .myprofile-overlay[b-y6776ef9jg] { padding: 0; }
    .myprofile-dialog[b-y6776ef9jg] { width: 100%; max-height: 100dvh; height: 100dvh; border-radius: 0; }
    .myprofile-header[b-y6776ef9jg] { flex-wrap: wrap; gap: 12px; padding: 13px 15px; }
    .myprofile-brand[b-y6776ef9jg] { flex: 1 1 160px; border: 0; padding: 0; }
    .myprofile-brand img[b-y6776ef9jg] { max-width: 170px; }
    .myprofile-heading[b-y6776ef9jg] { order: 3; flex-basis: 100%; }
    .myprofile-heading h2[b-y6776ef9jg] { font-size: 1.45rem; }
    .myprofile-heading p[b-y6776ef9jg] { font-size: .83rem; }
    .myprofile-body[b-y6776ef9jg] { display: flex; flex-direction: column; }
    .myprofile-nav[b-y6776ef9jg] { flex-direction: row; gap: 8px; padding: 10px 12px; border-right: 0; border-bottom: 1px solid var(--border-color, #d4deeb); overflow-x: auto; }
    .myprofile-nav button[b-y6776ef9jg] { flex: none; padding: 9px 10px; font-size: .87rem; }
    .myprofile-content[b-y6776ef9jg] { padding: 14px; gap: 14px; }
    .myprofile-section-title h3[b-y6776ef9jg] { font-size: 1.25rem; }
    .myprofile-section-icon[b-y6776ef9jg] { width: 42px; height: 42px; }
    .myprofile-role-card[b-y6776ef9jg] { padding: 14px; min-height: 0; }
    .myprofile-role-icon[b-y6776ef9jg] { width: 42px; height: 42px; }
    .myprofile-role-description h4[b-y6776ef9jg] { font-size: 1.1rem; }
    .myprofile-status[b-y6776ef9jg] { padding: 4px 7px; font-size: .72rem; }
    .myprofile-fields[b-y6776ef9jg] { grid-template-columns: 1fr; }
    .myprofile-requests-header[b-y6776ef9jg] { flex-wrap: wrap; }
    .myprofile-empty[b-y6776ef9jg] { flex-direction: column; text-align: center; gap: 10px; }
}

/* Las variables del tema son globales y cambian al alternar html[data-theme].
   No se sobreescriben estilos de otros modulos ni componentes compartidos. */
.myprofile-dialog[b-y6776ef9jg] { color-scheme: normal; }
.myprofile-role-card[b-y6776ef9jg], .myprofile-card[b-y6776ef9jg] { background: var(--bg-elevated, #fff); }
.myprofile-empty[b-y6776ef9jg], .myprofile-fields output[b-y6776ef9jg] { background: var(--bg-subtle, #f8fafd); color: var(--text-primary, #10294a); }
.myprofile-request-row[b-y6776ef9jg] { background: var(--bg-card, #fff); }
.myprofile-status-inactive[b-y6776ef9jg] { color: var(--text-secondary, #51647f); }
.myprofile-close:hover[b-y6776ef9jg] { background: var(--hover-bg, #f1f7ff); }
.myprofile-action:hover:not(:disabled)[b-y6776ef9jg] { background: var(--primary-hover, #006ee6); }

/* Contraste de estados sobre superficies oscuras sin alterar el modo claro. */
@media (prefers-reduced-motion: reduce) {
    .myprofile-role-card[b-y6776ef9jg] { transition: none; }
    .myprofile-role-card:hover[b-y6776ef9jg] { transform: none; }
}

/* Rediseño estructural de Mi perfil: escala y jerarquía del mockup aprobado.
   Las superficies siguen utilizando exclusivamente el tema global. */
.myprofile-dialog[b-y6776ef9jg] { width: min(1460px, calc(100vw - 36px)); max-height: min(96dvh, 1080px); border-radius: 24px; }
.myprofile-header[b-y6776ef9jg] { min-height: 116px; padding: 22px 38px; gap: 34px; position: relative; isolation: isolate; }
.myprofile-header[b-y6776ef9jg]::before { content: ""; position: absolute; inset: 0 0 0 auto; width: 26%; background: color-mix(in srgb, var(--primary, #087cf5) 9%, transparent); clip-path: polygon(65% 0, 100% 0, 100% 100%, 0 100%); pointer-events: none; z-index: -1; }
.myprofile-brand[b-y6776ef9jg] { flex-basis: 330px; padding-right: 32px; }
.myprofile-brand img[b-y6776ef9jg] { width: 280px; max-width: 100%; max-height: 84px; }
.myprofile-heading h2[b-y6776ef9jg] { font-size: clamp(2rem, 2.5vw, 2.65rem); letter-spacing: -.02em; }
.myprofile-heading p[b-y6776ef9jg] { font-size: 1.12rem; line-height: 1.35; }
.myprofile-close[b-y6776ef9jg] { align-self: center; width: 46px; height: 46px; position: relative; z-index: 1; }
.myprofile-body[b-y6776ef9jg] { grid-template-columns: 290px minmax(0, 1fr); }
.myprofile-nav[b-y6776ef9jg] { padding: 35px 20px; gap: 13px; }
.myprofile-nav button[b-y6776ef9jg] { min-height: 58px; gap: 16px; padding: 14px 18px; font-size: 1.16rem; }
.myprofile-nav .mud-icon-root[b-y6776ef9jg] { font-size: 28px; }
.myprofile-content[b-y6776ef9jg] { padding: 30px 32px 36px; gap: 22px; }
.myprofile-section-title[b-y6776ef9jg] { gap: 20px; min-height: 74px; }
.myprofile-section-icon[b-y6776ef9jg] { width: 72px; height: 72px; border-radius: 18px; }
.myprofile-section-icon .mud-icon-root[b-y6776ef9jg] { font-size: 38px; }
.myprofile-section-title h3[b-y6776ef9jg] { font-size: 2.05rem; }
.myprofile-section-title p[b-y6776ef9jg] { font-size: 1.13rem; }
.myprofile-profile-hint[b-y6776ef9jg] { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-size: .94rem; color: var(--text-secondary, #51647f); white-space: nowrap; }
.myprofile-profile-hint .mud-icon-root[b-y6776ef9jg] { color: var(--primary, #087cf5); }
.myprofile-role-grid[b-y6776ef9jg] { gap: 20px; }
.myprofile-role-card[b-y6776ef9jg] { min-height: 232px; padding: 23px; border-radius: 18px; border-left-width: 5px; }
.myprofile-role-main[b-y6776ef9jg] { gap: 18px; }
.myprofile-role-icon[b-y6776ef9jg] { width: 78px; height: 78px; border-radius: 18px; }
.myprofile-role-icon .mud-icon-root[b-y6776ef9jg] { font-size: 44px; }
.myprofile-role-description h4[b-y6776ef9jg] { font-size: 1.75rem; line-height: 1.15; margin-bottom: 9px; }
.myprofile-role-description p[b-y6776ef9jg] { font-size: 1.13rem; line-height: 1.4; }
.myprofile-status[b-y6776ef9jg] { display: inline-flex; align-items: center; gap: 6px; font-size: .94rem; padding: 7px 12px; }
.myprofile-status .mud-icon-root[b-y6776ef9jg] { font-size: 17px; }
.myprofile-role-footer[b-y6776ef9jg] { margin-top: 23px; }
.myprofile-company-info[b-y6776ef9jg] { gap: 15px; padding-top: 17px; font-size: 1.14rem; }
.myprofile-company-info > .mud-icon-root[b-y6776ef9jg] { font-size: 28px; }
.myprofile-company-info small[b-y6776ef9jg] { font-size: .95rem; }
.myprofile-action[b-y6776ef9jg] { min-height: 48px; padding: 10px 20px; font-size: 1.13rem; border-radius: 10px; }
.myprofile-action .mud-icon-root[b-y6776ef9jg] { font-size: 24px; }
.myprofile-card[b-y6776ef9jg] { padding: 24px; border-radius: 18px; }
.myprofile-requests-header[b-y6776ef9jg] { gap: 18px; margin-bottom: 20px; }
.myprofile-requests-header h4[b-y6776ef9jg] { font-size: 1.75rem; margin-bottom: 5px; }
.myprofile-requests-header p[b-y6776ef9jg] { font-size: 1.1rem; }
.myprofile-request-count[b-y6776ef9jg] { font-size: 1.02rem; padding: 9px 17px; }
.myprofile-empty[b-y6776ef9jg] { min-height: 190px; gap: 36px; padding: 24px 36px; }
.myprofile-empty-illustration[b-y6776ef9jg] { position: relative; display: grid; place-items: center; width: 132px; height: 132px; flex: none; border-radius: 50%; background: color-mix(in srgb, var(--primary, #087cf5) 12%, var(--bg-card, #fff)); color: var(--primary, #087cf5); }
.myprofile-empty-illustration > .mud-icon-root[b-y6776ef9jg] { font-size: 86px; }
.myprofile-empty-check[b-y6776ef9jg] { display: grid; place-items: center; position: absolute; right: 3px; bottom: 5px; width: 43px; height: 43px; border-radius: 50%; background: var(--primary, #087cf5); color: #fff; }
.myprofile-empty-check .mud-icon-root[b-y6776ef9jg] { font-size: 30px; }
.myprofile-empty strong[b-y6776ef9jg] { font-size: 1.34rem; }
.myprofile-empty p[b-y6776ef9jg] { font-size: 1.12rem; line-height: 1.4; }
.myprofile-role-card:focus-within[b-y6776ef9jg] { outline: 2px solid var(--primary, #087cf5); outline-offset: 2px; }
@media (max-width: 1180px) {
 .myprofile-dialog[b-y6776ef9jg] { width: min(1100px, calc(100vw - 28px)); }
 .myprofile-body[b-y6776ef9jg] { grid-template-columns: 220px minmax(0, 1fr); }
 .myprofile-brand[b-y6776ef9jg] { flex-basis: 250px; }
 .myprofile-content[b-y6776ef9jg] { padding: 22px; }
 .myprofile-role-card[b-y6776ef9jg] { padding: 17px; }
 .myprofile-role-icon[b-y6776ef9jg] { width: 58px; height: 58px; }
 .myprofile-role-icon .mud-icon-root[b-y6776ef9jg] { font-size: 32px; }
 .myprofile-role-description h4[b-y6776ef9jg] { font-size: 1.4rem; }
 .myprofile-role-description p[b-y6776ef9jg] { font-size: 1rem; }
 .myprofile-profile-hint[b-y6776ef9jg] { display: none; }
}
@media (max-width: 850px) {
 .myprofile-role-grid[b-y6776ef9jg] { grid-template-columns: 1fr; }
 .myprofile-role-card[b-y6776ef9jg] { min-height: 165px; }
 .myprofile-header[b-y6776ef9jg] { padding: 16px 20px; }
 .myprofile-heading h2[b-y6776ef9jg] { font-size: 1.8rem; }
 .myprofile-brand[b-y6776ef9jg] { flex-basis: 200px; }
 .myprofile-empty-illustration[b-y6776ef9jg] { width: 100px; height: 100px; }
 .myprofile-empty-illustration > .mud-icon-root[b-y6776ef9jg] { font-size: 65px; }
}
@media (max-width: 650px) {
 .myprofile-dialog[b-y6776ef9jg] { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; }
 .myprofile-header[b-y6776ef9jg] { min-height: auto; gap: 12px; padding: 14px; }
 .myprofile-header[b-y6776ef9jg]::before { display: none; }
 .myprofile-brand[b-y6776ef9jg] { flex: 1 1 170px; }
 .myprofile-brand img[b-y6776ef9jg] { width: 180px; }
 .myprofile-heading h2[b-y6776ef9jg] { font-size: 1.65rem; }
 .myprofile-heading p[b-y6776ef9jg] { font-size: .95rem; }
 .myprofile-body[b-y6776ef9jg] { display: flex; flex-direction: column; }
 .myprofile-nav[b-y6776ef9jg] { padding: 9px 12px; }
 .myprofile-nav button[b-y6776ef9jg] { min-height: 43px; padding: 9px 12px; font-size: .96rem; }
 .myprofile-nav .mud-icon-root[b-y6776ef9jg] { font-size: 21px; }
 .myprofile-content[b-y6776ef9jg] { padding: 16px; gap: 16px; }
 .myprofile-section-icon[b-y6776ef9jg] { width: 52px; height: 52px; }
 .myprofile-section-icon .mud-icon-root[b-y6776ef9jg] { font-size: 28px; }
 .myprofile-section-title h3[b-y6776ef9jg] { font-size: 1.5rem; }
 .myprofile-section-title p[b-y6776ef9jg] { font-size: .94rem; }
 .myprofile-role-card[b-y6776ef9jg] { min-height: 160px; padding: 15px; }
 .myprofile-role-main[b-y6776ef9jg] { gap: 10px; }
 .myprofile-role-icon[b-y6776ef9jg] { width: 48px; height: 48px; }
 .myprofile-role-icon .mud-icon-root[b-y6776ef9jg] { font-size: 27px; }
 .myprofile-role-description h4[b-y6776ef9jg] { font-size: 1.24rem; }
 .myprofile-role-description p[b-y6776ef9jg] { font-size: .94rem; }
 .myprofile-status[b-y6776ef9jg] { font-size: .78rem; padding: 5px 7px; }
 .myprofile-status .mud-icon-root[b-y6776ef9jg] { display: none; }
 .myprofile-action[b-y6776ef9jg] { font-size: .98rem; min-height: 42px; }
 .myprofile-requests-header h4[b-y6776ef9jg] { font-size: 1.4rem; }
 .myprofile-requests-header p[b-y6776ef9jg] { font-size: .94rem; }
 .myprofile-empty[b-y6776ef9jg] { flex-direction: column; gap: 12px; text-align: center; padding: 20px 12px; }
 .myprofile-empty strong[b-y6776ef9jg] { font-size: 1.1rem; }
 .myprofile-empty p[b-y6776ef9jg] { font-size: .95rem; }
}

/* Acciones y secciones adicionales del perfil; sin alterar el tema global. */
.myprofile-role-footer:has(.myprofile-company-button)[b-y6776ef9jg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}
.myprofile-company-button[b-y6776ef9jg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 15px;
    min-height: 44px;
    border: 1px solid var(--primary, #087cf5);
    border-radius: 10px;
    background: var(--bg-card, #fff);
    color: var(--primary, #087cf5);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.myprofile-company-button:hover[b-y6776ef9jg] { background: color-mix(in srgb, var(--primary, #087cf5) 10%, var(--bg-card, #fff)); }
.myprofile-company-button:focus-visible[b-y6776ef9jg] { outline: 2px solid var(--primary, #087cf5); outline-offset: 2px; }
.myprofile-unavailable[b-y6776ef9jg] { display: flex; align-items: flex-start; gap: 18px; }
.myprofile-unavailable > .mud-icon-root[b-y6776ef9jg] { color: var(--primary, #087cf5); font-size: 30px; flex: none; }
.myprofile-unavailable h4[b-y6776ef9jg] { margin: 0 0 8px; }
.myprofile-unavailable p[b-y6776ef9jg] { margin: 0; color: var(--text-secondary, #51647f); }
@media (max-width: 650px) {
    .myprofile-role-footer:has(.myprofile-company-button)[b-y6776ef9jg] { align-items: stretch; }
    .myprofile-company-button[b-y6776ef9jg] { width: 100%; }
}

/* Navegación del perfil: iconos y textos alineados a la izquierda. */
.myprofile-nav button[b-y6776ef9jg] { width: 100%; justify-content: flex-start; text-align: left; }
.myprofile-nav button > .mud-icon-root[b-y6776ef9jg] { flex: 0 0 24px; }
.myprofile-nav button > span[b-y6776ef9jg] { text-align: left; }
.myprofile-nav-spacer[b-y6776ef9jg] { flex: 1 1 auto; min-height: 16px; }
.myprofile-nav button.myprofile-logout[b-y6776ef9jg] { color: #c62828; border-top: 1px solid var(--border-color, #d4deeb); border-radius: 0 0 9px 9px; margin-top: 12px; padding-top: 16px; font-weight: 700; }
.myprofile-nav button.myprofile-logout:hover[b-y6776ef9jg] { background: color-mix(in srgb, #e53935 10%, var(--bg-elevated, #fff)); }
@media (max-width: 900px) { .myprofile-nav-spacer[b-y6776ef9jg] { display: none; } .myprofile-nav button.myprofile-logout[b-y6776ef9jg] { margin-top: 0; border-top: 0; border-left: 1px solid var(--border-color, #d4deeb); padding-top: 9px; } }
/* /Components/Public/CreateAccountModal.razor.rz.scp.css */
/* =========================================================
   OVERLAY DEL MODAL
   ========================================================= */

.account-modal-backdrop[b-08z2l3qiwy] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: clamp(16px, 3vw, 36px);
    background: rgba(0, 14, 27, 0.68);
    backdrop-filter: blur(5px);
    overflow-y: auto;
}

.account-modal[b-08z2l3qiwy] {
    position: relative;
    width: min(980px, 96vw);
    min-height: 640px;
    display: grid;
    grid-template-columns: 55% 45%;
    overflow: hidden;
    border: 1px solid rgba(174, 211, 238, 0.82);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.46);
}

.modal-close[b-08z2l3qiwy] {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 5;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 50%;
    color: #ffffff;
    background: rgba(31, 58, 82, 0.76);
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    transition: transform 160ms ease, background 160ms ease;
}

.modal-close:hover[b-08z2l3qiwy] {
    transform: scale(1.06);
    background: rgba(18, 45, 70, 0.96);
}

/* =========================================================
   PANEL DEL FORMULARIO
   ========================================================= */

.account-form-panel[b-08z2l3qiwy] {
    padding: 28px clamp(30px, 3vw, 48px) 30px;
    color: #0c1b39;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.modal-brand[b-08z2l3qiwy] {
    display: block;
    width: 285px;
    max-width: 100%;
    height: auto;
    margin: 0 0 18px;
    object-fit: contain;
    object-position: left center;
}

.account-form-panel h2[b-08z2l3qiwy] {
    margin: 0;
    color: #0a1731;
    font-size: clamp(30px, 2.4vw, 38px);
    font-weight: 800;
    line-height: 1.05;
}

.form-subtitle[b-08z2l3qiwy] {
    margin: 7px 0 22px;
    color: #667394;
    font-size: 16px;
}

.form-grid[b-08z2l3qiwy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.field-group[b-08z2l3qiwy] {
    min-width: 0;
}

.field-full[b-08z2l3qiwy] {
    grid-column: 1 / -1;
}

.field-group label[b-08z2l3qiwy] {
    display: block;
    margin: 0 0 5px 4px;
    color: #344361;
    font-size: 12px;
    font-weight: 700;
}

.field-group[b-08z2l3qiwy]  input,
.field-group[b-08z2l3qiwy]  select {
    width: 100%;
    height: 46px;
    padding: 0 14px;
    border: 1px solid #cbd7e8;
    border-radius: 10px;
    outline: none;
    color: #162440;
    background: #ffffff;
    font: inherit;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.field-group[b-08z2l3qiwy]  input:focus,
.field-group[b-08z2l3qiwy]  select:focus {
    border-color: #128cff;
    box-shadow: 0 0 0 3px rgba(18, 140, 255, 0.12);
}

.field-group[b-08z2l3qiwy]  input::placeholder {
    color: #8a97ad;
}

.password-field[b-08z2l3qiwy] {
    position: relative;
}

.password-field[b-08z2l3qiwy]  input {
    padding-right: 50px;
}

.password-toggle[b-08z2l3qiwy] {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 34px;
    height: 34px;
    transform: translateY(-50%);
    border: 0;
    color: #38506e;
    background: transparent;
    font-size: 20px;
    cursor: pointer;
}

.field-group[b-08z2l3qiwy]  .validation-message {
    display: block;
    margin: 4px 0 0 4px;
    color: #c93434;
    font-size: 11px;
}

.terms-row[b-08z2l3qiwy] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 16px 0 13px;
    color: #36445f;
    font-size: 12px;
    line-height: 1.4;
}

.terms-row[b-08z2l3qiwy]  input {
    width: 17px;
    height: 17px;
    margin-top: 1px;
    accent-color: #0b8cff;
}

.terms-row a[b-08z2l3qiwy] {
    color: #087df2;
}

.integration-message[b-08z2l3qiwy] {
    margin-bottom: 12px;
    padding: 9px 12px;
    border: 1px solid #ffd891;
    border-radius: 9px;
    color: #79510b;
    background: #fff8e8;
    font-size: 12px;
}

.create-account-button[b-08z2l3qiwy] {
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    background: linear-gradient(135deg, #0879ff, #139cff);
    box-shadow: 0 12px 26px rgba(0, 126, 255, 0.22);
    font-size: 17px;
    font-weight: 800;
    cursor: pointer;
}

.create-account-button:disabled[b-08z2l3qiwy] {
    opacity: 0.66;
    cursor: wait;
}

.login-prompt[b-08z2l3qiwy] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e5ebf3;
    text-align: center;
    color: #41516e;
    font-size: 14px;
}

.login-prompt button[b-08z2l3qiwy] {
    border: 0;
    color: #087df2;
    background: transparent;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

/* =========================================================
   PANEL VISUAL DERECHO
   ========================================================= */

.account-visual-panel[b-08z2l3qiwy] {
    position: relative;
    min-height: 640px;
    padding: 50px 42px 38px;
    overflow: hidden;
    color: #ffffff;
    background-image: url('/images/home/hero-transporte-panoramico.webp?v=20261030');
    background-position: 62% center;
    background-size: cover;
}

.visual-overlay[b-08z2l3qiwy] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 21, 40, 0.80) 0%, rgba(0, 25, 48, 0.62) 48%, rgba(0, 19, 36, 0.88) 100%);
}

.visual-content[b-08z2l3qiwy],
.visual-caption[b-08z2l3qiwy] {
    position: relative;
    z-index: 1;
}

.visual-content h3[b-08z2l3qiwy] {
    margin: 0 0 30px;
    font-size: clamp(30px, 2.5vw, 39px);
    font-weight: 800;
    line-height: 1.05;
}

.visual-content h3 span[b-08z2l3qiwy] {
    color: #129cff;
}

.visual-content ul[b-08z2l3qiwy] {
    display: grid;
    gap: 17px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
}

.visual-content li[b-08z2l3qiwy] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.visual-content li span[b-08z2l3qiwy] {
    width: 23px;
    height: 23px;
    display: inline-grid;
    flex: 0 0 23px;
    place-items: center;
    border-radius: 50%;
    background: #0b8cff;
    font-size: 13px;
    font-weight: 900;
}

.visual-caption[b-08z2l3qiwy] {
    position: absolute;
    right: 34px;
    bottom: 34px;
    max-width: 245px;
    padding: 13px 16px;
    border-left: 3px solid #149cff;
    background: rgba(0, 21, 40, 0.68);
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 1.18;
}

/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 900px) {
    .account-modal[b-08z2l3qiwy] {
        width: min(680px, 96vw);
        grid-template-columns: 1fr;
    }

    .account-visual-panel[b-08z2l3qiwy] {
        min-height: 290px;
        padding: 34px;
        background-position: center 58%;
    }

    .visual-content h3[b-08z2l3qiwy] {
        max-width: 480px;
        margin-bottom: 20px;
    }

    .visual-content ul[b-08z2l3qiwy] {
        grid-template-columns: 1fr 1fr;
        gap: 10px 18px;
    }

    .visual-caption[b-08z2l3qiwy] {
        display: none;
    }
}

/* =========================================================
   RESPONSIVE - MÓVIL
   ========================================================= */

@media (max-width: 600px) {
    .account-modal-backdrop[b-08z2l3qiwy] {
        align-items: start;
        padding: 10px;
    }

    .account-modal[b-08z2l3qiwy] {
        width: 100%;
        min-height: auto;
        border-radius: 14px;
    }

    .account-form-panel[b-08z2l3qiwy] {
        padding: 24px 18px 22px;
    }

    .modal-brand[b-08z2l3qiwy] {
        width: 235px;
        max-width: 100%;
    }

    .form-grid[b-08z2l3qiwy] {
        grid-template-columns: 1fr;
    }

    .field-full[b-08z2l3qiwy] {
        grid-column: auto;
    }

    .modal-close[b-08z2l3qiwy] {
        top: 12px;
        right: 12px;
        width: 38px;
        height: 38px;
        color: #0b2947;
        border-color: #cdd9e7;
        background: rgba(255, 255, 255, 0.94);
    }

    .account-visual-panel[b-08z2l3qiwy] {
        min-height: 250px;
        padding: 28px 20px;
    }

    .visual-content h3[b-08z2l3qiwy] {
        padding-right: 0;
        font-size: 28px;
    }

    .visual-content ul[b-08z2l3qiwy] {
        grid-template-columns: 1fr;
        font-size: 14px;
    }
}


/* =========================================================
   REGISTRO COMPLETADO - REVISAR CORREO
   ========================================================= */

.registration-success[b-08z2l3qiwy] {
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.success-icon[b-08z2l3qiwy] {
    width: 74px;
    height: 74px;
    display: grid;
    place-items: center;
    margin: 0 auto 20px;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(135deg, #0879ff, #139cff);
    box-shadow: 0 12px 30px rgba(8, 121, 255, 0.24);
    font-size: 34px;
}

.success-lead[b-08z2l3qiwy] {
    margin: 12px auto 22px;
    color: #52627a;
    line-height: 1.6;
}

.success-lead strong[b-08z2l3qiwy] {
    display: block;
    margin-top: 4px;
    color: #087df2;
    overflow-wrap: anywhere;
}

.email-check-card[b-08z2l3qiwy] {
    padding: 20px;
    border: 1px solid #dbe8f6;
    border-radius: 14px;
    background: #f7fbff;
    text-align: left;
}

.email-check-card h3[b-08z2l3qiwy] {
    margin: 0 0 8px;
    color: #0a1731;
    font-size: 18px;
}

.email-check-card > p[b-08z2l3qiwy] {
    margin: 0;
    color: #52627a;
    line-height: 1.55;
}

.spam-reminder[b-08z2l3qiwy] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #ffd891;
    border-radius: 10px;
    background: #fff8e8;
    color: #6d4b0c;
}

.spam-reminder > span[b-08z2l3qiwy] {
    width: 24px;
    height: 24px;
    display: grid;
    flex: 0 0 24px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: #f0a51a;
    font-weight: 800;
}

.spam-reminder p[b-08z2l3qiwy] {
    margin: 4px 0 0;
    line-height: 1.45;
}

.success-security[b-08z2l3qiwy] {
    margin: 18px 0;
    color: #667394;
    font-size: 13px;
    line-height: 1.5;
}

.success-home-button[b-08z2l3qiwy] {
    min-height: 48px;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    background: linear-gradient(135deg, #0879ff, #139cff);
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 767px) {
    .registration-success[b-08z2l3qiwy] {
        min-height: auto;
        padding: 12px 0;
    }
}

/* =========================================================
   REGISTRO EMPRESARIAL — SELECTOR Y SECCIONES
   ========================================================= */
.account-type-heading[b-08z2l3qiwy] { font-size: 13px; font-weight: 800; margin: 16px 0 9px; }
.account-type-grid[b-08z2l3qiwy] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.account-type-card[b-08z2l3qiwy] { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-height: 128px; padding: 12px 6px; border: 1px solid #d7e2ef; border-radius: 10px; background: #fff; color: #112a50; cursor: pointer; text-align: center; font: inherit; }
.account-type-card.selected[b-08z2l3qiwy] { border-color: #1686f9; background: #eef7ff; box-shadow: 0 0 0 1px rgba(22,134,249,.12); }
.account-type-card strong[b-08z2l3qiwy] { font-size: 14px; }
.account-type-card small[b-08z2l3qiwy] { font-size: 11px; line-height: 1.35; }
.account-type-icon[b-08z2l3qiwy] { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 50%; color: white; font-size: 23px; background: #0c83f8; }
.client-icon[b-08z2l3qiwy] { background: #16b979; }.operator-icon[b-08z2l3qiwy] { background: #f59b09; }.supplier-icon[b-08z2l3qiwy] { background: #8a3cf2; }
.selected-check[b-08z2l3qiwy] { position: absolute; top: 7px; right: 7px; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #087df5; color: white; font-size: 12px; }
.account-info[b-08z2l3qiwy] { margin: 10px 0 14px; padding: 10px 12px; border: 1px solid #cce4fa; border-radius: 8px; background: #edf7ff; color: #17426c; font-size: 12px; line-height: 1.5; }
.account-section-title[b-08z2l3qiwy] { margin: 16px 0 9px; padding-top: 10px; border-top: 1px solid #e6edf6; color: #0a2a52; font-size: 14px; font-weight: 800; }
.company-grid[b-08z2l3qiwy] { margin-bottom: 8px; }
.phone-grid[b-08z2l3qiwy] { margin-top: 10px; }
@media(max-width:600px) {
  .account-type-grid[b-08z2l3qiwy] { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-type-card[b-08z2l3qiwy] { min-height: 95px; }
  .account-form-panel[b-08z2l3qiwy] { padding-top: 54px; }
  .phone-grid[b-08z2l3qiwy] { grid-template-columns: 1fr; }
}

/* El formulario puede crecer sin desbordar el alto de la ventana. */
.account-modal[b-08z2l3qiwy] { max-height: calc(100dvh - 32px); }
.account-form-panel[b-08z2l3qiwy] { overflow-y: auto; min-height: 0; }
@media(min-width:901px) { .account-modal[b-08z2l3qiwy] { width: min(1120px, 96vw); grid-template-columns: 61% 39%; } }
@media(max-width:900px) { .account-modal[b-08z2l3qiwy] { max-height: calc(100dvh - 20px); overflow-y: auto; } .account-form-panel[b-08z2l3qiwy] { overflow: visible; } }

/* Selección visual consistente para los cuatro perfiles. */
.account-type-card.selected[b-08z2l3qiwy] { position: relative; border-color: #0b85ff; background: #eaf5ff; box-shadow: 0 0 0 1px rgba(11,133,255,.18); }
.account-type-card.selected[b-08z2l3qiwy]::after { content: "✓"; position: absolute; top: 7px; right: 8px; display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; color: #fff; background: #087df2; font-size: 11px; }
.account-type-card.selected:has(.client-icon)[b-08z2l3qiwy] { border-color: #0da76f; background: #ebfaf3; }
.account-type-card.selected:has(.client-icon)[b-08z2l3qiwy]::after { background: #0da76f; }
.account-type-card.selected:has(.operator-icon)[b-08z2l3qiwy] { border-color: #e99b00; background: #fff8e9; }
.account-type-card.selected:has(.operator-icon)[b-08z2l3qiwy]::after { background: #e99b00; }
.account-type-card.selected:has(.supplier-icon)[b-08z2l3qiwy] { border-color: #8545df; background: #f6efff; }
.account-type-card.selected:has(.supplier-icon)[b-08z2l3qiwy]::after { background: #8545df; }
/* /Components/Public/LoginModal.razor.rz.scp.css */
/* =========================================================
   FONDO DEL MODAL
   ========================================================= */

.login-modal-backdrop[b-p96zirwjl8] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: clamp(16px, 2.5vw, 36px);
    background: rgba(1, 18, 33, 0.72);
    backdrop-filter: blur(2px);
    overflow-y: auto;
}

.login-modal[b-p96zirwjl8] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr);
    width: min(1025px, 94vw);
    min-height: 635px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 28px 80px rgba(0, 16, 32, 0.46);
}

[b-p96zirwjl8] .modal-close {
    position: absolute;
    top: 17px;
    right: 17px;
    z-index: 5;
    color: #ffffff;
    background: rgba(54, 73, 96, 0.76);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

/* =========================================================
   PANEL DEL FORMULARIO
   ========================================================= */

.login-form-panel[b-p96zirwjl8] {
    padding: 31px 48px 28px;
    color: #0b1b39;
    background: #ffffff;
}

.login-brand[b-p96zirwjl8] {
    width: 310px;
    max-width: 90%;
    height: auto;
    margin-bottom: 17px;
}

.login-heading h2[b-p96zirwjl8] {
    margin: 0;
    color: #0a1b3a;
    font-size: clamp(30px, 2.4vw, 39px);
    font-weight: 800;
    line-height: 1.08;
}

.login-heading p[b-p96zirwjl8] {
    margin: 6px 0 20px;
    color: #6b7894;
    font-size: 17px;
}

.login-tabs[b-p96zirwjl8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 17px;
    border-bottom: 1px solid #dbe3ef;
}

[b-p96zirwjl8] .login-tab {
    min-height: 44px;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    color: #6a7790;
    text-transform: none;
    font-size: 14px;
    font-weight: 700;
}

[b-p96zirwjl8] .login-tab.active {
    border-bottom-color: #0d83ff;
    color: #0876ec;
}

.login-form[b-p96zirwjl8] {
    display: grid;
    gap: 12px;
}

[b-p96zirwjl8] .trayekto-login-field .mud-input-outlined-border {
    border-color: #cbd8e9;
    border-radius: 9px;
}

[b-p96zirwjl8] .trayekto-login-field .mud-input-control-input-container {
    min-height: 51px;
}

[b-p96zirwjl8] .trayekto-login-field .mud-input {
    color: #12213d;
    background: #fbfdff;
    border-radius: 9px;
}

[b-p96zirwjl8] .trayekto-login-field .mud-input-adornment-start {
    color: #17345e;
}

[b-p96zirwjl8] .trayekto-login-field .mud-input-label {
    color: #63708a;
}

.password-field-wrap[b-p96zirwjl8] {
    position: relative;
}

[b-p96zirwjl8] .password-field-wrap .trayekto-login-field .mud-input-root {
    padding-right: 44px;
}

[b-p96zirwjl8] .password-toggle {
    position: absolute;
    top: 8px;
    right: 7px;
    z-index: 2;
    color: #17345e;
}

.login-options[b-p96zirwjl8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: -2px 0 3px;
}

[b-p96zirwjl8] .remember-option {
    color: #162642;
    font-size: 14px;
}

[b-p96zirwjl8] .link-button,
[b-p96zirwjl8] .create-account-button {
    min-width: auto;
    padding: 4px 3px;
    text-transform: none;
    font-size: 13px;
    font-weight: 700;
}

[b-p96zirwjl8] .login-message {
    margin: 0;
    border-radius: 8px;
    font-size: 13px;
}

[b-p96zirwjl8] .login-submit {
    min-height: 53px;
    border-radius: 9px;
    color: #ffffff;
    background: linear-gradient(90deg, #49a5ff, #007fff);
    text-transform: none;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(0, 126, 255, 0.18);
}

[b-p96zirwjl8] .login-submit:hover {
    background: linear-gradient(90deg, #3b9dff, #0075eb);
}

[b-p96zirwjl8] .submit-progress {
    margin-right: 8px;
    color: #ffffff;
}

.social-separator[b-p96zirwjl8] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 20px 0 14px;
    color: #738099;
    font-size: 13px;
}

.social-separator[b-p96zirwjl8]::before,
.social-separator[b-p96zirwjl8]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #dce4ef;
}

.social-login[b-p96zirwjl8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

[b-p96zirwjl8] .social-login .mud-button-root {
    min-height: 47px;
    border-color: #cbd8e9;
    border-radius: 8px;
    color: #41516d;
    text-transform: none;
    font-size: 13px;
}

.create-account-prompt[b-p96zirwjl8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 19px;
    color: #5c6981;
    font-size: 13px;
}

/* =========================================================
   PANEL VISUAL
   ========================================================= */

.login-visual-panel[b-p96zirwjl8] {
    position: relative;
    min-height: 635px;
    overflow: hidden;
    color: #ffffff;
    background-image: url('/images/home/hero-logistics.webp');
    background-position: 62% center;
    background-size: cover;
}

.visual-overlay[b-p96zirwjl8] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 24, 47, 0.72), rgba(1, 24, 47, 0.91));
}

.visual-content[b-p96zirwjl8] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 62px 43px 34px;
}

.visual-content h3[b-p96zirwjl8] {
    margin: 0;
    font-size: clamp(28px, 2.2vw, 36px);
    font-weight: 800;
    line-height: 1.08;
}

.visual-content h3 span[b-p96zirwjl8] {
    color: #ffffff;
}

.visual-line[b-p96zirwjl8] {
    width: 72px;
    height: 3px;
    margin: 20px 0 112px;
    background: #1689ff;
}

.visual-benefits[b-p96zirwjl8] {
    display: grid;
    gap: 21px;
}

.visual-benefits div[b-p96zirwjl8] {
    display: grid;
    grid-template-columns: 36px 1fr;
    align-items: center;
    gap: 12px;
}

[b-p96zirwjl8] .visual-benefits .mud-icon-root {
    color: #0786ff;
    font-size: 30px;
}

.visual-benefits p[b-p96zirwjl8] {
    margin: 0;
    font-size: 14px;
}

.visual-content blockquote[b-p96zirwjl8] {
    margin: auto 0 0;
    text-align: center;
    font-size: 17px;
    font-style: italic;
    line-height: 1.35;
}

/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 900px) {
    .login-modal[b-p96zirwjl8] {
        grid-template-columns: 1fr;
        width: min(620px, 94vw);
        min-height: auto;
    }

    .login-visual-panel[b-p96zirwjl8] {
        display: none;
    }

    [b-p96zirwjl8] .modal-close {
        color: #17345e;
        background: #edf3fa;
        border-color: #d5e0ed;
    }
}

/* =========================================================
   RESPONSIVE - MÓVIL
   ========================================================= */

@media (max-width: 560px) {
    .login-modal-backdrop[b-p96zirwjl8] {
        align-items: start;
        padding: 10px;
    }

    .login-modal[b-p96zirwjl8] {
        width: 100%;
        border-radius: 14px;
    }

    .login-form-panel[b-p96zirwjl8] {
        padding: 27px 19px 23px;
    }

    .login-brand[b-p96zirwjl8] {
        width: 205px;
    }

    .login-heading h2[b-p96zirwjl8] {
        padding-right: 36px;
        font-size: 29px;
    }

    .login-heading p[b-p96zirwjl8] {
        font-size: 16px;
    }

    .login-options[b-p96zirwjl8] {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .social-login[b-p96zirwjl8] {
        grid-template-columns: 1fr;
    }

    .create-account-prompt[b-p96zirwjl8] {
        flex-wrap: wrap;
    }
}
/* /Components/Public/PublicFooter.razor.rz.scp.css */
/* =========================================================
   TRAYEKTO | FOOTER COMERCIAL
   Mantiene el contenedor fluido del Home.
   ========================================================= */
.public-footer[b-73ebfty60h] { width: 100%; background: #fff; border-top: 1px solid #dce6f1; }
.footer-shell[b-73ebfty60h] { width: 100%; max-width: none; margin: 0 auto; padding-inline: clamp(16px, 3vw, 64px); box-sizing: border-box; }
.footer-upper[b-73ebfty60h] { background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%); }
.footer-content[b-73ebfty60h] { min-height: 128px; display: grid; grid-template-columns: minmax(240px, 1fr) auto auto; align-items: center; gap: clamp(20px, 3vw, 52px); }
.footer-brand img[b-73ebfty60h] { display: block; width: clamp(195px, 20vw, 285px); max-width: 100%; height: auto; object-fit: contain; }
.footer-links[b-73ebfty60h] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.footer-links span[b-73ebfty60h] { padding: 0 clamp(12px, 1.7vw, 28px); color: #344d70; font-size: 14px; line-height: 1.4; white-space: nowrap; border-right: 1px solid #c9d7e7; }
.footer-links span:last-child[b-73ebfty60h] { border-right: none; }
.social-links[b-73ebfty60h] { display: flex; align-items: center; gap: 12px; }
.social-icon[b-73ebfty60h] { width: 39px; height: 39px; flex: 0 0 39px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.social-icon svg[b-73ebfty60h] { width: 20px; height: 20px; display: block; }
a.social-icon:hover[b-73ebfty60h] { transform: translateY(-2px); box-shadow: 0 5px 12px #0b28452b; }
a.social-icon:focus-visible[b-73ebfty60h] { outline: 3px solid #168cf5; outline-offset: 3px; }
.instagram[b-73ebfty60h] { background: linear-gradient(35deg, #ffb900, #f92c62 50%, #9234dc); }
.youtube[b-73ebfty60h] { background: #ff0033; }
.tiktok[b-73ebfty60h] { background: #101018; }
.linkedin[b-73ebfty60h] { background: #0a66c2; }
.footer-bottom[b-73ebfty60h] { background: #10365f; color: #edf5ff; }
.footer-bottom-content[b-73ebfty60h] { min-height: 62px; display: flex; align-items: center; gap: 22px; font-size: 13px; line-height: 1.5; }
.footer-bottom-content strong[b-73ebfty60h] { color: #fff; font-weight: 700; }
.footer-company[b-73ebfty60h] { color: #b8cbe0; }
.footer-bottom-divider[b-73ebfty60h] { height: 22px; width: 1px; background: #7594b4; flex: 0 0 1px; }
@media (max-width: 1100px) {
    .footer-content[b-73ebfty60h] { grid-template-columns: 1fr auto; gap: 18px 28px; padding-block: 24px; }
    .footer-brand[b-73ebfty60h] { grid-column: 1; }
    .social-links[b-73ebfty60h] { grid-column: 2; grid-row: 1; }
    .footer-links[b-73ebfty60h] { grid-column: 1 / -1; justify-content: flex-start; }
    .footer-links span:first-child[b-73ebfty60h] { padding-left: 0; }
}
@media (max-width: 600px) {
    .footer-content[b-73ebfty60h] { grid-template-columns: 1fr; justify-items: start; gap: 20px; }
    .footer-brand[b-73ebfty60h], .social-links[b-73ebfty60h], .footer-links[b-73ebfty60h] { grid-column: 1; grid-row: auto; }
    .footer-links[b-73ebfty60h] { gap: 10px 0; }
    .footer-links span[b-73ebfty60h] { font-size: 13px; padding-inline: 12px; }
    .footer-links span:first-child[b-73ebfty60h] { padding-left: 0; }
    .footer-bottom-content[b-73ebfty60h] { padding-block: 16px; min-height: 0; flex-wrap: wrap; gap: 8px 12px; }
    .footer-bottom-divider[b-73ebfty60h] { display: none; }
}
@media (prefers-reduced-motion: reduce) { .social-icon[b-73ebfty60h] { transition: none; } }

/* =========================================================
   ENLACE WEB CORPORATIVO | ITEC COMPANY SAS
   Contraste explícito para el globo SVG en fondos claros.
   ========================================================= */
.social-links a.social-icon.website[b-73ebfty60h] {
    background-color: #168cf5;
    color: #ffffff;
    opacity: 1;
}

.social-links a.social-icon.website svg[b-73ebfty60h] {
    display: block;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
    opacity: 1;
    visibility: visible;
}

.social-links a.social-icon.website svg circle[b-73ebfty60h],
.social-links a.social-icon.website svg path[b-73ebfty60h] {
    fill: none;
    stroke: #ffffff;
}

.social-links a.social-icon.website:hover[b-73ebfty60h] {
    background-color: #086ac4;
}

/* =========================================================
   MODAL LEGAL | TÉRMINOS Y CONDICIONES
   ========================================================= */
.footer-legal-link[b-73ebfty60h] { appearance: none; border: 0; border-right: 1px solid #c9d7e7; background: transparent; padding: 0 clamp(12px, 1.7vw, 28px); color: #344d70; font: inherit; font-size: 14px; cursor: pointer; white-space: nowrap; }
.footer-legal-link:hover[b-73ebfty60h] { color: #087ef1; text-decoration: underline; }
.footer-legal-link:focus-visible[b-73ebfty60h], .terms-close:focus-visible[b-73ebfty60h] { outline: 3px solid #168cf5; outline-offset: 3px; }
.terms-overlay[b-73ebfty60h] { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(9, 25, 47, .68); box-sizing: border-box; }
.terms-dialog[b-73ebfty60h] { width: min(100%, 820px); max-height: min(88dvh, 900px); display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; background: #fff; color: #273444; box-shadow: 0 22px 80px rgba(0, 0, 0, .24); }
.terms-header[b-73ebfty60h] { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 28px 34px 22px; border-bottom: 1px solid #e2e9f1; }
.terms-eyebrow[b-73ebfty60h] { font-size: 11px; letter-spacing: .12em; font-weight: 800; color: #168cf5; }
.terms-header h2[b-73ebfty60h] { margin: 7px 0 5px; font-size: clamp(23px, 3vw, 30px); font-weight: 800; color: #132d4c; }
.terms-header p[b-73ebfty60h] { margin: 0; font-size: 13px; color: #62758c; }
.terms-close[b-73ebfty60h] { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #dae4ee; border-radius: 9px; background: #f7f9fc; color: #193448; cursor: pointer; font-size: 28px; line-height: 1; }
.terms-close:hover[b-73ebfty60h] { background: #eaf2fb; }
.terms-body[b-73ebfty60h] { overflow-y: auto; overscroll-behavior: contain; padding: 26px 34px 32px; font-size: 15px; line-height: 1.75; }
.terms-body h3[b-73ebfty60h] { margin: 25px 0 8px; color: #193448; font-size: 17px; font-weight: 750; }
.terms-body p[b-73ebfty60h] { margin: 0 0 14px; }
.terms-notice[b-73ebfty60h] { padding: 15px 18px; background: #f0f6fd; border-left: 3px solid #168cf5; border-radius: 6px; }
.terms-bottom[b-73ebfty60h] { padding: 15px 34px; border-top: 1px solid #e2e9f1; color: #62758c; font-size: 12px; }
.terms-bottom span[b-73ebfty60h] { padding-inline: 7px; }
@media (max-width: 600px) {
    .footer-legal-link[b-73ebfty60h] { padding-inline: 12px; font-size: 13px; }
    .footer-legal-link:first-child[b-73ebfty60h] { padding-left: 0; }
    .terms-overlay[b-73ebfty60h] { padding: 10px; }
    .terms-dialog[b-73ebfty60h] { max-height: 94dvh; border-radius: 12px; }
    .terms-header[b-73ebfty60h] { padding: 20px; }
    .terms-body[b-73ebfty60h] { padding: 20px; font-size: 14px; }
    .terms-bottom[b-73ebfty60h] { padding: 14px 20px; }
}

/* =========================================================
   ENLACES LEGALES | PRESENTACIÓN UNIFORME
   ========================================================= */
.footer-links .footer-legal-link:last-child[b-73ebfty60h] { border-right: 1px solid #c9d7e7; }
.footer-links .footer-legal-link:last-child[b-73ebfty60h] { border-right: 0; }

/* =========================================================
   DOCUMENTOS LEGALES | LECTURA JUSTIFICADA Y RESPONSIVE
   Aplicable únicamente al contenido de los modales legales.
   ========================================================= */
.terms-dialog .terms-body p[b-73ebfty60h] {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    overflow-wrap: break-word;
}

.terms-dialog .terms-body h3[b-73ebfty60h] {
    text-align: left;
}

@media (max-width: 600px) {
    .terms-dialog .terms-body p[b-73ebfty60h] {
        line-height: 1.7;
    }
}
/* /Components/Public/PublicHeader.razor.rz.scp.css */
/* =========================================================
   CABECERA PÚBLICA
   ========================================================= */

.public-header[b-ve4yndiykj] {
    --header-blue: #0a94ff;
    --header-blue-bright: #13a7ff;
    --header-white: #f7fbff;
    --header-border: rgba(52, 147, 207, 0.28);

    position: sticky;
    top: 0;
    z-index: 100;
    height: 82px;
    border-bottom: 1px solid rgba(62, 146, 201, 0.22);
    background: rgba(1, 20, 33, 0.97);
    backdrop-filter: blur(14px);
}

.header-shell[b-ve4yndiykj] {
    width: calc(100% - clamp(32px, 5vw, 80px));
    margin: 0 auto;
}

.header-content[b-ve4yndiykj] {
    height: 100%;
    display: grid;
    grid-template-columns: minmax(230px, 285px) 1fr auto;
    align-items: center;
    gap: clamp(18px, 2vw, 32px);
}

.brand[b-ve4yndiykj] {
    display: inline-flex;
    align-items: center;
    width: min(280px, 100%);
    height: 68px;
    overflow: hidden;
}

.brand img[b-ve4yndiykj] {
    display: block;
    width: 100%;
    height: auto;
}

.main-nav[b-ve4yndiykj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(20px, 2.2vw, 40px);
}

.main-nav[b-ve4yndiykj]  a,
.nav-pending[b-ve4yndiykj] {
    position: relative;
    color: #f2f7fb;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.main-nav[b-ve4yndiykj]  a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -19px;
    height: 2px;
    background: transparent;
}

.main-nav[b-ve4yndiykj]  a:hover,
.main-nav[b-ve4yndiykj]  a.active {
    color: var(--header-blue-bright);
}

.main-nav[b-ve4yndiykj]  a.active::after {
    background: var(--header-blue-bright);
}

.nav-pending[b-ve4yndiykj] {
    cursor: default;
}

.header-actions[b-ve4yndiykj] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.icon-button[b-ve4yndiykj],
.login-link[b-ve4yndiykj],
.menu-toggle[b-ve4yndiykj],
.mobile-login-link[b-ve4yndiykj] {
    border: 0;
    color: var(--header-white);
    background: transparent;
}

.icon-button[b-ve4yndiykj] {
    width: 34px;
    height: 34px;
    font-size: 29px;
    line-height: 1;
    cursor: default;
}

.header-divider[b-ve4yndiykj] {
    width: 1px;
    height: 30px;
    background: rgba(255, 255, 255, 0.55);
}

.login-link[b-ve4yndiykj] {
    padding: 8px 2px;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition:
        color 180ms ease,
        background-color 180ms ease;
}

.login-link:hover[b-ve4yndiykj] {
    color: var(--header-blue-bright);
    background: rgba(19, 167, 255, 0.08);
}

.login-link:focus-visible[b-ve4yndiykj] {
    outline: 2px solid var(--header-blue-bright);
    outline-offset: 3px;
}

.primary-action[b-ve4yndiykj] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0 26px;
    border: 1px solid var(--header-blue);
    border-radius: 12px;
    color: white;
    background: linear-gradient(135deg, #087cff, #0ba4ff);
    box-shadow: 0 10px 26px rgba(0, 130, 255, 0.18);
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

.menu-toggle[b-ve4yndiykj] {
    display: none;
    width: 42px;
    height: 42px;
    padding: 8px;
}

.menu-toggle span[b-ve4yndiykj] {
    display: block;
    height: 2px;
    margin: 6px 0;
    border-radius: 2px;
    background: white;
    transform-origin: center;
    transition:
        transform 180ms ease,
        opacity 180ms ease;
}

.menu-toggle.is-open span:nth-child(1)[b-ve4yndiykj] {
    transform: translateY(8px) rotate(45deg);
}

.menu-toggle.is-open span:nth-child(2)[b-ve4yndiykj] {
    opacity: 0;
}

.menu-toggle.is-open span:nth-child(3)[b-ve4yndiykj] {
    transform: translateY(-8px) rotate(-45deg);
}

.mobile-nav-actions[b-ve4yndiykj] {
    display: none;
}

/* =========================================================
   RESPONSIVE - PORTÁTIL / TABLET
   ========================================================= */

@media (max-width: 1180px) {
    .public-header[b-ve4yndiykj] {
        height: 72px;
    }

    .header-shell[b-ve4yndiykj] {
        width: calc(100% - 32px);
    }

    .header-content[b-ve4yndiykj] {
        grid-template-columns: 1fr auto;
    }

    .brand[b-ve4yndiykj] {
        width: 230px;
    }

    .menu-toggle[b-ve4yndiykj] {
        display: block;
        grid-column: 2;
        grid-row: 1;
    }

    .main-nav[b-ve4yndiykj] {
        position: absolute;
        top: 72px;
        left: 0;
        right: 0;
        display: none;
        padding: 18px 24px 24px;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        border-bottom: 1px solid var(--header-border);
        background: rgba(1, 20, 33, 0.995);
        box-shadow: 0 22px 34px rgba(0, 0, 0, 0.28);
    }

    .main-nav.is-open[b-ve4yndiykj] {
        display: flex;
        max-height: calc(100vh - 72px);
        overflow-y: auto;
    }

    .main-nav[b-ve4yndiykj]  a,
    .nav-pending[b-ve4yndiykj] {
        padding: 13px 4px;
        font-size: 15px;
    }

    .main-nav[b-ve4yndiykj]  a::after {
        display: none;
    }

    .header-actions[b-ve4yndiykj] {
        display: none;
    }

    .mobile-nav-actions[b-ve4yndiykj] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-top: 12px;
        padding-top: 18px;
        border-top: 1px solid rgba(79, 150, 194, 0.28);
    }

    .mobile-login-link[b-ve4yndiykj] {
        min-height: 46px;
        padding: 0 18px;
        border: 1px solid rgba(22, 158, 245, 0.58);
        border-radius: 12px;
        background: rgba(4, 37, 57, 0.72);
        font-size: 15px;
        font-weight: 700;
        cursor: pointer;
        user-select: none;
    }

    .mobile-login-link:hover[b-ve4yndiykj] {
        color: var(--header-blue-bright);
        background: rgba(19, 167, 255, 0.12);
    }

    .mobile-login-link:focus-visible[b-ve4yndiykj] {
        outline: 2px solid var(--header-blue-bright);
        outline-offset: 3px;
    }

    .mobile-demo-button[b-ve4yndiykj] {
        width: 100%;
    }
}

/* =========================================================
   RESPONSIVE - MÓVIL
   ========================================================= */

@media (max-width: 640px) {
    .header-shell[b-ve4yndiykj] {
        width: calc(100% - 24px);
    }

    .brand[b-ve4yndiykj] {
        width: min(210px, calc(100vw - 82px));
    }

    .mobile-nav-actions[b-ve4yndiykj] {
        grid-template-columns: 1fr;
    }

    .mobile-login-link[b-ve4yndiykj],
    .mobile-demo-button[b-ve4yndiykj] {
        width: 100%;
    }
}

/* =========================================================
   IDENTIDAD CLARA PARA LA CABECERA COMERCIAL
   ========================================================= */
.public-header[b-ve4yndiykj] { --header-white:#142440; --header-border:#e3eaf3; background:rgba(255,255,255,.97); border-bottom:1px solid #e6edf5; box-shadow:0 2px 12px #132c4810; }
.main-nav[b-ve4yndiykj]  a,.nav-pending[b-ve4yndiykj] { color:#142440; }
.main-nav[b-ve4yndiykj]  a:hover,.main-nav[b-ve4yndiykj]  a.active { color:#087dff; }
.icon-button[b-ve4yndiykj],.login-link[b-ve4yndiykj],.mobile-login-link[b-ve4yndiykj] { color:#142440; }
.header-divider[b-ve4yndiykj] { background:#d5dfec; }
.menu-toggle span[b-ve4yndiykj] { background:#142440; }
@media(max-width:1180px) { .main-nav[b-ve4yndiykj] { background:#fff; box-shadow:0 18px 35px #152a4620; }.mobile-login-link[b-ve4yndiykj] { background:#f6f9fc; } }

/* Mismo contenedor horizontal del Home, sin alterar la navegación. */
.header-shell[b-ve4yndiykj] { width: calc(100% - 2 * clamp(16px, 3vw, 64px)); max-width: none; }
@media (max-width: 1200px) { .header-shell[b-ve4yndiykj] { width: calc(100% - 48px); } }
@media (max-width: 800px) { .header-shell[b-ve4yndiykj] { width: calc(100% - 40px); } }
@media (max-width: 520px) { .header-shell[b-ve4yndiykj] { width: calc(100% - 32px); } }

/* =========================================================
   LOGO CORPORATIVO - PROPORCIONES ORIGINALES
   Evita estiramiento, recorte y deformaciones en el header.
   ========================================================= */
.brand[b-ve4yndiykj] {
    width: min(250px, 100%);
    height: auto;
    min-width: 0;
    overflow: visible;
}

.brand img[b-ve4yndiykj] {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
    aspect-ratio: 900 / 277;
}

@media (max-width: 1180px) {
    .brand[b-ve4yndiykj] { width: min(220px, 100%); }
}

@media (max-width: 640px) {
    .brand[b-ve4yndiykj] { width: min(190px, 100%); }
}
/* /Layout/ClientLayout.razor.rz.scp.css */
/* Portal de clientes: colores, tipografía y modo Light/Dark heredados del tema global. */
.client-shell[b-sx3m3b11hq]{display:flex;min-height:100vh;font-family:"Roboto Condensed",sans-serif;background:var(--mud-palette-background,#f3f7fd);color:var(--mud-palette-text-primary,#092748)}
.client-sidebar[b-sx3m3b11hq]{flex:0 0 220px;width:220px;background:var(--mud-palette-surface,#fff);color:inherit;border-right:1px solid var(--mud-palette-lines-default,#cbd8e8);min-height:100vh;position:sticky;top:0;align-self:flex-start;z-index:20;transition:width .2s ease,flex-basis .2s ease}
.client-brand[b-sx3m3b11hq]{height:70px;padding:10px 14px;display:flex;align-items:center;border-bottom:1px solid var(--mud-palette-lines-default,#cbd8e8)}
.client-brand img[b-sx3m3b11hq]{width:185px;max-width:100%;height:45px;object-fit:contain}
.client-navigation[b-sx3m3b11hq]{display:flex;flex-direction:column;gap:4px;padding:14px 10px}
.client-navigation a[b-sx3m3b11hq],.client-navigation-pending[b-sx3m3b11hq]{display:flex;align-items:center;gap:12px;min-height:39px;padding:9px 12px;border-radius:7px;color:inherit;text-decoration:none;font-weight:600;font-size:14px;border:1px solid transparent}
.client-navigation a:hover[b-sx3m3b11hq],.client-navigation a.active[b-sx3m3b11hq]{background:#0878f8;color:white}
.client-navigation[b-sx3m3b11hq]  .mud-icon-root{font-size:19px;flex-shrink:0}
.client-navigation-pending[b-sx3m3b11hq]{opacity:.58;cursor:not-allowed}
.client-navigation-pending small[b-sx3m3b11hq]{display:block;font-size:10px;font-weight:400}
.client-navigation-divider[b-sx3m3b11hq]{border-top:1px solid var(--mud-palette-lines-default,#cbd8e8);margin:10px 3px}
.client-workspace[b-sx3m3b11hq]{flex:1;min-width:0}
.client-topbar[b-sx3m3b11hq]{height:70px;background:var(--mud-palette-surface,#fff);border-bottom:1px solid var(--mud-palette-lines-default,#cbd8e8);display:flex;align-items:center;gap:16px;padding:0 24px 0 16px}
.client-topbar-title[b-sx3m3b11hq]{font-size:27px;font-weight:800;white-space:nowrap}
.client-menu-toggle[b-sx3m3b11hq],.client-icon-button[b-sx3m3b11hq],.client-theme-toggle[b-sx3m3b11hq],.client-user-button[b-sx3m3b11hq]{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}
.client-menu-toggle[b-sx3m3b11hq]{padding:8px}
.client-global-search[b-sx3m3b11hq]{display:flex;align-items:center;gap:8px;max-width:380px;min-width:110px;flex:1;margin-left:20px;padding:5px 10px;border:1px solid var(--mud-palette-lines-default,#cbd8e8);border-radius:7px}
.client-global-search input[b-sx3m3b11hq]{min-width:0;width:100%;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:13px}
.client-topbar-actions[b-sx3m3b11hq]{margin-left:auto;display:flex;align-items:center;gap:10px}
.client-company[b-sx3m3b11hq]{display:flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap;font-size:14px}
.client-icon-button[b-sx3m3b11hq]{padding:6px}.client-icon-button:disabled[b-sx3m3b11hq]{opacity:.55;cursor:not-allowed}
.client-theme-toggle[b-sx3m3b11hq]{border:1px solid var(--mud-palette-lines-default,#cbd8e8);border-radius:15px;padding:5px 9px;color:#0878f8}
.client-user-button[b-sx3m3b11hq]{gap:8px;padding:3px 0 3px 8px;border-left:1px solid var(--mud-palette-lines-default,#cbd8e8)}
.client-user-initials[b-sx3m3b11hq]{font-weight:800;font-size:15px}
.client-user-caption[b-sx3m3b11hq]{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;font-size:12px}
.client-user-caption small[b-sx3m3b11hq]{font-size:10px;color:var(--mud-palette-text-secondary,#58718d)}
.client-main[b-sx3m3b11hq]{min-width:0;padding:12px 24px 24px 16px}
.client-backdrop[b-sx3m3b11hq]{display:none}
.client-sidebar-collapsed .client-sidebar[b-sx3m3b11hq]{flex-basis:64px;width:64px}
.client-sidebar-collapsed .client-brand[b-sx3m3b11hq]{padding:10px 5px;overflow:hidden}
.client-sidebar-collapsed .client-brand img[b-sx3m3b11hq]{min-width:180px;max-width:none;transform:translateX(-15px)}
.client-sidebar-collapsed .client-navigation[b-sx3m3b11hq]{padding:14px 6px}
.client-sidebar-collapsed .client-navigation a[b-sx3m3b11hq],.client-sidebar-collapsed .client-navigation-pending[b-sx3m3b11hq]{justify-content:center;padding:9px 5px}
.client-sidebar-collapsed .client-nav-label[b-sx3m3b11hq]{display:none}
@media(max-width:1200px){.client-global-search[b-sx3m3b11hq]{margin-left:0}.client-user-caption[b-sx3m3b11hq]{display:none}.client-topbar-title[b-sx3m3b11hq]{font-size:23px}}
@media(max-width:900px){.client-sidebar[b-sx3m3b11hq],.client-sidebar-collapsed .client-sidebar[b-sx3m3b11hq]{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .2s ease;overflow-y:auto;width:260px;flex-basis:260px}.client-sidebar.is-open[b-sx3m3b11hq]{transform:translateX(0)}.client-sidebar-collapsed .client-nav-label[b-sx3m3b11hq]{display:inline}.client-sidebar-collapsed .client-navigation a[b-sx3m3b11hq],.client-sidebar-collapsed .client-navigation-pending[b-sx3m3b11hq]{justify-content:flex-start;padding:9px 12px}.client-backdrop[b-sx3m3b11hq]{display:block;position:fixed;inset:0;background:#0009;z-index:19;border:0}.client-topbar[b-sx3m3b11hq]{padding:0 14px}.client-main[b-sx3m3b11hq]{padding:12px 16px 24px}.client-global-search[b-sx3m3b11hq]{display:none}}
@media(max-width:520px){.client-topbar[b-sx3m3b11hq]{gap:6px}.client-topbar-title[b-sx3m3b11hq]{font-size:19px}.client-company[b-sx3m3b11hq]{font-size:11px;max-width:85px;overflow:hidden;text-overflow:ellipsis}.client-icon-button[b-sx3m3b11hq]{display:none}.client-user-button[b-sx3m3b11hq]{padding-left:4px}.client-user-button[b-sx3m3b11hq]  .mud-icon-root{display:none}}
/* /Layout/MainLayout.razor.rz.scp.css */
/* =========================================================
   ESTRUCTURA MAESTRA AUTENTICADA
   ========================================================= */

.dashboard-shell[b-cc9gcdn56x] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    background: #f3f7fb;
    color: #0b2145;
}

.dashboard-sidebar[b-cc9gcdn56x] {
    position: sticky;
    top: 0;
    height: 100vh;
    z-index: 50;
    overflow-y: auto;
    background: linear-gradient(180deg, #032c4d 0%, #002642 55%, #03213a 100%);
}

.dashboard-workspace[b-cc9gcdn56x] {
    min-width: 0;
}

.dashboard-topbar[b-cc9gcdn56x] {
    position: sticky;
    top: 0;
    z-index: 40;
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 9px 20px;
    background: linear-gradient(90deg, #043657, #002846);
    color: #fff;
    box-shadow: 0 2px 10px rgba(1, 31, 54, .14);
}

.menu-button[b-cc9gcdn56x] {
    color: #fff !important;
}

.global-search[b-cc9gcdn56x] {
    width: min(500px, 42vw);
    height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    border-radius: 7px;
    background: #fff;
    color: #58708f;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .16);
}

.global-search input[b-cc9gcdn56x] {
    width: 100%;
    border: 0;
    outline: 0;
    color: #203b61;
    background: transparent;
    font-size: .88rem;
}

.topbar-actions[b-cc9gcdn56x] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.branch-pill[b-cc9gcdn56x],
.user-summary[b-cc9gcdn56x] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.branch-pill[b-cc9gcdn56x] {
    padding-right: 14px;
    border-right: 1px solid rgba(255, 255, 255, .14);
    white-space: nowrap;
}

.user-summary[b-cc9gcdn56x] {
    margin-left: 5px;
}

.user-summary div[b-cc9gcdn56x] {
    display: grid;
}

.user-summary strong[b-cc9gcdn56x],
.user-summary span[b-cc9gcdn56x] {
    line-height: 1.2;
}

.user-summary strong[b-cc9gcdn56x] {
    font-size: .82rem;
}

.user-summary span[b-cc9gcdn56x] {
    margin-top: 3px;
    font-size: .74rem;
    opacity: .82;
}

.dashboard-content[b-cc9gcdn56x] {
    width: 100%;
    padding: clamp(14px, 1.5vw, 24px);
}

.drawer-backdrop[b-cc9gcdn56x] {
    display: none;
}

/* =========================================================
   ESCRITORIO - CONTRAER / EXPANDIR EL MENÚ LATERAL
   La clase se aplica al contenedor compartido, no a cada página.
   ========================================================= */

@media (min-width: 1101px) {
    .dashboard-shell.desktop-sidebar-collapsed[b-cc9gcdn56x] {
        grid-template-columns: 0 minmax(0, 1fr);
    }

    .dashboard-shell.desktop-sidebar-collapsed .dashboard-sidebar[b-cc9gcdn56x] {
        visibility: hidden;
        overflow: hidden;
        pointer-events: none;
    }
}

/* =========================================================
   RESPONSIVE - TABLET Y MÓVIL
   ========================================================= */

@media (max-width: 1100px) {
    .dashboard-shell[b-cc9gcdn56x] {
        grid-template-columns: 1fr;
    }

    .dashboard-sidebar[b-cc9gcdn56x] {
        position: fixed;
        left: 0;
        transform: translateX(-100%);
        width: 220px;
        transition: transform .2s ease;
    }

    .dashboard-sidebar.is-open[b-cc9gcdn56x] {
        transform: translateX(0);
    }

    .drawer-backdrop[b-cc9gcdn56x] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 45;
        border: 0;
        background: rgba(0, 20, 37, .48);
    }
}

@media (max-width: 760px) {
    .dashboard-topbar[b-cc9gcdn56x] {
        padding: 9px 10px;
    }

    .global-search[b-cc9gcdn56x] {
        flex: 1;
        width: auto;
    }

    .branch-pill[b-cc9gcdn56x],
    .topbar-actions > .mud-icon-button-root[b-cc9gcdn56x],
    .user-summary div[b-cc9gcdn56x] {
        display: none;
    }

    .dashboard-content[b-cc9gcdn56x] {
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .global-search input[b-cc9gcdn56x]::placeholder {
        color: transparent;
    }
}

/* Acceso al perfil integrado en la cabecera existente. */
.profile-launch[b-cc9gcdn56x] { border: 0; background: transparent; color: inherit; cursor: pointer; padding: 4px 6px; border-radius: 8px; font: inherit; }
.profile-launch:hover[b-cc9gcdn56x], .profile-launch:focus-visible[b-cc9gcdn56x] { outline: 1px solid var(--mud-palette-primary, #1686f9); }
.profile-launch-label[b-cc9gcdn56x] { display: grid; text-align: left; gap: 2px; }
.profile-launch-label small[b-cc9gcdn56x] { font-size: .72rem; }
/* /Layout/MenuGroup.razor.rz.scp.css */
.menu-group[b-fc0qb23xrj] {
    padding: 5px 10px 7px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.menu-group-title[b-fc0qb23xrj] {
    padding: 7px 8px 4px;
    color: rgba(255, 255, 255, .68);
    font-size: .69rem;
    letter-spacing: .04em;
}
/* /Layout/MenuLink.razor.rz.scp.css */
.menu-link[b-m51aeo3o1m] {
    min-height: 35px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 9px;
    border-radius: 6px;
    color: #f4f8fc;
    text-decoration: none;
    font-size: .8rem;
    transition: background .15s ease, color .15s ease;
}

.menu-link:hover[b-m51aeo3o1m],
.menu-link.active[b-m51aeo3o1m] {
    color: #fff;
    background: rgba(13, 132, 255, .24);
}

.menu-link[b-m51aeo3o1m]  .mud-icon-root {
    font-size: 1.15rem;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-shell[b-an65d5gflq]{height:100%;min-height:100%;display:flex;flex-direction:column;color:#fff;font-family:inherit}.brand[b-an65d5gflq]{height:76px;display:flex;align-items:center;justify-content:center;padding:10px 18px;text-decoration:none}.brand img[b-an65d5gflq]{width:190px;max-width:100%;max-height:52px;object-fit:contain}.menu[b-an65d5gflq]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 10px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.dashboard-link[b-an65d5gflq]{min-height:42px;display:flex;align-items:center;gap:11px;padding:9px 12px;margin:0 0 5px;border-radius:7px;color:#fff;text-decoration:none;font-size:.84rem;font-weight:700}.dashboard-link.active[b-an65d5gflq]{background:#0c86ff;box-shadow:0 4px 12px rgba(0,112,255,.25)}
/* Los componentes hijos del menú se estilizan desde el menú maestro para garantizar una sola presentación. */
.menu[b-an65d5gflq]  .menu-group{display:block;padding:5px 0 8px;border-bottom:1px solid rgba(255,255,255,.12)}
.menu[b-an65d5gflq]  .menu-group-title{display:block;padding:7px 10px 5px;color:rgba(255,255,255,.68);font-size:.66rem;letter-spacing:.05em}
.menu[b-an65d5gflq]  .menu-link{width:100%;min-height:34px;display:flex!important;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;color:#f4f8fc;text-decoration:none;font-size:.79rem;line-height:1.2;white-space:nowrap;transition:background .15s ease,color .15s ease}
.menu[b-an65d5gflq]  .menu-link:hover,.menu[b-an65d5gflq]  .menu-link.active{color:#fff;background:rgba(13,132,255,.24)}
.menu[b-an65d5gflq]  .menu-link .mud-icon-root{flex:0 0 auto;font-size:1.12rem}
.menu[b-an65d5gflq]  .menu-link span{display:block;min-width:0}
.nav-footer[b-an65d5gflq]{display:flex;align-items:baseline;gap:5px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.12)}.nav-footer strong[b-an65d5gflq]{font-size:.8rem}.nav-footer span[b-an65d5gflq]{font-size:.67rem;opacity:.7}

.menu[b-an65d5gflq]::-webkit-scrollbar{width:6px}
.menu[b-an65d5gflq]::-webkit-scrollbar-track{background:transparent}
.menu[b-an65d5gflq]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}
/* /Layout/PublicLayout.razor.rz.scp.css */
/* =========================================================
   LAYOUT PÚBLICO
   ========================================================= */

.public-layout[b-uqym4b7jl6] {
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    background: #031523;
}
/* /Pages/About.razor.rz.scp.css */
/* =========================================================
   NOSOTROS - IDENTIDAD Y CONTENEDOR RESPONSIVE
   ========================================================= */
.about-page[b-mvviuz9ovl] {
    --about-primary: #168cf5;
    --about-ink: #142443;
    --about-muted: #52647c;
    --about-border: #e4eaf1;
    color: var(--about-ink);
    background: #fff;
    min-height: 100vh;
    overflow-x: clip;
}

.about-shell[b-mvviuz9ovl] {
    width: auto;
    max-width: none;
    margin-inline: clamp(20px, 3.2vw, 64px);
}

.section-label[b-mvviuz9ovl] {
    display: block;
    margin-bottom: 14px;
    color: var(--about-primary);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .075em;
}

/* =========================================================
   HERO - DOS COLUMNAS SIN SUPERPOSICIONES
   ========================================================= */
.about-hero[b-mvviuz9ovl] {
    background: #f3f8fc;
}

.hero-layout[b-mvviuz9ovl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(28px, 4vw, 64px);
    padding-block: clamp(40px, 4.5vw, 68px);
}

.hero-copy h1[b-mvviuz9ovl] {
    margin: 0 0 20px;
    font-size: clamp(36px, 3.65vw, 54px);
    line-height: 1.12;
    letter-spacing: -.045em;
    font-weight: 800;
}

.hero-copy h1 span[b-mvviuz9ovl] { color: var(--about-primary); }

.hero-copy > p[b-mvviuz9ovl] {
    max-width: 570px;
    margin: 0 0 26px;
    color: var(--about-muted);
    font-size: clamp(15px, 1.12vw, 17px);
    line-height: 1.75;
}

.about-action[b-mvviuz9ovl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 13px 22px;
    border: 1px solid var(--about-primary);
    border-radius: 10px;
    background: var(--about-primary);
    color: white;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}
.about-action:hover[b-mvviuz9ovl] { background: #0873d5; transform: translateY(-1px); }
.about-action:focus-visible[b-mvviuz9ovl], .solution-link:focus-visible[b-mvviuz9ovl] { outline: 3px solid #86c7ff; outline-offset: 3px; }

.hero-pillars[b-mvviuz9ovl] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 34px;
}
.hero-pillars > div[b-mvviuz9ovl] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 20px;
    border-right: 1px solid #d6e2ed;
}
.hero-pillars > div:last-child[b-mvviuz9ovl] { border-right: 0; }
.pillar-icon[b-mvviuz9ovl] { color: var(--about-primary); font-size: 25px; line-height: 1; }
.hero-pillars strong[b-mvviuz9ovl] { font-size: 12px; line-height: 1.4; }

.hero-office[b-mvviuz9ovl] { min-width: 0; }
.hero-office img[b-mvviuz9ovl] {
    display: block;
    width: 100%;
    aspect-ratio: 1.55;
    object-fit: cover;
    border-radius: 12px;
}

/* =========================================================
   SOLUCIONES - TARJETAS UNIFORMES
   ========================================================= */
.solutions-section[b-mvviuz9ovl] { padding-block: clamp(48px, 4.5vw, 72px); background: #fff; }
.section-heading[b-mvviuz9ovl] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 28px;
    margin-bottom: 30px;
}
.section-heading h2[b-mvviuz9ovl], .values-intro h2[b-mvviuz9ovl] {
    margin: 0;
    font-size: clamp(25px, 2.3vw, 34px);
    line-height: 1.22;
    letter-spacing: -.03em;
    font-weight: 750;
}
.section-heading > p[b-mvviuz9ovl] {
    max-width: 355px;
    margin: 0;
    color: var(--about-muted);
    font-size: 14px;
    line-height: 1.65;
}
.solution-grid[b-mvviuz9ovl] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.solution-card[b-mvviuz9ovl] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--about-border);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(20, 36, 67, .045);
    transition: transform .2s ease, box-shadow .2s ease;
}
.solution-card:hover[b-mvviuz9ovl] { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(20,36,67,.09); }
.solution-visual[b-mvviuz9ovl] { height: clamp(320px, 30vw, 480px); overflow: hidden; background: #f5f7fa; }
.solution-visual img[b-mvviuz9ovl] { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.solution-content[b-mvviuz9ovl] { display: flex; flex-direction: column; flex: 1; padding: 20px; }
.solution-logo[b-mvviuz9ovl] { display: block; max-width: 190px; width: auto; height: 44px; object-fit: contain; object-position: left center; }
.solution-content p[b-mvviuz9ovl] { margin: 16px 0 24px; color: var(--about-muted); font-size: 14px; line-height: 1.65; }
.solution-link[b-mvviuz9ovl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding: 11px 14px;
    border-radius: 8px;
    background: #eaf4ff;
    color: #0875d6;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.solution-link.unavailable[b-mvviuz9ovl] { cursor: default; opacity: .75; }
.solution-card.green .solution-link[b-mvviuz9ovl] { background: #eaf7ef; color: #24854a; }
.solution-card.red .solution-link[b-mvviuz9ovl] { background: #fff0f0; color: #c53b43; }
.solution-card.yellow .solution-link[b-mvviuz9ovl] { background: #fff6e6; color: #ad7300; }

/* =========================================================
   VALORES - JERARQUÍA CLARA Y ESPACIO NATURAL
   ========================================================= */
.values-section[b-mvviuz9ovl] { padding-block: clamp(64px, 6vw, 96px); background: #f7f9fc; }
.values-panel[b-mvviuz9ovl] { display: grid; grid-template-columns: 1.2fr 1.8fr; gap: 40px 56px; align-items: center; }
.values-intro p[b-mvviuz9ovl] { max-width: 440px; margin: 18px 0 0; color: var(--about-muted); font-size: 15px; line-height: 1.7; }
.values-grid[b-mvviuz9ovl] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.value-item[b-mvviuz9ovl] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 10px 14px; border-left: 1px solid #dce5ef; }
.value-icon[b-mvviuz9ovl] { color: var(--about-primary); font-size: 30px; line-height: 1.1; }
.value-item strong[b-mvviuz9ovl] { font-size: 14px; }
.value-item p[b-mvviuz9ovl] { margin: 0; color: var(--about-muted); font-size: 12px; line-height: 1.5; }
.values-message[b-mvviuz9ovl] { grid-column: 1 / -1; padding-top: 32px; border-top: 1px solid #dce5ef; text-align: center; }
.values-message > strong[b-mvviuz9ovl] { display: block; font-size: clamp(23px, 2.2vw, 32px); line-height: 1.3; letter-spacing: -.025em; }
.values-message > strong span[b-mvviuz9ovl] { color: var(--about-primary); }
.values-message small[b-mvviuz9ovl] { display: block; margin-top: 14px; font-size: 11px; font-weight: 750; letter-spacing: .13em; }

/* =========================================================
   TABLET Y MÓVIL
   ========================================================= */
@media (max-width: 1100px) {
    .solution-grid[b-mvviuz9ovl] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .solution-visual[b-mvviuz9ovl] { height: clamp(340px, 50vw, 520px); }
    .values-panel[b-mvviuz9ovl] { grid-template-columns: 1fr; }
    .values-grid[b-mvviuz9ovl] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .hero-layout[b-mvviuz9ovl] { grid-template-columns: 1fr; padding-block: 44px; }
    .hero-copy h1 br[b-mvviuz9ovl] { display: none; }
    .hero-pillars[b-mvviuz9ovl] { gap: 12px; }
    .hero-pillars > div[b-mvviuz9ovl] { padding-right: 12px; }
    .hero-office img[b-mvviuz9ovl] { aspect-ratio: 1.65; }
    .section-heading[b-mvviuz9ovl] { flex-direction: column; align-items: start; }
    .section-heading > p[b-mvviuz9ovl] { max-width: 100%; }
    .solution-grid[b-mvviuz9ovl] { grid-template-columns: 1fr; }
    .solution-visual[b-mvviuz9ovl] { height: min(125vw, 560px); }
    .values-grid[b-mvviuz9ovl] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; }
    .value-item:nth-child(odd)[b-mvviuz9ovl] { border-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .about-action[b-mvviuz9ovl], .solution-card[b-mvviuz9ovl] { transition: none; }
}

/* Sin max-width fijo: al reducir zoom se aprovecha el viewport CSS ampliado. */
@media (min-width: 1700px) {
    .about-shell[b-mvviuz9ovl] { margin-inline: clamp(32px, 3.2vw, 72px); }
}
@media (max-width: 1199px) {
    .about-shell[b-mvviuz9ovl] { margin-inline: 24px; }
    .hero-layout[b-mvviuz9ovl] { gap: 32px; }
}
@media (max-width: 900px) {
    .hero-layout[b-mvviuz9ovl] { grid-template-columns: 1fr; }
    .hero-copy > p[b-mvviuz9ovl] { max-width: 720px; }
    .hero-office img[b-mvviuz9ovl] { aspect-ratio: 16 / 9; }
}
@media (max-width: 575px) {
    .about-shell[b-mvviuz9ovl] { margin-inline: 16px; }
    .hero-layout[b-mvviuz9ovl] { padding-block: 36px; gap: 26px; }
    .hero-copy h1[b-mvviuz9ovl] { font-size: clamp(30px, 8vw, 40px); }
    .hero-pillars > div[b-mvviuz9ovl] { border-right: 0; }
    .solutions-section[b-mvviuz9ovl], .values-section[b-mvviuz9ovl] { padding-block: 44px; }
    .solution-visual[b-mvviuz9ovl] { height: min(125vw, 520px); }
}

/* =========================================================
   HERO NOSOTROS - IMAGEN PANORÁMICA A TODO EL ANCHO
   Texto HTML independiente para accesibilidad y responsive.
   ========================================================= */
.about-page .about-hero[b-mvviuz9ovl] {
    position: relative;
    isolation: isolate;
    background-color: #061b2b;
    background-image: linear-gradient(90deg, rgba(1, 17, 30, .88) 0%, rgba(1, 17, 30, .77) 30%, rgba(1, 17, 30, .25) 52%, rgba(1, 17, 30, 0) 74%), url('/images/about/itec-office-hero.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.about-page .about-hero .hero-layout[b-mvviuz9ovl] {
    display: flex;
    align-items: center;
    min-height: clamp(500px, 37vw, 720px);
    padding-block: clamp(64px, 7vw, 110px);
}
.about-page .about-hero .hero-copy[b-mvviuz9ovl] {
    width: min(100%, 690px);
    color: #fff;
}
.about-page .about-hero .hero-copy h1[b-mvviuz9ovl] { color: #fff; }
.about-page .about-hero .hero-copy > p[b-mvviuz9ovl] { color: #e5edf6; }
.about-page .about-hero .hero-pillars > div[b-mvviuz9ovl] { border-color: rgba(255,255,255,.28); }
.about-page .about-hero .hero-pillars strong[b-mvviuz9ovl] { color: #fff; }
@media (max-width: 767px) {
    .about-page .about-hero[b-mvviuz9ovl] {
        background-image: linear-gradient(90deg, rgba(1,17,30,.92), rgba(1,17,30,.72)), url('/images/about/itec-office-hero.webp');
        background-position: 56% center;
    }
    .about-page .about-hero .hero-layout[b-mvviuz9ovl] { min-height: 560px; padding-block: 56px; }
}
/* /Pages/BillingPage.razor.rz.scp.css */
/* Los colores y superficies Light/Dark proceden de los tokens globales de TRAYEKTO. */
.bi-page[b-p5lu47wdp7]{font-family:'Roboto Condensed',sans-serif;color:var(--text-primary);padding:8px 0 28px;min-width:0}.bi-page *[b-p5lu47wdp7],.bi-overlay *[b-p5lu47wdp7]{box-sizing:border-box}.bi-hero[b-p5lu47wdp7],.bi-filters[b-p5lu47wdp7],.bi-kpis article[b-p5lu47wdp7],.bi-panel[b-p5lu47wdp7],.bi-card[b-p5lu47wdp7],.bi-modal[b-p5lu47wdp7]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;box-shadow:0 3px 12px var(--shadow-color)}.bi-hero[b-p5lu47wdp7]{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.bi-heading[b-p5lu47wdp7]{display:flex;gap:17px;align-items:center;padding:18px}.bi-heading[b-p5lu47wdp7]  .mud-icon-root{font-size:36px;color:var(--primary)}.bi-heading h1[b-p5lu47wdp7]{font-size:1.65rem;margin:0;font-weight:800}.bi-heading p[b-p5lu47wdp7]{margin:4px 0 0;color:var(--text-secondary)}.bi-banner[b-p5lu47wdp7]{background:linear-gradient(90deg,#061e37f2,#082947a6),url('/images/solutions/fleet.webp') center/cover;color:white;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:18px 24px}.bi-notice[b-p5lu47wdp7]{display:flex;gap:7px;align-items:center;color:var(--text-secondary);margin:8px 0;font-size:.82rem}.bi-filters[b-p5lu47wdp7]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto auto;align-items:end;gap:8px;padding:12px;margin-bottom:10px}.bi-filters label[b-p5lu47wdp7],.bi-form-grid label[b-p5lu47wdp7]{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:.82rem}.bi-filters input[b-p5lu47wdp7],.bi-filters select[b-p5lu47wdp7],.bi-form-grid input[b-p5lu47wdp7],.bi-form-grid select[b-p5lu47wdp7]{width:100%;min-width:0;padding:9px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:5px;font:inherit}.bi-primary[b-p5lu47wdp7],.bi-secondary[b-p5lu47wdp7]{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;font:inherit;font-weight:700;text-decoration:none;border-radius:5px;cursor:pointer;white-space:nowrap}.bi-primary[b-p5lu47wdp7]{background:var(--primary);border:1px solid var(--primary);color:white}.bi-secondary[b-p5lu47wdp7]{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.bi-kpis[b-p5lu47wdp7]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:10px}.bi-kpis article[b-p5lu47wdp7]{padding:13px 10px;display:flex;align-items:center;gap:10px;min-width:0}.bi-kpis article strong[b-p5lu47wdp7],.bi-kpis article b[b-p5lu47wdp7],.bi-kpis article small[b-p5lu47wdp7]{display:block}.bi-kpis article strong[b-p5lu47wdp7]{font-size:1.3rem;overflow-wrap:anywhere}.bi-kpis article b[b-p5lu47wdp7]{font-size:.84rem}.bi-kpis article small[b-p5lu47wdp7]{font-size:.76rem;color:var(--text-secondary)}.bi-icon[b-p5lu47wdp7]{width:39px;height:39px;border-radius:50%;color:white;display:grid;place-items:center;flex-shrink:0}.bi-icon.blue[b-p5lu47wdp7]{background:#087eff}.bi-icon.green[b-p5lu47wdp7]{background:#00a977}.bi-icon.purple[b-p5lu47wdp7]{background:#8746f5}.bi-icon.amber[b-p5lu47wdp7]{background:#f5a400}.bi-icon.red[b-p5lu47wdp7]{background:#fa4258}.bi-icon.slate[b-p5lu47wdp7]{background:#405b7b}.bi-toolbar[b-p5lu47wdp7]{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-color);padding:9px 12px;flex-wrap:wrap}.bi-toolbar nav[b-p5lu47wdp7],.bi-actions[b-p5lu47wdp7]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bi-toolbar nav button[b-p5lu47wdp7]{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-primary);padding:9px 5px;cursor:pointer;font:inherit}.bi-toolbar nav button.active[b-p5lu47wdp7]{border-bottom-color:var(--primary);color:var(--primary);font-weight:800}.bi-grid[b-p5lu47wdp7]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px}.bi-card[b-p5lu47wdp7]{padding:14px 12px;min-width:0}.bi-card h3[b-p5lu47wdp7],.bi-bottom-heading h3[b-p5lu47wdp7],.bi-table-section h3[b-p5lu47wdp7]{display:flex;gap:7px;align-items:center;margin:0 0 14px;font-size:.98rem;font-weight:800}.bi-donut-wrap[b-p5lu47wdp7]{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:center}.bi-donut[b-p5lu47wdp7]{width:155px;height:155px;border-radius:50%;display:grid;place-items:center}.bi-donut>div[b-p5lu47wdp7]{width:105px;height:105px;border-radius:50%;background:var(--bg-card);display:flex;flex-direction:column;align-items:center;justify-content:center}.bi-donut strong[b-p5lu47wdp7]{font-size:1.4rem}.bi-donut small[b-p5lu47wdp7]{color:var(--text-secondary)}.bi-legend>div[b-p5lu47wdp7]{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-color);font-size:.82rem}.bi-legend i[b-p5lu47wdp7]{width:9px;height:9px;border-radius:50%}.bi-legend span[b-p5lu47wdp7]{flex:1}.bi-legend small[b-p5lu47wdp7]{color:var(--text-secondary)}.bi-bar[b-p5lu47wdp7]{display:grid;grid-template-columns:minmax(80px,1fr) minmax(50px,1.1fr) auto;gap:9px;align-items:center;margin:11px 0;font-size:.81rem}.bi-bar>div[b-p5lu47wdp7]{height:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.bi-bar i[b-p5lu47wdp7]{display:block;height:100%;background:var(--primary);border-radius:8px}.bi-bar b[b-p5lu47wdp7]{white-space:nowrap}.bi-trend[b-p5lu47wdp7]{height:165px;display:flex;gap:12px;align-items:end;justify-content:space-around;border-bottom:1px solid var(--border-color);padding:10px 8px 0}.bi-trend>div[b-p5lu47wdp7]{display:flex;align-items:end;gap:3px;height:100%;flex:1;max-width:32px}.bi-trend i[b-p5lu47wdp7],.bi-trend em[b-p5lu47wdp7]{width:50%;display:block;background:var(--primary);min-height:2px}.bi-trend em[b-p5lu47wdp7]{background:#00a977}.bi-legend-text[b-p5lu47wdp7]{font-size:.75rem;color:var(--primary)}.bi-legend-text span[b-p5lu47wdp7]{color:#00a977}.bi-bottom[b-p5lu47wdp7]{margin-top:10px}.bi-bottom-heading[b-p5lu47wdp7]{display:flex;justify-content:space-between;align-items:center;padding:13px}.bi-bottom-heading h3[b-p5lu47wdp7]{margin:0}.bi-bottom-heading button[b-p5lu47wdp7]{border:0;background:transparent;color:var(--primary);cursor:pointer}.bi-table-wrap[b-p5lu47wdp7]{overflow-x:auto}.bi-table[b-p5lu47wdp7]{width:100%;border-collapse:collapse;font-size:.81rem}.bi-table th[b-p5lu47wdp7],.bi-table td[b-p5lu47wdp7]{padding:9px 10px;text-align:left;border-bottom:1px solid var(--border-color)}.bi-table th[b-p5lu47wdp7]{background:var(--bg-secondary);white-space:nowrap}.bi-table tbody tr:nth-child(even)[b-p5lu47wdp7]{background:var(--bg-secondary)}.bi-status[b-p5lu47wdp7]{padding:3px 7px;border-radius:16px;border:1px solid var(--border-color);font-weight:700}.bi-status.paid[b-p5lu47wdp7]{color:#00966b}.bi-status.pending[b-p5lu47wdp7]{color:#ce8500}.bi-status.overdue[b-p5lu47wdp7]{color:#e23c50}.bi-status.review[b-p5lu47wdp7]{color:#8b46ed}.bi-view[b-p5lu47wdp7]{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--primary);cursor:pointer;font:inherit}.bi-table-section[b-p5lu47wdp7]{padding:15px}.bi-table-section p[b-p5lu47wdp7]{color:var(--text-secondary)}.bi-message[b-p5lu47wdp7]{padding:9px 13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.bi-overlay[b-p5lu47wdp7]{position:fixed;inset:0;z-index:1500;background:rgba(0,14,32,.75);display:flex;align-items:center;justify-content:center;padding:16px}.bi-modal[b-p5lu47wdp7]{width:min(790px,100%);max-height:92vh;overflow:auto;color:var(--text-primary)}.bi-modal header[b-p5lu47wdp7],.bi-modal footer[b-p5lu47wdp7]{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--border-color)}.bi-modal header>div[b-p5lu47wdp7]{display:flex;gap:12px;align-items:center}.bi-modal header[b-p5lu47wdp7]  .mud-icon-root{color:var(--primary)}.bi-modal header h2[b-p5lu47wdp7]{font-size:1.3rem;margin:0}.bi-modal header p[b-p5lu47wdp7]{color:var(--text-secondary);margin:4px 0 0}.bi-close[b-p5lu47wdp7]{border:0;background:transparent;color:var(--text-primary);cursor:pointer}.bi-modal-body[b-p5lu47wdp7]{padding:18px}.bi-modal-body section[b-p5lu47wdp7]{border:1px solid var(--border-color);border-radius:8px;padding:14px;margin-bottom:14px}.bi-modal-body h3[b-p5lu47wdp7]{margin:0 0 13px;font-size:1rem}.bi-form-grid[b-p5lu47wdp7]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.bi-modal footer[b-p5lu47wdp7]{justify-content:flex-end;gap:10px;border-top:1px solid var(--border-color);border-bottom:0}.bi-error[b-p5lu47wdp7]{color:#e34256}
@media(max-width:1350px){.bi-filters[b-p5lu47wdp7]{grid-template-columns:repeat(4,minmax(0,1fr))}.bi-kpis[b-p5lu47wdp7]{grid-template-columns:repeat(3,minmax(0,1fr))}.bi-grid[b-p5lu47wdp7]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.bi-hero[b-p5lu47wdp7]{grid-template-columns:1fr}.bi-banner[b-p5lu47wdp7]{display:none}.bi-filters[b-p5lu47wdp7]{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-kpis[b-p5lu47wdp7]{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-grid[b-p5lu47wdp7]{grid-template-columns:1fr}.bi-toolbar nav[b-p5lu47wdp7]{flex-wrap:nowrap;overflow-x:auto;width:100%}.bi-toolbar nav button[b-p5lu47wdp7]{white-space:nowrap}.bi-actions[b-p5lu47wdp7]{width:100%}.bi-actions .bi-primary[b-p5lu47wdp7]{flex:1}.bi-donut-wrap[b-p5lu47wdp7]{grid-template-columns:125px 1fr}.bi-donut[b-p5lu47wdp7]{width:120px;height:120px}.bi-donut>div[b-p5lu47wdp7]{width:83px;height:83px}.bi-form-grid[b-p5lu47wdp7]{grid-template-columns:1fr}.bi-heading h1[b-p5lu47wdp7]{font-size:1.35rem}.bi-table-wrap[b-p5lu47wdp7]{overflow-x:auto}}


/* Tarjetas de facturación: solo presentación; colores y superficies del tema global. */
.bi-invoice-cards[b-p5lu47wdp7] { display: none; }
@media (max-width: 780px) {
    .bi-page[b-p5lu47wdp7] { min-width: 0; }
    .bi-bottom[b-p5lu47wdp7], .bi-table-section[b-p5lu47wdp7] { min-width: 0; }
    .bi-bottom .bi-table-wrap[b-p5lu47wdp7], .bi-table-section .bi-table-wrap[b-p5lu47wdp7] { display: none; }
    .bi-invoice-cards[b-p5lu47wdp7] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 12px; }
    .bi-invoice-card[b-p5lu47wdp7] { min-width: 0; border: 1px solid var(--border-color); border-radius: 9px; background: var(--bg-card); color: var(--text-primary); padding: 13px; display: grid; gap: 12px; }
    .bi-invoice-card-head[b-p5lu47wdp7], .bi-invoice-card-foot[b-p5lu47wdp7] { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
    .bi-invoice-card-head > strong[b-p5lu47wdp7] { display: inline-flex; align-items: center; gap: 6px; color: var(--primary); overflow-wrap: anywhere; min-width: 0; }
    .bi-invoice-card-head .bi-status[b-p5lu47wdp7] { flex-shrink: 0; }
    .bi-invoice-customer[b-p5lu47wdp7] { display: grid; gap: 4px; padding-bottom: 10px; border-bottom: 1px solid var(--border-color); }
    .bi-invoice-customer strong[b-p5lu47wdp7] { overflow-wrap: anywhere; }
    .bi-invoice-customer small[b-p5lu47wdp7], .bi-invoice-meta span[b-p5lu47wdp7], .bi-invoice-card-foot span[b-p5lu47wdp7] { color: var(--text-secondary); }
    .bi-invoice-meta[b-p5lu47wdp7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .bi-invoice-meta > div[b-p5lu47wdp7], .bi-invoice-card-foot > div[b-p5lu47wdp7] { display: grid; gap: 4px; min-width: 0; }
    .bi-invoice-meta strong[b-p5lu47wdp7] { font-size: .88rem; overflow-wrap: anywhere; }
    .bi-invoice-card-foot[b-p5lu47wdp7] { border-top: 1px solid var(--border-color); padding-top: 11px; }
    .bi-invoice-card-foot > div > strong[b-p5lu47wdp7] { font-size: 1.1rem; overflow-wrap: anywhere; }
    .bi-invoice-detail[b-p5lu47wdp7] { display: inline-flex; align-items: center; gap: 6px; padding: 9px 12px; border: 1px solid var(--border-color); border-radius: 6px; color: var(--primary); background: var(--bg-card); cursor: pointer; font: inherit; font-weight: 700; }
    .bi-invoice-empty[b-p5lu47wdp7] { color: var(--text-secondary); margin: 0; }
}
/* /Pages/Classification.razor.rz.scp.css */
/* =========================================================
   PÁGINA Y ENCABEZADO
   ========================================================= */
.classification-page[b-4lkzmgl1do] { width: 100%; min-width: 0; color: var(--mud-palette-text-primary); }
.classification-hero[b-4lkzmgl1do] { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, 1fr); overflow: hidden; border: 1px solid var(--mud-palette-lines-default); border-radius: 11px; background: var(--mud-palette-surface); }
.classification-hero-copy[b-4lkzmgl1do] { display: flex; align-items: center; gap: 17px; padding: 16px 20px; }
.classification-hero-copy[b-4lkzmgl1do] >  .mud-icon-root { font-size: 42px; color: var(--mud-palette-primary); }
.classification-hero h1[b-4lkzmgl1do] { margin: 0; font-size: clamp(1.6rem, 2.3vw, 2.1rem); font-weight: 800; line-height: 1.1; }
.classification-hero p[b-4lkzmgl1do] { margin: 4px 0 0; font-size: .87rem; }
.classification-banner[b-4lkzmgl1do] { display: flex; flex-direction: column; justify-content: center; padding: 16px 22px; color: #fff; background: linear-gradient(90deg, rgba(4, 29, 59, .95), rgba(4, 67, 119, .67)), url('/images/home/hero-logistics.webp') center/cover; }
.classification-banner strong[b-4lkzmgl1do] { font-size: 1.25rem; }
.classification-banner span[b-4lkzmgl1do] { margin-top: 4px; font-size: .85rem; }
.classification-demo-note[b-4lkzmgl1do] { margin: 10px 0; }

/* =========================================================
   TARJETAS DE INDICADORES
   ========================================================= */
.classification-metrics[b-4lkzmgl1do] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 12px 0; }
.classification-metric[b-4lkzmgl1do] { display: flex; align-items: center; gap: 13px; min-height: 94px; padding: 13px; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: var(--mud-palette-surface); box-shadow: 0 3px 10px rgba(15, 48, 87, .04); }
.metric-icon[b-4lkzmgl1do] { display: grid; place-items: center; width: 46px; height: 46px; flex-shrink: 0; border-radius: 50%; color: #fff; }
.metric-icon.blue[b-4lkzmgl1do] { background: #1184ff; }.metric-icon.green[b-4lkzmgl1do] { background: #09af61; }.metric-icon.orange[b-4lkzmgl1do] { background: #ffad0a; }.metric-icon.violet[b-4lkzmgl1do] { background: #8744ee; }.metric-icon.red[b-4lkzmgl1do] { background: #fb4056; }
.classification-metric strong[b-4lkzmgl1do] { display: block; font-size: 1.65rem; line-height: 1.1; }.classification-metric small[b-4lkzmgl1do] { display: block; margin-top: 5px; font-size: .72rem; }

/* =========================================================
   PESTAÑAS, BÚSQUEDA Y FILTROS
   ========================================================= */
.classification-panel[b-4lkzmgl1do], .classification-bottom-card[b-4lkzmgl1do] { border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: var(--mud-palette-surface); min-width: 0; }
.classification-tabs[b-4lkzmgl1do] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 9px 12px 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
.classification-tabs > button[b-4lkzmgl1do] { padding: 12px 10px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--mud-palette-text-secondary); cursor: pointer; }
.classification-tabs > button.active[b-4lkzmgl1do] { color: var(--mud-palette-primary); border-bottom-color: var(--mud-palette-primary); font-weight: 800; }
.classification-tab-actions[b-4lkzmgl1do] { display: flex; gap: 10px; margin-left: auto; padding-bottom: 7px; }
.classification-tab-actions[b-4lkzmgl1do] >  .mud-button-root { text-transform: none; font-weight: 700; }
.classification-search[b-4lkzmgl1do] { display: flex; align-items: center; gap: 9px; margin: 12px; }
.classification-search input[b-4lkzmgl1do], .scanner input[b-4lkzmgl1do] { flex: 1; min-width: 0; height: 39px; padding: 0 12px; border: 1px solid var(--mud-palette-lines-inputs); border-radius: 6px; background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); }
.classification-search span[b-4lkzmgl1do] { font-size: .83rem; }.classification-filters[b-4lkzmgl1do] { display: grid; grid-template-columns: 1.2fr repeat(4, 1fr) auto; gap: 10px; align-items: end; padding: 0 12px 12px; }
.classification-filters label[b-4lkzmgl1do] { display: flex; flex-direction: column; gap: 4px; font-size: .75rem; font-weight: 600; }
.classification-filters select[b-4lkzmgl1do], .classification-filters input[b-4lkzmgl1do] { width: 100%; min-width: 0; height: 37px; padding: 0 8px; border: 1px solid var(--mud-palette-lines-inputs); border-radius: 6px; background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); }
.clear-filters[b-4lkzmgl1do] { display: flex; align-items: center; gap: 3px; height: 37px; border: 0; background: transparent; color: var(--mud-palette-primary); cursor: pointer; white-space: nowrap; }

/* =========================================================
   TABLA DE ENVÍOS
   ========================================================= */
.classification-table-scroll[b-4lkzmgl1do] { max-width: 100%; overflow-x: auto; }
.classification-table[b-4lkzmgl1do] { width: 100%; min-width: 1070px; border-collapse: collapse; font-size: .75rem; }
.classification-table th[b-4lkzmgl1do], .classification-table td[b-4lkzmgl1do] { padding: 10px 8px; text-align: left; border-bottom: 1px solid var(--mud-palette-lines-default); }
.classification-table th[b-4lkzmgl1do] { background: var(--mud-palette-background-gray); white-space: nowrap; }
.classification-table td strong[b-4lkzmgl1do], .classification-table td small[b-4lkzmgl1do] { display: block; }.classification-table td small[b-4lkzmgl1do] { margin-top: 3px; opacity: .68; }
.classification-table tr.selected[b-4lkzmgl1do] { background: rgba(20, 132, 255, .07); }
.classification-table td[b-4lkzmgl1do] >  .mud-icon-button { padding: 4px; }
.classification-pill[b-4lkzmgl1do] { display: inline-block; padding: 4px 9px; border-radius: 9px; font-size: .72rem; font-weight: 600; white-space: nowrap; }
.classification-pill.amber[b-4lkzmgl1do] { color: #b97700; background: #fff1cc; }.classification-pill.green[b-4lkzmgl1do] { color: #07854a; background: #d7f6e6; }.classification-pill.red[b-4lkzmgl1do] { color: #d82939; background: #ffe0e4; }.classification-pill.blue[b-4lkzmgl1do] { color: #096cc6; background: #e1efff; }
.classification-empty[b-4lkzmgl1do] { text-align: center !important; padding: 35px !important; }
.classification-table-footer[b-4lkzmgl1do] { padding: 12px; font-size: .76rem; color: var(--mud-palette-text-secondary); }

/* =========================================================
   PANELES INFERIORES
   ========================================================= */
.classification-bottom[b-4lkzmgl1do] { display: grid; grid-template-columns: 1.8fr 1fr .8fr; gap: 10px; margin-top: 12px; }
.classification-bottom-card[b-4lkzmgl1do] { padding: 12px; }.classification-bottom-card h3[b-4lkzmgl1do] { display: flex; justify-content: space-between; margin: 0 0 12px; font-size: .93rem; }.classification-bottom-card h3 span[b-4lkzmgl1do] { color: var(--mud-palette-primary); font-size: .73rem; }
.classification-history[b-4lkzmgl1do] { width: 100%; min-width: 480px; border-collapse: collapse; font-size: .7rem; }.classification-history th[b-4lkzmgl1do], .classification-history td[b-4lkzmgl1do] { padding: 7px; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: left; }.classification-history th[b-4lkzmgl1do] { background: var(--mud-palette-background-gray); }
.classification-chart-area[b-4lkzmgl1do] { display: flex; align-items: center; gap: 16px; }.classification-donut[b-4lkzmgl1do] { display: grid; place-items: center; flex-shrink: 0; width: 150px; height: 150px; border-radius: 50%; background: conic-gradient(#1286ff 0 33%, #52b5f8 33% 50%, #12b874 50% 67%, #f5a900 67% 83%, #894be5 83% 100%); }
.classification-donut > div[b-4lkzmgl1do] { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 95px; height: 95px; border-radius: 50%; background: var(--mud-palette-surface); }.classification-donut strong[b-4lkzmgl1do] { font-size: 1.5rem; }.classification-donut small[b-4lkzmgl1do] { font-size: .65rem; }
.classification-legend[b-4lkzmgl1do] { flex: 1; min-width: 0; font-size: .72rem; }.classification-legend > div[b-4lkzmgl1do] { display: flex; align-items: center; gap: 6px; margin: 7px 0; }.classification-legend strong[b-4lkzmgl1do] { margin-left: auto; }.legend-dot[b-4lkzmgl1do] { width: 9px; height: 9px; border-radius: 50%; background: #1286ff; }
.scanner[b-4lkzmgl1do] { display: flex; flex-direction: column; gap: 12px; }.scanner[b-4lkzmgl1do] >  .scanner-icon { align-self: center; font-size: 48px; color: var(--mud-palette-primary); }.scanner input[b-4lkzmgl1do] { flex: none; width: 100%; }.scanner[b-4lkzmgl1do] >  .mud-button-root { text-transform: none; }.scan-result[b-4lkzmgl1do] { font-size: .76rem; }

/* =========================================================
   MODAL INFORMATIVO - SOLO CIERRA CON X
   ========================================================= */
.classification-overlay[b-4lkzmgl1do] { position: fixed; inset: 0; z-index: 1500; display: grid; place-items: center; padding: 16px; background: rgba(0, 18, 43, .55); }
.classification-dialog[b-4lkzmgl1do] { position: relative; width: min(440px, 100%); padding: 30px; border-radius: 12px; background: var(--mud-palette-surface); }.classification-dialog h3[b-4lkzmgl1do] { margin: 0 0 12px; }.classification-dialog p[b-4lkzmgl1do] { line-height: 1.6; }.classification-close[b-4lkzmgl1do] { position: absolute; top: 8px; right: 12px; border: 0; background: transparent; color: var(--mud-palette-text-primary); font-size: 28px; cursor: pointer; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 1400px) { .classification-metric[b-4lkzmgl1do] { padding: 10px; gap: 8px; }.classification-metric small[b-4lkzmgl1do] { font-size: .68rem; }.classification-bottom[b-4lkzmgl1do] { grid-template-columns: 1.5fr 1fr; }.scanner[b-4lkzmgl1do] { grid-column: 1 / -1; } }
@media (max-width: 1100px) { .classification-metrics[b-4lkzmgl1do] { grid-template-columns: repeat(3, minmax(0, 1fr)); }.classification-filters[b-4lkzmgl1do] { grid-template-columns: repeat(3, minmax(0, 1fr)); }.classification-bottom[b-4lkzmgl1do] { grid-template-columns: 1fr; }.scanner[b-4lkzmgl1do] { grid-column: auto; }.classification-chart-area[b-4lkzmgl1do] { justify-content: center; } }
@media (max-width: 767px) { .classification-hero[b-4lkzmgl1do] { grid-template-columns: 1fr; }.classification-banner[b-4lkzmgl1do] { min-height: 76px; }.classification-hero-copy[b-4lkzmgl1do] { padding: 13px; }.classification-metrics[b-4lkzmgl1do] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.classification-metric[b-4lkzmgl1do] { min-height: 82px; }.classification-filters[b-4lkzmgl1do] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.classification-tab-actions[b-4lkzmgl1do] { width: 100%; margin-left: 0; }.classification-tab-actions[b-4lkzmgl1do] >  .mud-button-root { flex: 1; }.classification-search[b-4lkzmgl1do] { flex-wrap: wrap; }.classification-search input[b-4lkzmgl1do] { flex-basis: calc(100% - 90px); } }
@media (max-width: 430px) { .classification-metrics[b-4lkzmgl1do] { grid-template-columns: 1fr; }.classification-filters[b-4lkzmgl1do] { grid-template-columns: 1fr; }.classification-hero h1[b-4lkzmgl1do] { font-size: 1.5rem; } }

/* El sistema de tema corporativo define superficies y controles en
   wwwroot/css/trayekto-theme.css. Se mantienen aquí únicamente
   los estilos de estructura, tamaños y distribución responsive. */

/* =========================================================
   TABLAS RESPONSIVE - TARJETAS EN CELULAR
   Mantiene intactos los enlaces, la seleccion y los eventos Razor.
   En escritorio se conserva la tabla original.
   ========================================================= */
@media (max-width: 767px) {
    .classification-page[b-4lkzmgl1do],
    .classification-panel[b-4lkzmgl1do],
    .classification-bottom-card[b-4lkzmgl1do] {
        min-width: 0;
        max-width: 100%;
    }

    .classification-table-scroll[b-4lkzmgl1do] {
        width: 100%;
        max-width: 100%;
        overflow-x: visible;
    }

    .classification-table[b-4lkzmgl1do],
    .classification-history[b-4lkzmgl1do] {
        display: block;
        width: 100%;
        min-width: 0;
        border-collapse: separate;
        font-size: .82rem;
    }

    .classification-table thead[b-4lkzmgl1do],
    .classification-history thead[b-4lkzmgl1do] {
        display: none;
    }

    .classification-table tbody[b-4lkzmgl1do],
    .classification-history tbody[b-4lkzmgl1do] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .classification-table tbody tr[b-4lkzmgl1do],
    .classification-history tbody tr[b-4lkzmgl1do] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 12px;
        padding: 14px;
        border: 1px solid var(--mud-palette-lines-default);
        border-radius: 12px;
        background: var(--mud-palette-surface);
        box-shadow: 0 2px 8px rgba(0, 22, 53, .06);
        min-width: 0;
    }

    .classification-table tbody tr.selected[b-4lkzmgl1do] {
        border-color: var(--mud-palette-primary);
        background: color-mix(in srgb, var(--mud-palette-primary) 7%, var(--mud-palette-surface));
    }

    .classification-table tbody td[b-4lkzmgl1do],
    .classification-history tbody td[b-4lkzmgl1do] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        min-width: 0;
        padding: 0;
        border: 0;
        overflow-wrap: anywhere;
    }

    .classification-table tbody td[b-4lkzmgl1do]::before,
    .classification-history tbody td[b-4lkzmgl1do]::before {
        display: block;
        font-size: .69rem;
        font-weight: 600;
        color: var(--mud-palette-text-secondary);
    }

    .classification-table tbody td:nth-child(1)[b-4lkzmgl1do] { grid-column: 1; grid-row: 1; }
    .classification-table tbody td:nth-child(1)[b-4lkzmgl1do]::before { content: 'Seleccionar'; }
    .classification-table tbody td:nth-child(2)[b-4lkzmgl1do] { grid-column: 2; grid-row: 1; }
    .classification-table tbody td:nth-child(2)[b-4lkzmgl1do]::before { content: 'Guía / Referencia'; }
    .classification-table tbody td:nth-child(3)[b-4lkzmgl1do]::before { content: 'Cliente'; }
    .classification-table tbody td:nth-child(4)[b-4lkzmgl1do]::before { content: 'Origen'; }
    .classification-table tbody td:nth-child(5)[b-4lkzmgl1do]::before { content: 'Destino'; }
    .classification-table tbody td:nth-child(6)[b-4lkzmgl1do]::before { content: 'Tipo de envío'; }
    .classification-table tbody td:nth-child(7)[b-4lkzmgl1do]::before { content: 'Peso (kg)'; }
    .classification-table tbody td:nth-child(8)[b-4lkzmgl1do]::before { content: 'Volumen (m³)'; }
    .classification-table tbody td:nth-child(9)[b-4lkzmgl1do]::before { content: 'Estado'; }
    .classification-table tbody td:nth-child(10)[b-4lkzmgl1do]::before { content: 'Prioridad'; }
    .classification-table tbody td:nth-child(11)[b-4lkzmgl1do] {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        border-top: 1px solid var(--mud-palette-lines-default);
        padding-top: 10px;
    }
    .classification-table tbody td:nth-child(11)[b-4lkzmgl1do]::before {
        content: 'Acciones';
        margin-right: auto;
    }

    .classification-history tbody td:nth-child(1)[b-4lkzmgl1do]::before { content: 'Fecha y hora'; }
    .classification-history tbody td:nth-child(2)[b-4lkzmgl1do]::before { content: 'Guía'; }
    .classification-history tbody td:nth-child(3)[b-4lkzmgl1do]::before { content: 'Movimiento'; }
    .classification-history tbody td:nth-child(4)[b-4lkzmgl1do]::before { content: 'Usuario'; }
    .classification-history tbody td:nth-child(5)[b-4lkzmgl1do] {
        grid-column: 1 / -1;
        padding-top: 8px;
        border-top: 1px solid var(--mud-palette-lines-default);
    }
    .classification-history tbody td:nth-child(5)[b-4lkzmgl1do]::before { content: 'Observación'; }

    .classification-table tbody td.classification-empty[b-4lkzmgl1do] {
        grid-column: 1 / -1;
        grid-row: auto;
        padding: 16px !important;
    }
    .classification-table tbody td.classification-empty[b-4lkzmgl1do]::before { content: none; }
}
/* /Pages/ClientOperationPage.razor.rz.scp.css */
.client-operation[b-wxx0nchwu5]{max-width:1180px;margin:auto;padding:32px 24px}.client-operation h1[b-wxx0nchwu5]{font-size:32px;font-weight:800;margin:0}.client-operation header p[b-wxx0nchwu5]{color:var(--mud-palette-text-secondary,#4a6688)}.client-operation-card[b-wxx0nchwu5]{margin-top:20px;padding:24px;border:1px solid var(--mud-palette-lines-default,#ccd9e9);background:var(--mud-palette-surface,#fff);border-radius:12px}.client-operation-card h2[b-wxx0nchwu5]{font-size:21px;font-weight:700}.client-operation-card button[b-wxx0nchwu5]{padding:10px 18px;border:0;border-radius:8px;background:#0878f8;color:white;font:inherit;font-weight:700;cursor:pointer}@media(max-width:600px){.client-operation[b-wxx0nchwu5]{padding:18px 12px}}
/* /Pages/CompanyServicePublicationsPage.razor.rz.scp.css */
/* TRAYEKTO - Publicación de servicios. Estilos aislados Light/Dark. */
.pub-page[b-xchgfvd4w7]{padding:20px;max-width:1700px;margin:0 auto;color:var(--trayekto-text);font-family:'Roboto Condensed',sans-serif}.pub-page button[b-xchgfvd4w7],.pub-editor button[b-xchgfvd4w7]{font:inherit;cursor:pointer}.pub-page button:disabled[b-xchgfvd4w7],.pub-editor button:disabled[b-xchgfvd4w7]{opacity:.45;cursor:not-allowed}.pub-hero[b-xchgfvd4w7]{display:grid;grid-template-columns:1.15fr 1fr;background:var(--trayekto-surface);border:1px solid var(--trayekto-border);border-radius:13px;overflow:hidden;box-shadow:0 3px 12px #092f5810}.pub-hero-title[b-xchgfvd4w7]{padding:20px 22px;display:flex;align-items:center;gap:16px}.pub-hero-symbol[b-xchgfvd4w7]{width:54px;height:54px;display:grid;place-items:center;color:#087dff;background:#e5f2ff;border-radius:14px;flex-shrink:0}.pub-hero-symbol .mud-icon-root[b-xchgfvd4w7]{font-size:32px}.pub-hero h1[b-xchgfvd4w7]{margin:0;font-size:1.7rem;font-weight:800}.pub-hero p[b-xchgfvd4w7]{margin:3px 0 0;color:var(--trayekto-text-secondary)}.pub-hero-banner[b-xchgfvd4w7]{background:linear-gradient(110deg,#062c5c,#0c4c88 75%,#087cf4);color:white;padding:22px 26px;display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;overflow:hidden}.pub-hero-banner[b-xchgfvd4w7]:after{content:'';position:absolute;width:260px;height:260px;right:-90px;top:-120px;border:32px solid #ffffff12;border-radius:50%}.pub-hero-banner strong[b-xchgfvd4w7]{font-size:1.15rem}.pub-hero-banner span[b-xchgfvd4w7]{font-size:.9rem}.pub-toolbar-top[b-xchgfvd4w7]{display:flex;align-items:stretch;gap:18px;margin:16px 0}.pub-kpis[b-xchgfvd4w7]{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pub-kpi[b-xchgfvd4w7]{min-width:0;display:flex;align-items:center;gap:13px;background:var(--trayekto-surface);border:1px solid var(--trayekto-border);border-radius:11px;padding:14px;box-shadow:0 2px 8px #0a37610d}.pub-kpi-icon[b-xchgfvd4w7]{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:white;flex-shrink:0}.pub-kpi-icon.blue[b-xchgfvd4w7]{background:#079af4}.pub-kpi-icon.green[b-xchgfvd4w7]{background:#00a875}.pub-kpi-icon.orange[b-xchgfvd4w7]{background:#f58b00}.pub-kpi-icon.violet[b-xchgfvd4w7]{background:#7938e9}.pub-kpi div[b-xchgfvd4w7]{display:flex;flex-direction:column;gap:3px}.pub-kpi strong[b-xchgfvd4w7]{font-size:1.45rem;line-height:1}.pub-kpi div span[b-xchgfvd4w7]{font-size:.86rem}.pub-primary[b-xchgfvd4w7]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #0879f8;background:#0879f8;color:white;border-radius:8px;padding:11px 18px;font-weight:700!important}.pub-primary:hover[b-xchgfvd4w7]{background:#0065db}.pub-new-button[b-xchgfvd4w7]{align-self:center;white-space:nowrap}.pub-panel[b-xchgfvd4w7]{background:var(--trayekto-surface);border:1px solid var(--trayekto-border);border-radius:13px;box-shadow:0 2px 10px #0a37610e;overflow:hidden}.pub-tabs[b-xchgfvd4w7]{display:flex;align-items:center;border-bottom:1px solid var(--trayekto-border);padding:0 12px;gap:10px}.pub-tabs button[b-xchgfvd4w7],.pub-editor-tabs button[b-xchgfvd4w7]{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--trayekto-text);padding:16px 12px;font-weight:700}.pub-tabs button.active[b-xchgfvd4w7],.pub-editor-tabs button.active[b-xchgfvd4w7]{border-bottom-color:#087dff;color:#087dff;background:rgba(8,125,255,.055)}.pub-filters[b-xchgfvd4w7]{display:flex;align-items:center;gap:12px;padding:13px;border-bottom:1px solid var(--trayekto-border);flex-wrap:wrap}.pub-search[b-xchgfvd4w7]{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;border:1px solid var(--trayekto-input-border);border-radius:8px;padding:0 11px;background:var(--trayekto-surface);color:var(--trayekto-text-secondary)}.pub-search input[b-xchgfvd4w7]{border:0!important;outline:0!important;background:transparent!important;flex:1;min-width:0;padding:11px 0;color:var(--trayekto-text)}.pub-filters select[b-xchgfvd4w7],.pub-pagination select[b-xchgfvd4w7]{padding:10px 12px;border:1px solid var(--trayekto-input-border);border-radius:8px;background:var(--trayekto-surface);color:var(--trayekto-text);min-width:150px}.pub-filter-actions[b-xchgfvd4w7]{margin-left:auto;display:flex;gap:4px}.pub-filter-actions button[b-xchgfvd4w7],.pub-pagination button[b-xchgfvd4w7]{border:1px solid var(--trayekto-input-border);border-radius:7px;background:var(--trayekto-surface);color:var(--trayekto-text);padding:8px}.pub-filter-actions button.selected[b-xchgfvd4w7]{background:#087dff;color:#fff;border-color:#087dff}.pub-service-grid[b-xchgfvd4w7]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px}.pub-service-grid.list[b-xchgfvd4w7]{grid-template-columns:1fr}.pub-service-card[b-xchgfvd4w7]{min-width:0;border:1px solid var(--trayekto-border);border-radius:11px;overflow:hidden;position:relative;background:var(--trayekto-surface);box-shadow:0 2px 7px #0a376115;display:flex;flex-direction:column}.pub-card-cover[b-xchgfvd4w7]{height:110px;background:var(--trayekto-surface-alt);overflow:hidden}.pub-card-cover img[b-xchgfvd4w7]{width:100%;height:100%;object-fit:cover}.pub-cover-placeholder[b-xchgfvd4w7]{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(125deg,rgba(0,122,255,.12),rgba(0,122,255,.025));color:var(--trayekto-text-secondary);font-size:.85rem}.pub-cover-placeholder .mud-icon-root[b-xchgfvd4w7]{font-size:38px;color:#1487ee}.pub-card-icon[b-xchgfvd4w7]{position:absolute;top:80px;left:18px;width:55px;height:55px;display:grid;place-items:center;border:4px solid var(--trayekto-surface);border-radius:50%;background:#087dff;color:white}.pub-card-content[b-xchgfvd4w7]{padding:28px 16px 12px;flex:1}.pub-card-content h2[b-xchgfvd4w7]{margin:0 0 6px;font-size:1.17rem;font-weight:800}.pub-card-content p[b-xchgfvd4w7]{min-height:45px;margin:0 0 12px;color:var(--trayekto-text-secondary);font-size:.92rem;line-height:1.4}.pub-card-meta[b-xchgfvd4w7]{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pub-category[b-xchgfvd4w7]{font-size:.75rem;border:1px solid #aad5ff;background:rgba(0,125,255,.09);color:var(--trayekto-text);border-radius:20px;padding:3px 10px}.pub-published[b-xchgfvd4w7],.pub-unpublished[b-xchgfvd4w7]{font-size:.8rem;font-weight:700;margin-left:auto}.pub-published[b-xchgfvd4w7]{color:#009b6a}.pub-unpublished[b-xchgfvd4w7]{color:var(--trayekto-text-secondary)}.pub-switch[b-xchgfvd4w7]{position:relative;width:39px;height:22px;flex-shrink:0}.pub-switch input[b-xchgfvd4w7]{position:absolute;opacity:0}.pub-switch span[b-xchgfvd4w7]{position:absolute;inset:0;border-radius:15px;background:#aeb9c8;transition:background .15s}.pub-switch span[b-xchgfvd4w7]:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:white;transition:transform .15s}.pub-switch input:checked+span[b-xchgfvd4w7]{background:#087dff}.pub-switch input:checked+span[b-xchgfvd4w7]:after{transform:translateX(17px)}.pub-card-actions[b-xchgfvd4w7]{display:flex;border-top:1px solid var(--trayekto-border);background:var(--trayekto-surface-alt)}.pub-card-actions button[b-xchgfvd4w7]{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-right:1px solid var(--trayekto-border);background:transparent;color:var(--trayekto-text);padding:11px 4px;font-size:.82rem}.pub-card-actions button:last-child[b-xchgfvd4w7]{border-right:0}.pub-card-actions button:hover[b-xchgfvd4w7]{color:#087dff}.pub-card-actions .mud-icon-root[b-xchgfvd4w7]{font-size:17px}.pub-pagination[b-xchgfvd4w7]{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 16px;border-top:1px solid var(--trayekto-border);font-size:.88rem}.pub-pagination>div[b-xchgfvd4w7]{display:flex;align-items:center;gap:10px}.pub-pagination label[b-xchgfvd4w7]{display:flex;align-items:center;gap:8px}.pub-pagination select[b-xchgfvd4w7]{min-width:65px}.pub-notice[b-xchgfvd4w7]{margin-bottom:14px;padding:12px 15px;display:flex;gap:9px;align-items:center;border:1px solid #90c7ff;border-radius:9px;background:var(--trayekto-surface)}.pub-empty[b-xchgfvd4w7]{min-height:230px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:var(--trayekto-text-secondary)}.pub-empty .mud-icon-root[b-xchgfvd4w7]{font-size:42px;color:#087dff}.pub-empty h2[b-xchgfvd4w7]{color:var(--trayekto-text);margin:0}.pub-empty p[b-xchgfvd4w7]{margin:0 0 10px}
/* Editor lateral corporativo. Solo el botón X y Cancelar lo cierran. */
.pub-modal-backdrop[b-xchgfvd4w7]{position:fixed;inset:0;z-index:1400;background:rgba(4,22,45,.55);display:flex;justify-content:flex-end;padding:18px}.pub-editor[b-xchgfvd4w7]{display:flex;flex-direction:column;width:min(100%,480px);height:100%;border:1px solid var(--trayekto-border);border-radius:14px;background:var(--trayekto-surface);color:var(--trayekto-text);overflow:hidden;box-shadow:0 18px 60px #0004;font-family:'Roboto Condensed',sans-serif}.pub-editor-header[b-xchgfvd4w7]{display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,#0751b3,#00377e);color:white;padding:17px}.pub-editor-symbol[b-xchgfvd4w7]{display:grid;place-items:center;background:#ffffff20;border-radius:11px;width:43px;height:43px;flex-shrink:0}.pub-editor-header h2[b-xchgfvd4w7]{margin:0;font-size:1.32rem}.pub-editor-header p[b-xchgfvd4w7]{margin:4px 0 0;font-size:.84rem}.pub-close[b-xchgfvd4w7]{margin-left:auto;align-self:flex-start;background:transparent;border:0;color:white}.pub-editor-tabs[b-xchgfvd4w7]{display:flex;border-bottom:1px solid var(--trayekto-border)}.pub-editor-tabs button[b-xchgfvd4w7]{flex:1;font-size:.87rem;padding:14px 8px;justify-content:center}.pub-editor-body[b-xchgfvd4w7]{padding:18px;overflow:auto;flex:1;background:var(--trayekto-surface-alt)}.pub-form-card[b-xchgfvd4w7]{background:var(--trayekto-surface);border:1px solid var(--trayekto-border);border-radius:10px;padding:17px;display:flex;flex-direction:column;gap:15px;margin-bottom:13px}.pub-form-card label[b-xchgfvd4w7]{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:700}.pub-form-card label strong[b-xchgfvd4w7]{color:#e34b4b}.pub-form-card input:not([type=checkbox]):not([type=file])[b-xchgfvd4w7],.pub-form-card textarea[b-xchgfvd4w7],.pub-form-card select[b-xchgfvd4w7]{width:100%;min-width:0;border:1px solid var(--trayekto-input-border);border-radius:8px;padding:10px 12px;background:var(--trayekto-surface);color:var(--trayekto-text);font:inherit}.pub-form-card input:disabled[b-xchgfvd4w7]{opacity:.7;background:var(--trayekto-surface-alt)!important}.pub-form-card input[type=file][b-xchgfvd4w7]{max-width:100%;font:inherit}.pub-form-card textarea[b-xchgfvd4w7]{resize:vertical}.pub-form-card p[b-xchgfvd4w7],.pub-form-card small[b-xchgfvd4w7]{margin:0;color:var(--trayekto-text-secondary)}.pub-form-card small[b-xchgfvd4w7]{text-align:right}.pub-form-card .pub-check[b-xchgfvd4w7]{flex-direction:row;align-items:center;gap:9px}.pub-check input[b-xchgfvd4w7]{width:18px;height:18px;accent-color:#087dff}.pub-upload-preview[b-xchgfvd4w7]{width:100%;height:140px;object-fit:cover;border-radius:8px;border:1px solid var(--trayekto-border)}.pub-editor-footer[b-xchgfvd4w7]{padding:14px 17px;border-top:1px solid var(--trayekto-border);display:flex;justify-content:flex-end;gap:10px}.pub-secondary[b-xchgfvd4w7]{display:flex;align-items:center;gap:7px;border:1px solid var(--trayekto-input-border);border-radius:8px;background:var(--trayekto-surface);color:var(--trayekto-text);padding:10px 15px}
@media(max-width:1350px){.pub-kpis[b-xchgfvd4w7]{grid-template-columns:repeat(2,minmax(0,1fr))}.pub-service-grid[b-xchgfvd4w7]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.pub-page[b-xchgfvd4w7]{padding:12px}.pub-hero[b-xchgfvd4w7]{grid-template-columns:1fr}.pub-hero-banner[b-xchgfvd4w7]{padding:14px 20px}.pub-toolbar-top[b-xchgfvd4w7]{flex-direction:column}.pub-new-button[b-xchgfvd4w7]{align-self:flex-end}.pub-service-grid[b-xchgfvd4w7]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pub-kpis[b-xchgfvd4w7]{grid-template-columns:1fr 1fr}.pub-kpi[b-xchgfvd4w7]{padding:10px;gap:7px}.pub-kpi-icon[b-xchgfvd4w7]{width:34px;height:34px}.pub-kpi strong[b-xchgfvd4w7]{font-size:1.2rem}.pub-service-grid[b-xchgfvd4w7]{grid-template-columns:1fr}.pub-filters>*[b-xchgfvd4w7]{width:100%}.pub-filter-actions[b-xchgfvd4w7]{justify-content:flex-end}.pub-tabs[b-xchgfvd4w7]{padding:0 4px}.pub-tabs button[b-xchgfvd4w7]{font-size:.83rem;padding:12px 7px}.pub-pagination[b-xchgfvd4w7]{flex-wrap:wrap}.pub-modal-backdrop[b-xchgfvd4w7]{padding:5px}.pub-editor[b-xchgfvd4w7]{border-radius:10px}.pub-editor-header[b-xchgfvd4w7]{padding:13px}}




/* Ajuste definitivo: tokens corporativos compartidos con Cross-Docking.
   El tema real se controla en html[data-theme], no con .mud-theme-dark.
   Los estilos aislados Razor no pueden seleccionar un ancestro del componente. */
.pub-page[b-xchgfvd4w7] {
    box-sizing: border-box; width: 100%; max-width: none; margin: 0;
    padding: 24px 28px 40px; display: flex; flex-direction: column; gap: 16px;
    color: var(--trayekto-text);
}
.pub-page *[b-xchgfvd4w7], .pub-editor *[b-xchgfvd4w7] { box-sizing: border-box; }
.pub-page .pub-toolbar-top[b-xchgfvd4w7] { margin: 0; }
.pub-page .pub-hero[b-xchgfvd4w7], .pub-page .pub-kpi[b-xchgfvd4w7], .pub-page .pub-panel[b-xchgfvd4w7],
.pub-page .pub-service-card[b-xchgfvd4w7], .pub-page .pub-notice[b-xchgfvd4w7] {
    background: var(--trayekto-surface); color: var(--trayekto-text);
    border: 1px solid var(--trayekto-border); box-shadow: var(--trayekto-shadow);
}
.pub-page .pub-hero-title[b-xchgfvd4w7], .pub-page .pub-tabs[b-xchgfvd4w7], .pub-page .pub-filters[b-xchgfvd4w7],
.pub-page .pub-pagination[b-xchgfvd4w7], .pub-page .pub-card-content[b-xchgfvd4w7], .pub-page .pub-empty[b-xchgfvd4w7] {
    background: var(--trayekto-surface); color: var(--trayekto-text);
}
.pub-page .pub-hero h1[b-xchgfvd4w7], .pub-page .pub-kpi strong[b-xchgfvd4w7], .pub-page .pub-kpi span[b-xchgfvd4w7],
.pub-page .pub-card-content h2[b-xchgfvd4w7], .pub-page .pub-empty h2[b-xchgfvd4w7],
.pub-page .pub-tabs button:not(.active)[b-xchgfvd4w7] { color: var(--trayekto-text); }
.pub-page .pub-hero p[b-xchgfvd4w7], .pub-page .pub-empty p[b-xchgfvd4w7], .pub-page .pub-card-content p[b-xchgfvd4w7],
.pub-page .pub-cover-placeholder[b-xchgfvd4w7] { color: var(--trayekto-text-secondary); }
.pub-page .pub-search[b-xchgfvd4w7], .pub-page .pub-search input[b-xchgfvd4w7], .pub-page .pub-filters select[b-xchgfvd4w7],
.pub-page .pub-pagination select[b-xchgfvd4w7], .pub-page .pub-filter-actions button[b-xchgfvd4w7],
.pub-page .pub-pagination button[b-xchgfvd4w7] {
    background: var(--trayekto-input-bg); color: var(--trayekto-text);
    border-color: var(--trayekto-input-border);
}
.pub-page .pub-search input[b-xchgfvd4w7]::placeholder { color: var(--trayekto-text-secondary); opacity: 1; }
.pub-page .pub-card-actions[b-xchgfvd4w7], .pub-page .pub-card-cover[b-xchgfvd4w7] {
    background: var(--trayekto-surface-alt); border-color: var(--trayekto-border);
}
.pub-page .pub-card-actions button[b-xchgfvd4w7] { color: var(--trayekto-text); border-color: var(--trayekto-border); }
.pub-page .pub-hero-banner[b-xchgfvd4w7] {
    background: linear-gradient(110deg,#062c5c,#0c4c88 75%,#087cf4); color: #fff;
}
.pub-page .pub-primary[b-xchgfvd4w7], .pub-page .pub-filter-actions button.selected[b-xchgfvd4w7] {
    background: #0879f8; color: #fff; border-color: #0879f8;
}
.pub-page .pub-kpis[b-xchgfvd4w7] { gap: 14px; }
.pub-page .pub-kpi[b-xchgfvd4w7] { min-height: 86px; padding: 16px; }
.pub-page .pub-hero-title[b-xchgfvd4w7] { padding: 22px 24px; }
.pub-page .pub-filters[b-xchgfvd4w7] { padding: 14px 16px; gap: 12px; }
.pub-page .pub-service-grid[b-xchgfvd4w7] { padding: 18px; gap: 18px; }
.pub-page .pub-empty[b-xchgfvd4w7] { min-height: 260px; padding: 36px 18px; }
.pub-editor[b-xchgfvd4w7] { background: var(--trayekto-surface); color: var(--trayekto-text); border-color: var(--trayekto-border); }
.pub-editor-body[b-xchgfvd4w7] { background: var(--trayekto-surface-alt); }
.pub-form-card[b-xchgfvd4w7], .pub-editor-tabs[b-xchgfvd4w7], .pub-editor-footer[b-xchgfvd4w7] {
    background: var(--trayekto-surface); color: var(--trayekto-text); border-color: var(--trayekto-border);
}
.pub-form-card input:not([type=checkbox]):not([type=file])[b-xchgfvd4w7],
.pub-form-card textarea[b-xchgfvd4w7], .pub-form-card select[b-xchgfvd4w7], .pub-secondary[b-xchgfvd4w7] {
    background: var(--trayekto-input-bg); color: var(--trayekto-text);
    border-color: var(--trayekto-input-border);
}
.pub-form-card p[b-xchgfvd4w7], .pub-form-card small[b-xchgfvd4w7] { color: var(--trayekto-text-secondary); }
@media(max-width:1100px) {
    .pub-page[b-xchgfvd4w7] { padding: 18px; gap: 14px; }
    .pub-page .pub-service-grid[b-xchgfvd4w7] { padding: 14px; gap: 14px; }
}
@media(max-width:600px) {
    .pub-page[b-xchgfvd4w7] { padding: 12px; gap: 12px; }
    .pub-page .pub-hero-title[b-xchgfvd4w7] { padding: 16px; }
    .pub-page .pub-kpi[b-xchgfvd4w7] { min-height: 74px; padding: 11px; }
    .pub-page .pub-service-grid[b-xchgfvd4w7] { padding: 12px; }
    .pub-page .pub-empty[b-xchgfvd4w7] { min-height: 210px; padding: 24px 12px; }
}

/* Vista previa del servicio: utiliza las mismas superficies y bordes del tema global. */
.pub-service-preview[b-xchgfvd4w7]{margin:16px 0 4px;padding:12px;border:1px solid var(--trayekto-border);border-radius:12px;background:var(--trayekto-surface);color:var(--trayekto-text)}
.pub-service-preview h3[b-xchgfvd4w7]{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:10px 12px;border-radius:9px;background:var(--trayekto-surface-alt);font-size:1.02rem;font-weight:800;color:var(--trayekto-text)}
.pub-service-preview h3 .mud-icon-root[b-xchgfvd4w7]{color:#1689f5}
.pub-service-preview-card[b-xchgfvd4w7]{overflow:hidden;border:1px solid var(--trayekto-border);border-radius:10px;background:var(--trayekto-surface)}
.pub-service-preview-image[b-xchgfvd4w7]{display:block;width:100%;height:175px;object-fit:cover}
.pub-service-preview-placeholder[b-xchgfvd4w7]{height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:var(--trayekto-surface-alt);color:var(--trayekto-text-secondary);text-align:center;padding:16px}
.pub-service-preview-placeholder .mud-icon-root[b-xchgfvd4w7]{font-size:34px}
.pub-service-preview-details[b-xchgfvd4w7]{display:flex;align-items:flex-start;gap:12px;padding:14px 14px 8px}
.pub-service-preview-icon[b-xchgfvd4w7]{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:10px;background:rgba(0,126,255,.13);color:#1689f5}
.pub-service-preview-copy[b-xchgfvd4w7]{min-width:0}.pub-service-preview-copy h4[b-xchgfvd4w7]{margin:0 0 5px;font-size:1.16rem;overflow-wrap:anywhere}.pub-service-preview-copy p[b-xchgfvd4w7]{margin:0;color:var(--trayekto-text-secondary);font-size:.9rem;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}
.pub-service-preview-tags[b-xchgfvd4w7]{display:flex;flex-wrap:wrap;gap:7px;padding:6px 14px 14px}.pub-preview-tag[b-xchgfvd4w7]{padding:5px 9px;border-radius:16px;font-size:.78rem;font-weight:700;border:1px solid transparent}.pub-preview-tag.published[b-xchgfvd4w7]{background:rgba(15,167,105,.12);color:#0b9c62;border-color:rgba(15,167,105,.28)}.pub-preview-tag.unpublished[b-xchgfvd4w7]{background:rgba(130,140,150,.15);color:var(--trayekto-text-secondary);border-color:var(--trayekto-border)}.pub-preview-tag.booking[b-xchgfvd4w7]{background:rgba(0,125,255,.12);color:#1689f5;border-color:rgba(0,125,255,.25)}.pub-preview-tag.quote[b-xchgfvd4w7]{background:rgba(230,150,15,.13);color:#cc8b17;border-color:rgba(230,150,15,.25)}
.pub-service-preview-note[b-xchgfvd4w7]{margin:10px 3px 0;color:var(--trayekto-text-secondary);font-size:.78rem}
/* /Pages/ConfigurationParametersPage.razor.rz.scp.css */
/* Layout estructural; superficies y colores de texto heredados del tema global. */
.cfg-page[b-11x39t3k6s]{font-family:'Roboto Condensed',sans-serif;color:var(--text-primary);padding:8px 0 28px;min-width:0}.cfg-page *[b-11x39t3k6s],.cfg-overlay *[b-11x39t3k6s]{box-sizing:border-box}.cfg-hero[b-11x39t3k6s],.cfg-kpis article[b-11x39t3k6s],.cfg-panel[b-11x39t3k6s],.cfg-summary article[b-11x39t3k6s],.cfg-mobile-card[b-11x39t3k6s],.cfg-dialog[b-11x39t3k6s]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;box-shadow:0 3px 12px var(--shadow-color)}.cfg-hero[b-11x39t3k6s]{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.cfg-heading[b-11x39t3k6s]{display:flex;align-items:center;gap:15px;padding:18px}.cfg-heading[b-11x39t3k6s]  .mud-icon-root{color:var(--primary);font-size:35px}.cfg-heading h1[b-11x39t3k6s]{font-size:1.6rem;font-weight:800;margin:0}.cfg-heading p[b-11x39t3k6s]{margin:3px 0;color:var(--text-secondary)}.cfg-banner[b-11x39t3k6s]{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:18px 22px;background:linear-gradient(90deg,#071c35f0,#0b3053ac),url('/images/solutions/fleet.webp') center/cover;color:#fff}.cfg-notice[b-11x39t3k6s]{display:flex;align-items:center;gap:7px;margin:9px 0;color:var(--text-secondary);font-size:.85rem}.cfg-kpis[b-11x39t3k6s]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}.cfg-kpis article[b-11x39t3k6s]{display:flex;align-items:center;gap:9px;padding:12px;min-width:0}.cfg-kpis article strong[b-11x39t3k6s],.cfg-kpis article b[b-11x39t3k6s],.cfg-kpis article small[b-11x39t3k6s]{display:block}.cfg-kpis article strong[b-11x39t3k6s]{font-size:1.35rem}.cfg-kpis article b[b-11x39t3k6s]{font-size:.82rem}.cfg-kpis article small[b-11x39t3k6s]{color:var(--text-secondary)}.cfg-metric-icon[b-11x39t3k6s]{border-radius:50%;width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;color:#fff}.cfg-metric-icon.blue[b-11x39t3k6s]{background:#087df4}.cfg-metric-icon.green[b-11x39t3k6s]{background:#00aa7b}.cfg-metric-icon.purple[b-11x39t3k6s]{background:#8538ee}.cfg-metric-icon.orange[b-11x39t3k6s]{background:#f59c00}.cfg-metric-icon.red[b-11x39t3k6s]{background:#fb3457}.cfg-metric-icon.slate[b-11x39t3k6s]{background:#456381}.cfg-toolbar[b-11x39t3k6s]{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-color);padding:8px 10px}.cfg-tabs[b-11x39t3k6s]{display:flex;overflow-x:auto;gap:3px;min-width:0}.cfg-tabs button[b-11x39t3k6s]{border:0;background:transparent;color:var(--text-primary);padding:12px 10px;white-space:nowrap;border-bottom:2px solid transparent}.cfg-tabs button.active[b-11x39t3k6s]{border-bottom-color:var(--primary);color:var(--primary);font-weight:700}.cfg-actions[b-11x39t3k6s]{display:flex;gap:7px;flex-shrink:0}.cfg-page button[b-11x39t3k6s],.cfg-dialog button[b-11x39t3k6s]{cursor:pointer}.cfg-actions button[b-11x39t3k6s],.cfg-filters button[b-11x39t3k6s],.cfg-footer button[b-11x39t3k6s],.cfg-mobile-actions button[b-11x39t3k6s],.cfg-dialog footer button[b-11x39t3k6s]{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);padding:9px 12px;border-radius:5px;white-space:nowrap}.cfg-actions .cfg-primary[b-11x39t3k6s],.cfg-filters .cfg-primary[b-11x39t3k6s],.cfg-dialog footer .cfg-primary[b-11x39t3k6s]{background:var(--primary);color:#fff;border-color:var(--primary)}.cfg-filters[b-11x39t3k6s]{display:grid;grid-template-columns:minmax(160px,1.5fr) repeat(3,minmax(105px,1fr)) auto auto;gap:9px;align-items:end;padding:12px}.cfg-filters label[b-11x39t3k6s],.cfg-dialog label[b-11x39t3k6s]{display:flex;flex-direction:column;gap:4px;font-size:.82rem;font-weight:700;min-width:0}.cfg-filters input[b-11x39t3k6s],.cfg-filters select[b-11x39t3k6s],.cfg-dialog input[b-11x39t3k6s],.cfg-dialog select[b-11x39t3k6s],.cfg-footer select[b-11x39t3k6s]{width:100%;min-width:0;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);padding:9px;border-radius:5px}.cfg-section-title[b-11x39t3k6s]{display:flex;align-items:center;gap:7px;padding:11px 12px;font-weight:800;border-top:1px solid var(--border-color)}.cfg-demo-tag[b-11x39t3k6s]{font-weight:400;font-size:.76rem;color:var(--text-secondary)}.cfg-table-wrap[b-11x39t3k6s]{overflow-x:auto}.cfg-table-wrap table[b-11x39t3k6s]{width:100%;border-collapse:collapse;font-size:.84rem}.cfg-table-wrap th[b-11x39t3k6s]{text-align:left;background:var(--bg-secondary,var(--bg-card));padding:10px 8px;white-space:nowrap}.cfg-table-wrap td[b-11x39t3k6s]{padding:9px 8px;border-top:1px solid var(--border-color)}.cfg-table-wrap tbody tr:nth-child(even)[b-11x39t3k6s]{background:var(--bg-secondary,var(--bg-card))}.cfg-status[b-11x39t3k6s]{display:inline-block;border-radius:20px;padding:3px 8px;font-size:.76rem;font-weight:700;border:1px solid var(--border-color)}.cfg-status.active[b-11x39t3k6s]{color:#008e68}.cfg-status.inactive[b-11x39t3k6s]{color:#e6324b}.cfg-status.pending[b-11x39t3k6s]{color:#d48a00}.cfg-icon-button[b-11x39t3k6s]{border:0;background:transparent;color:var(--primary);padding:3px}.cfg-footer[b-11x39t3k6s]{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px}.cfg-footer>div[b-11x39t3k6s]{display:flex;align-items:center;gap:9px}.cfg-footer label[b-11x39t3k6s]{display:flex;align-items:center;gap:7px}.cfg-footer select[b-11x39t3k6s]{width:65px}.cfg-footer button:disabled[b-11x39t3k6s]{opacity:.4;cursor:not-allowed}.cfg-summary[b-11x39t3k6s]{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.cfg-summary article[b-11x39t3k6s]{padding:12px}.cfg-summary h3[b-11x39t3k6s]{display:flex;align-items:center;gap:8px;font-size:1rem;margin:0 0 12px}.cfg-bar-row[b-11x39t3k6s]{display:grid;grid-template-columns:140px 1fr 32px;gap:12px;align-items:center;margin:10px 0;font-size:.84rem}.cfg-bar[b-11x39t3k6s]{height:7px;background:var(--border-color);border-radius:10px;overflow:hidden}.cfg-bar i[b-11x39t3k6s]{display:block;height:100%;background:var(--primary);border-radius:10px}.cfg-donut-wrap[b-11x39t3k6s]{display:flex;align-items:center;justify-content:space-evenly;gap:20px}.cfg-donut[b-11x39t3k6s]{width:150px;height:150px;border-radius:50%;border:22px solid #00aa7b;display:flex;flex-direction:column;justify-content:center;align-items:center}.cfg-donut strong[b-11x39t3k6s]{font-size:1.7rem}.cfg-donut span[b-11x39t3k6s]{font-size:.8rem}.cfg-legend[b-11x39t3k6s]{min-width:180px}.cfg-legend>div[b-11x39t3k6s]{display:flex;gap:10px;align-items:center;padding:9px;border-bottom:1px solid var(--border-color)}.cfg-legend b[b-11x39t3k6s]{margin-left:auto}.cfg-dot[b-11x39t3k6s]{height:10px;width:10px;border-radius:50%;background:#ffc04c}.cfg-dot.active[b-11x39t3k6s]{background:#00aa7b}.cfg-dot.inactive[b-11x39t3k6s]{background:#f34b5e}.cfg-mobile-list[b-11x39t3k6s]{display:none}.cfg-empty[b-11x39t3k6s]{padding:16px}.cfg-overlay[b-11x39t3k6s]{position:fixed;inset:0;z-index:1400;background:#071d34a8;display:grid;place-items:center;padding:16px}.cfg-dialog[b-11x39t3k6s]{width:min(680px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;color:var(--text-primary)}.cfg-dialog header[b-11x39t3k6s]{display:flex;align-items:flex-start;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border-color)}.cfg-dialog header>div[b-11x39t3k6s]{display:flex;gap:12px;align-items:center}.cfg-dialog header h2[b-11x39t3k6s]{font-size:1.25rem;margin:0}.cfg-dialog header p[b-11x39t3k6s]{margin:4px 0;color:var(--text-secondary)}.cfg-dialog header>button[b-11x39t3k6s]{background:transparent;border:0;color:var(--text-primary)}.cfg-dialog-body[b-11x39t3k6s]{overflow-y:auto;padding:18px}.cfg-form-grid[b-11x39t3k6s]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cfg-form-grid .cfg-wide[b-11x39t3k6s]{grid-column:1/-1}.cfg-form-message[b-11x39t3k6s]{padding:10px;border:1px solid var(--border-color);border-radius:6px;margin-top:14px}.cfg-dialog footer[b-11x39t3k6s]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--border-color);color:var(--text-secondary)}
@media(max-width:1150px){.cfg-kpis[b-11x39t3k6s]{grid-template-columns:repeat(3,minmax(0,1fr))}.cfg-filters[b-11x39t3k6s]{grid-template-columns:repeat(3,minmax(0,1fr))}.cfg-filters label:first-child[b-11x39t3k6s]{grid-column:1/-1}.cfg-toolbar[b-11x39t3k6s]{flex-wrap:wrap}.cfg-tabs[b-11x39t3k6s]{width:100%}}
@media(max-width:700px){.cfg-hero[b-11x39t3k6s]{grid-template-columns:1fr}.cfg-banner[b-11x39t3k6s]{display:none}.cfg-kpis[b-11x39t3k6s]{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-kpis article[b-11x39t3k6s]{padding:10px}.cfg-filters[b-11x39t3k6s]{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-filters label:first-child[b-11x39t3k6s]{grid-column:1/-1}.cfg-actions[b-11x39t3k6s]{width:100%}.cfg-actions button:first-child[b-11x39t3k6s]{flex:1}.cfg-table-wrap[b-11x39t3k6s]{display:none}.cfg-mobile-list[b-11x39t3k6s]{display:grid;gap:10px;padding:10px}.cfg-mobile-card[b-11x39t3k6s]{display:flex;flex-direction:column;gap:6px;padding:12px}.cfg-mobile-head[b-11x39t3k6s]{display:flex;justify-content:space-between;align-items:center}.cfg-mobile-card>span[b-11x39t3k6s],.cfg-mobile-card>small[b-11x39t3k6s]{color:var(--text-secondary)}.cfg-mobile-actions[b-11x39t3k6s]{display:flex;gap:8px;justify-content:flex-end}.cfg-footer[b-11x39t3k6s]{flex-direction:column;align-items:stretch}.cfg-footer>div[b-11x39t3k6s]{justify-content:space-between}.cfg-summary[b-11x39t3k6s]{grid-template-columns:1fr}.cfg-form-grid[b-11x39t3k6s]{grid-template-columns:1fr}.cfg-form-grid .cfg-wide[b-11x39t3k6s]{grid-column:auto}.cfg-dialog footer[b-11x39t3k6s]{flex-wrap:wrap}.cfg-bar-row[b-11x39t3k6s]{grid-template-columns:95px 1fr 25px;gap:7px}}
/* /Pages/ConfirmEmail.razor.rz.scp.css */
.confirm-email-page[b-5mqvgj9ntj] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: #03182b;
}

.confirm-card[b-5mqvgj9ntj] {
    width: min(100%, 560px);
    padding: 40px;
    border: 1px solid rgba(71, 164, 255, 0.35);
    border-radius: 24px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.confirm-card img[b-5mqvgj9ntj] {
    width: min(100%, 260px);
    height: auto;
    margin-bottom: 24px;
}

.confirm-card h1[b-5mqvgj9ntj] {
    margin: 0 0 12px;
    color: #071b3a;
    font-size: clamp(1.75rem, 4vw, 2.35rem);
}

.confirm-card p[b-5mqvgj9ntj] {
    margin: 0 auto 28px;
    color: #52627a;
    line-height: 1.65;
}

.confirm-action[b-5mqvgj9ntj] {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 28px;
    border-radius: 12px;
    background: #0787f7;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}

.confirm-loading[b-5mqvgj9ntj] {
    width: 42px;
    height: 42px;
    margin: 0 auto;
    border: 4px solid #d9e8f8;
    border-top-color: #0787f7;
    border-radius: 50%;
    animation: confirm-spin-b-5mqvgj9ntj 0.8s linear infinite;
}

@keyframes confirm-spin-b-5mqvgj9ntj {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 600px) {
    .confirm-email-page[b-5mqvgj9ntj] {
        padding: 16px;
    }

    .confirm-card[b-5mqvgj9ntj] {
        padding: 28px 20px;
        border-radius: 18px;
    }

    .confirm-action[b-5mqvgj9ntj] {
        width: 100%;
    }
}
/* /Pages/Contact.razor.rz.scp.css */
/* =========================================================
   PÁGINA DE CONTACTO
   ========================================================= */

.contact-page[b-o6ed1gu00c] {
    min-height: 100vh;
    background: #001a2c;
    color: #07152d;
}

.contact-shell[b-o6ed1gu00c] {
    width: 100%;
    padding-inline: clamp(2rem, 4.5vw, 5rem);
    margin-inline: auto;
}

/* =========================================================
   HERO
   ========================================================= */

.contact-hero[b-o6ed1gu00c] {
    position: relative;
    min-height: 278px;
    overflow: hidden;
    background: #001b2e;
}

.contact-hero-image[b-o6ed1gu00c] {
    position: absolute;
    inset: 0 0 0 33%;
    background-image: url('/images/contact/contact-office-hero.webp');
    background-size: cover;
    background-position: center;
}

.contact-hero-shade[b-o6ed1gu00c] {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #001b2e 0%, #001b2e 29%, rgba(0, 27, 46, .92) 37%, rgba(0, 27, 46, .20) 64%, rgba(0, 27, 46, .05) 100%);
}

.hero-content[b-o6ed1gu00c] {
    position: relative;
    z-index: 2;
    padding-top: 22px;
    padding-bottom: 25px;
    color: #fff;
}

.section-label[b-o6ed1gu00c] {
    display: block;
    margin-bottom: 6px;
    color: #42d9ec;
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.hero-content h1[b-o6ed1gu00c] {
    margin: 0;
    font-size: clamp(2.25rem, 3.4vw, 3.5rem);
    line-height: .98;
    letter-spacing: -.035em;
}

.hero-content h1 span[b-o6ed1gu00c] {
    color: #0789ff;
}

.hero-content > p[b-o6ed1gu00c] {
    width: min(510px, 43vw);
    margin: 15px 0 18px;
    color: #e5edf5;
    font-size: 1rem;
    line-height: 1.45;
}

.hero-benefits[b-o6ed1gu00c] {
    display: flex;
    gap: 28px;
}

.hero-benefits > div[b-o6ed1gu00c] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 25px;
    border-right: 1px solid rgba(84, 190, 255, .35);
}

.hero-benefits > div:last-child[b-o6ed1gu00c] {
    border-right: 0;
}

.hero-benefits span[b-o6ed1gu00c] {
    color: #0b94ff;
    font-size: 1.65rem;
}

.hero-benefits strong[b-o6ed1gu00c] {
    font-size: .8rem;
    line-height: 1.2;
}

/* =========================================================
   CONTENIDO PRINCIPAL
   ========================================================= */

.contact-content[b-o6ed1gu00c] {
    position: relative;
    z-index: 4;
    margin-top: -1px;
    padding: 0 0 22px;
    background: linear-gradient(180deg, #063c62 0%, #01233a 52%, #001b2e 100%);
}

.contact-grid[b-o6ed1gu00c] {
    display: grid;
    grid-template-columns: minmax(300px, .94fr) minmax(310px, .87fr) minmax(480px, 1.2fr);
    gap: 12px;
    align-items: stretch;
}

.contact-card[b-o6ed1gu00c] {
    border: 1px solid rgba(12, 82, 131, .18);
    border-radius: 13px;
    background: #f7fbff;
    box-shadow: 0 10px 28px rgba(0, 20, 40, .12);
}

.form-card[b-o6ed1gu00c],
.info-card[b-o6ed1gu00c],
.location-card[b-o6ed1gu00c],
.social-card[b-o6ed1gu00c],
.meeting-card[b-o6ed1gu00c] {
    padding: 18px 24px;
}

.card-title[b-o6ed1gu00c] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dce7f1;
}

.card-title h2[b-o6ed1gu00c],
.social-card h3[b-o6ed1gu00c],
.meeting-card h3[b-o6ed1gu00c] {
    margin: 0;
    color: #07152d;
    font-size: 1.15rem;
    line-height: 1.1;
}

.card-title p[b-o6ed1gu00c],
.social-card p[b-o6ed1gu00c],
.meeting-card p[b-o6ed1gu00c] {
    margin: 4px 0 0;
    color: #46566b;
    font-size: .8rem;
}

.title-icon[b-o6ed1gu00c] {
    color: #0789ff;
    font-size: 1.75rem;
    line-height: 1;
}

/* =========================================================
   FORMULARIO
   ========================================================= */

.form-stack[b-o6ed1gu00c] {
    display: grid;
    gap: 10px;
    padding-top: 12px;
}

.form-stack label[b-o6ed1gu00c] {
    position: relative;
    display: block;
}

.form-stack label > span[b-o6ed1gu00c] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    color: #4e5f75;
    font-size: .8rem;
    pointer-events: none;
}

.form-stack label:has(textarea) > span[b-o6ed1gu00c] {
    top: 13px;
    transform: none;
}

.form-stack input[b-o6ed1gu00c],
.form-stack select[b-o6ed1gu00c],
.form-stack textarea[b-o6ed1gu00c] {
    width: 100%;
    border: 1px solid #cfdeeb;
    border-radius: 8px;
    outline: none;
    background: #f8fbfe;
    color: #10223b;
    font: inherit;
    font-size: .82rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.form-stack input[b-o6ed1gu00c],
.form-stack select[b-o6ed1gu00c] {
    min-height: 42px;
    padding: 10px 14px;
}

.form-stack textarea[b-o6ed1gu00c] {
    min-height: 104px;
    padding: 36px 14px 12px;
    resize: vertical;
}

.form-stack input:focus[b-o6ed1gu00c],
.form-stack select:focus[b-o6ed1gu00c],
.form-stack textarea:focus[b-o6ed1gu00c] {
    border-color: #0789ff;
    box-shadow: 0 0 0 3px rgba(7, 137, 255, .12);
}

.form-stack label:has(input:focus) > span[b-o6ed1gu00c],
.form-stack label:has(input:not(:placeholder-shown)) > span[b-o6ed1gu00c],
.form-stack label:has(textarea:focus) > span[b-o6ed1gu00c],
.form-stack label:has(textarea:not(:placeholder-shown)) > span[b-o6ed1gu00c] {
    display: none;
}

.submit-button[b-o6ed1gu00c],
.meeting-card a[b-o6ed1gu00c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 43px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, #087df4, #0d91ff);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.submit-button:disabled[b-o6ed1gu00c] {
    cursor: wait;
    opacity: .65;
}

.form-status[b-o6ed1gu00c] {
    padding: 10px 12px;
    border-radius: 8px;
    font-size: .8rem;
}

.form-status.success[b-o6ed1gu00c] {
    background: #e7f8ef;
    color: #137a43;
}

.form-status.error[b-o6ed1gu00c] {
    background: #fff0f0;
    color: #a52a2a;
}

/* =========================================================
   INFORMACIÓN DE CONTACTO
   ========================================================= */

.contact-list[b-o6ed1gu00c] {
    display: grid;
    gap: 13px;
    padding-top: 12px;
}

.contact-list > div[b-o6ed1gu00c] {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    align-items: start;
}

.contact-list > div > span[b-o6ed1gu00c] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 9px;
    color: #fff;
    font-size: 1.25rem;
}

.contact-list .blue[b-o6ed1gu00c] { background: #168bf5; }
.contact-list .green[b-o6ed1gu00c] { background: #14b95c; }
.contact-list .orange[b-o6ed1gu00c] { background: #ff7c21; }
.contact-list .purple[b-o6ed1gu00c] { background: #8529ec; }
.contact-list .pink[b-o6ed1gu00c] { background: #ef2e67; }

.contact-list strong[b-o6ed1gu00c],
.contact-list a[b-o6ed1gu00c],
.contact-list p[b-o6ed1gu00c],
.contact-list small[b-o6ed1gu00c] {
    display: block;
}

.contact-list strong[b-o6ed1gu00c] {
    margin-bottom: 2px;
    color: #07152d;
    font-size: .83rem;
}

.contact-list a[b-o6ed1gu00c],
.contact-list p[b-o6ed1gu00c] {
    margin: 0;
    color: #07152d;
    font-size: .86rem;
    text-decoration: none;
}

.contact-list small[b-o6ed1gu00c] {
    margin-top: 2px;
    color: #4d5e73;
    font-size: .72rem;
}

/* =========================================================
   UBICACIÓN Y ACCIONES
   ========================================================= */

.right-column[b-o6ed1gu00c] {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 12px;
}

.location-grid[b-o6ed1gu00c] {
    display: grid;
    grid-template-columns: 1.25fr .9fr;
    gap: 9px;
    padding-top: 12px;
}

.location-grid img[b-o6ed1gu00c] {
    width: 100%;
    height: 205px;
    border-radius: 10px;
    object-fit: cover;
}

.bottom-grid[b-o6ed1gu00c] {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 12px;
}

.social-links[b-o6ed1gu00c] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
}

.social-links a[b-o6ed1gu00c] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 9px;
    background: #0b84e7;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 800;
    text-decoration: none;
}

.social-links a:nth-child(2)[b-o6ed1gu00c] { background: #ee2b79; }
.social-links a:nth-child(3)[b-o6ed1gu00c] { background: #ed2024; }
.social-links strong[b-o6ed1gu00c] { font-size: .75rem; }

.meeting-card[b-o6ed1gu00c] {
    display: flex;
    flex-direction: column;
}

.meeting-card a[b-o6ed1gu00c] {
    margin-top: auto;
    min-height: 38px;
    font-size: .78rem;
}

/* =========================================================
   RESPONSIVE - PORTÁTIL / TABLET
   ========================================================= */

@media (max-width: 1180px) {
    .contact-grid[b-o6ed1gu00c] {
        grid-template-columns: 1fr 1fr;
    }

    .right-column[b-o6ed1gu00c] {
        grid-column: 1 / -1;
        grid-template-columns: 1.4fr 1fr;
        grid-template-rows: auto;
    }

    .bottom-grid[b-o6ed1gu00c] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .contact-shell[b-o6ed1gu00c] {
        padding-inline: 22px;
    }

    .contact-hero-image[b-o6ed1gu00c] {
        left: 42%;
        opacity: .75;
    }

    .contact-hero-shade[b-o6ed1gu00c] {
        background: linear-gradient(90deg, #001b2e 0%, #001b2e 42%, rgba(0, 27, 46, .65) 72%, rgba(0, 27, 46, .18) 100%);
    }

    .hero-content > p[b-o6ed1gu00c] {
        width: min(500px, 65vw);
    }

    .contact-grid[b-o6ed1gu00c],
    .right-column[b-o6ed1gu00c] {
        grid-template-columns: 1fr;
    }

    .right-column[b-o6ed1gu00c] {
        grid-column: auto;
    }
}

/* =========================================================
   RESPONSIVE - MÓVIL
   ========================================================= */

@media (max-width: 640px) {
    .contact-shell[b-o6ed1gu00c] {
        padding-inline: 14px;
    }

    .contact-hero[b-o6ed1gu00c] {
        min-height: 380px;
    }

    .contact-hero-image[b-o6ed1gu00c] {
        inset: auto 0 0 0;
        height: 47%;
        opacity: .55;
        background-position: center;
    }

    .contact-hero-shade[b-o6ed1gu00c] {
        background: linear-gradient(180deg, #001b2e 0%, #001b2e 55%, rgba(0, 27, 46, .65) 78%, rgba(0, 27, 46, .25) 100%);
    }

    .hero-content h1[b-o6ed1gu00c] {
        font-size: clamp(2rem, 11vw, 2.8rem);
    }

    .hero-content > p[b-o6ed1gu00c] {
        width: 100%;
        font-size: .9rem;
    }

    .hero-benefits[b-o6ed1gu00c] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .hero-benefits > div[b-o6ed1gu00c] {
        display: block;
        padding: 0 7px;
        text-align: center;
    }

    .hero-benefits span[b-o6ed1gu00c] {
        display: block;
        margin-bottom: 5px;
    }

    .hero-benefits strong[b-o6ed1gu00c] {
        font-size: .67rem;
    }

    .form-card[b-o6ed1gu00c],
    .info-card[b-o6ed1gu00c],
    .location-card[b-o6ed1gu00c],
    .social-card[b-o6ed1gu00c],
    .meeting-card[b-o6ed1gu00c] {
        padding: 16px;
    }

    .location-grid[b-o6ed1gu00c],
    .bottom-grid[b-o6ed1gu00c] {
        grid-template-columns: 1fr;
    }

    .location-grid img[b-o6ed1gu00c] {
        height: 190px;
    }

    .social-links[b-o6ed1gu00c] {
        flex-wrap: wrap;
    }
}

/* =========================================================
   AJUSTE 2026-09-18 - FORMULARIO PROFESIONAL
   Mantiene el diseño desacoplado de la lógica de envío.
   ========================================================= */

.form-card .form-stack[b-o6ed1gu00c] {
    gap: 13px;
    padding-top: 16px;
}

.form-row[b-o6ed1gu00c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
}

.field-control[b-o6ed1gu00c] {
    position: relative;
    display: block;
    padding-top: 19px;
    border: 1px solid #d3e2ef;
    border-radius: 10px;
    background: #fbfdff;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.field-control:focus-within[b-o6ed1gu00c] {
    border-color: #0789ff;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(7, 137, 255, .10);
}

.form-stack .field-control .field-icon[b-o6ed1gu00c] {
    position: absolute;
    z-index: 2;
    top: 31px;
    left: 13px;
    color: #0789ff;
    font-size: 1rem;
    line-height: 1;
    transform: none;
}

.form-stack .field-control .field-label[b-o6ed1gu00c] {
    position: absolute;
    z-index: 2;
    top: 7px;
    left: 13px;
    color: #52657b;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1;
    transform: none;
    pointer-events: none;
}

.form-stack .field-control input[b-o6ed1gu00c],
.form-stack .field-control select[b-o6ed1gu00c],
.form-stack .field-control textarea[b-o6ed1gu00c] {
    min-height: 40px;
    padding: 7px 12px 8px 39px;
    border: 0;
    border-radius: 0 0 10px 10px;
    background: transparent;
    box-shadow: none;
    font-size: .78rem;
}

.form-stack .field-control input:focus[b-o6ed1gu00c],
.form-stack .field-control select:focus[b-o6ed1gu00c],
.form-stack .field-control textarea:focus[b-o6ed1gu00c] {
    border: 0;
    box-shadow: none;
}

.form-stack .field-control:has(input:focus) > .field-label[b-o6ed1gu00c],
.form-stack .field-control:has(input:not(:placeholder-shown)) > .field-label[b-o6ed1gu00c],
.form-stack .field-control:has(textarea:focus) > .field-label[b-o6ed1gu00c],
.form-stack .field-control:has(textarea:not(:placeholder-shown)) > .field-label[b-o6ed1gu00c] {
    display: block;
}

.message-control[b-o6ed1gu00c] {
    padding-bottom: 22px;
}

.form-stack .message-control .field-icon[b-o6ed1gu00c] {
    top: 34px;
}

.form-stack .message-control textarea[b-o6ed1gu00c] {
    min-height: 93px;
    padding-top: 10px;
    resize: vertical;
}

.field-help[b-o6ed1gu00c] {
    position: absolute;
    right: 12px;
    bottom: 6px;
    color: #7a899a;
    font-size: .61rem;
}

.submit-button[b-o6ed1gu00c] {
    justify-content: space-between;
    min-height: 54px;
    padding: 8px 16px 8px 19px;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(7, 137, 255, .18);
}

.submit-copy[b-o6ed1gu00c] {
    display: grid;
    gap: 1px;
    text-align: left;
}

.submit-copy strong[b-o6ed1gu00c] {
    font-size: .82rem;
}

.submit-copy small[b-o6ed1gu00c] {
    color: rgba(255, 255, 255, .78);
    font-size: .61rem;
    font-weight: 500;
}

.submit-arrow[b-o6ed1gu00c] {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 50%;
    font-size: 1rem;
}

.privacy-note[b-o6ed1gu00c] {
    margin: -2px 0 0;
    color: #6c7d90;
    font-size: .61rem;
    line-height: 1.35;
    text-align: center;
}

/* =========================================================
   AJUSTE 2026-09-18 - MAPA REAL + RADAR ANIMADO
   El mapa utiliza la dirección física suministrada de ITEC.
   ========================================================= */

.live-map[b-o6ed1gu00c],
.building-reference[b-o6ed1gu00c] {
    position: relative;
    min-height: 205px;
    overflow: hidden;
    border-radius: 10px;
    background: #dcebf5;
}

.live-map iframe[b-o6ed1gu00c] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.radar-marker[b-o6ed1gu00c] {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.radar-core[b-o6ed1gu00c] {
    position: absolute;
    inset: 4px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #0789ff;
    box-shadow: 0 0 0 4px rgba(7, 137, 255, .22), 0 0 18px rgba(7, 137, 255, .9);
}

.radar-wave[b-o6ed1gu00c] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(7, 137, 255, .8);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(.35);
    animation: trayekto-radar-b-o6ed1gu00c 2.7s ease-out infinite;
}

.radar-wave.wave-two[b-o6ed1gu00c] {
    animation-delay: .9s;
}

.radar-wave.wave-three[b-o6ed1gu00c] {
    animation-delay: 1.8s;
}

@keyframes trayekto-radar-b-o6ed1gu00c {
    0% {
        opacity: .9;
        transform: translate(-50%, -50%) scale(.35);
    }

    75%, 100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(5.8);
    }
}

.map-company-label[b-o6ed1gu00c] {
    position: absolute;
    z-index: 4;
    left: 12px;
    bottom: 12px;
    display: grid;
    gap: 1px;
    padding: 8px 11px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 8px;
    background: rgba(0, 28, 49, .88);
    color: #fff;
    box-shadow: 0 8px 22px rgba(0, 25, 45, .22);
    backdrop-filter: blur(7px);
    pointer-events: none;
}

.map-company-label strong[b-o6ed1gu00c] {
    font-size: .72rem;
}

.map-company-label span[b-o6ed1gu00c] {
    color: #cce8ff;
    font-size: .61rem;
}

.map-open-link[b-o6ed1gu00c] {
    position: absolute;
    z-index: 5;
    top: 10px;
    right: 10px;
    padding: 7px 10px;
    border-radius: 7px;
    background: #0789ff;
    color: #fff;
    font-size: .64rem;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0, 35, 70, .18);
}

.building-reference img[b-o6ed1gu00c] {
    width: 100%;
    height: 100%;
    min-height: 205px;
    object-fit: cover;
}

.building-reference[b-o6ed1gu00c]::after {
    content: "";
    position: absolute;
    inset: 48% 0 0;
    background: linear-gradient(180deg, transparent, rgba(0, 25, 45, .88));
    pointer-events: none;
}

.building-reference-copy[b-o6ed1gu00c] {
    position: absolute;
    z-index: 2;
    right: 12px;
    bottom: 11px;
    left: 12px;
    display: grid;
    color: #fff;
}

.building-reference-copy span[b-o6ed1gu00c] {
    color: #6ec5ff;
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.building-reference-copy strong[b-o6ed1gu00c] {
    margin-top: 1px;
    font-size: .82rem;
}

.building-reference-copy small[b-o6ed1gu00c] {
    margin-top: 1px;
    color: #dceaf5;
    font-size: .58rem;
}

@media (max-width: 640px) {
    .form-row[b-o6ed1gu00c] {
        grid-template-columns: 1fr;
    }

    .live-map[b-o6ed1gu00c],
    .building-reference[b-o6ed1gu00c],
    .building-reference img[b-o6ed1gu00c] {
        min-height: 220px;
    }

    .map-company-label[b-o6ed1gu00c] {
        right: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .radar-wave[b-o6ed1gu00c] {
        animation: none;
        opacity: .35;
        transform: translate(-50%, -50%) scale(3.2);
    }
}


/* =========================================================
   AJUSTE 2026-09-18 - CONTROLES BLAZOR / CSS ISOLATION
   InputText, InputSelect e InputTextArea son componentes
   Blazor. ::deep permite aplicar el diseño al elemento HTML
   que finalmente renderiza cada componente.
   ========================================================= */

.form-card .field-control[b-o6ed1gu00c]  input,
.form-card .field-control[b-o6ed1gu00c]  select,
.form-card .field-control[b-o6ed1gu00c]  textarea {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #10223b;
    font-family: inherit;
    font-size: .84rem;
    line-height: 1.25;
    box-sizing: border-box;
    box-shadow: none;
}

.form-card .field-control[b-o6ed1gu00c]  input,
.form-card .field-control[b-o6ed1gu00c]  select {
    height: 46px;
    min-height: 46px;
    padding: 9px 13px 9px 42px;
}

.form-card .field-control[b-o6ed1gu00c]  select {
    padding-right: 38px;
    cursor: pointer;
}

.form-card .message-control[b-o6ed1gu00c]  textarea {
    width: 100%;
    min-height: 112px;
    padding: 12px 14px 28px 42px;
    resize: vertical;
}

.form-card .field-control[b-o6ed1gu00c]  input::placeholder,
.form-card .message-control[b-o6ed1gu00c]  textarea::placeholder {
    color: #8392a4;
    opacity: 1;
}

.form-card .field-control[b-o6ed1gu00c]  input:focus,
.form-card .field-control[b-o6ed1gu00c]  select:focus,
.form-card .field-control[b-o6ed1gu00c]  textarea:focus {
    outline: 0;
    border: 0;
    box-shadow: none;
}

.form-card .field-control[b-o6ed1gu00c]  input:disabled,
.form-card .field-control[b-o6ed1gu00c]  select:disabled,
.form-card .field-control[b-o6ed1gu00c]  textarea:disabled {
    cursor: wait;
    opacity: .65;
}

.form-card .field-control[b-o6ed1gu00c] {
    min-width: 0;
    overflow: hidden;
}

.form-card .field-control .field-icon[b-o6ed1gu00c] {
    top: 36px;
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
}

.form-card .message-control .field-icon[b-o6ed1gu00c] {
    top: 37px;
}

.form-card .field-control .field-label[b-o6ed1gu00c] {
    top: 8px;
    font-size: .68rem;
}

.form-card .message-control[b-o6ed1gu00c] {
    padding-bottom: 0;
}

.form-card .message-control .field-help[b-o6ed1gu00c] {
    z-index: 3;
    right: 13px;
    bottom: 8px;
    padding-left: 8px;
    background: #fbfdff;
}

@media (max-width: 640px) {
    .form-card .field-control[b-o6ed1gu00c]  input,
    .form-card .field-control[b-o6ed1gu00c]  select {
        height: 48px;
        min-height: 48px;
        font-size: .9rem;
    }

    .form-card .message-control[b-o6ed1gu00c]  textarea {
        min-height: 125px;
        font-size: .9rem;
    }
}
/* /Pages/CrossDockingPage.razor.rz.scp.css */
/* Superficies corporativas y aislamiento visual del módulo */
.cd-page[b-indpzgwvbb]{font-family:'Roboto Condensed',sans-serif;color:var(--trayekto-text);width:100%;min-width:0;padding:8px 0 26px}.cd-page *[b-indpzgwvbb],.cd-overlay *[b-indpzgwvbb]{box-sizing:border-box}.cd-hero[b-indpzgwvbb],.cd-kpis article[b-indpzgwvbb],.cd-panel[b-indpzgwvbb],.cd-bottom article[b-indpzgwvbb]{background:var(--trayekto-surface);border:1px solid var(--trayekto-border);border-radius:9px;box-shadow:0 3px 12px #071e3910}.cd-hero[b-indpzgwvbb]{display:grid;grid-template-columns:1.02fr 1fr;overflow:hidden}.cd-heading[b-indpzgwvbb]{display:flex;align-items:center;gap:14px;padding:18px}.cd-heading[b-indpzgwvbb]  .mud-icon-root{font-size:36px;color:#087cfa}.cd-heading h1[b-indpzgwvbb]{font-size:1.8rem;font-weight:800;margin:0}.cd-heading p[b-indpzgwvbb]{margin:3px 0 0;color:var(--trayekto-text-secondary)}.cd-banner[b-indpzgwvbb]{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px 24px;color:#fff;background:linear-gradient(90deg,#05223deF,#092f52b8),url('/images/home/carrusel-cross-docking.webp') center/cover}.cd-banner strong[b-indpzgwvbb]{font-size:1.15rem}.cd-note[b-indpzgwvbb]{display:flex;gap:7px;align-items:center;font-size:.85rem;color:var(--trayekto-text-secondary);margin:10px 0}.cd-kpis[b-indpzgwvbb]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.cd-kpis article[b-indpzgwvbb]{display:flex;gap:10px;align-items:center;padding:13px 10px;min-width:0}.cd-kpis strong[b-indpzgwvbb]{display:block;font-size:1.55rem;line-height:1.1}.cd-kpis small[b-indpzgwvbb]{display:block;font-weight:700}.cd-kpis em[b-indpzgwvbb]{display:block;font-size:.8rem;color:var(--trayekto-text-secondary);font-style:normal;margin-top:4px}.cd-circle[b-indpzgwvbb]{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;color:white}.cd-circle.blue[b-indpzgwvbb]{background:#087cfa}.cd-circle.green[b-indpzgwvbb]{background:#00ad77}.cd-circle.purple[b-indpzgwvbb]{background:#8746f5}.cd-circle.amber[b-indpzgwvbb]{background:#f5a400}.cd-circle.red[b-indpzgwvbb]{background:#fa4258}.cd-circle.slate[b-indpzgwvbb]{background:#405b7b}.cd-toolbar[b-indpzgwvbb]{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:11px 12px;border-bottom:1px solid var(--trayekto-border)}.cd-tabs[b-indpzgwvbb],.cd-actions[b-indpzgwvbb]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cd-tabs button[b-indpzgwvbb]{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--trayekto-text);padding:9px 8px;cursor:pointer;font:inherit}.cd-tabs button.active[b-indpzgwvbb]{border-color:#087cfa;color:#087cfa;font-weight:800}.cd-primary[b-indpzgwvbb],.cd-secondary[b-indpzgwvbb],.cd-link[b-indpzgwvbb],.cd-footer button[b-indpzgwvbb],.cd-close[b-indpzgwvbb]{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font:inherit}.cd-primary[b-indpzgwvbb]{border:1px solid #087cfa;border-radius:5px;background:#087cfa;color:#fff;padding:9px 13px;font-weight:700}.cd-secondary[b-indpzgwvbb]{border:1px solid var(--trayekto-border);border-radius:5px;background:var(--trayekto-surface);color:var(--trayekto-text);padding:9px 12px;font-weight:700}.cd-filters[b-indpzgwvbb]{display:grid;grid-template-columns:1.7fr .65fr .65fr .8fr .7fr auto;gap:10px;align-items:end;padding:12px}.cd-filters label[b-indpzgwvbb],.cd-form-grid label[b-indpzgwvbb]{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:.86rem;min-width:0}.cd-filters input[b-indpzgwvbb],.cd-filters select[b-indpzgwvbb],.cd-form-grid input[b-indpzgwvbb],.cd-form-grid select[b-indpzgwvbb],.cd-footer select[b-indpzgwvbb]{width:100%;min-width:0;border:1px solid var(--trayekto-input-border);background:var(--trayekto-surface);color:var(--trayekto-text);border-radius:5px;padding:9px;font:inherit;min-height:37px}.cd-search[b-indpzgwvbb]{position:relative}.cd-search[b-indpzgwvbb]  .mud-icon-root{position:absolute;left:10px;bottom:9px}.cd-search input[b-indpzgwvbb]{padding-left:37px}.cd-message[b-indpzgwvbb]{margin:4px 12px;padding:9px 12px;border-radius:6px;background:var(--trayekto-surface-alt);border:1px solid var(--trayekto-border)}.cd-table-wrap[b-indpzgwvbb]{overflow-x:auto}.cd-table-wrap table[b-indpzgwvbb]{width:100%;border-collapse:collapse;font-size:.86rem}.cd-table-wrap th[b-indpzgwvbb]{text-align:left;padding:11px 9px;background:var(--trayekto-surface-alt);white-space:nowrap}.cd-table-wrap td[b-indpzgwvbb]{padding:11px 9px;border-bottom:1px solid var(--trayekto-border)}.cd-table-wrap td strong[b-indpzgwvbb],.cd-table-wrap td small[b-indpzgwvbb]{display:block}.cd-table-wrap td small[b-indpzgwvbb]{color:var(--trayekto-text-secondary)}.cd-table-wrap tr:nth-child(even)[b-indpzgwvbb]{background:var(--trayekto-surface-alt)}.cd-badge[b-indpzgwvbb]{display:inline-block;padding:4px 8px;border-radius:20px;font-weight:700;white-space:nowrap}.cd-badge.preparing[b-indpzgwvbb]{background:#dceeff;color:#0763c4}.cd-badge.packing[b-indpzgwvbb]{background:#ebdbff;color:#6924b4}.cd-badge.ready[b-indpzgwvbb]{background:#d4f5e6;color:#08734b}.cd-badge.issue[b-indpzgwvbb],.cd-badge.expired[b-indpzgwvbb]{background:#ffdde0;color:#b41c37}.cd-link[b-indpzgwvbb]{border:0;background:transparent;color:var(--trayekto-text);font-weight:700;padding:6px}.cd-footer[b-indpzgwvbb]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;flex-wrap:wrap}.cd-footer>div[b-indpzgwvbb]{display:flex;align-items:center;gap:10px}.cd-footer label[b-indpzgwvbb]{display:flex;align-items:center;gap:8px}.cd-footer select[b-indpzgwvbb]{width:65px}.cd-footer button[b-indpzgwvbb]{background:var(--trayekto-surface);color:var(--trayekto-text);border:1px solid var(--trayekto-border);border-radius:4px;padding:6px 10px}.cd-footer button:disabled[b-indpzgwvbb]{opacity:.4;cursor:default}.cd-empty[b-indpzgwvbb]{padding:20px;text-align:center}.cd-bottom[b-indpzgwvbb]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.cd-bottom article[b-indpzgwvbb]{padding:15px;min-width:0}.cd-bottom h3[b-indpzgwvbb]{display:flex;gap:8px;align-items:center;font-size:1rem;margin:0 0 16px}.cd-bar[b-indpzgwvbb]{display:grid;grid-template-columns:minmax(80px,1fr) 1fr 28px;align-items:center;gap:8px;margin:11px 0;font-size:.83rem}.cd-bar>div[b-indpzgwvbb]{height:7px;background:var(--trayekto-surface-alt);border-radius:8px;overflow:hidden}.cd-bar i[b-indpzgwvbb]{display:block;height:100%;background:#087cfa;border-radius:8px}.cd-bar strong[b-indpzgwvbb]{text-align:right}.cd-due[b-indpzgwvbb]{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--trayekto-border);font-size:.84rem}.cd-overlay[b-indpzgwvbb]{position:fixed;inset:0;background:#001329bd;display:flex;justify-content:center;align-items:center;z-index:1500;padding:16px;font-family:'Roboto Condensed',sans-serif}.cd-modal[b-indpzgwvbb]{width:min(760px,100%);max-height:90vh;overflow:auto;border:1px solid var(--trayekto-border);border-radius:12px;background:var(--trayekto-surface);color:var(--trayekto-text);box-shadow:0 22px 65px #0007}.cd-modal>header[b-indpzgwvbb]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--trayekto-border)}.cd-modal-title[b-indpzgwvbb]{display:flex;align-items:center;gap:12px}.cd-modal-title[b-indpzgwvbb]  .mud-icon-root{color:#087cfa;font-size:29px}.cd-modal h2[b-indpzgwvbb]{font-size:1.35rem;margin:0}.cd-modal h3[b-indpzgwvbb]{font-size:1.05rem;margin:0 0 15px}.cd-modal p[b-indpzgwvbb]{margin:5px 0 0;color:var(--trayekto-text-secondary)}.cd-close[b-indpzgwvbb]{background:var(--trayekto-surface-alt);color:var(--trayekto-text);border:1px solid var(--trayekto-border);border-radius:7px;padding:7px}.cd-modal-body[b-indpzgwvbb]{padding:18px 20px}.cd-form-card[b-indpzgwvbb]{padding:18px;background:var(--trayekto-surface-alt);border:1px solid var(--trayekto-border);border-radius:9px;margin-top:12px}.cd-form-grid[b-indpzgwvbb]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cd-form-grid input[b-indpzgwvbb],.cd-form-grid select[b-indpzgwvbb]{background:var(--trayekto-surface)}.cd-modal dl[b-indpzgwvbb]{display:grid;grid-template-columns:1fr 2fr;gap:12px}.cd-modal dt[b-indpzgwvbb]{font-weight:700}.cd-modal dd[b-indpzgwvbb]{margin:0}.cd-modal>footer[b-indpzgwvbb]{padding:14px 20px;display:flex;justify-content:flex-end;border-top:1px solid var(--trayekto-border)}.cd-error[b-indpzgwvbb]{color:#e74d5d!important;font-weight:700}.cd-hint[b-indpzgwvbb]{margin:0!important}.cd-page button:focus-visible[b-indpzgwvbb],.cd-modal button:focus-visible[b-indpzgwvbb]{outline:3px solid #329dff;outline-offset:2px}
@media(max-width:1200px){.cd-kpis[b-indpzgwvbb]{grid-template-columns:repeat(3,minmax(0,1fr))}.cd-filters[b-indpzgwvbb]{grid-template-columns:repeat(3,minmax(0,1fr))}.cd-bottom[b-indpzgwvbb]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cd-page[b-indpzgwvbb]{padding:5px 0 18px}.cd-hero[b-indpzgwvbb]{grid-template-columns:1fr}.cd-banner[b-indpzgwvbb]{display:none}.cd-heading[b-indpzgwvbb]{padding:14px}.cd-heading h1[b-indpzgwvbb]{font-size:1.45rem}.cd-kpis[b-indpzgwvbb]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cd-kpis article[b-indpzgwvbb]{padding:10px 8px}.cd-kpis strong[b-indpzgwvbb]{font-size:1.35rem}.cd-toolbar[b-indpzgwvbb]{align-items:stretch}.cd-tabs[b-indpzgwvbb]{width:100%;overflow-x:auto;flex-wrap:nowrap}.cd-tabs button[b-indpzgwvbb]{flex-shrink:0}.cd-actions[b-indpzgwvbb]{width:100%}.cd-actions .cd-primary[b-indpzgwvbb],.cd-actions .cd-secondary[b-indpzgwvbb]{flex:1 1 auto}.cd-filters[b-indpzgwvbb]{grid-template-columns:1fr 1fr}.cd-search[b-indpzgwvbb]{grid-column:1/-1}.cd-filters>.cd-secondary[b-indpzgwvbb]{grid-column:1/-1}.cd-table-wrap[b-indpzgwvbb]{overflow:visible;padding:8px 12px}.cd-table-wrap table[b-indpzgwvbb],.cd-table-wrap tbody[b-indpzgwvbb]{display:block;width:100%}.cd-table-wrap thead[b-indpzgwvbb]{display:none}.cd-table-wrap tr[b-indpzgwvbb]{display:block;background:var(--trayekto-surface)!important;border:1px solid var(--trayekto-border);border-radius:9px;padding:12px 14px;margin-bottom:14px;box-shadow:0 3px 10px #00000012}.cd-table-wrap td[b-indpzgwvbb]{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:6px 0;border:0;text-align:right}.cd-table-wrap td:first-child[b-indpzgwvbb]{padding-bottom:11px;border-bottom:1px solid var(--trayekto-border);text-align:left}.cd-table-wrap td:first-child strong[b-indpzgwvbb]{font-size:1rem}.cd-table-wrap td[b-indpzgwvbb]::before{content:attr(data-label);font-weight:700;text-align:left;flex:0 0 42%;color:var(--trayekto-text-secondary)}.cd-table-wrap td:first-child[b-indpzgwvbb]::before{display:none}.cd-table-wrap td:last-child[b-indpzgwvbb]{justify-content:flex-end;border-top:1px solid var(--trayekto-border);margin-top:8px}.cd-table-wrap td:last-child[b-indpzgwvbb]::before{margin-right:auto}.cd-bottom[b-indpzgwvbb]{grid-template-columns:1fr}.cd-footer[b-indpzgwvbb]{align-items:flex-start}.cd-form-grid[b-indpzgwvbb]{grid-template-columns:1fr}.cd-modal-body[b-indpzgwvbb],.cd-modal>header[b-indpzgwvbb]{padding:14px}.cd-modal[b-indpzgwvbb]{max-height:92vh}}

/* Theme-aware surface contrast: page, cards, table and dialog share corporate tokens. */
.cd-page[b-indpzgwvbb] { color: var(--trayekto-text); }
.cd-hero[b-indpzgwvbb], .cd-kpis article[b-indpzgwvbb], .cd-panel[b-indpzgwvbb], .cd-bottom article[b-indpzgwvbb] {
    background-color: var(--trayekto-surface);
    border-color: var(--trayekto-border);
    box-shadow: var(--trayekto-shadow);
}
.cd-filters input[b-indpzgwvbb], .cd-filters select[b-indpzgwvbb], .cd-form-grid input[b-indpzgwvbb],
.cd-form-grid select[b-indpzgwvbb], .cd-footer select[b-indpzgwvbb] {
    background-color: var(--trayekto-input-bg);
    border-color: var(--trayekto-input-border);
    color: var(--trayekto-text);
    color-scheme: light;
}
html[data-theme="dark"] .cd-filters input[b-indpzgwvbb],
html[data-theme="dark"] .cd-filters select[b-indpzgwvbb],
html[data-theme="dark"] .cd-form-grid input[b-indpzgwvbb],
html[data-theme="dark"] .cd-form-grid select[b-indpzgwvbb],
html[data-theme="dark"] .cd-footer select[b-indpzgwvbb] { color-scheme: dark; }
.cd-filters input[b-indpzgwvbb]::placeholder, .cd-form-grid input[b-indpzgwvbb]::placeholder {
    color: var(--text-muted); opacity: 1;
}
.cd-table-wrap th[b-indpzgwvbb] { background-color: var(--trayekto-surface-alt); }
.cd-table-wrap tr:nth-child(even)[b-indpzgwvbb] { background-color: var(--trayekto-surface-alt); }
.cd-table-wrap tr:nth-child(odd)[b-indpzgwvbb] { background-color: var(--trayekto-surface); }
.cd-modal[b-indpzgwvbb] { background-color: var(--trayekto-surface); color: var(--trayekto-text); }
.cd-modal > header[b-indpzgwvbb], .cd-modal > footer[b-indpzgwvbb] { background-color: var(--trayekto-surface); }
.cd-form-card[b-indpzgwvbb] { background-color: var(--trayekto-surface-alt); }
.cd-modal .cd-close[b-indpzgwvbb] { background-color: var(--trayekto-surface-alt); color: var(--trayekto-text); }
.cd-filters input:focus-visible[b-indpzgwvbb], .cd-filters select:focus-visible[b-indpzgwvbb],
.cd-form-grid input:focus-visible[b-indpzgwvbb], .cd-form-grid select:focus-visible[b-indpzgwvbb] {
    outline: 2px solid var(--primary); outline-offset: 1px;
}
@media (max-width: 700px) {
    .cd-table-wrap tr[b-indpzgwvbb] { background-color: var(--trayekto-surface) !important; }
}
/* /Pages/CustomerRequestsPage.razor.rz.scp.css */
/* Solo estructura del módulo; colores heredados del tema global. */
.customer-requests[b-m3amyn407z]{font-family:'Roboto Condensed',sans-serif;display:grid;gap:20px;min-width:0}
.requests-breadcrumb[b-m3amyn407z]{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-secondary,var(--mud-palette-text-secondary))}.requests-breadcrumb[b-m3amyn407z]  .mud-icon-root{font-size:18px}.requests-breadcrumb strong[b-m3amyn407z]{color:var(--text-primary,var(--mud-palette-text-primary))}
.requests-heading[b-m3amyn407z],.requests-heading-copy[b-m3amyn407z],.requests-card-top[b-m3amyn407z],.requests-page-actions[b-m3amyn407z],.requests-pagination[b-m3amyn407z]{display:flex;align-items:center;gap:14px}.requests-heading[b-m3amyn407z],.requests-pagination[b-m3amyn407z]{justify-content:space-between}.requests-heading h1[b-m3amyn407z]{margin:0;font-size:29px;font-weight:800}.requests-heading p[b-m3amyn407z]{margin:4px 0 0;color:var(--text-secondary,var(--mud-palette-text-secondary))}.requests-heading-icon[b-m3amyn407z],.requests-package-icon[b-m3amyn407z]{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border-radius:12px;background:rgba(0,119,255,.17);color:#168cff}.requests-heading-icon[b-m3amyn407z]  .mud-icon-root{font-size:30px}
.customer-requests button[b-m3amyn407z]{font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-color,var(--mud-palette-lines-default));border-radius:9px;padding:11px 15px;background:var(--bg-card,var(--mud-palette-surface));color:var(--text-primary,var(--mud-palette-text-primary))}.customer-requests button:disabled[b-m3amyn407z]{opacity:.4;cursor:default}.customer-requests .requests-primary[b-m3amyn407z],.customer-requests .requests-clear[b-m3amyn407z]{background:#0878f8;border-color:#0878f8;color:white;font-weight:700}.customer-requests button[b-m3amyn407z]  .mud-icon-root{font-size:19px}
.requests-stats[b-m3amyn407z]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.requests-stat[b-m3amyn407z],.requests-card[b-m3amyn407z],.requests-pagination[b-m3amyn407z],.requests-empty[b-m3amyn407z]{background:var(--bg-card,var(--mud-palette-surface));border:1px solid var(--border-color,var(--mud-palette-lines-default));border-radius:11px;color:var(--text-primary,var(--mud-palette-text-primary))}.requests-stat[b-m3amyn407z]{display:flex;align-items:center;gap:16px;padding:19px;min-width:0}.requests-stat>div[b-m3amyn407z]{display:flex;flex-direction:column;gap:4px}.requests-stat>div>span[b-m3amyn407z]{font-size:15px}.requests-stat strong[b-m3amyn407z]{font-size:28px}.requests-stat-icon[b-m3amyn407z]{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:50%;background:rgba(0,119,255,.16);color:#168cff}.requests-stat-icon.completed[b-m3amyn407z]{background:rgba(0,190,116,.15);color:#00bd77}.requests-stat-icon.progress[b-m3amyn407z]{background:rgba(245,165,20,.17);color:#f5a514}.requests-stat-icon.cancelled[b-m3amyn407z]{background:rgba(234,60,77,.15);color:#ef4b5a}.requests-stat-icon[b-m3amyn407z]  .mud-icon-root{font-size:27px}
.requests-filters[b-m3amyn407z]{display:grid;grid-template-columns:minmax(220px,2.2fr) repeat(3,minmax(115px,1fr)) auto;gap:12px;align-items:stretch}.requests-search[b-m3amyn407z],.requests-filter-field[b-m3amyn407z]{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 12px;border:1px solid var(--border-color,var(--mud-palette-lines-default));border-radius:9px;background:var(--input-bg,var(--mud-palette-surface));color:var(--text-primary,var(--mud-palette-text-primary))}.requests-search input[b-m3amyn407z],.requests-filter-field input[b-m3amyn407z],.requests-filter-field select[b-m3amyn407z]{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.requests-filter-field[b-m3amyn407z]{flex-direction:column;align-items:stretch;gap:1px}.requests-filter-field>span[b-m3amyn407z]{font-size:11px;color:var(--text-secondary,var(--mud-palette-text-secondary))}.requests-filter-field select option[b-m3amyn407z]{background:var(--bg-card,var(--mud-palette-surface));color:var(--text-primary,var(--mud-palette-text-primary))}
.requests-list[b-m3amyn407z]{display:grid;gap:16px}.requests-card[b-m3amyn407z]{padding:20px}.requests-card-top[b-m3amyn407z]{flex-wrap:wrap}.requests-card-identity[b-m3amyn407z]{flex:1;min-width:180px}.requests-card-identity strong[b-m3amyn407z]{font-size:19px;overflow-wrap:anywhere}.requests-card-identity p[b-m3amyn407z]{margin:5px 0 0;color:var(--text-secondary,var(--mud-palette-text-secondary));font-size:14px}.requests-separator[b-m3amyn407z]{margin:0 8px}.requests-status[b-m3amyn407z]{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #00a978;border-radius:20px;color:#00c989;font-weight:700}.requests-status.progress[b-m3amyn407z]{color:#f5aa2b;border-color:#b67b20}.requests-status.cancelled[b-m3amyn407z]{color:#f05c69;border-color:#bc4551}.requests-status-dot[b-m3amyn407z]{width:9px;height:9px;border-radius:50%;background:currentColor}.requests-card-info[b-m3amyn407z]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:16px;padding:16px 8px;background:var(--bg-primary,var(--mud-palette-background));border:1px solid var(--border-color,var(--mud-palette-lines-default));border-radius:9px}.requests-card-info>div[b-m3amyn407z]{display:flex;align-items:center;gap:11px;padding:0 16px;min-width:0;border-right:1px solid var(--border-color,var(--mud-palette-lines-default))}.requests-card-info>div:last-child[b-m3amyn407z]{border:0}.requests-card-info[b-m3amyn407z]  .mud-icon-root{color:#168cff}.requests-card-info span[b-m3amyn407z]{display:flex;flex-direction:column;gap:3px;min-width:0}.requests-card-info small[b-m3amyn407z]{font-size:12px;color:var(--text-secondary,var(--mud-palette-text-secondary))}.requests-card-info strong[b-m3amyn407z]{overflow-wrap:anywhere;font-size:14px}
.requests-pagination[b-m3amyn407z]{padding:14px 16px;flex-wrap:wrap}.requests-page-actions[b-m3amyn407z]{flex-wrap:wrap}.requests-page-actions label[b-m3amyn407z]{display:flex;align-items:center;gap:9px}.requests-page-actions select[b-m3amyn407z]{padding:8px;border-radius:7px;background:var(--input-bg,var(--mud-palette-surface));color:inherit;border:1px solid var(--border-color,var(--mud-palette-lines-default))}.customer-requests .requests-page-actions button[b-m3amyn407z]{padding:7px 12px}.requests-current-page[b-m3amyn407z]{background:#0878f8;color:#fff;padding:9px 13px;border-radius:7px}.requests-empty[b-m3amyn407z]{padding:36px;text-align:center}.requests-error[b-m3amyn407z]{padding:12px;border:1px solid #d45d62;border-radius:8px}
.requests-overlay[b-m3amyn407z]{position:fixed;inset:0;z-index:1400;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:16px}.requests-dialog[b-m3amyn407z],.requests-detail-card[b-m3amyn407z]{background:var(--bg-card,var(--mud-palette-surface));color:var(--text-primary,var(--mud-palette-text-primary));border:1px solid var(--border-color,var(--mud-palette-lines-default));border-radius:10px}.requests-dialog[b-m3amyn407z]{width:min(760px,100%);max-height:90vh;display:flex;flex-direction:column}.requests-dialog header[b-m3amyn407z]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border-color,var(--mud-palette-lines-default))}.requests-dialog header h2[b-m3amyn407z]{margin:0;overflow-wrap:anywhere}.requests-dialog header p[b-m3amyn407z]{margin:4px 0 0}.requests-dialog-body[b-m3amyn407z]{overflow:auto;padding:16px}.requests-detail-card[b-m3amyn407z]{padding:12px;margin-bottom:10px}
@media(max-width:1150px){.requests-stats[b-m3amyn407z]{grid-template-columns:repeat(2,minmax(0,1fr))}.requests-filters[b-m3amyn407z]{grid-template-columns:repeat(3,minmax(0,1fr))}.requests-search[b-m3amyn407z]{grid-column:span 2}.requests-card-info[b-m3amyn407z]{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:15px}.requests-card-info>div:nth-child(2)[b-m3amyn407z]{border:0}}
@media(max-width:650px){.requests-heading[b-m3amyn407z]{align-items:flex-start;flex-direction:column}.requests-heading h1[b-m3amyn407z]{font-size:24px}.requests-stats[b-m3amyn407z]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.requests-stat[b-m3amyn407z]{padding:12px;gap:8px}.requests-stat-icon[b-m3amyn407z]{width:39px;height:39px}.requests-stat strong[b-m3amyn407z]{font-size:23px}.requests-filters[b-m3amyn407z]{grid-template-columns:1fr 1fr}.requests-search[b-m3amyn407z]{grid-column:span 2}.requests-filters .requests-clear[b-m3amyn407z]{grid-column:span 2}.requests-card[b-m3amyn407z]{padding:13px}.requests-card-top[b-m3amyn407z]{align-items:flex-start}.requests-card-identity[b-m3amyn407z]{flex-basis:calc(100% - 75px)}.requests-card-info[b-m3amyn407z]{grid-template-columns:1fr;gap:12px}.requests-card-info>div[b-m3amyn407z]{border:0;padding:0 8px}.requests-pagination[b-m3amyn407z]{align-items:flex-start}.requests-page-actions[b-m3amyn407z]{gap:5px}.requests-heading-icon[b-m3amyn407z]{width:45px;height:45px}}

/* Modal corporativo inspirado en la distribución Fluent: superficies y colores del tema global. */
.requests-dialog-fluent[b-m3amyn407z]{width:min(1020px,96vw);max-height:92vh;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.28);overflow:hidden}
.requests-dialog-fluent .requests-modal-header[b-m3amyn407z]{padding:24px 28px;align-items:center;justify-content:flex-start}
.requests-modal-symbol[b-m3amyn407z]{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border-radius:12px;background:rgba(0,120,248,.1);color:#0878f8}
.requests-modal-symbol[b-m3amyn407z]  .mud-icon-root{font-size:29px}
.requests-modal-heading[b-m3amyn407z]{flex:1;min-width:0}.requests-modal-heading>span[b-m3amyn407z]{color:var(--text-secondary,var(--mud-palette-text-secondary));font-size:14px}
.requests-modal-heading h2[b-m3amyn407z]{font-size:clamp(17px,2vw,24px);line-height:1.25;font-weight:750;margin:4px 0;overflow-wrap:anywhere}
.requests-modal-heading p[b-m3amyn407z]{color:var(--text-secondary,var(--mud-palette-text-secondary));font-size:14px}
.customer-requests .requests-modal-close[b-m3amyn407z]{padding:9px;flex-shrink:0;align-self:flex-start}
.requests-dialog-fluent .requests-dialog-body[b-m3amyn407z]{padding:22px 28px 30px;min-height:0}
.requests-modal-summary[b-m3amyn407z]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--border-color,var(--mud-palette-lines-default));border-radius:12px;background:var(--bg-card,var(--mud-palette-surface));padding:18px 10px}
.requests-modal-summary>div[b-m3amyn407z]{display:flex;align-items:center;gap:12px;min-width:0;padding:0 14px;border-right:1px solid var(--border-color,var(--mud-palette-lines-default))}.requests-modal-summary>div:last-child[b-m3amyn407z]{border:0}
.requests-modal-summary[b-m3amyn407z]  .mud-icon-root{color:#0878f8;flex-shrink:0}.requests-modal-summary span[b-m3amyn407z]{min-width:0;display:flex;flex-direction:column;gap:5px}.requests-modal-summary small[b-m3amyn407z]{color:var(--text-secondary,var(--mud-palette-text-secondary));font-size:12px}.requests-modal-summary strong[b-m3amyn407z]{font-size:14px;overflow-wrap:anywhere}.requests-modal-summary .requests-status[b-m3amyn407z]{align-self:flex-start;padding:4px 10px;font-size:12px}
.requests-modal-tabs[b-m3amyn407z]{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--border-color,var(--mud-palette-lines-default));margin:22px 0 24px}.customer-requests .requests-modal-tabs button[b-m3amyn407z]{white-space:nowrap;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:12px 15px;color:var(--text-secondary,var(--mud-palette-text-secondary))}.customer-requests .requests-modal-tabs button.active[b-m3amyn407z]{border-bottom-color:#0878f8;color:#168cff;font-weight:700}
.requests-modal-section h3[b-m3amyn407z]{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 0 16px}.requests-modal-section h3[b-m3amyn407z]  .mud-icon-root{color:#0878f8}
.requests-modal-stop[b-m3amyn407z]{display:flex;align-items:center;gap:18px;border:1px solid var(--border-color,var(--mud-palette-lines-default));border-radius:11px;padding:16px;margin-bottom:12px;background:var(--bg-card,var(--mud-palette-surface))}.requests-stop-icon[b-m3amyn407z]{display:grid;place-items:center;width:54px;height:54px;border-radius:11px;background:rgba(0,120,248,.09);color:#0878f8;flex-shrink:0}.requests-modal-stop strong[b-m3amyn407z]{font-size:16px}.requests-modal-stop p[b-m3amyn407z]{margin:5px 0}.requests-modal-stop small[b-m3amyn407z]{display:flex;align-items:center;gap:5px;color:var(--text-secondary,var(--mud-palette-text-secondary))}.requests-modal-stop small[b-m3amyn407z]  .mud-icon-root{font-size:16px}
.requests-items-table[b-m3amyn407z]{border:1px solid var(--border-color,var(--mud-palette-lines-default));border-radius:11px;overflow:hidden}.requests-items-head[b-m3amyn407z],.requests-items-row[b-m3amyn407z]{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:16px;padding:15px 20px}.requests-items-head[b-m3amyn407z]{background:var(--bg-primary,var(--mud-palette-background))}.requests-items-row[b-m3amyn407z]{border-top:1px solid var(--border-color,var(--mud-palette-lines-default))}.requests-items-row span[b-m3amyn407z]{display:flex;gap:12px;align-items:center;min-width:0;overflow-wrap:anywhere}.requests-items-row[b-m3amyn407z]  .mud-icon-root{color:#0878f8}
.requests-timeline[b-m3amyn407z]{border-left:2px solid var(--border-color,var(--mud-palette-lines-default));margin-left:14px;padding-left:24px}.requests-timeline-entry[b-m3amyn407z]{position:relative;padding:15px 18px;margin-bottom:14px;border-radius:10px;background:var(--bg-primary,var(--mud-palette-background));border:1px solid var(--border-color,var(--mud-palette-lines-default))}.requests-timeline-entry[b-m3amyn407z]:before{content:'';position:absolute;width:12px;height:12px;left:-32px;top:19px;border:3px solid #0878f8;border-radius:50%;background:var(--bg-card,var(--mud-palette-surface))}.requests-timeline-entry>div[b-m3amyn407z]{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.requests-timeline-entry time[b-m3amyn407z]{color:var(--text-secondary,var(--mud-palette-text-secondary))}.requests-timeline-entry p[b-m3amyn407z]{margin:5px 0 0}
@media(max-width:850px){.requests-modal-summary[b-m3amyn407z]{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.requests-modal-summary>div:nth-child(2)[b-m3amyn407z]{border:0}}
@media(max-width:550px){.requests-dialog-fluent .requests-modal-header[b-m3amyn407z]{padding:16px;gap:10px}.requests-dialog-fluent .requests-dialog-body[b-m3amyn407z]{padding:16px}.requests-modal-symbol[b-m3amyn407z]{width:42px;height:42px}.requests-modal-summary[b-m3amyn407z]{grid-template-columns:1fr;padding:12px}.requests-modal-summary>div[b-m3amyn407z]{border:0;padding:10px}.requests-modal-tabs[b-m3amyn407z]{margin:15px 0}.customer-requests .requests-modal-tabs button[b-m3amyn407z]{padding:10px}.requests-modal-stop[b-m3amyn407z]{padding:12px;gap:10px}.requests-stop-icon[b-m3amyn407z]{width:40px;height:40px}.requests-items-head[b-m3amyn407z],.requests-items-row[b-m3amyn407z]{grid-template-columns:minmax(0,1fr) 65px;padding:12px}}
/* /Pages/CustomersPage.razor.rz.scp.css */
/* TRAYEKTO | Clientes — superficies corporativas Light/Dark, sin afectar otros módulos */
.customer-page[b-kq9s5ybpyg]{--client-card:var(--mud-palette-surface,#fff);--client-bg:var(--mud-palette-background,#f2f6fc);--client-text:var(--mud-palette-text-primary,#102a4c);--client-muted:var(--mud-palette-text-secondary,#526781);--client-border:var(--mud-palette-lines-default,#d6e1ef);--client-field:var(--mud-palette-surface,#fff);--client-blue:var(--mud-palette-primary,#087cfa);color:var(--client-text);width:100%;max-width:none;padding:24px;box-sizing:border-box}
.customer-page *[b-kq9s5ybpyg]{box-sizing:border-box}
.customer-header[b-kq9s5ybpyg]{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.customer-header h1[b-kq9s5ybpyg]{font-size:25px;font-weight:750;margin:3px 0}.customer-header p[b-kq9s5ybpyg],.customer-editor-heading p[b-kq9s5ybpyg],.customer-section-description[b-kq9s5ybpyg]{margin:3px 0 12px;color:var(--client-muted);font-size:13px}.customer-breadcrumb[b-kq9s5ybpyg]{font-size:12px;color:var(--client-muted)}
.customer-primary[b-kq9s5ybpyg],.customer-secondary[b-kq9s5ybpyg]{border-radius:8px;padding:10px 15px;font-weight:650;cursor:pointer;white-space:nowrap}.customer-primary[b-kq9s5ybpyg]{background:#087bff;color:#fff;border:1px solid #087bff}.customer-secondary[b-kq9s5ybpyg]{background:var(--client-card);color:var(--client-text);border:1px solid var(--client-border)}
.customer-notice[b-kq9s5ybpyg]{margin-bottom:15px;font-size:12px;color:var(--client-muted)}
.customer-layout[b-kq9s5ybpyg]{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:16px;align-items:start}.customer-main[b-kq9s5ybpyg]{min-width:0;display:grid;gap:15px}
.customer-stats[b-kq9s5ybpyg]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.customer-stats article[b-kq9s5ybpyg],.customer-panel[b-kq9s5ybpyg]{background:var(--client-card)!important;border:1px solid var(--client-border)!important;border-radius:12px;box-shadow:0 3px 12px rgba(10,40,80,.045)}
.customer-stats article[b-kq9s5ybpyg]{display:flex;align-items:center;gap:11px;padding:16px;min-width:0}.customer-stats article>div[b-kq9s5ybpyg]{display:flex;flex-direction:column;min-width:0;gap:3px}.customer-stats strong[b-kq9s5ybpyg]{font-size:25px;color:var(--client-text)}.customer-stats span:not(.customer-stat-icon)[b-kq9s5ybpyg]{font-size:12px;color:var(--client-text);font-weight:600}.customer-stats small[b-kq9s5ybpyg]{font-size:11px;color:var(--client-muted)}
.customer-stat-icon[b-kq9s5ybpyg]{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;background:rgba(8,124,250,.10);border-radius:10px;color:#087bff;font-size:20px}.customer-stat-icon.green[b-kq9s5ybpyg]{background:rgba(24,168,104,.12);color:#15995b}
.customer-panel[b-kq9s5ybpyg]{padding:16px;min-width:0}.customer-panel h2[b-kq9s5ybpyg]{font-size:16px;margin:0 0 13px;font-weight:750}
.customer-filter[b-kq9s5ybpyg]{display:grid;grid-template-columns:minmax(190px,2.2fr) repeat(4,minmax(90px,1fr)) auto;gap:10px;align-items:end}
.customer-page label[b-kq9s5ybpyg]{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;min-width:0}
.customer-page input:not([type=checkbox])[b-kq9s5ybpyg],.customer-page select[b-kq9s5ybpyg],.customer-page textarea[b-kq9s5ybpyg]{width:100%;min-width:0;min-height:38px;padding:9px 11px;border-radius:7px;border:1px solid var(--mud-palette-lines-inputs,var(--client-border))!important;background:var(--client-field)!important;color:var(--client-text)!important;font:inherit}
.customer-page input:focus[b-kq9s5ybpyg],.customer-page select:focus[b-kq9s5ybpyg],.customer-page textarea:focus[b-kq9s5ybpyg]{outline:2px solid var(--client-blue);outline-offset:1px}
.customer-table-wrap[b-kq9s5ybpyg]{overflow-x:auto}.customer-table[b-kq9s5ybpyg]{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:720px}.customer-table th[b-kq9s5ybpyg],.customer-table td[b-kq9s5ybpyg]{padding:12px 9px;border-bottom:1px solid var(--client-border);vertical-align:middle}.customer-table th[b-kq9s5ybpyg]{background:var(--client-bg);font-weight:750}.customer-table tr.selected[b-kq9s5ybpyg]{background:rgba(8,124,250,.06)}.customer-table small[b-kq9s5ybpyg]{display:block;margin-top:4px;color:var(--client-muted)}
.customer-name[b-kq9s5ybpyg]{border:0;background:transparent;color:var(--client-text);font-weight:700;text-align:left;cursor:pointer;padding:0}.customer-name:hover[b-kq9s5ybpyg]{color:var(--client-blue)}.customer-type[b-kq9s5ybpyg]{color:var(--client-blue);background:rgba(8,124,250,.10);padding:4px 7px;border-radius:20px}
.customer-status[b-kq9s5ybpyg]{padding:5px 8px;border-radius:20px;font-size:11px;white-space:nowrap}.customer-status.active[b-kq9s5ybpyg]{background:#dcf5e8;color:#096b43}.customer-status.inactive[b-kq9s5ybpyg]{background:#fce2e2;color:#912828}
.customer-row-actions[b-kq9s5ybpyg]{white-space:nowrap}.customer-row-actions button[b-kq9s5ybpyg],.customer-pagination button[b-kq9s5ybpyg]{background:var(--client-bg);color:var(--client-text);border:1px solid var(--client-border);border-radius:6px;padding:6px 9px;cursor:pointer;margin-right:5px}.customer-pagination[b-kq9s5ybpyg]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;font-size:12px;color:var(--client-muted)}.customer-pagination>div[b-kq9s5ybpyg]{display:flex;align-items:center;gap:8px}.customer-pagination label[b-kq9s5ybpyg]{flex-direction:row;align-items:center}.customer-pagination select[b-kq9s5ybpyg]{width:64px;min-height:30px}
.customer-profile[b-kq9s5ybpyg]{display:flex;align-items:center;gap:10px;padding:12px 0}.customer-profile>div[b-kq9s5ybpyg]{min-width:0;flex:1}.customer-profile strong[b-kq9s5ybpyg]{font-size:13px}.customer-profile small[b-kq9s5ybpyg]{display:block;color:var(--client-muted);margin-top:4px}.customer-avatar[b-kq9s5ybpyg]{display:grid;place-items:center;background:rgba(8,124,250,.10);border-radius:10px;width:44px;height:44px;color:var(--client-blue);font-size:22px}
.customer-tabs[b-kq9s5ybpyg]{display:flex;gap:3px;overflow-x:auto;border-bottom:1px solid var(--client-border);margin:10px 0 14px}.customer-tabs button[b-kq9s5ybpyg]{background:transparent;color:var(--client-muted);border:0;border-bottom:2px solid transparent;padding:10px 8px;cursor:pointer;font-size:12px;white-space:nowrap}.customer-tabs button.active[b-kq9s5ybpyg]{color:var(--client-blue);border-bottom-color:var(--client-blue);font-weight:750}
.customer-facts[b-kq9s5ybpyg]{display:grid;grid-template-columns:43% 1fr;gap:12px 8px;font-size:12px;margin:0}.customer-facts dt[b-kq9s5ybpyg]{font-weight:700}.customer-facts dd[b-kq9s5ybpyg]{margin:0;overflow-wrap:anywhere;color:var(--client-muted)}.customer-detail-edit[b-kq9s5ybpyg]{width:100%;margin-top:20px}
.customer-editor[b-kq9s5ybpyg]{margin-top:16px}.customer-editor-heading[b-kq9s5ybpyg]{display:flex;justify-content:space-between;gap:12px;align-items:start}.customer-editor-heading h2[b-kq9s5ybpyg]{margin:0 0 5px}.customer-grid[b-kq9s5ybpyg]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:8px}.customer-wide[b-kq9s5ybpyg]{grid-column:1/-1}.customer-page .customer-check[b-kq9s5ybpyg]{flex-direction:row;align-items:center;gap:10px}.customer-page .customer-check input[b-kq9s5ybpyg]{width:auto}.customer-validation[b-kq9s5ybpyg]{color:#d43a3a;font-weight:650}.customer-actions[b-kq9s5ybpyg]{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}
@media(max-width:1250px){.customer-layout[b-kq9s5ybpyg]{grid-template-columns:minmax(0,1fr)}.customer-filter[b-kq9s5ybpyg]{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-stats[b-kq9s5ybpyg]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.customer-page[b-kq9s5ybpyg]{padding:12px}.customer-header[b-kq9s5ybpyg]{flex-direction:column;align-items:stretch}.customer-header .customer-primary[b-kq9s5ybpyg]{align-self:flex-start}.customer-stats[b-kq9s5ybpyg]{gap:8px}.customer-stats article[b-kq9s5ybpyg]{padding:11px}.customer-stats strong[b-kq9s5ybpyg]{font-size:20px}.customer-stat-icon[b-kq9s5ybpyg]{width:30px;height:30px;flex-basis:30px}.customer-filter[b-kq9s5ybpyg],.customer-grid[b-kq9s5ybpyg]{grid-template-columns:1fr}.customer-wide[b-kq9s5ybpyg]{grid-column:auto}.customer-panel[b-kq9s5ybpyg]{padding:12px}.customer-pagination[b-kq9s5ybpyg]{flex-wrap:wrap}.customer-actions>*[b-kq9s5ybpyg]{flex:1}}

/* ================================================================
   SECCIÓN 8 — PALETA CORPORATIVA SEGÚN EL TEMA REAL DE TRAYEKTO
   El proyecto alterna html[data-theme], no el tema de MudBlazor.
   Estos selectores se aplican exclusivamente a la página Clientes.
   ================================================================ */
html[data-theme="light"] .customer-page[b-kq9s5ybpyg] {
    --client-bg: #f2f6fc;
    --client-card: #ffffff;
    --client-field: #ffffff;
    --client-text: #102a4c;
    --client-muted: #526781;
    --client-border: #d6e1ef;
    --client-blue: #087cfa;
    color-scheme: light;
}

html[data-theme="dark"] .customer-page[b-kq9s5ybpyg] {
    --client-bg: #10283d;
    --client-card: #10283d;
    --client-field: #17354d;
    --client-text: #f3f7fc;
    --client-muted: #b8cadd;
    --client-border: #34516b;
    --client-blue: #58a9ff;
    color-scheme: dark;
}

html[data-theme="dark"] .customer-page .customer-stats article[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-panel[b-kq9s5ybpyg] {
    background: var(--client-card) !important;
    border-color: var(--client-border) !important;
    color: var(--client-text);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .14);
}

html[data-theme="dark"] .customer-page .customer-header h1[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-panel h2[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-editor-heading h2[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-facts dt[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-profile strong[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-stats strong[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page label[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-name[b-kq9s5ybpyg] {
    color: var(--client-text);
}

html[data-theme="dark"] .customer-page .customer-breadcrumb[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-header p[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-notice[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-section-description[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-stats small[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-facts dd[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-profile small[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-table small[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-pagination[b-kq9s5ybpyg] {
    color: var(--client-muted);
}

html[data-theme="dark"] .customer-page .customer-table th[b-kq9s5ybpyg] {
    background: #1a3b55;
    color: #f3f7fc;
    border-color: var(--client-border);
}

html[data-theme="dark"] .customer-page .customer-table td[b-kq9s5ybpyg] {
    color: var(--client-text);
    border-color: var(--client-border);
}

html[data-theme="dark"] .customer-page .customer-table tbody tr[b-kq9s5ybpyg] {
    background: var(--client-card);
}

html[data-theme="dark"] .customer-page .customer-table tbody tr.selected[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-table tbody tr:hover[b-kq9s5ybpyg] {
    background: #214762;
}

html[data-theme="dark"] .customer-page input:not([type="checkbox"])[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page select[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page textarea[b-kq9s5ybpyg] {
    background: var(--client-field) !important;
    border: 1px solid var(--client-border) !important;
    color: var(--client-text) !important;
}

html[data-theme="dark"] .customer-page input[b-kq9s5ybpyg]::placeholder,
html[data-theme="dark"] .customer-page textarea[b-kq9s5ybpyg]::placeholder {
    color: #b8cadd;
    opacity: 1;
}

html[data-theme="dark"] .customer-page .customer-secondary[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-row-actions button[b-kq9s5ybpyg],
html[data-theme="dark"] .customer-page .customer-pagination button[b-kq9s5ybpyg] {
    background: var(--client-field);
    color: var(--client-text);
    border-color: var(--client-border);
}

html[data-theme="dark"] .customer-page .customer-tabs button[b-kq9s5ybpyg] {
    color: var(--client-muted);
}

html[data-theme="dark"] .customer-page .customer-tabs button.active[b-kq9s5ybpyg] {
    color: #83c2ff;
    border-bottom-color: #58a9ff;
}

html[data-theme="dark"] .customer-page .customer-type[b-kq9s5ybpyg] {
    background: #174a75;
    color: #b6deff;
}

html[data-theme="dark"] .customer-page .customer-status.active[b-kq9s5ybpyg] {
    background: #164d3a;
    color: #b0f5d4;
}

html[data-theme="dark"] .customer-page .customer-status.inactive[b-kq9s5ybpyg] {
    background: #633039;
    color: #ffd5d5;
}

html[data-theme="dark"] .customer-page .customer-validation[b-kq9s5ybpyg] {
    color: #ff9b9b;
}

/* Permitir que las pestañas se desplacen sin mostrar una barra gruesa. */
.customer-page .customer-tabs[b-kq9s5ybpyg] {
    scrollbar-width: thin;
    scrollbar-color: var(--client-border) transparent;
}

/* ================================================================
   SECCIÓN 9 — LISTADO DE CLIENTES EN TELÉFONOS
   Reorganiza cada fila como tarjeta, sin desplazamiento horizontal.
   No modifica la tabla de escritorio ni su comportamiento.
   ================================================================ */
@media (max-width: 650px) {
    .customer-page .customer-table-wrap[b-kq9s5ybpyg] {
        overflow-x: visible;
        width: 100%;
    }

    .customer-page .customer-table[b-kq9s5ybpyg] {
        display: block;
        min-width: 0;
        width: 100%;
        border-collapse: separate;
    }

    .customer-page .customer-table thead[b-kq9s5ybpyg] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .customer-page .customer-table tbody[b-kq9s5ybpyg] {
        display: grid;
        gap: 12px;
    }

    .customer-page .customer-table tbody tr[b-kq9s5ybpyg] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px 12px;
        padding: 14px;
        border: 1px solid var(--client-border);
        border-radius: 10px;
        background: var(--client-card);
        min-width: 0;
    }

    .customer-page .customer-table tbody tr.selected[b-kq9s5ybpyg] {
        border-color: var(--client-blue);
        background: color-mix(in srgb, var(--client-blue) 7%, var(--client-card));
    }

    .customer-page .customer-table td[b-kq9s5ybpyg] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 0;
        min-width: 0;
        border: 0;
        overflow-wrap: anywhere;
        font-size: 12px;
    }

    .customer-page .customer-table td[b-kq9s5ybpyg]::before {
        content: attr(data-label);
        font-size: 10px;
        font-weight: 700;
        color: var(--client-muted);
    }

    .customer-page .customer-table td:first-child[b-kq9s5ybpyg] {
        grid-column: 1 / -1;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--client-border);
    }

    .customer-page .customer-table td:first-child[b-kq9s5ybpyg]::before {
        display: none;
    }

    .customer-page .customer-table .customer-name[b-kq9s5ybpyg] {
        font-size: 14px;
        line-height: 1.35;
        white-space: normal;
    }

    .customer-page .customer-table small[b-kq9s5ybpyg] {
        margin: 0;
        overflow-wrap: anywhere;
    }

    .customer-page .customer-table td.customer-row-actions[b-kq9s5ybpyg] {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding-top: 10px;
        border-top: 1px solid var(--client-border);
        white-space: normal;
    }

    .customer-page .customer-table td.customer-row-actions[b-kq9s5ybpyg]::before {
        margin-right: auto;
    }

    .customer-page .customer-row-actions button[b-kq9s5ybpyg] {
        margin: 0;
        min-width: 40px;
        min-height: 40px;
    }

    .customer-page .customer-table td[colspan][b-kq9s5ybpyg] {
        grid-column: 1 / -1;
        display: block;
        text-align: center;
        padding: 14px;
    }

    .customer-page .customer-table td[colspan][b-kq9s5ybpyg]::before {
        display: none;
    }

    .customer-page .customer-pagination[b-kq9s5ybpyg] {
        display: grid;
        gap: 12px;
        justify-content: stretch;
        align-items: center;
    }

    .customer-page .customer-pagination > div[b-kq9s5ybpyg] {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 6px;
    }

    .customer-page .customer-pagination button[b-kq9s5ybpyg] {
        min-width: 36px;
        min-height: 36px;
        margin: 0;
    }
}


/* ==============================================================
   MODAL DE ALTA Y EDICIÓN DE CLIENTES
   Cierre exclusivo con el botón X: sin cierre por fondo ni Escape.
   El contenido se desplaza dentro del diálogo.
   ============================================================== */
.customer-page .customer-modal-overlay[b-kq9s5ybpyg] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background: rgba(2, 12, 25, .72);
    overflow: hidden;
}
.customer-page .customer-modal-dialog[b-kq9s5ybpyg] {
    box-sizing: border-box;
    width: min(100%, 960px);
    max-height: calc(100dvh - 40px);
    margin: 0;
    padding: 24px;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--client-card);
    color: var(--client-text);
    border: 1px solid var(--client-border);
    border-radius: 14px;
    box-shadow: 0 24px 80px rgba(0,0,0,.35);
}
.customer-page .customer-modal-close[b-kq9s5ybpyg] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--client-border);
    border-radius: 9px;
    background: var(--client-card);
    color: var(--client-text);
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}
.customer-page .customer-modal-close:hover[b-kq9s5ybpyg],
.customer-page .customer-modal-close:focus-visible[b-kq9s5ybpyg] {
    border-color: var(--client-blue);
    color: var(--client-blue);
    outline-offset: 2px;
}
.customer-page .customer-modal-dialog .customer-actions[b-kq9s5ybpyg] {
    position: sticky;
    bottom: -24px;
    padding: 14px 0;
    background: var(--client-card);
}
@media (max-width: 650px) {
    .customer-page .customer-modal-overlay[b-kq9s5ybpyg] { padding: 8px; }
    .customer-page .customer-modal-dialog[b-kq9s5ybpyg] {
        width: 100%;
        max-height: calc(100dvh - 16px);
        padding: 16px;
    }
    .customer-page .customer-modal-dialog .customer-actions[b-kq9s5ybpyg] { bottom: -16px; }
    .customer-page .customer-modal-dialog .customer-editor-heading[b-kq9s5ybpyg] { align-items: flex-start; }
}

/* ================================================================
   SECCIÓN 11 — MODAL CORPORATIVO CLIENTES (LIGHT / DARK)
   La presentación del formulario es independiente del listado.
   ================================================================ */
.customer-page .customer-modal-dialog[b-kq9s5ybpyg] {width:min(100%,1120px);padding:26px;}
.customer-page .customer-editor-heading[b-kq9s5ybpyg] {align-items:center;margin-bottom:22px;}
.customer-page .customer-modal-heading-content[b-kq9s5ybpyg] {display:flex;align-items:center;gap:16px;min-width:0;}
.customer-page .customer-modal-hero-icon[b-kq9s5ybpyg] {display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;background:color-mix(in srgb,var(--client-blue) 11%,var(--client-card));border-radius:14px;color:var(--client-blue);font-size:30px;}
.customer-page .customer-editor-heading h2[b-kq9s5ybpyg] {font-size:25px;margin:0 0 6px;color:var(--client-text);}
.customer-page .customer-editor-heading p[b-kq9s5ybpyg] {font-size:13px;line-height:1.5;margin:0;}
.customer-page .customer-modal-steps[b-kq9s5ybpyg] {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px;}
.customer-page .customer-modal-step[b-kq9s5ybpyg] {display:flex;align-items:center;gap:11px;min-width:0;min-height:70px;text-align:left;padding:12px 14px;border:1px solid var(--client-border);border-radius:10px;background:var(--client-card);color:var(--client-text);cursor:pointer;}
.customer-page .customer-modal-step.active[b-kq9s5ybpyg] {border-color:var(--client-blue);background:color-mix(in srgb,var(--client-blue) 10%,var(--client-card));box-shadow:0 0 0 1px color-mix(in srgb,var(--client-blue) 30%,transparent);}
.customer-page .customer-modal-step-icon[b-kq9s5ybpyg] {display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:9px;background:color-mix(in srgb,var(--client-blue) 10%,var(--client-card));color:var(--client-blue);font-size:23px;}
.customer-page .customer-modal-step-copy[b-kq9s5ybpyg] {display:flex;flex-direction:column;gap:5px;min-width:0;}
.customer-page .customer-modal-step-copy strong[b-kq9s5ybpyg] {font-size:13px;}
.customer-page .customer-modal-step-copy small[b-kq9s5ybpyg] {font-size:11px;color:var(--client-muted);line-height:1.35;}
.customer-page .customer-modal-form-section[b-kq9s5ybpyg] {padding:20px;border:1px solid var(--client-border);border-radius:12px;background:var(--client-card);margin-bottom:14px;}
.customer-page .customer-modal-section-heading[b-kq9s5ybpyg] {display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.customer-page .customer-modal-section-icon[b-kq9s5ybpyg] {display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:9px;background:var(--client-blue);color:white;font-size:21px;}
.customer-page .customer-modal-section-heading h3[b-kq9s5ybpyg] {font-size:17px;color:var(--client-text);margin:0 0 4px;}
.customer-page .customer-modal-section-heading p[b-kq9s5ybpyg] {font-size:12px;color:var(--client-muted);margin:0;}
.customer-page .customer-modal-fields[b-kq9s5ybpyg] {gap:18px 20px;padding:0;}
.customer-page .customer-modal-fields label[b-kq9s5ybpyg] {font-size:12px;gap:7px;color:var(--client-text);}
.customer-page .customer-modal-fields input:not([type=checkbox])[b-kq9s5ybpyg],.customer-page .customer-modal-fields select[b-kq9s5ybpyg] {min-height:44px;padding:10px 12px;border-color:var(--client-border)!important;border-radius:8px;}
.customer-page .customer-field-hint[b-kq9s5ybpyg] {font-weight:400;color:var(--client-muted);font-size:11px;}
.customer-page .customer-modal-toggle-grid[b-kq9s5ybpyg] {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.customer-page .customer-modal-toggle[b-kq9s5ybpyg] {display:flex;flex-direction:row;align-items:center;gap:12px;cursor:pointer;}
.customer-page .customer-modal-toggle input[b-kq9s5ybpyg] {appearance:none;width:42px;height:24px;flex:0 0 42px;border-radius:20px;background:#aebed0;position:relative;cursor:pointer;transition:background .15s;}
.customer-page .customer-modal-toggle input:checked[b-kq9s5ybpyg] {background:#087cfa;}
.customer-page .customer-modal-toggle input[b-kq9s5ybpyg]::before {content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:white;transition:transform .15s;}
.customer-page .customer-modal-toggle input:checked[b-kq9s5ybpyg]::before {transform:translateX(18px);}
.customer-page .customer-modal-toggle input:focus-visible[b-kq9s5ybpyg] {outline:2px solid var(--client-blue);outline-offset:3px;}
.customer-page .customer-modal-toggle span[b-kq9s5ybpyg] {display:flex;flex-direction:column;gap:5px;}
.customer-page .customer-modal-toggle strong[b-kq9s5ybpyg] {font-size:13px;color:var(--client-text);}
.customer-page .customer-modal-toggle small[b-kq9s5ybpyg] {font-size:11px;color:var(--client-muted);font-weight:400;line-height:1.4;}
.customer-page .customer-modal-footer[b-kq9s5ybpyg] {display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px;}
.customer-page .customer-modal-footer p[b-kq9s5ybpyg] {padding:12px 14px;border-radius:9px;background:color-mix(in srgb,var(--client-blue) 9%,var(--client-card));color:var(--client-blue);font-size:12px;margin:0;line-height:1.4;}
.customer-page .customer-modal-footer .customer-primary[b-kq9s5ybpyg] {min-height:44px;font-size:14px;}
.customer-page .customer-modal-dialog .customer-validation[b-kq9s5ybpyg] {margin:10px 0;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,#d43a3a 10%,var(--client-card));}
@media(max-width:850px){.customer-page .customer-modal-steps[b-kq9s5ybpyg]{grid-template-columns:repeat(2,minmax(0,1fr));}.customer-page .customer-modal-dialog[b-kq9s5ybpyg]{padding:18px;}}
@media(max-width:650px){.customer-page .customer-modal-heading-content[b-kq9s5ybpyg]{gap:10px;}.customer-page .customer-modal-hero-icon[b-kq9s5ybpyg]{width:42px;height:42px;flex-basis:42px;font-size:22px;}.customer-page .customer-editor-heading h2[b-kq9s5ybpyg]{font-size:19px;}.customer-page .customer-modal-step[b-kq9s5ybpyg]{padding:9px;gap:7px;min-height:60px;}.customer-page .customer-modal-step-icon[b-kq9s5ybpyg]{flex-basis:30px;height:30px;font-size:17px;}.customer-page .customer-modal-step-copy strong[b-kq9s5ybpyg]{font-size:11px;}.customer-page .customer-modal-step-copy small[b-kq9s5ybpyg]{font-size:10px;}.customer-page .customer-modal-form-section[b-kq9s5ybpyg]{padding:13px;}.customer-page .customer-modal-toggle-grid[b-kq9s5ybpyg]{grid-template-columns:1fr;}.customer-page .customer-modal-footer[b-kq9s5ybpyg]{flex-direction:column;align-items:stretch;}.customer-page .customer-modal-footer .customer-primary[b-kq9s5ybpyg]{width:100%;}.customer-page .customer-modal-footer p[b-kq9s5ybpyg]{width:100%;}}

/* Refuerzo del estándar móvil aprobado: tarjetas de clientes separadas y legibles. */
@media (max-width: 650px) {
    .customer-page .customer-table tbody[b-kq9s5ybpyg] { gap: 16px; }
    .customer-page .customer-table tbody tr[b-kq9s5ybpyg] {
        margin: 0; padding: 14px;
        background: var(--client-card); color: var(--client-text);
        border: 1px solid var(--client-border);
        box-shadow: 0 2px 8px rgba(0, 20, 45, .06);
    }
    .customer-page .customer-table tbody tr.selected[b-kq9s5ybpyg] {
        border-color: var(--client-blue);
        background: color-mix(in srgb, var(--client-blue) 7%, var(--client-card));
    }
}

/* ================================================================
   SECCIÓN 12 — TARJETAS MÓVILES DE CLIENTES
   Marcado dedicado: evita depender de convertir elementos table/tr/td
   y conserva la tabla original sin alteraciones en escritorio.
   ================================================================ */
.customer-page .customer-mobile-list[b-kq9s5ybpyg] {
    display: none;
}

@media (max-width: 650px) {
    .customer-page .customer-table-wrap[b-kq9s5ybpyg] {
        display: none !important;
    }

    .customer-page .customer-mobile-list[b-kq9s5ybpyg] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        width: 100%;
        min-width: 0;
    }

    .customer-page .customer-mobile-card[b-kq9s5ybpyg] {
        min-width: 0;
        padding: 14px;
        background: var(--client-card);
        color: var(--client-text);
        border: 1px solid var(--client-border);
        border-radius: 11px;
        box-shadow: 0 2px 9px rgba(10, 40, 80, .08);
    }

    .customer-page .customer-mobile-card.selected[b-kq9s5ybpyg] {
        border-color: var(--client-blue);
        background: color-mix(in srgb, var(--client-blue) 6%, var(--client-card));
    }

    .customer-page .customer-mobile-card-header[b-kq9s5ybpyg] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        padding-bottom: 12px;
        border-bottom: 1px solid var(--client-border);
    }

    .customer-page .customer-mobile-identity[b-kq9s5ybpyg] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .customer-page .customer-mobile-identity .customer-name[b-kq9s5ybpyg] {
        white-space: normal;
        overflow-wrap: anywhere;
        font-size: 14px;
        line-height: 1.35;
    }

    .customer-page .customer-mobile-identity small[b-kq9s5ybpyg] {
        color: var(--client-muted);
        font-size: 11px;
        overflow-wrap: anywhere;
    }

    .customer-page .customer-mobile-card-header .customer-status[b-kq9s5ybpyg] {
        flex: 0 0 auto;
    }

    .customer-page .customer-mobile-facts[b-kq9s5ybpyg] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 10px;
        padding: 14px 0;
        margin: 0;
    }

    .customer-page .customer-mobile-facts > div[b-kq9s5ybpyg] {
        min-width: 0;
    }

    .customer-page .customer-mobile-facts dt[b-kq9s5ybpyg] {
        color: var(--client-muted);
        font-size: 11px;
        font-weight: 650;
        margin-bottom: 6px;
    }

    .customer-page .customer-mobile-facts dd[b-kq9s5ybpyg] {
        margin: 0;
        color: var(--client-text);
        font-size: 12px;
        overflow-wrap: anywhere;
    }

    .customer-page .customer-mobile-card-actions[b-kq9s5ybpyg] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding-top: 12px;
        border-top: 1px solid var(--client-border);
    }

    .customer-page .customer-mobile-card-actions button[b-kq9s5ybpyg] {
        flex: 1 1 110px;
        min-height: 40px;
        white-space: normal;
    }

    .customer-page .customer-mobile-empty[b-kq9s5ybpyg] {
        color: var(--client-muted);
        text-align: center;
        padding: 14px;
    }
}
/* /Pages/Dashboard.razor.rz.scp.css */
/* Roboto Condensed se carga desde wwwroot/index.html; @import no es compatible con CSS aislado de Blazor. */

/* Tipografía del Dashboard exclusivamente: conserva la distribución existente. */
.dashboard-page[b-cg775p0dpm] {
    font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
}

/* Los elementos de MudBlazor y los controles HTML pueden declarar su propia fuente. */
.dashboard-page[b-cg775p0dpm]  .mud-typography,
.dashboard-page[b-cg775p0dpm]  .mud-button,
.dashboard-page[b-cg775p0dpm]  .mud-input,
.dashboard-page[b-cg775p0dpm]  .mud-table,
.dashboard-page[b-cg775p0dpm]  button,
.dashboard-page[b-cg775p0dpm]  input,
.dashboard-page[b-cg775p0dpm]  select,
.dashboard-page[b-cg775p0dpm]  textarea,
.dashboard-page[b-cg775p0dpm]  table,
.dashboard-page[b-cg775p0dpm]  .leaflet-container,
.dashboard-page[b-cg775p0dpm]  .leaflet-control {
    font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
}

/* =========================================================
   DASHBOARD - CONTENEDOR
   ========================================================= */

.dashboard-page[b-cg775p0dpm] {
    width: 100%;
}

.welcome-row[b-cg775p0dpm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.welcome-row h1[b-cg775p0dpm] {
    margin: 0;
    color: var(--text-primary);
    font-size: clamp(1.55rem, 2vw, 2.15rem);
    font-weight: 800;
}

.welcome-row p[b-cg775p0dpm] {
    margin: 3px 0 0;
    color: var(--text-secondary);
    font-size: 1rem;
}

.welcome-row p strong[b-cg775p0dpm] {
    color: var(--primary);
}

.date-block[b-cg775p0dpm] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-secondary);
}

.date-block div[b-cg775p0dpm] {
    display: grid;
}

.date-block span[b-cg775p0dpm] {
    font-size: .8rem;
}

.date-block strong[b-cg775p0dpm] {
    margin-top: 2px;
    font-size: 1.15rem;
}

/* =========================================================
   MÉTRICAS
   ========================================================= */

.metrics-grid[b-cg775p0dpm] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

/* =========================================================
   PANELES PRINCIPALES
   ========================================================= */

.main-grid[b-cg775p0dpm] {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(250px, .85fr) minmax(280px, .95fr);
    gap: 12px;
    align-items: start;
}

.left-column[b-cg775p0dpm],
.middle-column[b-cg775p0dpm],
.right-column[b-cg775p0dpm] {
    display: grid;
    gap: 12px;
}

.panel[b-cg775p0dpm] {
    padding: 16px !important;
    border: 1px solid var(--border-color);
    border-radius: 10px !important;
    background: var(--bg-card) !important;
}

.panel-header[b-cg775p0dpm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.panel-header h2[b-cg775p0dpm],
.operational-note h2[b-cg775p0dpm] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 800;
}

.operation-overview[b-cg775p0dpm] {
    min-height: 250px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    place-items: center;
    padding: 25px;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--bg-subtle), var(--bg-elevated) 55%, var(--bg-secondary));
}

.operation-stat[b-cg775p0dpm] {
    min-width: 0;
    display: grid;
    place-items: center;
    text-align: center;
}

.operation-stat[b-cg775p0dpm]  .mud-icon-root {
    color: var(--primary);
    font-size: 2rem;
}

.operation-stat strong[b-cg775p0dpm] {
    margin-top: 8px;
    font-size: 1.8rem;
}

.operation-stat span[b-cg775p0dpm] {
    color: var(--text-secondary);
    font-size: .78rem;
}

.map-panel[b-cg775p0dpm]  .mud-alert {
    margin-top: 12px;
}

/* =========================================================
   LISTADOS
   ========================================================= */

.routes-list[b-cg775p0dpm],
.notification-list[b-cg775p0dpm],
.status-list[b-cg775p0dpm] {
    display: grid;
}

.route-item[b-cg775p0dpm],
.notification-item[b-cg775p0dpm],
.status-row[b-cg775p0dpm] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 2px;
    border-bottom: 1px solid var(--border-soft);
}

.route-item:last-child[b-cg775p0dpm],
.notification-item:last-child[b-cg775p0dpm],
.status-row:last-child[b-cg775p0dpm] {
    border-bottom: 0;
}

.route-item[b-cg775p0dpm]  .mud-icon-root,
.notification-item[b-cg775p0dpm]  .mud-icon-root {
    color: var(--primary);
}

.route-item div[b-cg775p0dpm],
.notification-item div[b-cg775p0dpm] {
    min-width: 0;
    display: grid;
    flex: 1;
}

.route-item strong[b-cg775p0dpm],
.notification-item strong[b-cg775p0dpm] {
    color: var(--text-primary);
    font-size: .8rem;
}

.route-item span[b-cg775p0dpm],
.notification-item span[b-cg775p0dpm],
.route-item small[b-cg775p0dpm] {
    color: var(--text-secondary);
    font-size: .72rem;
}

.status-total[b-cg775p0dpm] {
    display: grid;
    place-items: center;
    padding: 16px;
    margin-bottom: 5px;
    border-radius: 9px;
    background: var(--bg-subtle);
}

.status-total strong[b-cg775p0dpm] {
    font-size: 1.8rem;
}

.status-total span[b-cg775p0dpm] {
    color: var(--text-secondary);
    font-size: .76rem;
}

.status-row[b-cg775p0dpm] {
    justify-content: space-between;
    font-size: .78rem;
}

/* =========================================================
   TABLA DE MOVIMIENTOS
   ========================================================= */

.movements-table[b-cg775p0dpm] {
    overflow-x: auto;
}

.table-row[b-cg775p0dpm] {
    min-width: 520px;
    display: grid;
    grid-template-columns: 1fr 1.2fr .7fr;
    gap: 12px;
    align-items: center;
    padding: 8px 6px;
    border-bottom: 1px solid var(--border-soft);
    color: var(--text-secondary);
    font-size: .76rem;
}

.table-head[b-cg775p0dpm] {
    border-radius: 6px;
    background: var(--bg-subtle);
    color: var(--text-primary);
    font-weight: 700;
}

.table-row strong[b-cg775p0dpm] {
    color: var(--text-primary);
}

.empty-state[b-cg775p0dpm] {
    padding: 24px 8px;
    color: var(--text-muted);
    text-align: center;
    font-size: .82rem;
}

.operational-note[b-cg775p0dpm] {
    text-align: center;
}

.operational-note[b-cg775p0dpm]  .mud-icon-root {
    color: #08a45c;
    font-size: 2.2rem;
}

.operational-note p[b-cg775p0dpm] {
    margin: 8px 0 0;
    color: var(--text-secondary);
    font-size: .78rem;
    line-height: 1.5;
}

.state-panel[b-cg775p0dpm] {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--text-secondary);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1450px) {
    .main-grid[b-cg775p0dpm] {
        grid-template-columns: minmax(0, 1.6fr) minmax(250px, .8fr);
    }

    .right-column[b-cg775p0dpm] {
        grid-column: 1 / -1;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1050px) {
    .metrics-grid[b-cg775p0dpm] {
        grid-template-columns: repeat(3, 1fr);
    }

    .main-grid[b-cg775p0dpm] {
        grid-template-columns: 1fr;
    }

    .right-column[b-cg775p0dpm] {
        grid-column: auto;
    }
}

@media (max-width: 700px) {
    .welcome-row[b-cg775p0dpm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .metrics-grid[b-cg775p0dpm] {
        grid-template-columns: repeat(2, 1fr);
    }

    .operation-overview[b-cg775p0dpm],
    .right-column[b-cg775p0dpm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 430px) {
    .metrics-grid[b-cg775p0dpm] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   COMPONENTES HIJOS - FIDELIDAD VISUAL
   ========================================================= */
.metrics-grid[b-cg775p0dpm]  .metric-card {
    min-height: 142px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 10px !important;
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 3px 14px var(--shadow-color) !important;
    overflow: hidden;
}

.metrics-grid[b-cg775p0dpm]  .metric-icon { width:44px; height:44px; display:grid; place-items:center; margin-bottom:10px; border-radius:50%; color:#fff; background:#1285f5; }
.metrics-grid[b-cg775p0dpm]  .metric-card.green .metric-icon { background:#08a65d; }
.metrics-grid[b-cg775p0dpm]  .metric-card.orange .metric-icon { background:#ffad16; }
.metrics-grid[b-cg775p0dpm]  .metric-card.red .metric-icon { background:#ff354d; }
.metrics-grid[b-cg775p0dpm]  .metric-card strong { color:var(--text-primary) !important; font-size:clamp(1.65rem,2vw,2.05rem); line-height:1; }
.metrics-grid[b-cg775p0dpm]  .metric-card > span { margin-top:6px; color:var(--text-secondary) !important; font-size:.8rem; }

@media(max-width:1350px){.main-grid[b-cg775p0dpm]{grid-template-columns:minmax(0,1.55fr) minmax(240px,.75fr)}.right-column[b-cg775p0dpm]{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid[b-cg775p0dpm]{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:3px}}
@media(max-width:900px){.welcome-row[b-cg775p0dpm]{align-items:flex-start}.metrics-grid[b-cg775p0dpm]{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.main-grid[b-cg775p0dpm]{grid-template-columns:1fr}.right-column[b-cg775p0dpm]{grid-column:auto;grid-template-columns:1fr}.operation-overview[b-cg775p0dpm]{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:560px){.welcome-row[b-cg775p0dpm]{display:grid}.date-block[b-cg775p0dpm]{margin-top:4px}.metrics-grid[b-cg775p0dpm]{grid-template-columns:1fr}.operation-overview[b-cg775p0dpm]{grid-template-columns:1fr;gap:20px}.panel[b-cg775p0dpm]{padding:12px!important}}

/* =========================================================
   MAPA LEAFLET / OPENSTREETMAP
   ========================================================= */

.map-toolbar[b-cg775p0dpm] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 8px;
    color: var(--text-secondary);
    font-size: .76rem;
}

.map-toolbar span[b-cg775p0dpm] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.trayekto-map[b-cg775p0dpm] {
    width: 100%;
    height: 310px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    border-radius: 9px;
    background: var(--bg-subtle);
}

.map-empty-note[b-cg775p0dpm] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    color: var(--text-secondary);
    font-size: .74rem;
}

[b-cg775p0dpm] .trayekto-map-marker-host {
    background: transparent;
    border: 0;
}

[b-cg775p0dpm] .trayekto-map-marker {
    width: 22px;
    height: 22px;
    border: 4px solid #fff;
    border-radius: 50% 50% 50% 0;
    background: var(--marker);
    box-shadow: 0 2px 7px rgba(4, 31, 62, .28);
    transform: rotate(-45deg);
}

[b-cg775p0dpm] .leaflet-container {
    font-family: inherit;
}


/* Rediseño Dashboard empresarial */
.welcome-actions[b-cg775p0dpm]{display:flex;align-items:center;gap:18px}
.brand-highlight[b-cg775p0dpm]{color:#087eff}
.promo-banner[b-cg775p0dpm]{min-width:290px;border-radius:10px;padding:12px 18px;color:white;background:linear-gradient(110deg,#082a55,#0869bc);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.86rem}
.promo-banner span[b-cg775p0dpm]{font-size:.7rem;opacity:.7;letter-spacing:.1em}
.metrics-grid[b-cg775p0dpm]{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.main-grid[b-cg775p0dpm]{grid-template-columns:minmax(0,1.75fr) minmax(250px,.92fr) minmax(260px,.92fr)}
.map-toolbar[b-cg775p0dpm]{display:flex;gap:6px;flex-wrap:wrap;padding:6px 0 12px}
.map-filter[b-cg775p0dpm]{cursor:pointer;background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-color);border-radius:7px;padding:7px 11px;font-size:.78rem}
.map-filter.active[b-cg775p0dpm]{background:#087eff;color:white;border-color:#087eff}
.panel-link[b-cg775p0dpm],.panel-hint[b-cg775p0dpm]{font-size:.73rem;color:#087eff}
.donut-wrap[b-cg775p0dpm]{display:grid;place-items:center;padding:8px 0 16px}
.status-donut[b-cg775p0dpm]{height:158px;width:158px;border-radius:50%;display:grid;place-items:center}
.donut-center[b-cg775p0dpm]{height:106px;width:106px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;flex-direction:column}
.donut-center strong[b-cg775p0dpm]{font-size:1.7rem;color:var(--text-primary)}
.donut-center small[b-cg775p0dpm],.status-row small[b-cg775p0dpm]{font-size:.7rem;color:var(--text-secondary);font-weight:400}
.activity-item[b-cg775p0dpm]{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--border-soft)}
.activity-item div[b-cg775p0dpm]{display:grid;gap:3px}.activity-item strong[b-cg775p0dpm]{font-size:.78rem}.activity-item span[b-cg775p0dpm]{font-size:.72rem;color:var(--text-secondary)}
.bottom-grid[b-cg775p0dpm]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.insight-card h2[b-cg775p0dpm]{font-size:.9rem;font-weight:800;margin:0 0 12px;color:var(--text-primary)}
.insight-card strong[b-cg775p0dpm]{font-size:1.8rem;color:#087eff}
.insight-card p[b-cg775p0dpm]{font-size:.76rem;color:var(--text-secondary);margin:8px 0 0}
@media(max-width:1350px){.metrics-grid[b-cg775p0dpm]{grid-template-columns:repeat(3,minmax(0,1fr))}.main-grid[b-cg775p0dpm]{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.right-column[b-cg775p0dpm]{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.welcome-row[b-cg775p0dpm],.welcome-actions[b-cg775p0dpm]{flex-wrap:wrap}.promo-banner[b-cg775p0dpm]{min-width:0}.metrics-grid[b-cg775p0dpm]{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid[b-cg775p0dpm],.right-column[b-cg775p0dpm],.bottom-grid[b-cg775p0dpm]{grid-template-columns:1fr}.right-column[b-cg775p0dpm]{grid-column:auto}}

/* Fase 1: refinamientos de composición y tarjetas */
.dashboard-page[b-cg775p0dpm]{max-width:none;min-width:0}
.welcome-row[b-cg775p0dpm]{align-items:center}
.promo-banner[b-cg775p0dpm]{min-height:68px;background:linear-gradient(95deg,rgba(2,28,66,.95),rgba(8,89,166,.7)),url('/images/home/hero-logistics.webp') center 53%/cover;min-width:330px;max-width:420px}
.promo-cta[b-cg775p0dpm]{display:inline-block;padding:7px 11px;border-radius:7px;background:#ffcd28;color:#10234a!important;text-decoration:none;font-size:.7rem;font-weight:800;white-space:nowrap}
.metrics-grid[b-cg775p0dpm]  .metric-card{min-height:145px!important;position:relative;justify-content:flex-start;gap:2px;padding:14px 16px!important;box-sizing:border-box;box-shadow:0 3px 12px rgba(24,52,86,.045)}
.metrics-grid[b-cg775p0dpm]  .metric-icon{margin-bottom:7px}
.metrics-grid[b-cg775p0dpm]  .metric-card strong{order:2;font-size:1.65rem!important;margin-top:3px}
.metrics-grid[b-cg775p0dpm]  .metric-card > span{order:1;font-size:.76rem!important;font-weight:600;margin:0}
.panel[b-cg775p0dpm]{box-shadow:0 2px 8px rgba(20,44,76,.04)}
.map-panel .trayekto-map[b-cg775p0dpm]{min-height:290px}
.routes-list .route-item[b-cg775p0dpm]{min-height:63px}
.notification-list .notification-item[b-cg775p0dpm]{min-height:62px}
.movements-table .table-row[b-cg775p0dpm]{min-height:40px}
.bottom-grid .insight-card[b-cg775p0dpm]{min-height:140px}
@media(min-width:1500px){.main-grid[b-cg775p0dpm]{grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr) minmax(280px,.82fr)}.metrics-grid[b-cg775p0dpm]{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.promo-banner[b-cg775p0dpm]{min-width:260px}.metrics-grid[b-cg775p0dpm]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.welcome-actions[b-cg775p0dpm]{width:100%}.promo-banner[b-cg775p0dpm]{min-width:0;width:100%}.metrics-grid[b-cg775p0dpm]{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid[b-cg775p0dpm]{grid-template-columns:1fr}}

/* Fase 2: mapa operativo, leyenda y agrupación visual */
.operational-map-shell[b-cg775p0dpm]{position:relative;isolation:isolate}
.operational-map-legend[b-cg775p0dpm]{position:absolute;z-index:500;top:12px;right:12px;display:grid;gap:7px;background:var(--bg-card,#fff);color:var(--text-primary,#102a52);border:1px solid var(--border-color,#dce5f0);border-radius:9px;padding:11px 12px;box-shadow:0 4px 18px rgba(0,20,50,.14);font-size:.72rem;pointer-events:none}
.operational-map-legend span[b-cg775p0dpm]{display:flex;align-items:center;gap:7px}
.operational-map-legend i[b-cg775p0dpm]{width:10px;height:10px;border-radius:50%;display:inline-block}
.operational-map-legend .pin-transit[b-cg775p0dpm]{background:#087eff}
.operational-map-legend .pin-delivered[b-cg775p0dpm]{background:#0ca76a}
.operational-map-legend .pin-pending[b-cg775p0dpm]{background:#f6a609}
.operational-map-legend .pin-exception[b-cg775p0dpm]{background:#f43f56}
.operational-map-count[b-cg775p0dpm]{position:absolute;z-index:500;bottom:24px;left:12px;border-radius:7px;background:var(--bg-card,#fff);padding:5px 8px;font-size:.7rem;color:var(--text-primary,#102a52);box-shadow:0 2px 10px rgba(0,0,0,.1);pointer-events:none}
.map-reference-note[b-cg775p0dpm]{margin:8px 2px 0;font-size:.7rem;color:var(--text-secondary,#66778c)}
[b-cg775p0dpm] .trayekto-operational-marker-host{background:transparent;border:0}
[b-cg775p0dpm] .trayekto-operational-marker{width:32px;height:32px;border:3px solid white;border-radius:50% 50% 50% 8px;background:var(--trayekto-pin);box-shadow:0 2px 9px rgba(10,36,70,.3);color:white;font-size:14px;font-weight:800;display:grid;place-items:center;transform:rotate(-45deg)}
[b-cg775p0dpm] .trayekto-operational-marker::first-letter{transform:rotate(45deg)}
[b-cg775p0dpm] .trayekto-map-popup{max-height:260px;overflow:auto;min-width:195px}
[b-cg775p0dpm] .trayekto-popup-entry{display:grid;gap:3px;padding:7px 0;border-bottom:1px solid #e7edf4}
[b-cg775p0dpm] .trayekto-popup-entry span{font-size:.74rem;color:#087eff}
[b-cg775p0dpm] .trayekto-popup-entry small{font-size:.68rem;color:#64748b}
@media(max-width:680px){.operational-map-legend[b-cg775p0dpm]{top:10px;right:8px;padding:8px;font-size:.64rem}.operational-map-count[b-cg775p0dpm]{font-size:.64rem}}

/* Fase 3: enriquecimiento operativo sin métricas inventadas */
.dashboard-data-context[b-cg775p0dpm]{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:-3px 0 10px;font-size:.72rem;color:var(--text-secondary)}
.dashboard-data-context strong[b-cg775p0dpm]{color:var(--text-primary)}
.route-item-detailed[b-cg775p0dpm]{align-items:flex-start;padding:12px 4px}
.route-details[b-cg775p0dpm]{display:grid!important;gap:7px;width:100%;min-width:0}
.route-title-line[b-cg775p0dpm]{display:flex;justify-content:space-between;gap:7px;align-items:center;flex-wrap:wrap}
.route-state[b-cg775p0dpm]{background:var(--bg-subtle);border:1px solid var(--border-soft);padding:3px 7px;border-radius:99px;font-size:.67rem!important}
.route-metadata[b-cg775p0dpm]{display:flex;gap:9px;flex-wrap:wrap}
.route-metadata span[b-cg775p0dpm]{display:inline-flex;gap:3px;align-items:center;font-size:.7rem}
.route-metadata .mud-icon-root[b-cg775p0dpm]{font-size:.9rem!important}
.route-progress-unavailable[b-cg775p0dpm]{height:19px;border-radius:5px;background:var(--bg-subtle);border:1px dashed var(--border-color);display:flex;align-items:center;padding:2px 6px;color:var(--text-secondary);font-size:.65rem}
.movements-table .table-row[b-cg775p0dpm]{grid-template-columns:minmax(110px,1.2fr) minmax(95px,1fr) minmax(72px,.7fr) minmax(70px,.6fr);min-width:475px}
.movement-status[b-cg775p0dpm]{display:inline-flex;justify-self:start;border-radius:5px;padding:4px 7px;font-weight:700;font-size:.71rem}
.status-delivered[b-cg775p0dpm]{color:#087a52;background:#def9ec}.status-transit[b-cg775p0dpm]{color:#075bb8;background:#e2f0ff}
.status-pending[b-cg775p0dpm]{color:#986100;background:#fff2cc}.status-exception[b-cg775p0dpm]{color:#c72440;background:#ffe5eb}
.status-received[b-cg775p0dpm]{color:#315c91;background:#e8f0fa}
.movement-detail-button[b-cg775p0dpm]{border:1px solid var(--border-color);border-radius:5px;padding:5px 7px;background:var(--bg-subtle);color:var(--primary);cursor:pointer;font-size:.7rem}
.movement-detail-panel[b-cg775p0dpm]{margin-top:12px;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-subtle);display:grid;gap:8px}
.movement-detail-header[b-cg775p0dpm]{display:flex;justify-content:space-between;align-items:center;gap:10px}
.movement-detail-header button[b-cg775p0dpm]{border:0;background:transparent;color:var(--text-primary);font-size:1.3rem;cursor:pointer}
.movement-detail-panel>div:not(.movement-detail-header)[b-cg775p0dpm]{display:flex;justify-content:space-between;gap:10px;font-size:.76rem}
.movement-detail-panel p[b-cg775p0dpm]{margin:0;font-size:.7rem;color:var(--text-secondary)}
.status-value[b-cg775p0dpm]{min-width:95px;display:grid;gap:5px;text-align:right}
.status-mini-track[b-cg775p0dpm]{height:4px;background:var(--bg-subtle);border-radius:99px;overflow:hidden}
.status-mini-track span[b-cg775p0dpm]{display:block;height:100%;background:var(--primary);border-radius:99px}
.insight-visual[b-cg775p0dpm]{display:flex;align-items:center;gap:15px}
.insight-visual>div:last-child[b-cg775p0dpm]{min-width:0}
.insight-visual strong[b-cg775p0dpm]{font-size:1.2rem}
.insight-ring[b-cg775p0dpm]{--insight-percent:0;flex:0 0 85px;width:85px;height:85px;border-radius:50%;background:conic-gradient(#00a868 calc(var(--insight-percent) * 1%),#dfe9f5 0);display:grid;place-items:center}
.insight-ring span[b-cg775p0dpm]{display:grid;place-items:center;background:var(--bg-card);width:62px;height:62px;border-radius:50%;font-weight:800;font-size:1.25rem;color:var(--text-primary)}
.fleet-insight[b-cg775p0dpm]{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.fleet-insight>div[b-cg775p0dpm]{display:grid;gap:2px}
.fleet-insight>div strong[b-cg775p0dpm]{font-size:1.3rem}
.fleet-insight>div span[b-cg775p0dpm]{font-size:.7rem;color:var(--text-secondary)}
@media(max-width:720px){.dashboard-data-context[b-cg775p0dpm]{display:none}.insight-ring[b-cg775p0dpm]{flex-basis:70px;width:70px;height:70px}.insight-ring span[b-cg775p0dpm]{width:50px;height:50px;font-size:1rem}}

/* Fase 5: cliente y destino provenientes de API, sin valores simulados */
.movements-table[b-cg775p0dpm]{overflow-x:auto}
.movements-table .table-row[b-cg775p0dpm]{grid-template-columns:minmax(105px,1fr) minmax(120px,1.25fr) minmax(130px,1.35fr) minmax(90px,.8fr) minmax(75px,.65fr) minmax(75px,.65fr);min-width:730px;align-items:center}
.movements-table .table-row>span[b-cg775p0dpm]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.movement-detail-panel>div:not(.movement-detail-header)>strong[b-cg775p0dpm]{overflow-wrap:anywhere;text-align:right}

/* Fase 6: alertas operativas diferenciadas */
.notification-list .notification-item[b-cg775p0dpm]{display:flex;align-items:flex-start;gap:10px;min-height:68px;padding:12px 4px}
.notification-item .alert-icon[b-cg775p0dpm]{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--bg-subtle)}
.notification-item .alert-icon[b-cg775p0dpm]  .mud-icon-root{font-size:1.3rem;color:var(--primary)}
.notification-item.alert-danger .alert-icon[b-cg775p0dpm]{background:#fff0f1}
.notification-item.alert-danger .alert-icon[b-cg775p0dpm]  .mud-icon-root{color:#e5334f}
.notification-item.alert-warning .alert-icon[b-cg775p0dpm]{background:#fff4db}
.notification-item.alert-warning .alert-icon[b-cg775p0dpm]  .mud-icon-root{color:#e99c00}
.notification-item.alert-info .alert-icon[b-cg775p0dpm]{background:#eaf3ff}
.notification-item.alert-info .alert-icon[b-cg775p0dpm]  .mud-icon-root{color:#1681e8}
.notification-item .alert-content[b-cg775p0dpm]{display:grid;gap:4px;flex:1;min-width:0}
.notification-item .alert-content strong[b-cg775p0dpm]{font-size:.78rem;line-height:1.25}
.notification-item .alert-description[b-cg775p0dpm]{font-size:.71rem;line-height:1.35;overflow-wrap:anywhere}
.notification-item .alert-time[b-cg775p0dpm]{flex:0 0 auto;font-size:.67rem;white-space:nowrap;color:var(--text-secondary)}
@media(max-width:550px){.notification-item .alert-time[b-cg775p0dpm]{font-size:.62rem}.notification-list .notification-item[b-cg775p0dpm]{gap:6px}}

/* Corrección de alineación: MudPaper es un componente Blazor.
   ::deep permite asignar las áreas a sus elementos renderizados
   dentro de la hoja de estilos CSS aislada. */
@media (min-width: 1201px) {
    .main-grid[b-cg775p0dpm] {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: auto auto;
        grid-template-areas:
            "map routes alerts"
            "movements statuses activity";
        gap: 12px;
        align-items: stretch;
    }
    .main-grid > .left-column[b-cg775p0dpm],
    .main-grid > .middle-column[b-cg775p0dpm],
    .main-grid > .right-column[b-cg775p0dpm] { display: contents; }

    .main-grid > .left-column[b-cg775p0dpm]  .panel:first-child { grid-area: map; }
    .main-grid > .left-column[b-cg775p0dpm]  .panel:nth-child(2) { grid-area: movements; }
    .main-grid > .middle-column[b-cg775p0dpm]  .panel:first-child { grid-area: routes; }
    .main-grid > .middle-column[b-cg775p0dpm]  .panel:nth-child(2) { grid-area: statuses; }
    .main-grid > .right-column[b-cg775p0dpm]  .panel:first-child { grid-area: alerts; }
    .main-grid > .right-column[b-cg775p0dpm]  .panel:nth-child(2) { grid-area: activity; }

    .main-grid > .middle-column[b-cg775p0dpm]  .route-item-detailed {
        min-height: 0;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .main-grid > .middle-column[b-cg775p0dpm]  .route-details { gap: 3px; }
    .main-grid > .middle-column[b-cg775p0dpm]  .route-metadata { gap: 4px; }
    .main-grid > .left-column[b-cg775p0dpm]  .movements-table { min-width: 0; }
    .main-grid > .left-column[b-cg775p0dpm]  .movements-table .table-row {
        min-width: 0;
        grid-template-columns: minmax(82px,1.2fr) minmax(65px,1fr) minmax(85px,1.2fr) minmax(70px,.85fr) minmax(55px,.7fr) minmax(65px,.75fr);
        gap: 5px;
    }
    .main-grid > .left-column[b-cg775p0dpm]  .movements-table .table-row > * {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media (min-width: 701px) and (max-width: 1200px) {
    .main-grid[b-cg775p0dpm] { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 12px; }
    .main-grid > .left-column[b-cg775p0dpm], .main-grid > .middle-column[b-cg775p0dpm], .main-grid > .right-column[b-cg775p0dpm] {
        display: grid; grid-column: auto; grid-template-columns: minmax(0,1fr); min-width: 0; gap: 12px;
    }
    .main-grid > .right-column[b-cg775p0dpm] { grid-column: 1 / -1; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
    .main-grid[b-cg775p0dpm] { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; }
    .main-grid > .left-column[b-cg775p0dpm], .main-grid > .middle-column[b-cg775p0dpm], .main-grid > .right-column[b-cg775p0dpm] {
        display: grid; grid-column: auto; grid-template-columns: minmax(0,1fr); min-width: 0; gap: 12px;
    }
}

/* =========================================================
   ESPACIADO INTERIOR DE LOS SEIS PANELES DEL DASHBOARD
   MudPaper renderiza el elemento .panel: se requiere ::deep
   para alcanzarlo desde Dashboard.razor.css (CSS aislado).
   No modifica columnas, areas de grid ni fuentes de datos.
   ========================================================= */
.main-grid[b-cg775p0dpm]  .panel {
    padding: 14px 16px !important;
    box-sizing: border-box;
    min-width: 0;
}

@media (max-width: 560px) {
    .main-grid[b-cg775p0dpm]  .panel {
        padding: 12px !important;
    }
}

/* Desglose financiero, sin alterar las áreas del dashboard. */
.finance-cost-list[b-cg775p0dpm] { display: grid; gap: 3px; margin-top: 8px; }
.finance-cost-row[b-cg775p0dpm] { display: flex; justify-content: space-between; gap: 8px; font-size: .72rem; color: var(--text-secondary); }

/* Tarjetas financieras: presentación compacta y consistente con el mockup.
   No modifica la cuadrícula principal ni introduce porcentajes históricos ficticios. */
.bottom-grid .finance-card[b-cg775p0dpm] { min-width:0; padding:14px 16px; }
.bottom-grid .finance-card h2[b-cg775p0dpm] { margin-bottom:12px; }
.finance-card-content[b-cg775p0dpm] { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
.finance-primary[b-cg775p0dpm] { display:flex; align-items:center; gap:10px; min-width:0; flex:1 1 auto; }
.finance-icon[b-cg775p0dpm] { width:46px; height:46px; border-radius:50%; display:grid; place-items:center; flex:0 0 46px; }
.finance-icon[b-cg775p0dpm]  .mud-icon-root { font-size:27px; }
.finance-icon-cost[b-cg775p0dpm] { color:#fff; background:linear-gradient(135deg,#57c4ff,#0787f5); }
.finance-icon-profit[b-cg775p0dpm] { color:#04a45d; background:#d1f5e5; }
.finance-amount[b-cg775p0dpm] { display:grid; gap:3px; min-width:0; }
.bottom-grid .finance-amount strong[b-cg775p0dpm] { color:var(--text-primary); font-size:clamp(1.08rem,1.5vw,1.55rem); line-height:1.12; font-weight:800; white-space:nowrap; }
.finance-amount > span[b-cg775p0dpm] { color:var(--text-secondary); font-size:.73rem; }
.finance-legend[b-cg775p0dpm] { display:grid; gap:5px; flex:0 1 115px; min-width:98px; }
.finance-legend-row[b-cg775p0dpm] { display:flex; align-items:center; justify-content:space-between; gap:7px; font-size:.7rem; color:var(--text-primary); }
.finance-legend-row > strong[b-cg775p0dpm] { color:var(--text-primary)!important; font-size:.7rem!important; font-weight:700; }
.finance-legend-label[b-cg775p0dpm] { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.finance-legend-dot[b-cg775p0dpm] { display:inline-block; width:9px; height:9px; border-radius:3px; flex:0 0 9px; }
.finance-dot-fuel[b-cg775p0dpm] { background:#ffb000; }
.finance-dot-toll[b-cg775p0dpm] { background:#ff2850; }
.finance-dot-perdiem[b-cg775p0dpm] { background:#a900c6; }
.finance-dot-maintenance[b-cg775p0dpm] { background:#0787f5; }
.finance-dot-other[b-cg775p0dpm] { background:#8199b4; }
.finance-profit-details[b-cg775p0dpm] { display:grid; gap:5px; border-left:1px solid var(--border-soft); padding-left:10px; font-size:.7rem; color:var(--text-secondary); flex:0 1 120px; }
.finance-profit-details strong[b-cg775p0dpm] { color:var(--text-primary)!important; font-size:.78rem!important; white-space:nowrap; }
.finance-margin-rate[b-cg775p0dpm] { color:#05a45e; font-weight:700; }
@media(max-width:1500px) {
  .finance-card-content[b-cg775p0dpm] { flex-wrap:wrap; }
  .finance-legend[b-cg775p0dpm] { flex:1 1 100%; }
  .finance-profit-details[b-cg775p0dpm] { flex:1 1 100%; border-left:0; padding-left:0; }
}
@media(max-width:700px) {
  .finance-card-content[b-cg775p0dpm] { flex-wrap:wrap; }
  .finance-legend[b-cg775p0dpm] { flex:1 1 100%; }
}

/* Rutas activas: presentación compacta, aislada del resto del dashboard. */
.routes-list .route-item-compact[b-cg775p0dpm] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    min-height: 0;
    padding: 9px 2px;
}
.routes-list .route-item-compact > .mud-icon-root[b-cg775p0dpm] {
    flex: 0 0 auto;
    margin-top: 3px;
    font-size: 1.2rem;
}
.routes-list .route-item-compact .route-details[b-cg775p0dpm] {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    display: grid !important;
    gap: 5px;
}
.routes-list .route-item-compact .route-title-line[b-cg775p0dpm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 6px;
    min-width: 0;
}
.routes-list .route-item-compact .route-title-line strong[b-cg775p0dpm] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .72rem;
}
.routes-list .route-item-compact .route-state[b-cg775p0dpm] {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 2px 6px;
}
.routes-list .route-item-compact .route-metadata[b-cg775p0dpm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
}
.routes-list .route-item-compact .route-metadata span[b-cg775p0dpm] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
    font-size: .69rem;
}
.routes-list .route-item-compact .route-progress-unavailable[b-cg775p0dpm] {
    height: auto;
    min-height: 17px;
    padding: 2px 6px;
    font-size: .65rem;
}

/* Hover por segmento sin cambiar el aspecto del anillo. */
.status-donut[b-cg775p0dpm]{position:relative}
.status-donut-hitareas[b-cg775p0dpm]{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.status-donut-hitareas path[b-cg775p0dpm]{pointer-events:visibleFill;cursor:help}
.status-donut .donut-center[b-cg775p0dpm]{position:relative;z-index:1;pointer-events:none}

/* Vista general por tipo de empresa: respeta las variables de los temas existentes. */
.operation-view-heading[b-cg775p0dpm] { font-weight: 800; color: var(--text-primary); margin: 2px 0 10px; }
.operation-view-tabs[b-cg775p0dpm] { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)) minmax(165px,.9fr); gap: 9px; margin-bottom: 18px; }
.operation-view-tab[b-cg775p0dpm], .operation-date[b-cg775p0dpm] { display:flex; align-items:center; gap:10px; min-width:0; border:1px solid var(--border-color); border-radius:8px; background:var(--bg-card); color:var(--text-primary); padding:12px; text-align:left; }
.operation-view-tab[b-cg775p0dpm] { cursor:pointer; }
.operation-view-tab:hover[b-cg775p0dpm] { border-color:#1684f9; }
.operation-view-tab.selected[b-cg775p0dpm] { background:#087eff; color:#fff; border-color:#087eff; }
.operation-view-tab[b-cg775p0dpm]  .mud-icon-root { font-size:25px; flex-shrink:0; }
.operation-view-tab strong[b-cg775p0dpm], .operation-view-tab small[b-cg775p0dpm], .operation-date strong[b-cg775p0dpm] { display:block; }
.operation-view-tab strong[b-cg775p0dpm] { font-size:.78rem; line-height:1.3; }
.operation-view-tab small[b-cg775p0dpm] { font-size:.68rem; opacity:.8; margin-top:3px; }
.operation-date[b-cg775p0dpm] { justify-content:center; }
.operation-date strong[b-cg775p0dpm] { font-size:1.25rem; }
.operation-date span[b-cg775p0dpm] { font-size:.67rem; }
.operation-catalog-overview[b-cg775p0dpm] { display:block; width:100%; min-width:0; color:var(--text-primary); }
.operation-greeting[b-cg775p0dpm] { margin:0 0 15px; }
.operation-greeting h1[b-cg775p0dpm] { font-size:1.6rem; font-weight:800; margin:0 0 3px; }
.operation-greeting p[b-cg775p0dpm] { margin:0; font-size:.82rem; }
.operation-service-grid[b-cg775p0dpm] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.operation-service-card[b-cg775p0dpm], .operation-summary-card[b-cg775p0dpm] { min-width:0; background:var(--bg-card); border:1px solid var(--border-color); border-radius:9px; overflow:hidden; box-shadow:0 2px 9px rgba(0,31,70,.045); }
.operation-service-header[b-cg775p0dpm] { display:flex; align-items:center; gap:10px; padding:13px 11px; background:var(--bg-subtle); border-bottom:1px solid var(--border-color); }
.operation-service-icon[b-cg775p0dpm] { width:43px; height:43px; flex-shrink:0; border-radius:8px; display:grid; place-items:center; color:#fff; background:#087eff; }
.service-green .operation-service-icon[b-cg775p0dpm] { background:#00ac7c; }
.service-purple .operation-service-icon[b-cg775p0dpm] { background:#8c4af2; }
.service-orange .operation-service-icon[b-cg775p0dpm] { background:#ff721a; }
.operation-service-header h2[b-cg775p0dpm] { font-size:.85rem; line-height:1.25; margin:0; font-weight:800; }
.operation-service-header p[b-cg775p0dpm] { font-size:.68rem; margin:4px 0 0; }
.operation-service-state[b-cg775p0dpm] { margin-left:auto; font-size:.59rem; border-radius:20px; padding:5px 7px; color:#096c46; background:#d8f8e9; white-space:nowrap; }
.operation-service-content[b-cg775p0dpm] { padding:10px 13px 14px; }
.operation-service-content h3[b-cg775p0dpm] { font-size:.69rem; color:var(--text-secondary); font-weight:700; border-bottom:1px solid var(--border-color); padding:8px 0 5px; margin:0 0 5px; }
.operation-module-line[b-cg775p0dpm] { display:flex; align-items:center; gap:8px; padding:4px 0; font-size:.77rem; }
.operation-module-line[b-cg775p0dpm]  .mud-icon-root { font-size:16px; color:#17487f; }
.operation-overview-footer[b-cg775p0dpm] { display:grid; grid-template-columns:1.1fr 1.1fr 1fr; gap:12px; margin-top:12px; }
.operation-summary-card[b-cg775p0dpm] { padding:13px; }
.operation-summary-card h2[b-cg775p0dpm] { font-size:.9rem; display:flex; align-items:center; gap:8px; margin:0 0 5px; }
.operation-summary-card h2[b-cg775p0dpm]  .mud-icon-root { color:#087eff; }
.operation-summary-card p[b-cg775p0dpm] { font-size:.72rem; margin:0 0 12px; color:var(--text-secondary); }
.operation-summary-list[b-cg775p0dpm] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 10px; font-size:.72rem; }
.operation-service-check[b-cg775p0dpm] { display:flex; align-items:center; gap:9px; margin:8px 0; font-size:.76rem; cursor:pointer; }
.operation-service-check input[b-cg775p0dpm] { accent-color:#087eff; }
@media (max-width:1350px) { .operation-view-tabs[b-cg775p0dpm] { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:1050px) { .operation-service-grid[b-cg775p0dpm] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:850px) { .operation-view-tabs[b-cg775p0dpm] { grid-template-columns:repeat(2,minmax(0,1fr)); } .operation-overview-footer[b-cg775p0dpm] { grid-template-columns:1fr; } }
@media (max-width:560px) { .operation-view-tabs[b-cg775p0dpm], .operation-service-grid[b-cg775p0dpm] { grid-template-columns:1fr; } }

/* Ajustes de presentación por modelo de negocio. Respeta la paleta actual. */
.operation-service-header > div:nth-child(2)[b-cg775p0dpm] { min-width:0; flex:1 1 auto; }
.operation-service-state[b-cg775p0dpm] { flex:0 0 auto; }
.operation-service-card.service-demo-disabled[b-cg775p0dpm] { opacity:.68; }
.operation-service-card.service-demo-disabled .operation-service-state[b-cg775p0dpm] { color:var(--text-secondary); background:var(--bg-subtle); border:1px solid var(--border-color); }
.service-blue .operation-service-content h3:nth-of-type(2)[b-cg775p0dpm] { color:#087eff; }
.service-green .operation-service-content h3:nth-of-type(2)[b-cg775p0dpm] { color:#00ac7c; }
.service-purple .operation-service-content h3:nth-of-type(2)[b-cg775p0dpm] { color:#8c4af2; }
.service-orange .operation-service-content h3:nth-of-type(2)[b-cg775p0dpm] { color:#e66a1a; }
.operation-service-card .operation-module-line[b-cg775p0dpm] { min-width:0; line-height:1.25; }
.operation-service-card .operation-module-line[b-cg775p0dpm]  .mud-icon-root { flex-shrink:0; }
@media(max-width:1450px) { .operation-service-header[b-cg775p0dpm] { flex-wrap:wrap; } .operation-service-state[b-cg775p0dpm] { margin-left:53px; } }
/* /Pages/Deliveries.razor.rz.scp.css */
/* Entregas: estilos aislados y superficies contrastadas en ambos temas. */
.delivery-page[b-bo9g2ueg2h]{width:100%;min-width:0;font-family:'Roboto Condensed',sans-serif;color:var(--mud-palette-text-primary)}
.delivery-hero[b-bo9g2ueg2h]{display:grid;grid-template-columns:1.1fr 1fr;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:10px;overflow:hidden}
.delivery-heading[b-bo9g2ueg2h]{display:flex;align-items:center;gap:16px;padding:18px 20px}.delivery-heading[b-bo9g2ueg2h]  .mud-icon-root{font-size:38px;color:var(--mud-palette-primary)}.delivery-heading h1[b-bo9g2ueg2h]{font-size:2rem;font-weight:800;margin:0}.delivery-heading p[b-bo9g2ueg2h]{margin:4px 0 0;color:var(--mud-palette-text-secondary)}
.delivery-banner[b-bo9g2ueg2h]{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:20px 24px;color:white;background:linear-gradient(90deg,rgba(3,28,54,.96),rgba(3,43,75,.48)),url('/images/home/hero-logistics.webp') center/cover}.delivery-banner strong[b-bo9g2ueg2h]{font-size:1.2rem}
.delivery-notice[b-bo9g2ueg2h]{display:flex;align-items:center;gap:8px;margin:12px 0;color:var(--mud-palette-text-secondary);font-size:.85rem}.delivery-notice[b-bo9g2ueg2h]  .mud-icon-root{color:var(--mud-palette-info)}
.delivery-kpis[b-bo9g2ueg2h]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.delivery-kpis article[b-bo9g2ueg2h],.delivery-panel[b-bo9g2ueg2h],.delivery-bottom article[b-bo9g2ueg2h]{background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:10px;box-shadow:0 3px 12px rgba(7,30,57,.06)}.delivery-kpis article[b-bo9g2ueg2h]{display:flex;align-items:center;gap:13px;padding:16px 14px;min-width:0}.delivery-kpis strong[b-bo9g2ueg2h]{display:block;font-size:1.65rem;line-height:1.1}.delivery-kpis small[b-bo9g2ueg2h]{display:block;color:var(--mud-palette-text-secondary);margin-top:4px}.delivery-icon[b-bo9g2ueg2h]{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;color:#fff}.delivery-icon.blue[b-bo9g2ueg2h]{background:#087cfa}.delivery-icon.green[b-bo9g2ueg2h]{background:#00a96b}.delivery-icon.amber[b-bo9g2ueg2h]{background:#f5a400}.delivery-icon.purple[b-bo9g2ueg2h]{background:#8546ef}.delivery-icon.red[b-bo9g2ueg2h]{background:#f44258}
.delivery-toolbar[b-bo9g2ueg2h]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 12px;border-bottom:1px solid var(--mud-palette-lines-default)}.delivery-tabs[b-bo9g2ueg2h]{display:flex;gap:6px;flex-wrap:wrap}.delivery-tabs button[b-bo9g2ueg2h]{padding:11px 10px;background:transparent;color:var(--mud-palette-text-secondary);border:0;border-bottom:3px solid transparent;cursor:pointer}.delivery-tabs button.active[b-bo9g2ueg2h]{color:var(--mud-palette-primary);border-bottom-color:var(--mud-palette-primary);font-weight:800}.delivery-actions[b-bo9g2ueg2h]{display:flex;gap:8px;flex-wrap:wrap}.delivery-primary[b-bo9g2ueg2h],.delivery-secondary[b-bo9g2ueg2h],.delivery-link[b-bo9g2ueg2h]{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700;border-radius:6px;padding:9px 13px}.delivery-primary[b-bo9g2ueg2h]{background:#087cfa;color:#fff;border:1px solid #087cfa}.delivery-primary:hover[b-bo9g2ueg2h]{background:#056bd7}.delivery-secondary[b-bo9g2ueg2h]{background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default)}.delivery-link[b-bo9g2ueg2h]{background:transparent;border:0;color:var(--mud-palette-primary)}.delivery-actions[b-bo9g2ueg2h]  .mud-icon-root,.delivery-link[b-bo9g2ueg2h]  .mud-icon-root,.delivery-primary[b-bo9g2ueg2h]  .mud-icon-root,.delivery-secondary[b-bo9g2ueg2h]  .mud-icon-root{font-size:19px}
.delivery-filters[b-bo9g2ueg2h]{padding:12px}.delivery-search[b-bo9g2ueg2h]{display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:6px}.delivery-search input[b-bo9g2ueg2h]{flex:1;min-width:0;padding:11px 0;border:0;outline:0;background:transparent;color:var(--mud-palette-text-primary)}.delivery-filter-grid[b-bo9g2ueg2h]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;margin-top:12px;align-items:end}.delivery-filter-grid label[b-bo9g2ueg2h],.delivery-form label[b-bo9g2ueg2h]{display:flex;flex-direction:column;gap:5px;font-size:.84rem;font-weight:700}.delivery-filter-grid input[b-bo9g2ueg2h],.delivery-filter-grid select[b-bo9g2ueg2h],.delivery-form select[b-bo9g2ueg2h],.delivery-form textarea[b-bo9g2ueg2h]{width:100%;min-width:0;border:1px solid var(--mud-palette-lines-default);border-radius:6px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);padding:10px}.delivery-filter-grid .clear[b-bo9g2ueg2h]{height:40px}
.delivery-table-wrap[b-bo9g2ueg2h]{overflow-x:auto}.delivery-table[b-bo9g2ueg2h]{width:100%;border-collapse:collapse;font-size:.84rem}.delivery-table th[b-bo9g2ueg2h]{text-align:left;white-space:nowrap;background:var(--mud-palette-background-gray);color:var(--mud-palette-text-primary);padding:11px 12px}.delivery-table td[b-bo9g2ueg2h]{padding:12px;border-top:1px solid var(--mud-palette-lines-default)}.delivery-table td strong[b-bo9g2ueg2h],.delivery-table td small[b-bo9g2ueg2h]{display:block}.delivery-table td small[b-bo9g2ueg2h]{color:var(--mud-palette-text-secondary)}.delivery-table tbody tr:hover[b-bo9g2ueg2h]{background:var(--mud-palette-action-default-hover)}.delivery-status[b-bo9g2ueg2h]{display:inline-block;border-radius:30px;padding:4px 10px;font-weight:700;white-space:nowrap}.delivery-status.success[b-bo9g2ueg2h]{background:#d5f5e6;color:#006e44}.delivery-status.transit[b-bo9g2ueg2h]{background:#e8d9ff;color:#6631b5}.delivery-status.failed[b-bo9g2ueg2h]{background:#ffe0e4;color:#a51b36}.delivery-status.pending[b-bo9g2ueg2h]{background:#fff0c8;color:#915c00}.delivery-empty[b-bo9g2ueg2h]{padding:30px;text-align:center;color:var(--mud-palette-text-secondary)}.delivery-footer[b-bo9g2ueg2h]{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border-top:1px solid var(--mud-palette-lines-default)}.delivery-footer div[b-bo9g2ueg2h]{display:flex;align-items:center;gap:10px}.delivery-footer button[b-bo9g2ueg2h]{border:1px solid var(--mud-palette-lines-default);background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border-radius:5px;padding:7px 10px}.delivery-footer button:disabled[b-bo9g2ueg2h]{opacity:.4}
.delivery-bottom[b-bo9g2ueg2h]{display:grid;grid-template-columns:1.5fr 1fr 1fr .85fr;gap:12px;margin-top:12px}.delivery-bottom article[b-bo9g2ueg2h]{padding:14px;min-width:0}.delivery-bottom h2[b-bo9g2ueg2h]{font-size:1rem;display:flex;align-items:center;gap:8px;margin:0 0 16px}.delivery-bottom h2[b-bo9g2ueg2h]  .mud-icon-root{color:var(--mud-palette-primary)}.delivery-summary[b-bo9g2ueg2h]{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--mud-palette-lines-default);font-size:.8rem}.delivery-bar[b-bo9g2ueg2h]{display:grid;grid-template-columns:90px 1fr 20px;align-items:center;gap:8px;margin:11px 0;font-size:.8rem}.delivery-bar>div[b-bo9g2ueg2h]{height:9px;background:var(--mud-palette-background-gray);border-radius:6px;overflow:hidden}.delivery-bar i[b-bo9g2ueg2h]{display:block;height:100%;background:#087cfa;border-radius:6px}.delivery-quick[b-bo9g2ueg2h]{text-align:center}.delivery-quick[b-bo9g2ueg2h]>  .mud-icon-root{font-size:54px;color:var(--mud-palette-primary)}.delivery-quick p[b-bo9g2ueg2h]{color:var(--mud-palette-text-secondary)}
.delivery-overlay[b-bo9g2ueg2h]{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;background:rgba(0,15,32,.72);padding:16px;backdrop-filter:blur(3px)}.delivery-modal[b-bo9g2ueg2h]{width:min(650px,100%);max-height:90vh;overflow:auto;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default);border-radius:12px;box-shadow:0 22px 65px rgba(0,0,0,.35)}.delivery-modal header[b-bo9g2ueg2h],.delivery-modal footer[b-bo9g2ueg2h]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--mud-palette-lines-default)}.delivery-modal footer[b-bo9g2ueg2h]{border-top:1px solid var(--mud-palette-lines-default);border-bottom:0;justify-content:flex-end}.delivery-modal h2[b-bo9g2ueg2h]{display:flex;align-items:center;gap:10px;font-size:1.15rem;margin:0}.delivery-modal header button[b-bo9g2ueg2h]{border:0;background:transparent;color:var(--mud-palette-text-primary);cursor:pointer}.delivery-modal-body[b-bo9g2ueg2h]{padding:20px}.delivery-detail-grid[b-bo9g2ueg2h]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.delivery-detail-grid>div[b-bo9g2ueg2h]{padding:12px;border:1px solid var(--mud-palette-lines-default);border-radius:7px;background:var(--mud-palette-background-gray)}.delivery-detail-grid small[b-bo9g2ueg2h],.delivery-detail-grid strong[b-bo9g2ueg2h]{display:block}.delivery-detail-grid small[b-bo9g2ueg2h]{color:var(--mud-palette-text-secondary);margin-bottom:6px}.delivery-form[b-bo9g2ueg2h]{display:grid;gap:12px}.delivery-form textarea[b-bo9g2ueg2h]{min-height:85px}.delivery-validation[b-bo9g2ueg2h]{color:#e84a55;font-weight:700}.delivery-csv[b-bo9g2ueg2h]{width:100%;height:220px;background:var(--mud-palette-background-gray);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default);padding:12px}
@media(max-width:1200px){.delivery-kpis[b-bo9g2ueg2h]{grid-template-columns:repeat(3,1fr)}.delivery-bottom[b-bo9g2ueg2h]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.delivery-hero[b-bo9g2ueg2h]{grid-template-columns:1fr}.delivery-kpis[b-bo9g2ueg2h]{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-filter-grid[b-bo9g2ueg2h]{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-filter-grid .clear[b-bo9g2ueg2h]{grid-column:span 2}.delivery-table thead[b-bo9g2ueg2h]{display:none}.delivery-table[b-bo9g2ueg2h],.delivery-table tbody[b-bo9g2ueg2h],.delivery-table tr[b-bo9g2ueg2h],.delivery-table td[b-bo9g2ueg2h]{display:block;width:100%}.delivery-table tr[b-bo9g2ueg2h]{margin:12px;border:1px solid var(--mud-palette-lines-default);border-radius:8px;padding:8px;background:var(--mud-palette-surface)}.delivery-table td[b-bo9g2ueg2h]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border-top:0;border-bottom:1px solid var(--mud-palette-lines-default);text-align:right}.delivery-table td[b-bo9g2ueg2h]:before{content:attr(data-label);font-weight:700;text-align:left}.delivery-table td:last-child[b-bo9g2ueg2h]{border-bottom:0}.delivery-bottom[b-bo9g2ueg2h]{grid-template-columns:1fr}.delivery-detail-grid[b-bo9g2ueg2h]{grid-template-columns:1fr}}
@media(max-width:430px){.delivery-kpis[b-bo9g2ueg2h]{grid-template-columns:1fr}.delivery-filter-grid[b-bo9g2ueg2h]{grid-template-columns:1fr}.delivery-filter-grid .clear[b-bo9g2ueg2h]{grid-column:auto}.delivery-actions[b-bo9g2ueg2h],.delivery-actions button[b-bo9g2ueg2h]{width:100%}.delivery-heading h1[b-bo9g2ueg2h]{font-size:1.6rem}.delivery-footer[b-bo9g2ueg2h]{justify-content:center}}

/* Ajuste visual aprobado: jerarquía, contraste y controles en ambos temas. */
.delivery-page[b-bo9g2ueg2h] {
    padding: 18px 20px 24px;
    color: var(--mud-palette-text-primary);
}

.delivery-hero[b-bo9g2ueg2h],
.delivery-kpis article[b-bo9g2ueg2h],
.delivery-panel[b-bo9g2ueg2h],
.delivery-bottom article[b-bo9g2ueg2h] {
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 4px 14px rgba(8, 34, 67, .08);
}

.delivery-hero[b-bo9g2ueg2h] {
    min-height: 82px;
    grid-template-columns: 1.05fr 1fr;
}

.delivery-heading h1[b-bo9g2ueg2h] { color: var(--mud-palette-text-primary); }
.delivery-kpis article[b-bo9g2ueg2h] { min-height: 78px; }
.delivery-kpis strong[b-bo9g2ueg2h] { color: var(--mud-palette-text-primary); }
.delivery-toolbar[b-bo9g2ueg2h] { padding: 8px 14px; }
.delivery-tabs button[b-bo9g2ueg2h] { font-size: .91rem; }
.delivery-tabs button:hover[b-bo9g2ueg2h] { color: var(--mud-palette-primary); }
.delivery-primary[b-bo9g2ueg2h] { background-color: #087cfa; color: #fff; }
.delivery-primary:hover[b-bo9g2ueg2h] { background-color: #0068dc; color: #fff; }
.delivery-primary:focus-visible[b-bo9g2ueg2h],
.delivery-secondary:focus-visible[b-bo9g2ueg2h],
.delivery-tabs button:focus-visible[b-bo9g2ueg2h],
.delivery-link:focus-visible[b-bo9g2ueg2h] { outline: 3px solid var(--mud-palette-primary); outline-offset: 2px; }
.delivery-filters[b-bo9g2ueg2h] { padding: 14px; }
.delivery-filter-grid label[b-bo9g2ueg2h] { color: var(--mud-palette-text-primary); }
.delivery-search[b-bo9g2ueg2h],
.delivery-filter-grid input[b-bo9g2ueg2h],
.delivery-filter-grid select[b-bo9g2ueg2h],
.delivery-form select[b-bo9g2ueg2h],
.delivery-form textarea[b-bo9g2ueg2h] {
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
    opacity: 1;
}
.delivery-search input[b-bo9g2ueg2h]::placeholder { color: var(--mud-palette-text-secondary); opacity: 1; }
.delivery-filter-grid select option[b-bo9g2ueg2h],
.delivery-form select option[b-bo9g2ueg2h] { background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); }
.delivery-table th[b-bo9g2ueg2h] { background-color: var(--mud-palette-background-gray); }
.delivery-table td[b-bo9g2ueg2h] { color: var(--mud-palette-text-primary); }
.delivery-table tbody tr:nth-child(even)[b-bo9g2ueg2h] { background-color: var(--mud-palette-background-gray); }
.delivery-table tbody tr:hover[b-bo9g2ueg2h] { background-color: var(--mud-palette-action-default-hover); }
.delivery-bottom h2[b-bo9g2ueg2h] { color: var(--mud-palette-text-primary); font-weight: 700; }
.delivery-modal[b-bo9g2ueg2h] { background-color: var(--mud-palette-surface); color: var(--mud-palette-text-primary); }
.delivery-modal header[b-bo9g2ueg2h] { background-color: var(--mud-palette-background-gray); }
.delivery-modal footer[b-bo9g2ueg2h] { background-color: var(--mud-palette-surface); }
.delivery-modal-body p[b-bo9g2ueg2h] { color: var(--mud-palette-text-primary); }
.delivery-modal-body code[b-bo9g2ueg2h] { color: var(--mud-palette-primary); }
.delivery-modal header button[b-bo9g2ueg2h] { display: inline-flex; padding: 6px; border-radius: 6px; }
.delivery-modal header button:hover[b-bo9g2ueg2h] { background: var(--mud-palette-action-default-hover); }

@media (max-width: 768px) {
    .delivery-page[b-bo9g2ueg2h] { padding: 12px; }
    .delivery-hero[b-bo9g2ueg2h] { grid-template-columns: 1fr; }
    .delivery-banner[b-bo9g2ueg2h] { min-height: 100px; }
    .delivery-table tr[b-bo9g2ueg2h] { margin: 10px 0; }
    .delivery-table td[b-bo9g2ueg2h] { overflow-wrap: anywhere; }
    .delivery-toolbar[b-bo9g2ueg2h] { align-items: stretch; }
}

@media (max-width: 430px) {
    .delivery-page[b-bo9g2ueg2h] { padding: 8px; }
    .delivery-kpis[b-bo9g2ueg2h] { gap: 8px; }
    .delivery-heading[b-bo9g2ueg2h] { padding: 14px; }
    .delivery-modal-body[b-bo9g2ueg2h] { padding: 14px; }
}


/* TRAYEKTO - Estándar móvil de Clientes: registros separados como tarjetas.
   Solo afecta pantallas pequeñas. No altera estructura ni eventos de Blazor. */
@media (max-width: 768px) {
    .delivery-table-wrap[b-bo9g2ueg2h] {
        overflow-x: visible;
        padding: 0 12px 14px;
    }

    .delivery-table[b-bo9g2ueg2h],
    .delivery-table tbody[b-bo9g2ueg2h] {
        display: block;
        width: 100%;
        border-collapse: separate;
    }

    .delivery-table tbody tr[b-bo9g2ueg2h] {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 14px;
        padding: 9px 12px;
        border: 1px solid var(--mud-palette-lines-default);
        border-radius: 9px;
        background: var(--mud-palette-surface);
        box-shadow: 0 2px 8px rgba(7, 30, 57, .08);
        overflow: hidden;
    }

    .delivery-table tbody tr:last-child[b-bo9g2ueg2h] {
        margin-bottom: 0;
    }

    .delivery-table tbody td[b-bo9g2ueg2h] {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 37px;
        padding: 8px 0;
        border-top: 0;
        border-bottom: 1px solid var(--mud-palette-lines-default);
        background: transparent;
        color: var(--mud-palette-text-primary);
        text-align: right;
        overflow-wrap: anywhere;
    }

    .delivery-table tbody td[b-bo9g2ueg2h]::before {
        content: attr(data-label);
        flex: 0 0 40%;
        text-align: left;
        font-weight: 700;
        color: var(--mud-palette-text-primary);
    }

    .delivery-table tbody td:last-child[b-bo9g2ueg2h] {
        border-bottom: 0;
    }

    .delivery-table tbody td strong[b-bo9g2ueg2h] {
        color: var(--mud-palette-primary);
    }

    .delivery-table tbody td small[b-bo9g2ueg2h] {
        color: var(--mud-palette-text-secondary);
    }

    .delivery-table tbody td .delivery-link[b-bo9g2ueg2h] {
        min-height: 34px;
    }
}
/* /Pages/Dispatches.razor.rz.scp.css */
/* DESPACHOS — Estilos aislados, compatibles con la paleta MudBlazor Light/Dark. */
.dispatch-page[b-5c57uhptb3]{width:100%;min-width:0;color:var(--mud-palette-text-primary);font-family:'Roboto Condensed',sans-serif}
.dispatch-hero[b-5c57uhptb3]{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--mud-palette-lines-default);border-radius:10px;overflow:hidden;background:var(--mud-palette-surface)}
.dispatch-hero-title[b-5c57uhptb3]{display:flex;align-items:center;gap:16px;padding:18px 20px}.dispatch-hero-title[b-5c57uhptb3]>  .mud-icon-root{font-size:38px;color:var(--mud-palette-primary)}.dispatch-hero h1[b-5c57uhptb3]{margin:0;font-size:2rem;font-weight:800}.dispatch-hero p[b-5c57uhptb3]{margin:4px 0 0;font-size:.9rem}
.dispatch-hero-banner[b-5c57uhptb3]{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px 24px;color:#fff;background:linear-gradient(90deg,rgba(3,28,54,.94),rgba(3,43,75,.55)),url('/images/home/hero-logistics.webp') center/cover}.dispatch-hero-banner strong[b-5c57uhptb3]{font-size:1.2rem}
.dispatch-demo-note[b-5c57uhptb3]{display:flex;align-items:center;gap:8px;padding:10px 4px;font-size:.83rem;color:var(--mud-palette-text-secondary)}.dispatch-demo-note[b-5c57uhptb3]>  .mud-icon-root{color:var(--mud-palette-info)}
.dispatch-kpis[b-5c57uhptb3]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.dispatch-kpi[b-5c57uhptb3]{display:flex;align-items:center;gap:13px;min-width:0;padding:16px 13px;border:1px solid var(--mud-palette-lines-default);border-radius:10px;background:var(--mud-palette-surface);box-shadow:0 3px 12px rgba(7,30,57,.05)}.dispatch-kpi strong[b-5c57uhptb3]{display:block;font-size:1.65rem;line-height:1.1}.dispatch-kpi small[b-5c57uhptb3]{display:block;margin-top:4px;font-size:.78rem}.dispatch-kpi-icon[b-5c57uhptb3]{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;color:white}.dispatch-kpi-icon.blue[b-5c57uhptb3]{background:#087cfa}.dispatch-kpi-icon.green[b-5c57uhptb3]{background:#00a96b}.dispatch-kpi-icon.amber[b-5c57uhptb3]{background:#f5a400}.dispatch-kpi-icon.purple[b-5c57uhptb3]{background:#8546ef}.dispatch-kpi-icon.red[b-5c57uhptb3]{background:#f44258}
.dispatch-panel[b-5c57uhptb3],.dispatch-bottom-card[b-5c57uhptb3]{min-width:0;border:1px solid var(--mud-palette-lines-default);border-radius:10px;background:var(--mud-palette-surface);box-shadow:0 3px 12px rgba(7,30,57,.04)}.dispatch-toolbar[b-5c57uhptb3]{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--mud-palette-lines-default)}.dispatch-tabs[b-5c57uhptb3]{display:flex;flex-wrap:wrap;gap:6px}.dispatch-tabs button[b-5c57uhptb3]{padding:11px 10px;background:transparent;border:0;border-bottom:3px solid transparent;color:var(--mud-palette-text-secondary);cursor:pointer}.dispatch-tabs button.active[b-5c57uhptb3]{color:var(--mud-palette-primary);border-bottom-color:var(--mud-palette-primary);font-weight:800}.dispatch-actions[b-5c57uhptb3]{display:flex;gap:8px;flex-wrap:wrap}.dispatch-btn[b-5c57uhptb3]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid var(--mud-palette-lines-inputs);border-radius:6px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);font-weight:700;cursor:pointer}.dispatch-btn.primary[b-5c57uhptb3]{background:var(--mud-palette-primary);border-color:var(--mud-palette-primary);color:var(--mud-palette-primary-text)}.dispatch-btn:hover[b-5c57uhptb3],.dispatch-row-action:hover[b-5c57uhptb3]{filter:brightness(.92)}.dispatch-btn[b-5c57uhptb3]>  .mud-icon-root{font-size:18px}
.dispatch-search[b-5c57uhptb3]{display:flex;align-items:center;gap:10px;margin:12px;padding:0 12px;border:1px solid var(--mud-palette-lines-inputs);border-radius:6px;background:var(--mud-palette-background-gray)}.dispatch-search input[b-5c57uhptb3]{width:100%;min-width:0;padding:11px 0;border:0;outline:0;background:transparent;color:var(--mud-palette-text-primary)}.dispatch-filters[b-5c57uhptb3]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:12px;padding:0 12px 14px}.dispatch-filters label[b-5c57uhptb3],.dispatch-detail-grid label[b-5c57uhptb3]{display:flex;flex-direction:column;gap:5px;font-size:.78rem;font-weight:700}.dispatch-filters input[b-5c57uhptb3],.dispatch-filters select[b-5c57uhptb3],.dispatch-detail-grid input[b-5c57uhptb3],.dispatch-detail-grid select[b-5c57uhptb3]{width:100%;min-width:0;min-height:38px;padding:7px 10px;border:1px solid var(--mud-palette-lines-inputs);border-radius:5px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary)}
.dispatch-table-scroll[b-5c57uhptb3]{width:100%;overflow-x:auto}.dispatch-table[b-5c57uhptb3]{width:100%;border-collapse:collapse;font-size:.82rem}.dispatch-table th[b-5c57uhptb3]{padding:11px 12px;background:var(--mud-palette-background-gray);text-align:left;white-space:nowrap}.dispatch-table td[b-5c57uhptb3]{padding:12px;border-top:1px solid var(--mud-palette-lines-default)}.dispatch-table td strong[b-5c57uhptb3]{color:var(--mud-palette-primary)}.dispatch-table tbody tr:hover[b-5c57uhptb3]{background:var(--mud-palette-action-default-hover)}.dispatch-status[b-5c57uhptb3]{display:inline-block;padding:4px 9px;border-radius:20px;font-weight:700;font-size:.75rem;background:rgba(8,124,250,.13);color:var(--mud-palette-primary)}.dispatch-status.pendiente[b-5c57uhptb3]{background:rgba(245,164,0,.15);color:#a66c00}.dispatch-status.preparación[b-5c57uhptb3]{background:rgba(133,70,239,.15);color:#8852c7}.dispatch-status.despachado[b-5c57uhptb3]{background:rgba(0,169,107,.14);color:#008a57}.dispatch-row-action[b-5c57uhptb3]{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--mud-palette-primary);font-weight:700;cursor:pointer}.dispatch-row-action[b-5c57uhptb3]>  .mud-icon-root{font-size:18px}.dispatch-empty[b-5c57uhptb3]{text-align:center;padding:35px!important}.dispatch-table-footer[b-5c57uhptb3]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;font-size:.8rem}.dispatch-table-footer>div[b-5c57uhptb3]{display:flex;align-items:center;gap:10px}.dispatch-table-footer button[b-5c57uhptb3]{padding:7px 11px;border:1px solid var(--mud-palette-lines-default);border-radius:5px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);cursor:pointer}.dispatch-table-footer button:disabled[b-5c57uhptb3]{opacity:.4;cursor:default}
.dispatch-bottom[b-5c57uhptb3]{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr;gap:12px;margin-top:12px}.dispatch-bottom-card[b-5c57uhptb3]{padding:15px}.dispatch-bottom-card h2[b-5c57uhptb3]{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:1rem}.dispatch-bottom-card h2[b-5c57uhptb3]>  .mud-icon-root{color:var(--mud-palette-primary)}.dispatch-movements>div[b-5c57uhptb3]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 0;border-bottom:1px solid var(--mud-palette-lines-default);font-size:.8rem}.dispatch-progress[b-5c57uhptb3]{display:grid;grid-template-columns:90px 1fr 22px;align-items:center;gap:8px;margin:12px 0;font-size:.8rem}.dispatch-progress>div[b-5c57uhptb3]{height:10px;border-radius:8px;background:var(--mud-palette-background-gray);overflow:hidden}.dispatch-progress i[b-5c57uhptb3]{display:block;height:100%;background:var(--mud-palette-primary);border-radius:8px}.dispatch-scan[b-5c57uhptb3]{text-align:center}.dispatch-scan h2[b-5c57uhptb3]{text-align:left}.dispatch-scan[b-5c57uhptb3]>  .dispatch-qr{font-size:54px;color:var(--mud-palette-primary)}.dispatch-scan p[b-5c57uhptb3]{font-size:.8rem}
.dispatch-overlay[b-5c57uhptb3]{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:16px;background:rgba(0,15,35,.72);backdrop-filter:blur(3px)}.dispatch-modal[b-5c57uhptb3]{width:min(640px,100%);max-height:90vh;overflow:auto;border:1px solid var(--mud-palette-lines-default);border-radius:12px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);box-shadow:0 24px 80px rgba(0,0,0,.3)}.dispatch-modal header[b-5c57uhptb3]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--mud-palette-lines-default)}.dispatch-modal header>div[b-5c57uhptb3]{display:flex;align-items:center;gap:10px}.dispatch-modal header>div[b-5c57uhptb3]>  .mud-icon-root{color:var(--mud-palette-primary)}.dispatch-modal header button[b-5c57uhptb3]{border:0;background:transparent;color:var(--mud-palette-text-primary);font-size:28px;cursor:pointer}.dispatch-modal-body[b-5c57uhptb3]{padding:20px}.dispatch-modal-body h2[b-5c57uhptb3]{margin:0 0 16px}.dispatch-detail-grid[b-5c57uhptb3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dispatch-detail-grid>div[b-5c57uhptb3]{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--mud-palette-lines-default);border-radius:7px}.dispatch-detail-grid small[b-5c57uhptb3]{color:var(--mud-palette-text-secondary)}.dispatch-hint[b-5c57uhptb3]{margin:16px 0 0;font-size:.82rem;color:var(--mud-palette-text-secondary)}.dispatch-modal-actions[b-5c57uhptb3]{display:flex;justify-content:flex-end;margin-top:20px}.dispatch-notice[b-5c57uhptb3]{position:fixed;bottom:24px;right:24px;z-index:1500;padding:14px 18px;border:1px solid var(--mud-palette-lines-default);border-radius:8px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);box-shadow:0 8px 30px #0003}.dispatch-notice button[b-5c57uhptb3]{margin-left:12px;border:0;background:transparent;color:var(--mud-palette-primary);cursor:pointer}.dispatch-export[b-5c57uhptb3]{width:100%;min-height:220px;background:var(--mud-palette-background-gray);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-inputs);padding:10px}
@media(max-width:1100px){.dispatch-kpis[b-5c57uhptb3]{grid-template-columns:repeat(3,minmax(0,1fr))}.dispatch-bottom[b-5c57uhptb3]{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-filters[b-5c57uhptb3]{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-filters .clear[b-5c57uhptb3]{grid-column:span 2}}
@media(max-width:700px){.dispatch-hero[b-5c57uhptb3]{grid-template-columns:1fr}.dispatch-hero-banner[b-5c57uhptb3]{min-height:90px}.dispatch-kpis[b-5c57uhptb3]{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-bottom[b-5c57uhptb3]{grid-template-columns:1fr}.dispatch-toolbar[b-5c57uhptb3]{align-items:stretch}.dispatch-tabs[b-5c57uhptb3]{width:100%;overflow-x:auto;flex-wrap:nowrap}.dispatch-tabs button[b-5c57uhptb3]{white-space:nowrap}.dispatch-actions[b-5c57uhptb3]{width:100%}.dispatch-actions .dispatch-btn[b-5c57uhptb3]{flex:1}.dispatch-table-scroll[b-5c57uhptb3]{overflow:visible}.dispatch-table[b-5c57uhptb3],.dispatch-table tbody[b-5c57uhptb3],.dispatch-table tr[b-5c57uhptb3],.dispatch-table td[b-5c57uhptb3]{display:block;width:100%}.dispatch-table thead[b-5c57uhptb3]{display:none}.dispatch-table tr[b-5c57uhptb3]{margin:10px;border:1px solid var(--mud-palette-lines-default);border-radius:8px;overflow:hidden}.dispatch-table td[b-5c57uhptb3]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;text-align:right;overflow-wrap:anywhere}.dispatch-table td[b-5c57uhptb3]::before{content:attr(data-label);font-weight:700;text-align:left;color:var(--mud-palette-text-secondary)}.dispatch-table td.dispatch-empty[b-5c57uhptb3]::before{content:none}.dispatch-table td.dispatch-empty[b-5c57uhptb3]{text-align:center;display:block}.dispatch-filters[b-5c57uhptb3]{grid-template-columns:1fr}.dispatch-filters .clear[b-5c57uhptb3]{grid-column:auto}.dispatch-detail-grid[b-5c57uhptb3]{grid-template-columns:1fr}}
@media(max-width:380px){.dispatch-kpis[b-5c57uhptb3]{grid-template-columns:1fr}.dispatch-hero-title[b-5c57uhptb3]{padding:14px}.dispatch-hero h1[b-5c57uhptb3]{font-size:1.5rem}.dispatch-table-footer[b-5c57uhptb3]{flex-direction:column;align-items:flex-start}}

/* Móvil corporativo — cada despacho es una tarjeta independiente (modelo Clientes). */
@media (max-width: 700px) {
    .dispatch-page .dispatch-table-scroll[b-5c57uhptb3] { overflow-x: visible; }
    .dispatch-page .dispatch-table[b-5c57uhptb3] { display: block; min-width: 0; border-collapse: separate; }
    .dispatch-page .dispatch-table tbody[b-5c57uhptb3] { display: grid; gap: 16px; padding: 12px; }
    .dispatch-page .dispatch-table tbody tr[b-5c57uhptb3] {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 11px 12px; width: 100%; min-width: 0; margin: 0;
        padding: 14px; border: 1px solid var(--mud-palette-lines-default);
        border-radius: 10px; background: var(--mud-palette-surface);
        color: var(--mud-palette-text-primary); box-shadow: 0 2px 8px rgba(0, 20, 45, .06);
    }
    .dispatch-page .dispatch-table tbody td[b-5c57uhptb3] {
        display: flex; flex-direction: column; align-items: flex-start;
        justify-content: flex-start; gap: 5px; width: auto; min-width: 0;
        padding: 0; border: 0; text-align: left; overflow-wrap: anywhere;
    }
    .dispatch-page .dispatch-table tbody td[b-5c57uhptb3]::before {
        content: attr(data-label); color: var(--mud-palette-text-secondary);
        font-size: 11px; font-weight: 700; text-align: left;
    }
    .dispatch-page .dispatch-table tbody td:first-child[b-5c57uhptb3] {
        grid-column: 1 / -1; padding-bottom: 10px;
        border-bottom: 1px solid var(--mud-palette-lines-default);
        font-size: 14px;
    }
    .dispatch-page .dispatch-table tbody td:last-child[b-5c57uhptb3] {
        grid-column: 1 / -1; flex-direction: row; align-items: center;
        justify-content: space-between; padding-top: 10px;
        border-top: 1px solid var(--mud-palette-lines-default);
    }
    .dispatch-page .dispatch-table tbody td.dispatch-empty[b-5c57uhptb3] { grid-column: 1 / -1; }
    .dispatch-page .dispatch-table tbody td.dispatch-empty[b-5c57uhptb3]::before { content: none; }
    .dispatch-page .dispatch-row-action[b-5c57uhptb3] { min-height: 40px; padding: 6px 10px; }
}
/* /Pages/DocumentsPage.razor.rz.scp.css */
/* TRAYEKTO: estilos aislados del módulo Documentos y comprobantes. */
.docs-page[b-c7w5kcg0ux]{--d-card:var(--bg-card,#fff);--d-input:var(--input-bg,#fff);--d-border:var(--input-border,#d6e1ef);--d-text:var(--text-primary,#102a4c);--d-muted:var(--text-secondary,#526781);--d-blue:var(--primary,#087cfa);padding:24px;min-width:0;color:var(--d-text)}
.docs-page *[b-c7w5kcg0ux]{box-sizing:border-box}.docs-header[b-c7w5kcg0ux]{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap}.docs-crumb[b-c7w5kcg0ux]{font-size:12px;color:var(--d-muted);margin-bottom:10px}.docs-header h1[b-c7w5kcg0ux]{font-size:25px;font-weight:800;display:flex;align-items:center;gap:10px;margin:0 0 5px}.docs-header h1[b-c7w5kcg0ux]  .mud-icon-root{color:var(--d-blue)}.docs-header p[b-c7w5kcg0ux]{margin:0;font-size:13px;color:var(--d-muted)}.docs-filters[b-c7w5kcg0ux]{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.docs-filters label[b-c7w5kcg0ux]{width:130px}.docs-page label[b-c7w5kcg0ux]{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;color:var(--d-muted)}.docs-page input[b-c7w5kcg0ux],.docs-page select[b-c7w5kcg0ux]{width:100%;min-height:38px;border:1px solid var(--d-border);border-radius:6px;padding:8px;background:var(--d-input);color:var(--d-text)}.docs-button[b-c7w5kcg0ux]{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--d-border);border-radius:6px;background:var(--d-card);color:var(--d-blue);padding:9px 14px;font-weight:700;font-size:12px;cursor:pointer}.docs-button.primary[b-c7w5kcg0ux]{background:#087cfa;color:white;border-color:#087cfa}.docs-button[b-c7w5kcg0ux]  .mud-icon-root{font-size:18px}.docs-notice[b-c7w5kcg0ux]{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--d-muted);margin:12px 0}.docs-notice[b-c7w5kcg0ux]  .mud-icon-root{font-size:16px}.docs-kpis[b-c7w5kcg0ux]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.docs-kpis article[b-c7w5kcg0ux]{display:flex;align-items:center;gap:14px;padding:17px;background:var(--d-card);border:1px solid var(--d-border);border-radius:9px;min-width:0}.docs-kpis article[b-c7w5kcg0ux]  .mud-icon-root{color:var(--d-blue);font-size:29px}.docs-kpis strong[b-c7w5kcg0ux]{font-size:25px;display:block}.docs-kpis b[b-c7w5kcg0ux]{display:block;font-size:12px}.docs-kpis small[b-c7w5kcg0ux]{display:block;font-size:11px;color:var(--d-muted)}.docs-toolbar[b-c7w5kcg0ux]{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.docs-tabs[b-c7w5kcg0ux],.docs-actions[b-c7w5kcg0ux],.docs-detail-tabs[b-c7w5kcg0ux]{display:flex;gap:5px;flex-wrap:wrap}.docs-tabs button[b-c7w5kcg0ux],.docs-detail-tabs button[b-c7w5kcg0ux]{border:1px solid var(--d-border);border-radius:6px 6px 0 0;background:var(--d-card);color:var(--d-text);padding:10px 13px;cursor:pointer;font-weight:650;font-size:12px}.docs-tabs button.active[b-c7w5kcg0ux],.docs-detail-tabs button.active[b-c7w5kcg0ux]{color:var(--d-blue);border-bottom:3px solid var(--d-blue)}.docs-layout[b-c7w5kcg0ux]{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:12px}.docs-card[b-c7w5kcg0ux]{background:var(--d-card);border:1px solid var(--d-border);border-radius:9px;padding:16px;min-width:0}.docs-card h2[b-c7w5kcg0ux]{font-size:15px;font-weight:750;display:flex;align-items:center;gap:8px;margin:0 0 15px}.docs-card h2[b-c7w5kcg0ux]  .mud-icon-root{color:var(--d-blue)}.docs-search[b-c7w5kcg0ux]{margin-bottom:12px}.docs-table-wrap[b-c7w5kcg0ux]{width:100%;overflow-x:auto}.docs-table-wrap table[b-c7w5kcg0ux]{border-collapse:collapse;width:100%;font-size:12px}.docs-table-wrap th[b-c7w5kcg0ux]{background:color-mix(in srgb,var(--d-card) 90%,var(--d-blue));font-size:11px;text-align:left}.docs-table-wrap th[b-c7w5kcg0ux],.docs-table-wrap td[b-c7w5kcg0ux]{padding:11px 8px;border-bottom:1px solid var(--d-border);white-space:nowrap}.docs-table-wrap tr.selected[b-c7w5kcg0ux]{background:color-mix(in srgb,var(--d-card) 90%,var(--d-blue))}.docs-link[b-c7w5kcg0ux]{border:0;background:none;color:var(--d-blue);font-weight:700;cursor:pointer}.docs-pagination[b-c7w5kcg0ux]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font-size:12px;color:var(--d-muted)}.docs-pagination>div[b-c7w5kcg0ux]{display:flex;align-items:center;gap:8px}.docs-pagination button[b-c7w5kcg0ux]{border:1px solid var(--d-border);border-radius:5px;background:var(--d-card);color:var(--d-blue);padding:6px}.docs-pagination button:disabled[b-c7w5kcg0ux]{opacity:.4}.docs-detail h3[b-c7w5kcg0ux]{font-size:19px;margin:5px 0 14px;overflow-wrap:anywhere}.docs-detail-tabs[b-c7w5kcg0ux]{margin-bottom:15px}.docs-fields[b-c7w5kcg0ux]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.docs-fields>div[b-c7w5kcg0ux]{border:1px solid var(--d-border);border-radius:6px;padding:10px;min-width:0}.docs-fields small[b-c7w5kcg0ux]{display:block;color:var(--d-muted);font-size:11px;margin-bottom:5px}.docs-fields strong[b-c7w5kcg0ux]{font-size:12px;overflow-wrap:anywhere}.docs-full[b-c7w5kcg0ux]{width:100%;margin-top:18px}.docs-file-placeholder[b-c7w5kcg0ux]{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:25px 12px;border:1px dashed var(--d-border);border-radius:8px;color:var(--d-muted)}.docs-file-placeholder[b-c7w5kcg0ux]  .mud-icon-root{font-size:36px;color:var(--d-blue)}.docs-empty[b-c7w5kcg0ux]{font-size:13px;color:var(--d-muted)}.docs-overlay[b-c7w5kcg0ux]{position:fixed;inset:0;background:#0009;z-index:1200;display:flex;justify-content:center;align-items:center;padding:16px}.docs-modal[b-c7w5kcg0ux]{background:var(--d-card);border:1px solid var(--d-border);color:var(--d-text);border-radius:12px;width:min(620px,100%);max-height:90vh;overflow:auto;box-shadow:0 16px 45px #0004}.docs-modal header[b-c7w5kcg0ux]{display:flex;justify-content:space-between;align-items:start;padding:20px;border-bottom:1px solid var(--d-border)}.docs-modal header h2[b-c7w5kcg0ux]{margin:0;font-size:20px}.docs-modal header p[b-c7w5kcg0ux]{font-size:12px;color:var(--d-muted);margin:6px 0 0}.docs-close[b-c7w5kcg0ux]{border:0;background:none;color:var(--d-text);font-size:28px;cursor:pointer}.docs-modal-body[b-c7w5kcg0ux]{padding:20px}.docs-modal-body h3[b-c7w5kcg0ux]{font-size:14px;margin:0 0 16px}.docs-modal footer[b-c7w5kcg0ux]{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--d-border)}.docs-error[b-c7w5kcg0ux]{color:#d32f2f;font-size:12px}
@media(max-width:1150px){.docs-kpis[b-c7w5kcg0ux]{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-layout[b-c7w5kcg0ux]{grid-template-columns:1fr}}
@media(max-width:700px){.docs-page[b-c7w5kcg0ux]{padding:12px}.docs-header h1[b-c7w5kcg0ux]{font-size:21px}.docs-filters[b-c7w5kcg0ux]{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.docs-filters label[b-c7w5kcg0ux]{width:auto}.docs-filters .docs-button[b-c7w5kcg0ux]{grid-column:1/-1}.docs-kpis[b-c7w5kcg0ux]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.docs-kpis article[b-c7w5kcg0ux]{padding:12px;gap:8px}.docs-kpis strong[b-c7w5kcg0ux]{font-size:21px}.docs-tabs[b-c7w5kcg0ux]{width:100%}.docs-actions[b-c7w5kcg0ux]{width:100%}.docs-actions .docs-button[b-c7w5kcg0ux]{flex:1}.docs-card[b-c7w5kcg0ux]{padding:12px}.docs-table-wrap[b-c7w5kcg0ux]{overflow:visible}.docs-table-wrap table[b-c7w5kcg0ux],.docs-table-wrap tbody[b-c7w5kcg0ux],.docs-table-wrap tr[b-c7w5kcg0ux],.docs-table-wrap td[b-c7w5kcg0ux]{display:block;width:100%}.docs-table-wrap thead[b-c7w5kcg0ux]{display:none}.docs-table-wrap tr[b-c7w5kcg0ux]{border:1px solid var(--d-border);border-radius:8px;padding:10px;margin-bottom:10px;background:var(--d-card)}.docs-table-wrap td[b-c7w5kcg0ux]{white-space:normal;display:flex;justify-content:space-between;gap:12px;text-align:right;padding:7px 0;font-size:12px}.docs-table-wrap td[b-c7w5kcg0ux]:before{content:attr(data-label);font-weight:700;color:var(--d-muted);text-align:left;flex-shrink:0}.docs-fields[b-c7w5kcg0ux]{grid-template-columns:1fr}.docs-pagination[b-c7w5kcg0ux]{flex-wrap:wrap}.docs-modal-body[b-c7w5kcg0ux],.docs-modal header[b-c7w5kcg0ux]{padding:14px}}
@media(max-width:360px){.docs-kpis[b-c7w5kcg0ux]{grid-template-columns:1fr}.docs-filters[b-c7w5kcg0ux]{grid-template-columns:1fr}}
/* /Pages/FleetPage.razor.rz.scp.css */
/* El tema visual proviene exclusivamente de los tokens del CSS global. */
.fl-page[b-quilku6czt]{font-family:'Roboto Condensed',sans-serif;color:var(--text-primary);padding:8px 0 25px;min-width:0}.fl-page *[b-quilku6czt],.fl-overlay *[b-quilku6czt]{box-sizing:border-box}.fl-hero[b-quilku6czt],.fl-kpis article[b-quilku6czt],.fl-panel[b-quilku6czt],.fl-bottom article[b-quilku6czt]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;box-shadow:0 3px 12px var(--shadow-color)}.fl-hero[b-quilku6czt]{display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden}.fl-heading[b-quilku6czt]{display:flex;align-items:center;gap:14px;padding:18px}.fl-heading[b-quilku6czt]  .mud-icon-root{font-size:34px;color:var(--primary)}.fl-heading h1[b-quilku6czt]{font-size:1.65rem;margin:0;font-weight:800}.fl-heading p[b-quilku6czt]{margin:3px 0 0;color:var(--text-secondary)}.fl-banner[b-quilku6czt]{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px 24px;color:white;background:linear-gradient(90deg,#061e37ed,#0829479c),url('/images/solutions/fleet.webp') center/cover}.fl-notice[b-quilku6czt]{display:flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:.85rem;margin:9px 0}.fl-kpis[b-quilku6czt]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:10px}.fl-kpis article[b-quilku6czt]{display:flex;align-items:center;gap:9px;padding:12px 10px;min-width:0}.fl-kpis strong[b-quilku6czt],.fl-kpis b[b-quilku6czt],.fl-kpis small[b-quilku6czt]{display:block}.fl-kpis strong[b-quilku6czt]{font-size:1.5rem}.fl-kpis b[b-quilku6czt]{font-size:.88rem}.fl-kpis small[b-quilku6czt]{font-size:.78rem;color:var(--text-secondary)}.fl-kpi-icon[b-quilku6czt]{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;color:white}.fl-kpi-icon.blue[b-quilku6czt]{background:#087eff}.fl-kpi-icon.green[b-quilku6czt]{background:#00a977}.fl-kpi-icon.purple[b-quilku6czt]{background:#8746f5}.fl-kpi-icon.amber[b-quilku6czt]{background:#f5a400}.fl-kpi-icon.red[b-quilku6czt]{background:#fa4258}.fl-kpi-icon.slate[b-quilku6czt]{background:#405b7b}.fl-toolbar[b-quilku6czt]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--border-color)}.fl-tabs[b-quilku6czt],.fl-actions[b-quilku6czt]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.fl-tabs button[b-quilku6czt]{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-primary);padding:9px 6px;font:inherit;cursor:pointer}.fl-tabs button.active[b-quilku6czt]{color:var(--primary);border-bottom-color:var(--primary);font-weight:800}.fl-primary[b-quilku6czt],.fl-secondary[b-quilku6czt],.fl-view[b-quilku6czt],.fl-close[b-quilku6czt],.fl-footer button[b-quilku6czt]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;padding:9px 11px;font:inherit;cursor:pointer}.fl-primary[b-quilku6czt]{background:var(--primary);color:white;border:1px solid var(--primary);font-weight:700}.fl-secondary[b-quilku6czt],.fl-close[b-quilku6czt],.fl-footer button[b-quilku6czt]{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.fl-filters[b-quilku6czt]{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,.7fr)) auto;gap:9px;align-items:end;padding:12px}.fl-filters label[b-quilku6czt],.fl-form-grid label[b-quilku6czt]{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:.85rem;min-width:0}.fl-filters input[b-quilku6czt],.fl-filters select[b-quilku6czt],.fl-form-grid input[b-quilku6czt],.fl-form-grid select[b-quilku6czt],.fl-footer select[b-quilku6czt]{width:100%;min-width:0;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);border-radius:5px;padding:9px;min-height:38px;font:inherit}.fl-message[b-quilku6czt]{margin:8px 12px;padding:10px;border:1px solid var(--border-color);background:var(--bg-subtle);border-radius:5px}.fl-records[b-quilku6czt]{overflow-x:auto}.fl-records table[b-quilku6czt]{border-collapse:collapse;width:100%;font-size:.85rem}.fl-records th[b-quilku6czt]{background:var(--bg-subtle);text-align:left;padding:11px 9px;white-space:nowrap}.fl-records td[b-quilku6czt]{padding:11px 9px;border-bottom:1px solid var(--border-color)}.fl-records tr:nth-child(even)[b-quilku6czt]{background:var(--bg-subtle)}.fl-pill[b-quilku6czt]{display:inline-block;border-radius:15px;padding:4px 8px;font-weight:700;white-space:nowrap}.fl-pill.good[b-quilku6czt]{background:#d4f5e6;color:#08734b}.fl-pill.info[b-quilku6czt]{background:#dceeff;color:#0763c4}.fl-pill.purple[b-quilku6czt]{background:#ebdbff;color:#6924b4}.fl-pill.warning[b-quilku6czt]{background:#fff0cc;color:#9d5900}.fl-pill.danger[b-quilku6czt]{background:#ffdde0;color:#b41c37}.fl-view[b-quilku6czt]{border:0;background:transparent;color:var(--text-primary)}.fl-footer[b-quilku6czt]{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px}.fl-footer>div[b-quilku6czt]{display:flex;align-items:center;gap:9px}.fl-footer select[b-quilku6czt]{width:65px}.fl-footer button:disabled[b-quilku6czt]{opacity:.4;cursor:default}.fl-empty[b-quilku6czt]{padding:18px;text-align:center}.fl-bottom[b-quilku6czt]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.fl-bottom article[b-quilku6czt]{padding:14px;min-width:0}.fl-bottom h3[b-quilku6czt]{font-size:1rem;margin:0 0 13px}.fl-bar[b-quilku6czt]{display:grid;grid-template-columns:minmax(90px,1fr) 1fr 24px;gap:7px;align-items:center;margin:10px 0;font-size:.83rem}.fl-bar>div[b-quilku6czt]{height:7px;background:var(--bg-subtle);border-radius:7px;overflow:hidden}.fl-bar i[b-quilku6czt]{display:block;height:100%;background:var(--primary);border-radius:7px}.fl-upcoming[b-quilku6czt]{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-color)}.fl-overlay[b-quilku6czt]{position:fixed;inset:0;z-index:1500;background:#001329bd;display:flex;align-items:center;justify-content:center;padding:16px}.fl-modal[b-quilku6czt]{width:min(760px,100%);max-height:92vh;overflow:auto;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 22px 65px #0007;font-family:'Roboto Condensed',sans-serif}.fl-modal>header[b-quilku6czt],.fl-modal>footer[b-quilku6czt]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--border-color)}.fl-modal>footer[b-quilku6czt]{justify-content:flex-end;border-top:1px solid var(--border-color);border-bottom:0}.fl-modal h2[b-quilku6czt]{font-size:1.35rem;margin:0;display:flex;align-items:center;gap:10px}.fl-modal h2[b-quilku6czt]  .mud-icon-root{color:var(--primary)}.fl-modal p[b-quilku6czt]{color:var(--text-secondary);margin:5px 0 0}.fl-modal-body[b-quilku6czt]{padding:16px 20px}.fl-form-card[b-quilku6czt]{padding:17px;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:8px}.fl-form-card h3[b-quilku6czt]{font-size:1.05rem;margin:0 0 15px}.fl-form-grid[b-quilku6czt]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fl-modal dl[b-quilku6czt]{display:grid;grid-template-columns:1fr 2fr;gap:10px}.fl-modal dd[b-quilku6czt]{margin:0}.fl-modal dt[b-quilku6czt]{font-weight:700}.fl-page button:focus-visible[b-quilku6czt],.fl-modal button:focus-visible[b-quilku6czt]{outline:3px solid var(--primary);outline-offset:2px}@media(max-width:1200px){.fl-kpis[b-quilku6czt]{grid-template-columns:repeat(3,minmax(0,1fr))}.fl-filters[b-quilku6czt]{grid-template-columns:repeat(3,minmax(0,1fr))}.fl-bottom[b-quilku6czt]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.fl-hero[b-quilku6czt]{grid-template-columns:1fr}.fl-banner[b-quilku6czt]{display:none}.fl-heading[b-quilku6czt]{padding:14px}.fl-heading h1[b-quilku6czt]{font-size:1.4rem}.fl-kpis[b-quilku6czt]{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-tabs[b-quilku6czt]{flex-wrap:nowrap;overflow-x:auto;width:100%}.fl-tabs button[b-quilku6czt]{white-space:nowrap;flex-shrink:0}.fl-actions[b-quilku6czt]{width:100%}.fl-actions button[b-quilku6czt]{flex:1 1 auto}.fl-filters[b-quilku6czt]{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-filters label:first-child[b-quilku6czt]{grid-column:1/-1}.fl-filters>button[b-quilku6czt]{grid-column:1/-1}.fl-records[b-quilku6czt]{overflow:visible;padding:10px}.fl-records table[b-quilku6czt],.fl-records tbody[b-quilku6czt]{display:block}.fl-records thead[b-quilku6czt]{display:none}.fl-records tr[b-quilku6czt]{display:block;border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-bottom:12px;background:var(--bg-card)!important}.fl-records td[b-quilku6czt]{display:flex;justify-content:space-between;gap:12px;text-align:right;padding:7px 0;border:0}.fl-records td[b-quilku6czt]::before{content:attr(data-label);font-weight:700;color:var(--text-secondary);text-align:left}.fl-records td:first-child[b-quilku6czt]{border-bottom:1px solid var(--border-color);font-size:1rem}.fl-records td:last-child[b-quilku6czt]{border-top:1px solid var(--border-color)}.fl-bottom[b-quilku6czt]{grid-template-columns:1fr}.fl-form-grid[b-quilku6czt]{grid-template-columns:1fr}.fl-modal-body[b-quilku6czt],.fl-modal>header[b-quilku6czt],.fl-modal>footer[b-quilku6czt]{padding:14px}}
/* /Pages/Home.razor.rz.scp.css */
/* =========================================================
   HOME COMERCIAL - DISEÑO CLARO Y CORPORATIVO
   ========================================================= */
.home-page[b-pfre43x98e] { --blue:#087dff; --ink:#101d3b; --muted:#526584; color:var(--ink); background:#f8fafc; font-family:Inter,"Segoe UI",Arial,sans-serif; min-height:100vh; }
.home-page *[b-pfre43x98e], .home-page *[b-pfre43x98e]::before, .home-page *[b-pfre43x98e]::after { box-sizing:border-box; }
.shell[b-pfre43x98e] { width:calc(100% - clamp(32px,6vw,112px)); max-width:1600px; margin-inline:auto; }
.hero-section[b-pfre43x98e] { position:relative; overflow:hidden; background:linear-gradient(105deg,#f7fbff 0%,#e9f3fb 55%,#edf4f8 100%); }
.hero-content[b-pfre43x98e] { display:grid; grid-template-columns:45% 55%; align-items:center; min-height:410px; gap:0; }
.hero-copy[b-pfre43x98e] { position:relative; z-index:2; padding:45px 20px 45px 0; }
.eyebrow[b-pfre43x98e] { display:inline-block; border:1px solid #d5e5f5; background:#f3f8ff; color:#385b8b; border-radius:25px; padding:9px 17px; font-size:12px; font-weight:700; letter-spacing:.025em; }
.hero-copy h1[b-pfre43x98e] { font-size:clamp(34px,3.3vw,58px); line-height:1.09; letter-spacing:-.045em; margin:20px 0 16px; font-weight:800; }
.hero-copy h1 span[b-pfre43x98e], .process-heading h2 span[b-pfre43x98e] { color:var(--blue); }
.hero-copy p[b-pfre43x98e] { max-width:590px; font-size:clamp(15px,1.12vw,18px); line-height:1.55; color:#344968; margin:0; }
.hero-actions[b-pfre43x98e] { display:flex; flex-wrap:wrap; gap:13px; margin-top:25px; }
.primary-button[b-pfre43x98e],.secondary-button[b-pfre43x98e] { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:48px; padding:0 23px; border-radius:10px; text-decoration:none; font-weight:700; font-size:14px; transition:transform .2s,box-shadow .2s; }
.primary-button[b-pfre43x98e] { background:var(--blue); color:white; box-shadow:0 5px 14px #087dff22; }
.secondary-button[b-pfre43x98e] { background:white; color:#0e2850; border:1px solid #168cf5; }
.primary-button:hover[b-pfre43x98e],.secondary-button:hover[b-pfre43x98e] { transform:translateY(-2px); text-decoration:none; }
.hero-photo[b-pfre43x98e] { height:410px; overflow:hidden; border-radius:0 0 0 38px; box-shadow:-12px 12px 35px #29425a13; }
.hero-photo img[b-pfre43x98e] { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.benefits-section[b-pfre43x98e] { background:white; border-block:1px solid #e9eef5; }
.benefits-grid[b-pfre43x98e] { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding-block:21px; }
.benefit[b-pfre43x98e] { display:flex; align-items:center; gap:12px; padding:4px 15px; min-width:0; border-right:1px solid #dbe4ef; }
.benefit:first-child[b-pfre43x98e] { padding-left:0; }.benefit:last-child[b-pfre43x98e] { border-right:0; }
.benefit-icon[b-pfre43x98e] { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border-radius:50%; font-size:25px; font-weight:800; }
.benefit-icon.blue[b-pfre43x98e] { background:#e6f3ff; color:#168cf5; }.benefit-icon.green[b-pfre43x98e] { background:#e1f8ea; color:#16b76a; }.benefit-icon.orange[b-pfre43x98e] { background:#fff0de; color:#f39a23; }.benefit-icon.purple[b-pfre43x98e] { background:#f0eaff; color:#8750ed; }.benefit-icon.red[b-pfre43x98e] { background:#ffe9eb; color:#e64859; }
.benefit h2[b-pfre43x98e] { font-size:13px; margin:0 0 5px; font-weight:800; line-height:1.25; }.benefit p[b-pfre43x98e] { color:var(--muted); font-size:12px; line-height:1.35; margin:0; }
.process-section[b-pfre43x98e] { padding:30px 0 38px; background:#f8fafc; }
.process-heading[b-pfre43x98e] { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:22px; }
.section-kicker[b-pfre43x98e] { font-size:12px; font-weight:800; color:#5077b4; }
.process-heading h2[b-pfre43x98e] { margin:6px 0 4px; font-size:clamp(25px,2.1vw,35px); letter-spacing:-.035em; line-height:1.16; }
.process-heading p[b-pfre43x98e] { color:var(--muted); margin:0; font-size:15px; }
.carousel-controls[b-pfre43x98e] { display:flex; gap:18px; align-items:center; flex-shrink:0; }.carousel-controls button[b-pfre43x98e] { border:1px solid #d5e1ef; background:white; color:#52719e; width:42px; height:42px; border-radius:50%; cursor:pointer; font-size:20px; }.carousel-controls button.next[b-pfre43x98e] { color:white; background:var(--blue); border-color:var(--blue); }.carousel-controls span[b-pfre43x98e] { font-size:13px; color:#42618b; font-weight:700; }
.process-grid[b-pfre43x98e] { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.process-card[b-pfre43x98e] { background:white; border:1px solid #e9eff5; border-radius:13px; overflow:hidden; min-width:0; box-shadow:0 8px 24px #122d4b08; }
.process-image[b-pfre43x98e] { height:128px; position:relative; overflow:hidden; }.process-image img[b-pfre43x98e] { width:100%; height:100%; display:block; object-fit:cover; transition:transform .25s; }.process-card:hover img[b-pfre43x98e] { transform:scale(1.035); }
.process-number[b-pfre43x98e] { position:absolute; top:12px; left:12px; background:#fffffff2; padding:8px 10px; border-radius:8px; font-size:12px; font-weight:800; }
.process-body[b-pfre43x98e] { padding:14px 17px 16px; }.process-body h3[b-pfre43x98e] { font-size:15px; line-height:1.2; margin:0 0 7px; font-weight:800; }.process-body p[b-pfre43x98e] { font-size:13px; line-height:1.4; min-height:55px; color:var(--muted); margin:0 0 8px; }.process-body a[b-pfre43x98e] { font-size:13px; color:var(--blue); font-weight:800; text-decoration:none; }.process-body a span[b-pfre43x98e] { margin-left:9px; }
.carousel-dots[b-pfre43x98e] { display:flex; justify-content:center; gap:9px; margin-top:20px; }.carousel-dots button[b-pfre43x98e] { width:9px; height:9px; border-radius:50%; border:0; background:#c9d6e7; cursor:pointer; padding:0; }.carousel-dots button.active[b-pfre43x98e] { background:var(--blue); width:23px; border-radius:9px; }
@media(max-width:1200px) { .benefits-grid[b-pfre43x98e] { grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }.benefit[b-pfre43x98e] { border:0; padding:8px 0; }.process-grid[b-pfre43x98e] { grid-template-columns:repeat(3,minmax(0,1fr)); }.process-card:nth-child(n+4)[b-pfre43x98e] { display:none; } }
@media(max-width:800px) { .hero-content[b-pfre43x98e] { grid-template-columns:1fr; }.hero-copy[b-pfre43x98e] { padding:38px 0 25px; }.hero-photo[b-pfre43x98e] { height:300px; border-radius:15px 15px 0 0; }.benefits-grid[b-pfre43x98e] { grid-template-columns:repeat(2,minmax(0,1fr)); }.process-grid[b-pfre43x98e] { grid-template-columns:repeat(2,minmax(0,1fr)); }.process-card:nth-child(n+3)[b-pfre43x98e] { display:none; }.process-heading[b-pfre43x98e] { align-items:flex-start; }.carousel-controls[b-pfre43x98e] { gap:8px; } }
@media(max-width:520px) { .shell[b-pfre43x98e] { width:calc(100% - 32px); }.hero-copy h1[b-pfre43x98e] { font-size:35px; }.hero-photo[b-pfre43x98e] { height:220px; }.benefits-grid[b-pfre43x98e] { grid-template-columns:1fr; }.benefit[b-pfre43x98e] { padding:9px 0; }.process-heading[b-pfre43x98e] { flex-direction:column; }.process-grid[b-pfre43x98e] { grid-template-columns:1fr; }.process-card:nth-child(n+2)[b-pfre43x98e] { display:none; }.process-image[b-pfre43x98e] { height:190px; }.process-body p[b-pfre43x98e] { min-height:0; } }
@media(prefers-reduced-motion:reduce) { .process-image img[b-pfre43x98e],.primary-button[b-pfre43x98e],.secondary-button[b-pfre43x98e] { transition:none; } }

/* =========================================================
   AJUSTE DE MÁRGENES Y RITMO VISUAL - HOME
   Un único ancho de contenido para todas las secciones.
   ========================================================= */
.home-page .shell[b-pfre43x98e] { width: calc(100% - 2 * clamp(16px, 3vw, 64px)); max-width: none; margin-inline: auto; }
.home-page .hero-content[b-pfre43x98e] { grid-template-columns: minmax(0, 44fr) minmax(0, 56fr); gap: clamp(24px, 2.5vw, 48px); min-height: 440px; }
.home-page .hero-copy[b-pfre43x98e] { padding: 52px 0; }
.home-page .hero-copy h1[b-pfre43x98e] { max-width: 680px; margin-block: 18px 18px; }
.home-page .hero-copy p[b-pfre43x98e] { max-width: 570px; }
.home-page .hero-photo[b-pfre43x98e] { height: 392px; border-radius: 16px; }
.home-page .benefits-grid[b-pfre43x98e] { padding-block: 28px; gap: 0; }
.home-page .benefit[b-pfre43x98e] { gap: 14px; padding-inline: 20px; }
.home-page .benefit:first-child[b-pfre43x98e] { padding-left: 0; }
.home-page .benefit:last-child[b-pfre43x98e] { padding-right: 0; }
.home-page .benefit h2[b-pfre43x98e] { font-size: 14px; }
.home-page .benefit p[b-pfre43x98e] { font-size: 12px; line-height: 1.5; }
.home-page .process-section[b-pfre43x98e] { padding-block: 52px 62px; }
.home-page .process-heading[b-pfre43x98e] { margin-bottom: 26px; }
.home-page .process-grid[b-pfre43x98e] { gap: 20px; }
.home-page .process-image[b-pfre43x98e] { height: clamp(140px, 11vw, 178px); }
.home-page .process-body[b-pfre43x98e] { padding: 18px 18px 20px; }
.home-page .process-body p[b-pfre43x98e] { min-height: 56px; line-height: 1.5; }
@media (max-width: 1200px) {
  .home-page .shell[b-pfre43x98e] { width: calc(100% - 48px); max-width: none; }
  .home-page .hero-content[b-pfre43x98e] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; }
  .home-page .benefits-grid[b-pfre43x98e] { gap: 14px 20px; }
  .home-page .benefit[b-pfre43x98e] { padding: 8px 0; }
  .home-page .process-image[b-pfre43x98e] { height: 170px; }
}
@media (max-width: 800px) {
  .home-page .shell[b-pfre43x98e] { width: calc(100% - 40px); max-width: none; }
  .home-page .hero-content[b-pfre43x98e] { grid-template-columns: 1fr; gap: 0; }
  .home-page .hero-copy[b-pfre43x98e] { padding: 40px 0 26px; }
  .home-page .hero-photo[b-pfre43x98e] { height: 310px; margin-bottom: 30px; }
  .home-page .process-section[b-pfre43x98e] { padding-block: 38px 48px; }
}
@media (max-width: 520px) {
  .home-page .shell[b-pfre43x98e] { width: calc(100% - 32px); max-width: none; }
  .home-page .hero-copy[b-pfre43x98e] { padding-block: 32px 22px; }
  .home-page .hero-photo[b-pfre43x98e] { height: 220px; margin-bottom: 24px; }
  .home-page .benefits-grid[b-pfre43x98e] { padding-block: 16px; gap: 0; }
  .home-page .benefit[b-pfre43x98e] { padding-block: 12px; }
  .home-page .process-section[b-pfre43x98e] { padding-block: 32px 42px; }
  .home-page .process-image[b-pfre43x98e] { height: 190px; }
  .home-page .process-body p[b-pfre43x98e] { min-height: 0; }
}

/* =========================================================
   BENEFICIOS CORPORATIVOS - TARJETAS RESPONSIVE
   Reemplaza la franja anterior sin alterar el carrusel.
   ========================================================= */
.home-page .benefits-section[b-pfre43x98e] {
    background: #edf6fd;
    border-block: 1px solid #e0ecf7;
}

.home-page .benefits-grid[b-pfre43x98e] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(10px, 1vw, 18px);
    padding-block: clamp(20px, 2.4vw, 36px);
}

.home-page .benefit[b-pfre43x98e],
.home-page .benefit:first-child[b-pfre43x98e],
.home-page .benefit:last-child[b-pfre43x98e] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    min-height: 126px;
    padding: 18px 15px;
    border: 1px solid #e4edf5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(20, 53, 84, .045);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.home-page .benefit:hover[b-pfre43x98e] {
    border-color: #c9def2;
    transform: translateY(-2px);
    box-shadow: 0 9px 24px rgba(20, 53, 84, .085);
}

.home-page .benefit-icon[b-pfre43x98e] {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border-radius: 14px;
}

.home-page .benefit-icon svg[b-pfre43x98e] {
    width: 29px;
    height: 29px;
    display: block;
}

.home-page .benefit-copy[b-pfre43x98e] {
    min-width: 0;
}

.home-page .benefit h2[b-pfre43x98e] {
    margin: 0 0 8px;
    font-size: clamp(12px, .85vw, 15px);
    line-height: 1.3;
    font-weight: 750;
    color: #10233e;
}

.home-page .benefit p[b-pfre43x98e] {
    margin: 0;
    font-size: clamp(11px, .72vw, 13px);
    line-height: 1.5;
    color: #526783;
}

@media (max-width: 1350px) {
    .home-page .benefits-grid[b-pfre43x98e] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .home-page .benefits-grid[b-pfre43x98e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .home-page .benefits-grid[b-pfre43x98e] {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-block: 18px;
    }

    .home-page .benefit[b-pfre43x98e],
    .home-page .benefit:first-child[b-pfre43x98e],
    .home-page .benefit:last-child[b-pfre43x98e] {
        min-height: 92px;
        padding: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page .benefit[b-pfre43x98e] {
        transition: none;
    }
}

/* =========================================================
   HERO PANORÁMICO RESPONSIVE - 2026-10-14
   La fotografía es decorativa; los textos y enlaces siguen
   siendo HTML accesible, seleccionable y navegable.
   ========================================================= */
.home-page .hero-section[b-pfre43x98e] {
    position: relative;
    isolation: isolate;
    width: 100%;
    background-color: #08233a;
    background-image: url('/images/home/hero-transporte-panoramico.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.home-page .hero-content[b-pfre43x98e] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: calc(100% - 2 * clamp(20px, 3.2vw, 72px));
    max-width: none;
    min-height: clamp(450px, 35vw, 660px);
    margin-inline: auto;
    gap: 0;
}

.home-page .hero-copy[b-pfre43x98e] {
    width: min(100%, 780px);
    padding: clamp(56px, 6vw, 108px) 0;
}

.home-page .hero-copy h1[b-pfre43x98e] {
    max-width: 780px;
    color: #fff;
    font-size: clamp(36px, 3.6vw, 68px);
    line-height: 1.1;
    text-wrap: balance;
}

.home-page .hero-copy h1 span[b-pfre43x98e] { color: #168cf5; }

.home-page .hero-copy p[b-pfre43x98e] {
    max-width: 630px;
    color: #edf4fc;
    font-size: clamp(15px, 1.15vw, 19px);
    line-height: 1.65;
}

.home-page .eyebrow[b-pfre43x98e] {
    color: #fff;
    border-color: rgba(255,255,255,.35);
    background: rgba(255,255,255,.12);
}

.home-page .secondary-button[b-pfre43x98e] {
    color: #fff;
    border-color: rgba(255,255,255,.85);
    background: rgba(5,22,41,.28);
}

.home-page .secondary-button:hover[b-pfre43x98e] {
    background: rgba(255,255,255,.15);
}

@media (max-width: 800px) {
    .home-page .hero-section[b-pfre43x98e] {
        background-position: 58% center;
    }

    .home-page .hero-section[b-pfre43x98e]::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 0;
        background: linear-gradient(90deg, rgba(3,22,40,.82), rgba(3,22,40,.35));
        pointer-events: none;
    }

    .home-page .hero-content[b-pfre43x98e] {
        width: calc(100% - 40px);
        min-height: 510px;
    }

    .home-page .hero-copy[b-pfre43x98e] {
        width: min(100%, 620px);
        padding: 55px 0;
    }
}

@media (max-width: 520px) {
    .home-page .hero-section[b-pfre43x98e] { background-position: 61% center; }

    .home-page .hero-section[b-pfre43x98e]::before {
        background: linear-gradient(90deg, rgba(3,22,40,.92), rgba(3,22,40,.65));
    }

    .home-page .hero-content[b-pfre43x98e] {
        width: calc(100% - 32px);
        min-height: 540px;
    }

    .home-page .hero-copy[b-pfre43x98e] { padding: 48px 0; }
    .home-page .hero-copy h1[b-pfre43x98e] { font-size: clamp(33px, 8vw, 43px); }
    .home-page .hero-copy p[b-pfre43x98e] { font-size: 15px; }
    .home-page .hero-actions[b-pfre43x98e] { gap: 10px; }
    .home-page .primary-button[b-pfre43x98e],
    .home-page .secondary-button[b-pfre43x98e] { padding-inline: 16px; }
}

/* HERO: legibilidad y mapa animado superpuesto sin alterar la navegación. */
.home-page .hero-section .eyebrow[b-pfre43x98e] { color: #ffffff; border-color: rgba(255,255,255,.55); background: rgba(7,30,53,.62); }
.home-page .hero-content[b-pfre43x98e] { justify-content: space-between; column-gap: clamp(16px,3vw,48px); }
.home-page .hero-copy[b-pfre43x98e] { flex: 0 1 780px; min-width: 0; }
.home-page .hero-route-map[b-pfre43x98e] { flex: 0 0 clamp(260px,22vw,370px); align-self: flex-start; margin-top: clamp(18px,2.5vw,42px); border: 1px solid rgba(255,255,255,.65); border-radius: 15px; overflow: hidden; background: rgba(255,255,255,.96); box-shadow: 0 14px 36px rgba(4,26,45,.24); color: #1b3551; }
.home-page .route-map-top[b-pfre43x98e], .home-page .route-map-bottom[b-pfre43x98e] { display:flex; align-items:center; justify-content:space-between; gap:8px; padding: 11px 13px; font-size: 11px; font-weight: 700; }
.home-page .route-map-caption[b-pfre43x98e] { font-size:10px; color:#71859b; font-weight:500; }
.home-page .route-map-live[b-pfre43x98e], .home-page .route-map-bottom span:first-child[b-pfre43x98e] { display:inline-flex; align-items:center; gap:7px; }
.home-page .route-live-dot[b-pfre43x98e], .home-page .route-status-dot[b-pfre43x98e] { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#17bd77; }
.home-page .route-live-dot[b-pfre43x98e] { animation: trayekto-route-pulse-b-pfre43x98e 2s ease-in-out infinite; }
.home-page .route-map-graphic[b-pfre43x98e] { display:block; width:100%; height:auto; }
.home-page .route-map-bottom[b-pfre43x98e] { border-top:1px solid #e4edf2; color:#536982; font-weight:500; }
.home-page .route-map-line[b-pfre43x98e] { animation:trayekto-route-dash-b-pfre43x98e 2.5s linear infinite; }
@keyframes trayekto-route-dash-b-pfre43x98e { to { stroke-dashoffset:-32; } }
@keyframes trayekto-route-pulse-b-pfre43x98e { 50% { opacity:.4; box-shadow:0 0 0 5px rgba(23,189,119,.15); } }
@media(max-width:1100px) { .home-page .hero-route-map[b-pfre43x98e] { flex-basis:260px; } .home-page .hero-copy h1[b-pfre43x98e] { font-size:clamp(34px,4vw,54px); } }
@media(max-width:800px) { .home-page .hero-content[b-pfre43x98e] { flex-direction:column; align-items:stretch; justify-content:center; } .home-page .hero-copy[b-pfre43x98e] { flex:0 1 auto; } .home-page .hero-route-map[b-pfre43x98e] { width:min(100%,360px); flex:0 0 auto; align-self:flex-start; margin:0 0 30px; } .home-page .hero-content[b-pfre43x98e] { min-height:0; } }
@media(max-width:520px) { .home-page .hero-route-map[b-pfre43x98e] { width:min(100%,310px); } .home-page .route-map-graphic[b-pfre43x98e] { max-height:170px; } }
@media(prefers-reduced-motion:reduce) { .home-page .route-map-line[b-pfre43x98e],.home-page .route-live-dot[b-pfre43x98e] { animation:none; } .home-page .route-map-truck animateMotion[b-pfre43x98e] { display:none; } }

/* Ruta Cali-Bogotá: el camión permanece nítido durante el recorrido. */
.home-page .route-map-truck[b-pfre43x98e] { filter: drop-shadow(0 2px 2px rgba(11, 39, 69, .24)); }
@media (prefers-reduced-motion: reduce) {
    .home-page .route-map-truck[b-pfre43x98e] { visibility: hidden; }
}

/* HOME: contraste definitivo de la etiqueta sobre el fondo panorámico. */
.home-page .hero-section .hero-copy .eyebrow[b-pfre43x98e] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

/* =========================================================
   DETALLE COMERCIAL CROSS-DOCKING - SOLO HOME
   ========================================================= */
.home-page .process-detail-link[b-pfre43x98e] { border:0; padding:0; background:transparent; color:#087dff; font:inherit; font-weight:700; cursor:pointer; text-align:left; }
.home-page .process-detail-link:hover[b-pfre43x98e] { text-decoration:underline; }
.home-page .process-detail-link:focus-visible[b-pfre43x98e] { outline:3px solid #168cf5; outline-offset:4px; border-radius:3px; }
.home-page .cross-detail-backdrop[b-pfre43x98e] { position:fixed; inset:0; z-index:10000; display:flex; align-items:center; justify-content:center; padding:clamp(12px,3vw,32px); background:rgba(3,17,33,.78); backdrop-filter:blur(5px); }
.home-page .cross-detail-modal[b-pfre43x98e] { position:relative; width:min(1100px,100%); max-height:94dvh; overflow:hidden; border-radius:22px; background:#fff; box-shadow:0 28px 90px rgba(0,0,0,.35); }
.home-page .cross-detail-scroll[b-pfre43x98e] { max-height:94dvh; overflow-y:auto; overscroll-behavior:contain; }
.home-page .cross-detail-close[b-pfre43x98e] { position:absolute; top:18px; right:18px; z-index:4; width:42px; height:42px; border:1px solid #ffffff80; border-radius:50%; background:#061b30; color:#fff; font-size:30px; line-height:1; cursor:pointer; }
.home-page .cross-detail-close:focus-visible[b-pfre43x98e] { outline:3px solid #168cf5; outline-offset:3px; }
.home-page .cross-detail-hero[b-pfre43x98e] { position:relative; min-height:300px; display:flex; align-items:center; overflow:hidden; background:#061b30; color:white; padding:clamp(30px,5vw,60px); }
.home-page .cross-detail-hero img[b-pfre43x98e] { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.home-page .cross-detail-hero[b-pfre43x98e]::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#061b30 0%,rgba(6,27,48,.96) 34%,rgba(6,27,48,.55) 75%,rgba(6,27,48,.15)); }
.home-page .cross-detail-hero-copy[b-pfre43x98e] { position:relative; z-index:1; max-width:560px; }
.home-page .cross-detail-hero-copy>span[b-pfre43x98e],.home-page .cross-detail-intro>span[b-pfre43x98e],.home-page .cross-detail-label[b-pfre43x98e] { color:#168cf5; font-size:12px; font-weight:800; letter-spacing:.11em; }
.home-page .cross-detail-hero h2[b-pfre43x98e] { margin:12px 0; color:white; font-size:clamp(30px,4vw,48px); font-weight:800; }
.home-page .cross-detail-hero p[b-pfre43x98e] { max-width:530px; color:#e4eef8; font-size:17px; line-height:1.65; }
.home-page .cross-detail-content[b-pfre43x98e] { padding:clamp(24px,4vw,48px); color:#193448; }
.home-page .cross-detail-intro h3[b-pfre43x98e],.home-page .cross-detail-bottom h3[b-pfre43x98e] { margin:10px 0; font-size:clamp(22px,2.5vw,30px); }
.home-page .cross-detail-intro p[b-pfre43x98e] { color:#53677a; line-height:1.65; }
.home-page .cross-detail-grid[b-pfre43x98e] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:28px 0; }
.home-page .cross-detail-grid article[b-pfre43x98e] { padding:24px; background:#f5f8fc; border:1px solid #e2eaf2; border-radius:14px; }
.home-page .cross-detail-grid article>span[b-pfre43x98e] { display:inline-grid; place-items:center; width:42px; height:42px; background:#e1f1ff; color:#087dff; border-radius:12px; font-weight:800; }
.home-page .cross-detail-grid h4[b-pfre43x98e] { margin:14px 0 8px; font-size:18px; font-weight:750; }
.home-page .cross-detail-grid p[b-pfre43x98e] { margin:0; color:#53677a; line-height:1.6; }
.home-page .cross-detail-bottom[b-pfre43x98e] { display:grid; grid-template-columns:1.2fr 1fr; gap:24px; align-items:start; }
.home-page .cross-detail-bottom ul[b-pfre43x98e] { padding-left:22px; line-height:2; color:#445b70; }
.home-page .cross-detail-process[b-pfre43x98e] { padding:24px; border-radius:16px; background:#09263f; color:white; }
.home-page .cross-detail-process ol[b-pfre43x98e] { list-style:none; padding:0; margin:16px 0 0; }
.home-page .cross-detail-process li[b-pfre43x98e] { display:flex; align-items:center; gap:14px; padding:10px 0; border-bottom:1px solid #ffffff26; }
.home-page .cross-detail-process li:last-child[b-pfre43x98e] { border-bottom:0; }
.home-page .cross-detail-process b[b-pfre43x98e] { color:#53b8ff; }
@media(max-width:700px) { .home-page .cross-detail-hero[b-pfre43x98e] { min-height:260px; } .home-page .cross-detail-grid[b-pfre43x98e],.home-page .cross-detail-bottom[b-pfre43x98e] { grid-template-columns:1fr; } .home-page .cross-detail-hero p[b-pfre43x98e] { font-size:15px; } }
@media(prefers-reduced-motion:reduce) { .home-page .cross-detail-backdrop[b-pfre43x98e] { backdrop-filter:none; } }
/* /Pages/IncidentsPage.razor.rz.scp.css */
/* TRAYEKTO - Novedades. CSS aislado: no modifica el layout compartido. */
.inc-page[b-xqxu10dlf5]{--inc-card:var(--bg-card,#fff);--inc-field:var(--input-bg,#fff);--inc-border:var(--input-border,#d6e1ef);--inc-text:var(--text-primary,#102a4c);--inc-muted:var(--text-secondary,#526781);--inc-blue:var(--primary,#087cfa);padding:24px;color:var(--inc-text);min-width:0}.inc-page *[b-xqxu10dlf5]{box-sizing:border-box}.inc-heading[b-xqxu10dlf5]{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}.inc-crumb[b-xqxu10dlf5]{color:var(--inc-muted);font-size:12px;margin-bottom:10px}.inc-heading h1[b-xqxu10dlf5]{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800;margin:0 0 5px}.inc-heading h1[b-xqxu10dlf5]  .mud-icon-root{color:var(--inc-blue);font-size:32px}.inc-heading p[b-xqxu10dlf5]{margin:0;color:var(--inc-muted);font-size:13px}.inc-filters[b-xqxu10dlf5]{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.inc-page label[b-xqxu10dlf5]{display:flex;flex-direction:column;gap:6px;color:var(--inc-muted);font-size:12px;font-weight:650}.inc-filters label[b-xqxu10dlf5]{width:125px}.inc-page input[b-xqxu10dlf5],.inc-page select[b-xqxu10dlf5],.inc-page textarea[b-xqxu10dlf5]{background:var(--inc-field);border:1px solid var(--inc-border);border-radius:6px;color:var(--inc-text);min-height:38px;padding:9px 10px;width:100%;font:inherit}.inc-page textarea[b-xqxu10dlf5]{resize:vertical}.inc-btn[b-xqxu10dlf5]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid var(--inc-border);border-radius:6px;background:var(--inc-card);color:var(--inc-blue);font-size:12px;font-weight:750;cursor:pointer;min-height:38px}.inc-btn.primary[b-xqxu10dlf5]{background:#087cfa;border-color:#087cfa;color:white}.inc-btn.success[b-xqxu10dlf5]{background:#00a574;border-color:#00a574;color:white}.inc-btn:disabled[b-xqxu10dlf5]{opacity:.45;cursor:not-allowed}.inc-btn[b-xqxu10dlf5]  .mud-icon-root{font-size:18px}.inc-demo[b-xqxu10dlf5]{display:flex;align-items:center;gap:6px;margin:10px 0 14px;color:var(--inc-muted);font-size:12px}.inc-demo[b-xqxu10dlf5]  .mud-icon-root{font-size:16px}.inc-kpis[b-xqxu10dlf5]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.inc-kpis article[b-xqxu10dlf5]{display:flex;align-items:center;gap:14px;background:var(--inc-card);border:1px solid var(--inc-border);border-radius:9px;padding:16px;min-width:0}.inc-kpis article[b-xqxu10dlf5]  .mud-icon-root{font-size:30px;color:var(--inc-blue)}.inc-kpis strong[b-xqxu10dlf5]{display:block;font-size:25px;line-height:1.1}.inc-kpis b[b-xqxu10dlf5]{display:block;font-size:12px}.inc-kpis small[b-xqxu10dlf5]{display:block;font-size:11px;color:var(--inc-muted)}.inc-toolbar[b-xqxu10dlf5]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.inc-tabs[b-xqxu10dlf5]{display:flex;flex-wrap:wrap;gap:5px}.inc-tabs button[b-xqxu10dlf5],.inc-detail-tabs button[b-xqxu10dlf5]{border:1px solid var(--inc-border);border-radius:6px 6px 0 0;background:var(--inc-card);color:var(--inc-text);padding:10px 12px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:650;cursor:pointer}.inc-tabs button.active[b-xqxu10dlf5],.inc-detail-tabs button.active[b-xqxu10dlf5]{border-bottom:3px solid var(--inc-blue);color:var(--inc-blue);background:color-mix(in srgb,var(--inc-blue) 7%,var(--inc-card))}.inc-tabs[b-xqxu10dlf5]  .mud-icon-root{font-size:18px}.inc-actions[b-xqxu10dlf5]{display:flex;gap:8px}.inc-layout[b-xqxu10dlf5]{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(320px,.9fr);gap:12px}.inc-card[b-xqxu10dlf5]{background:var(--inc-card);border:1px solid var(--inc-border);border-radius:9px;padding:16px;min-width:0;box-shadow:0 2px 8px #00000008}.inc-card h2[b-xqxu10dlf5]{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 15px;font-weight:750}.inc-card h2[b-xqxu10dlf5]  .mud-icon-root{font-size:20px;color:var(--inc-blue)}.inc-search[b-xqxu10dlf5]{position:relative;margin-bottom:12px}.inc-search input[b-xqxu10dlf5]{padding-right:36px}.inc-search[b-xqxu10dlf5]  .mud-icon-root{position:absolute;right:10px;top:9px;color:var(--inc-muted)}.inc-table-wrap[b-xqxu10dlf5]{min-width:0;overflow-x:auto}.inc-page table[b-xqxu10dlf5]{border-collapse:collapse;width:100%;font-size:11px}.inc-page th[b-xqxu10dlf5]{text-align:left;padding:11px 7px;background:color-mix(in srgb,var(--inc-blue) 5%,var(--inc-card));border-bottom:1px solid var(--inc-border);white-space:nowrap}.inc-page td[b-xqxu10dlf5]{padding:10px 7px;border-bottom:1px solid var(--inc-border);vertical-align:middle}.inc-page tr.selected[b-xqxu10dlf5]{background:color-mix(in srgb,var(--inc-blue) 7%,var(--inc-card))}.inc-desc[b-xqxu10dlf5]{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inc-pill[b-xqxu10dlf5]{display:inline-flex;border-radius:20px;background:#fff0ce;color:#9a6200;padding:5px 9px;font-size:11px;font-weight:750;white-space:nowrap}.inc-pill.resolved[b-xqxu10dlf5]{background:#d8f7e8;color:#08734b}.inc-link[b-xqxu10dlf5]{border:0;background:transparent;color:var(--inc-blue);font-weight:700;cursor:pointer}.inc-footer[b-xqxu10dlf5]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:12px;color:var(--inc-muted);font-size:11px}.inc-footer>div[b-xqxu10dlf5]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inc-footer label[b-xqxu10dlf5]{flex-direction:row;align-items:center}.inc-footer select[b-xqxu10dlf5]{width:auto;min-height:32px}.inc-footer .inc-btn[b-xqxu10dlf5]{min-height:32px;padding:5px 9px}.inc-detail-head[b-xqxu10dlf5]{display:flex;align-items:start;justify-content:space-between;gap:8px}.inc-detail h3[b-xqxu10dlf5]{font-size:20px;margin:0 0 15px}.inc-detail-tabs[b-xqxu10dlf5]{display:flex;margin-bottom:16px}.inc-detail-tabs button[b-xqxu10dlf5]{flex:1;justify-content:center}.inc-fields[b-xqxu10dlf5]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inc-fields .wide[b-xqxu10dlf5]{grid-column:1/-1}.inc-detail-actions[b-xqxu10dlf5]{display:flex;gap:8px;margin-top:16px}.inc-detail-actions .inc-btn[b-xqxu10dlf5]{flex:1}.inc-history article[b-xqxu10dlf5]{border-left:3px solid var(--inc-blue);padding:4px 10px;margin-bottom:14px;background:color-mix(in srgb,var(--inc-blue) 4%,var(--inc-card))}.inc-history time[b-xqxu10dlf5]{display:block;color:var(--inc-muted);font-size:11px;margin-top:4px}.inc-history p[b-xqxu10dlf5]{font-size:12px}.inc-history label[b-xqxu10dlf5]{margin-bottom:12px}.inc-message[b-xqxu10dlf5],.inc-error[b-xqxu10dlf5]{padding:10px 12px;border-radius:6px;background:color-mix(in srgb,var(--inc-blue) 8%,var(--inc-card));border:1px solid var(--inc-border);font-size:12px}.inc-error[b-xqxu10dlf5]{color:#b52626}.inc-empty[b-xqxu10dlf5],.inc-muted[b-xqxu10dlf5]{padding:22px;color:var(--inc-muted);text-align:center;font-size:13px}.inc-modal-backdrop[b-xqxu10dlf5]{position:fixed;inset:0;background:#001528a8;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1500}.inc-modal[b-xqxu10dlf5]{width:min(620px,100%);max-height:90vh;overflow-y:auto;border-radius:12px;background:var(--inc-card);border:1px solid var(--inc-border);color:var(--inc-text);box-shadow:0 18px 60px #0005}.inc-modal>header[b-xqxu10dlf5]{padding:18px 20px;border-bottom:1px solid var(--inc-border);display:flex;justify-content:space-between;align-items:start;gap:10px}.inc-modal h2[b-xqxu10dlf5]{display:flex;align-items:center;gap:10px;font-size:19px;margin:0}.inc-modal h2[b-xqxu10dlf5]  .mud-icon-root{color:var(--inc-blue)}.inc-modal header p[b-xqxu10dlf5]{margin:5px 0 0;font-size:12px;color:var(--inc-muted)}.inc-close[b-xqxu10dlf5]{background:transparent;border:0;color:var(--inc-text);cursor:pointer}.inc-modal-body[b-xqxu10dlf5]{padding:20px}.inc-modal-body h3[b-xqxu10dlf5]{font-size:14px;margin:0 0 16px}.inc-modal footer[b-xqxu10dlf5]{display:flex;justify-content:end;padding:14px 20px;border-top:1px solid var(--inc-border)}
@media(max-width:1200px){.inc-kpis[b-xqxu10dlf5]{grid-template-columns:repeat(3,minmax(0,1fr))}.inc-layout[b-xqxu10dlf5]{grid-template-columns:minmax(0,1fr)}.inc-filters[b-xqxu10dlf5]{width:100%}}
@media(max-width:700px){.inc-page[b-xqxu10dlf5]{padding:12px}.inc-heading h1[b-xqxu10dlf5]{font-size:22px}.inc-filters[b-xqxu10dlf5]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.inc-filters label[b-xqxu10dlf5]{width:auto}.inc-filters .inc-btn[b-xqxu10dlf5]{grid-column:1/-1}.inc-kpis[b-xqxu10dlf5]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inc-kpis article[b-xqxu10dlf5]{padding:11px;gap:8px}.inc-kpis article[b-xqxu10dlf5]  .mud-icon-root{font-size:24px}.inc-kpis strong[b-xqxu10dlf5]{font-size:20px}.inc-toolbar[b-xqxu10dlf5],.inc-actions[b-xqxu10dlf5]{width:100%}.inc-tabs[b-xqxu10dlf5]{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.inc-tabs button[b-xqxu10dlf5]{white-space:nowrap}.inc-actions .inc-btn[b-xqxu10dlf5]{flex:1}.inc-card[b-xqxu10dlf5]{padding:12px}.inc-table-wrap[b-xqxu10dlf5]{overflow:visible}.inc-page table[b-xqxu10dlf5],.inc-page tbody[b-xqxu10dlf5],.inc-page tr[b-xqxu10dlf5],.inc-page td[b-xqxu10dlf5]{display:block;width:100%}.inc-page thead[b-xqxu10dlf5]{display:none}.inc-page tbody[b-xqxu10dlf5]{display:grid;gap:10px}.inc-page tbody tr[b-xqxu10dlf5]{border:1px solid var(--inc-border);border-radius:8px;padding:10px;background:var(--inc-card)}.inc-page td[b-xqxu10dlf5]{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:5px 0;border:0;text-align:right;overflow-wrap:anywhere}.inc-page td[b-xqxu10dlf5]::before{content:attr(data-label);color:var(--inc-muted);font-weight:700;text-align:left;flex:0 0 35%}.inc-desc[b-xqxu10dlf5]{max-width:none;white-space:normal}.inc-footer[b-xqxu10dlf5]{align-items:start}.inc-fields[b-xqxu10dlf5]{grid-template-columns:1fr}.inc-detail-tabs button[b-xqxu10dlf5]{padding:10px 5px}.inc-modal-body[b-xqxu10dlf5]{padding:14px}}
@media(max-width:380px){.inc-kpis[b-xqxu10dlf5]{grid-template-columns:1fr}.inc-filters[b-xqxu10dlf5]{grid-template-columns:1fr}.inc-detail-actions[b-xqxu10dlf5]{flex-direction:column}}
/* /Pages/InventoryPage.razor.rz.scp.css */
/* Superficies del tema: nunca dejar tarjetas ni controles transparentes. */
.inv-page[b-zelttrldcb]{font-family:'Roboto Condensed',sans-serif;color:var(--mud-palette-text-primary);min-width:0;width:100%;padding:8px 0 24px}.inv-page *[b-zelttrldcb]{box-sizing:border-box}.inv-hero[b-zelttrldcb]{display:grid;grid-template-columns:1.1fr 1fr;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:9px;overflow:hidden}.inv-heading[b-zelttrldcb]{display:flex;align-items:center;gap:15px;padding:17px 20px}.inv-heading[b-zelttrldcb]  .mud-icon-root{font-size:38px;color:#087cfa}.inv-heading h1[b-zelttrldcb]{font-size:1.8rem;font-weight:800;margin:0}.inv-heading p[b-zelttrldcb]{margin:3px 0 0;color:var(--mud-palette-text-secondary)}.inv-banner[b-zelttrldcb]{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px 24px;color:white;background:linear-gradient(90deg,rgba(2,27,51,.97),rgba(5,40,72,.60)),url('/images/home/hero-logistics.webp') center/cover}.inv-banner strong[b-zelttrldcb]{font-size:1.15rem}.inv-notice[b-zelttrldcb]{display:flex;align-items:center;gap:8px;margin:10px 0;color:var(--mud-palette-text-secondary);font-size:.85rem}.inv-kpis[b-zelttrldcb]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.inv-kpis article[b-zelttrldcb],.inv-panel[b-zelttrldcb],.inv-bottom article[b-zelttrldcb]{background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:9px;box-shadow:0 3px 12px rgba(7,30,57,.07)}.inv-kpis article[b-zelttrldcb]{display:flex;align-items:center;gap:10px;padding:13px 11px;min-width:0}.inv-kpis strong[b-zelttrldcb]{display:block;font-size:1.55rem;line-height:1.1}.inv-kpis small[b-zelttrldcb]{display:block;color:var(--mud-palette-text-secondary);margin-top:4px}.inv-icon[b-zelttrldcb]{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;color:#fff}.inv-icon.blue[b-zelttrldcb]{background:#087cfa}.inv-icon.green[b-zelttrldcb]{background:#00a96b}.inv-icon.amber[b-zelttrldcb]{background:#f5a400}.inv-icon.purple[b-zelttrldcb]{background:#8546ef}.inv-icon.red[b-zelttrldcb]{background:#f44258}.inv-icon.slate[b-zelttrldcb]{background:#64748b}.inv-toolbar[b-zelttrldcb]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--mud-palette-lines-default);flex-wrap:wrap}.inv-tabs[b-zelttrldcb],.inv-actions[b-zelttrldcb]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inv-tabs button[b-zelttrldcb]{border:0;border-bottom:2px solid transparent;padding:10px 9px;background:transparent;color:var(--mud-palette-text-primary);cursor:pointer}.inv-tabs button.active[b-zelttrldcb]{color:#087cfa;border-bottom-color:#087cfa;font-weight:800}.inv-primary[b-zelttrldcb],.inv-secondary[b-zelttrldcb]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;padding:9px 12px;font-weight:700;cursor:pointer}.inv-primary[b-zelttrldcb]{border:1px solid #087cfa;background:#087cfa;color:#fff}.inv-secondary[b-zelttrldcb]{background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);color:var(--mud-palette-text-primary)}.inv-primary[b-zelttrldcb]  .mud-icon-root,.inv-secondary[b-zelttrldcb]  .mud-icon-root{font-size:18px}.inv-filters[b-zelttrldcb]{padding:12px}.inv-search[b-zelttrldcb]{display:flex;align-items:center;gap:8px;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:5px;padding:0 10px;margin-bottom:12px}.inv-search input[b-zelttrldcb]{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--mud-palette-text-primary);padding:10px 0}.inv-filter-row[b-zelttrldcb]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:9px;align-items:end}.inv-filter-row label[b-zelttrldcb],.inv-form label[b-zelttrldcb]{display:flex;flex-direction:column;gap:5px;font-size:.85rem;font-weight:700}.inv-filter-row select[b-zelttrldcb],.inv-form input[b-zelttrldcb],.inv-form select[b-zelttrldcb],.inv-footer select[b-zelttrldcb]{width:100%;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default);border-radius:5px;padding:9px;min-width:0}.inv-table-wrap[b-zelttrldcb]{width:100%;overflow-x:auto}.inv-table[b-zelttrldcb]{width:100%;border-collapse:collapse;font-size:.85rem}.inv-table thead[b-zelttrldcb]{background:var(--mud-palette-background-gray)}.inv-table th[b-zelttrldcb]{text-align:left;padding:10px 9px;white-space:nowrap}.inv-table td[b-zelttrldcb]{padding:10px 9px;border-top:1px solid var(--mud-palette-lines-default)}.inv-table tbody tr:nth-child(even)[b-zelttrldcb]{background:var(--mud-palette-background-gray)}.inv-table td strong[b-zelttrldcb],.inv-table td small[b-zelttrldcb]{display:block}.inv-table td small[b-zelttrldcb]{color:var(--mud-palette-text-secondary)}.inv-badge[b-zelttrldcb]{display:inline-block;border-radius:20px;padding:4px 8px;font-weight:700;white-space:nowrap}.inv-badge.stored[b-zelttrldcb]{background:#d6f6e7;color:#066b46}.inv-badge.picking[b-zelttrldcb]{background:#eadcff;color:#6830b7}.inv-badge.review[b-zelttrldcb]{background:#ffe0e3;color:#a20d2a}.inv-link[b-zelttrldcb]{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;color:var(--mud-palette-primary);cursor:pointer}.inv-link[b-zelttrldcb]  .mud-icon-root{font-size:17px}.inv-footer[b-zelttrldcb]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;flex-wrap:wrap}.inv-footer>div[b-zelttrldcb],.inv-footer label[b-zelttrldcb]{display:flex;align-items:center;gap:8px}.inv-footer select[b-zelttrldcb]{width:auto}.inv-footer button[b-zelttrldcb]{padding:5px 10px;border:1px solid var(--mud-palette-lines-default);background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border-radius:5px}.inv-footer button:disabled[b-zelttrldcb]{opacity:.4}.inv-bottom[b-zelttrldcb]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.inv-bottom article[b-zelttrldcb]{padding:14px;min-width:0}.inv-bottom h3[b-zelttrldcb]{display:flex;align-items:center;gap:7px;font-size:1rem;margin:0 0 15px}.inv-bottom h3[b-zelttrldcb]  .mud-icon-root{font-size:20px}.inv-bar-row[b-zelttrldcb]{display:grid;grid-template-columns:minmax(0,1fr) minmax(50px,1fr) auto;align-items:center;gap:7px;margin:10px 0;font-size:.8rem}.inv-track[b-zelttrldcb]{height:8px;background:var(--mud-palette-background-gray);border-radius:10px;overflow:hidden}.inv-track span[b-zelttrldcb]{display:block;background:#087cfa;height:100%;border-radius:10px}.inv-expiry[b-zelttrldcb]{display:flex;justify-content:space-between;gap:8px;margin:12px 0;font-size:.83rem}.inv-empty[b-zelttrldcb]{padding:24px;text-align:center}.inv-overlay[b-zelttrldcb]{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;background:rgba(1,14,28,.75);backdrop-filter:blur(3px);padding:16px}.inv-modal[b-zelttrldcb]{width:min(620px,100%);max-height:90vh;overflow-y:auto;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.inv-modal>header[b-zelttrldcb]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--mud-palette-background-gray);border-bottom:1px solid var(--mud-palette-lines-default)}.inv-modal>header>div[b-zelttrldcb]{display:flex;align-items:center;gap:9px}.inv-modal>header button[b-zelttrldcb]{border:0;background:transparent;color:var(--mud-palette-text-primary);cursor:pointer}.inv-modal-body[b-zelttrldcb]{padding:20px}.inv-modal footer[b-zelttrldcb]{display:flex;justify-content:flex-end;border-top:1px solid var(--mud-palette-lines-default);padding:14px 20px}.inv-detail[b-zelttrldcb],.inv-form[b-zelttrldcb]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inv-detail>div[b-zelttrldcb]{background:var(--mud-palette-background-gray);border:1px solid var(--mud-palette-lines-default);border-radius:7px;padding:12px}.inv-detail span[b-zelttrldcb],.inv-detail strong[b-zelttrldcb]{display:block}.inv-detail span[b-zelttrldcb]{font-size:.82rem;color:var(--mud-palette-text-secondary);margin-bottom:5px}.inv-error[b-zelttrldcb]{color:var(--mud-palette-error);font-weight:700}.inv-primary:focus-visible[b-zelttrldcb],.inv-secondary:focus-visible[b-zelttrldcb],.inv-link:focus-visible[b-zelttrldcb],.inv-tabs button:focus-visible[b-zelttrldcb]{outline:2px solid var(--mud-palette-primary);outline-offset:2px}
@media(max-width:1200px){.inv-kpis[b-zelttrldcb]{grid-template-columns:repeat(3,minmax(0,1fr))}.inv-bottom[b-zelttrldcb]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.inv-page[b-zelttrldcb]{padding:0 0 20px}.inv-hero[b-zelttrldcb]{grid-template-columns:1fr}.inv-banner[b-zelttrldcb]{display:none}.inv-heading[b-zelttrldcb]{padding:14px}.inv-heading h1[b-zelttrldcb]{font-size:1.4rem}.inv-kpis[b-zelttrldcb]{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inv-kpis article[b-zelttrldcb]{padding:11px}.inv-toolbar[b-zelttrldcb]{align-items:stretch}.inv-tabs[b-zelttrldcb]{flex-wrap:nowrap;overflow-x:auto;width:100%}.inv-tabs button[b-zelttrldcb]{white-space:nowrap}.inv-actions[b-zelttrldcb]{width:100%}.inv-actions button[b-zelttrldcb]{flex:1}.inv-filter-row[b-zelttrldcb]{grid-template-columns:1fr 1fr}.inv-filter-row .inv-secondary[b-zelttrldcb]{grid-column:1/-1}.inv-table-wrap[b-zelttrldcb]{overflow:visible;padding:0 12px}.inv-table[b-zelttrldcb],.inv-table tbody[b-zelttrldcb],.inv-table tr[b-zelttrldcb],.inv-table td[b-zelttrldcb]{display:block;width:100%}.inv-table thead[b-zelttrldcb]{display:none}.inv-table tbody[b-zelttrldcb]{display:flex;flex-direction:column;gap:14px}.inv-table tbody tr[b-zelttrldcb]{border:1px solid var(--mud-palette-lines-default);border-radius:9px;padding:12px;background:var(--mud-palette-surface)!important;box-shadow:0 2px 8px rgba(0,0,0,.07)}.inv-table td[b-zelttrldcb]{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border:0;text-align:right;overflow-wrap:anywhere}.inv-table td[b-zelttrldcb]:before{content:attr(data-label);text-align:left;font-weight:700;flex:0 0 42%}.inv-table td:first-child[b-zelttrldcb]{border-bottom:1px solid var(--mud-palette-lines-default);margin-bottom:5px;padding-bottom:10px}.inv-bottom[b-zelttrldcb]{grid-template-columns:1fr}.inv-footer[b-zelttrldcb]{align-items:flex-start}.inv-detail[b-zelttrldcb],.inv-form[b-zelttrldcb]{grid-template-columns:1fr}}@media(max-width:380px){.inv-filter-row[b-zelttrldcb]{grid-template-columns:1fr}}
/* /Pages/MovingPage.razor.rz.scp.css */
/* Superficies corporativas y aislamiento visual del módulo */
.mv-page[b-g7gy222ecs]{font-family:'Roboto Condensed',sans-serif;color:var(--trayekto-text);width:100%;min-width:0;padding:8px 0 26px}.mv-page *[b-g7gy222ecs],.mv-overlay *[b-g7gy222ecs]{box-sizing:border-box}.mv-hero[b-g7gy222ecs],.mv-kpis article[b-g7gy222ecs],.mv-panel[b-g7gy222ecs],.mv-bottom article[b-g7gy222ecs]{background:var(--trayekto-surface);border:1px solid var(--trayekto-border);border-radius:9px;box-shadow:0 3px 12px #071e3910}.mv-hero[b-g7gy222ecs]{display:grid;grid-template-columns:1.02fr 1fr;overflow:hidden}.mv-title[b-g7gy222ecs]{display:flex;align-items:center;gap:14px;padding:18px}.mv-title[b-g7gy222ecs]  .mud-icon-root{font-size:36px;color:#087cfa}.mv-title h1[b-g7gy222ecs]{font-size:1.8rem;font-weight:800;margin:0}.mv-title p[b-g7gy222ecs]{margin:3px 0 0;color:var(--trayekto-text-secondary)}.mv-banner[b-g7gy222ecs]{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px 24px;color:#fff;background:linear-gradient(90deg,#05223deF,#092f52b8),url('/images/home/carrusel-mudanzas.webp') center/cover}.mv-banner strong[b-g7gy222ecs]{font-size:1.15rem}.mv-notice[b-g7gy222ecs]{display:flex;gap:7px;align-items:center;font-size:.85rem;color:var(--trayekto-text-secondary);margin:10px 0}.mv-kpis[b-g7gy222ecs]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.mv-kpis article[b-g7gy222ecs]{display:flex;gap:10px;align-items:center;padding:13px 10px;min-width:0}.mv-kpis strong[b-g7gy222ecs]{display:block;font-size:1.55rem;line-height:1.1}.mv-kpis small[b-g7gy222ecs]{display:block;font-weight:700}.mv-kpis em[b-g7gy222ecs]{display:block;font-size:.8rem;color:var(--trayekto-text-secondary);font-style:normal;margin-top:4px}.mv-circle[b-g7gy222ecs]{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;color:white}.mv-circle.blue[b-g7gy222ecs]{background:#087cfa}.mv-circle.green[b-g7gy222ecs]{background:#00ad77}.mv-circle.purple[b-g7gy222ecs]{background:#8746f5}.mv-circle.amber[b-g7gy222ecs]{background:#f5a400}.mv-circle.red[b-g7gy222ecs]{background:#fa4258}.mv-circle.slate[b-g7gy222ecs]{background:#405b7b}.mv-toolbar[b-g7gy222ecs]{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:11px 12px;border-bottom:1px solid var(--trayekto-border)}.mv-tabs[b-g7gy222ecs],.mv-actions[b-g7gy222ecs]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mv-tabs button[b-g7gy222ecs]{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--trayekto-text);padding:9px 8px;cursor:pointer;font:inherit}.mv-tabs button.active[b-g7gy222ecs]{border-color:#087cfa;color:#087cfa;font-weight:800}.mv-primary[b-g7gy222ecs],.mv-secondary[b-g7gy222ecs],.mv-link[b-g7gy222ecs],.mv-footer button[b-g7gy222ecs],.mv-close[b-g7gy222ecs]{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font:inherit}.mv-primary[b-g7gy222ecs]{border:1px solid #087cfa;border-radius:5px;background:#087cfa;color:#fff;padding:9px 13px;font-weight:700}.mv-secondary[b-g7gy222ecs]{border:1px solid var(--trayekto-border);border-radius:5px;background:var(--trayekto-surface);color:var(--trayekto-text);padding:9px 12px;font-weight:700}.mv-filters[b-g7gy222ecs]{display:grid;grid-template-columns:1.7fr .65fr .65fr .8fr .7fr auto;gap:10px;align-items:end;padding:12px}.mv-filters label[b-g7gy222ecs],.mv-form-grid label[b-g7gy222ecs]{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:.86rem;min-width:0}.mv-filters input[b-g7gy222ecs],.mv-filters select[b-g7gy222ecs],.mv-form-grid input[b-g7gy222ecs],.mv-form-grid select[b-g7gy222ecs],.mv-footer select[b-g7gy222ecs]{width:100%;min-width:0;border:1px solid var(--trayekto-input-border);background:var(--trayekto-surface);color:var(--trayekto-text);border-radius:5px;padding:9px;font:inherit;min-height:37px}.mv-search[b-g7gy222ecs]{position:relative}.mv-search[b-g7gy222ecs]  .mud-icon-root{position:absolute;left:10px;bottom:9px}.mv-search input[b-g7gy222ecs]{padding-left:37px}.mv-message[b-g7gy222ecs]{margin:4px 12px;padding:9px 12px;border-radius:6px;background:var(--trayekto-surface-alt);border:1px solid var(--trayekto-border)}.mv-table-wrap[b-g7gy222ecs]{overflow-x:auto}.mv-table-wrap table[b-g7gy222ecs]{width:100%;border-collapse:collapse;font-size:.86rem}.mv-table-wrap th[b-g7gy222ecs]{text-align:left;padding:11px 9px;background:var(--trayekto-surface-alt);white-space:nowrap}.mv-table-wrap td[b-g7gy222ecs]{padding:11px 9px;border-bottom:1px solid var(--trayekto-border)}.mv-table-wrap td strong[b-g7gy222ecs],.mv-table-wrap td small[b-g7gy222ecs]{display:block}.mv-table-wrap td small[b-g7gy222ecs]{color:var(--trayekto-text-secondary)}.mv-table-wrap tr:nth-child(even)[b-g7gy222ecs]{background:var(--trayekto-surface-alt)}.mv-pill[b-g7gy222ecs]{display:inline-block;padding:4px 8px;border-radius:20px;font-weight:700;white-space:nowrap}.mv-pill.preparing[b-g7gy222ecs]{background:#dceeff;color:#0763c4}.mv-pill.packing[b-g7gy222ecs]{background:#ebdbff;color:#6924b4}.mv-pill.ready[b-g7gy222ecs]{background:#d4f5e6;color:#08734b}.mv-pill.issue[b-g7gy222ecs],.mv-pill.expired[b-g7gy222ecs]{background:#ffdde0;color:#b41c37}.mv-link[b-g7gy222ecs]{border:0;background:transparent;color:var(--trayekto-text);font-weight:700;padding:6px}.mv-footer[b-g7gy222ecs]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;flex-wrap:wrap}.mv-footer>div[b-g7gy222ecs]{display:flex;align-items:center;gap:10px}.mv-footer label[b-g7gy222ecs]{display:flex;align-items:center;gap:8px}.mv-footer select[b-g7gy222ecs]{width:65px}.mv-footer button[b-g7gy222ecs]{background:var(--trayekto-surface);color:var(--trayekto-text);border:1px solid var(--trayekto-border);border-radius:4px;padding:6px 10px}.mv-footer button:disabled[b-g7gy222ecs]{opacity:.4;cursor:default}.mv-empty[b-g7gy222ecs]{padding:20px;text-align:center}.mv-bottom[b-g7gy222ecs]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.mv-bottom article[b-g7gy222ecs]{padding:15px;min-width:0}.mv-bottom h3[b-g7gy222ecs]{display:flex;gap:8px;align-items:center;font-size:1rem;margin:0 0 16px}.mv-bar[b-g7gy222ecs]{display:grid;grid-template-columns:minmax(80px,1fr) 1fr 28px;align-items:center;gap:8px;margin:11px 0;font-size:.83rem}.mv-bar>div[b-g7gy222ecs]{height:7px;background:var(--trayekto-surface-alt);border-radius:8px;overflow:hidden}.mv-bar i[b-g7gy222ecs]{display:block;height:100%;background:#087cfa;border-radius:8px}.mv-bar strong[b-g7gy222ecs]{text-align:right}.mv-upcoming[b-g7gy222ecs]{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--trayekto-border);font-size:.84rem}.mv-overlay[b-g7gy222ecs]{position:fixed;inset:0;background:#001329bd;display:flex;justify-content:center;align-items:center;z-index:1500;padding:16px;font-family:'Roboto Condensed',sans-serif}.mv-modal[b-g7gy222ecs]{width:min(760px,100%);max-height:90vh;overflow:auto;border:1px solid var(--trayekto-border);border-radius:12px;background:var(--trayekto-surface);color:var(--trayekto-text);box-shadow:0 22px 65px #0007}.mv-modal>header[b-g7gy222ecs]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--trayekto-border)}.mv-modal-title[b-g7gy222ecs]{display:flex;align-items:center;gap:12px}.mv-modal-title[b-g7gy222ecs]  .mud-icon-root{color:#087cfa;font-size:29px}.mv-modal h2[b-g7gy222ecs]{font-size:1.35rem;margin:0}.mv-modal h3[b-g7gy222ecs]{font-size:1.05rem;margin:0 0 15px}.mv-modal p[b-g7gy222ecs]{margin:5px 0 0;color:var(--trayekto-text-secondary)}.mv-close[b-g7gy222ecs]{background:var(--trayekto-surface-alt);color:var(--trayekto-text);border:1px solid var(--trayekto-border);border-radius:7px;padding:7px}.mv-modal-body[b-g7gy222ecs]{padding:18px 20px}.mv-form-card[b-g7gy222ecs]{padding:18px;background:var(--trayekto-surface-alt);border:1px solid var(--trayekto-border);border-radius:9px;margin-top:12px}.mv-form-grid[b-g7gy222ecs]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mv-form-grid input[b-g7gy222ecs],.mv-form-grid select[b-g7gy222ecs]{background:var(--trayekto-surface)}.mv-modal dl[b-g7gy222ecs]{display:grid;grid-template-columns:1fr 2fr;gap:12px}.mv-modal dt[b-g7gy222ecs]{font-weight:700}.mv-modal dd[b-g7gy222ecs]{margin:0}.mv-modal>footer[b-g7gy222ecs]{padding:14px 20px;display:flex;justify-content:flex-end;border-top:1px solid var(--trayekto-border)}.mv-error[b-g7gy222ecs]{color:#e74d5d!important;font-weight:700}.mv-hint[b-g7gy222ecs]{margin:0!important}.mv-page button:focus-visible[b-g7gy222ecs],.mv-modal button:focus-visible[b-g7gy222ecs]{outline:3px solid #329dff;outline-offset:2px}
@media(max-width:1200px){.mv-kpis[b-g7gy222ecs]{grid-template-columns:repeat(3,minmax(0,1fr))}.mv-filters[b-g7gy222ecs]{grid-template-columns:repeat(3,minmax(0,1fr))}.mv-bottom[b-g7gy222ecs]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mv-page[b-g7gy222ecs]{padding:5px 0 18px}.mv-hero[b-g7gy222ecs]{grid-template-columns:1fr}.mv-banner[b-g7gy222ecs]{display:none}.mv-title[b-g7gy222ecs]{padding:14px}.mv-title h1[b-g7gy222ecs]{font-size:1.45rem}.mv-kpis[b-g7gy222ecs]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mv-kpis article[b-g7gy222ecs]{padding:10px 8px}.mv-kpis strong[b-g7gy222ecs]{font-size:1.35rem}.mv-toolbar[b-g7gy222ecs]{align-items:stretch}.mv-tabs[b-g7gy222ecs]{width:100%;overflow-x:auto;flex-wrap:nowrap}.mv-tabs button[b-g7gy222ecs]{flex-shrink:0}.mv-actions[b-g7gy222ecs]{width:100%}.mv-actions .mv-primary[b-g7gy222ecs],.mv-actions .mv-secondary[b-g7gy222ecs]{flex:1 1 auto}.mv-filters[b-g7gy222ecs]{grid-template-columns:1fr 1fr}.mv-search[b-g7gy222ecs]{grid-column:1/-1}.mv-filters>.mv-secondary[b-g7gy222ecs]{grid-column:1/-1}.mv-table-wrap[b-g7gy222ecs]{overflow:visible;padding:8px 12px}.mv-table-wrap table[b-g7gy222ecs],.mv-table-wrap tbody[b-g7gy222ecs]{display:block;width:100%}.mv-table-wrap thead[b-g7gy222ecs]{display:none}.mv-table-wrap tr[b-g7gy222ecs]{display:block;background:var(--trayekto-surface)!important;border:1px solid var(--trayekto-border);border-radius:9px;padding:12px 14px;margin-bottom:14px;box-shadow:0 3px 10px #00000012}.mv-table-wrap td[b-g7gy222ecs]{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:6px 0;border:0;text-align:right}.mv-table-wrap td:first-child[b-g7gy222ecs]{padding-bottom:11px;border-bottom:1px solid var(--trayekto-border);text-align:left}.mv-table-wrap td:first-child strong[b-g7gy222ecs]{font-size:1rem}.mv-table-wrap td[b-g7gy222ecs]::before{content:attr(data-label);font-weight:700;text-align:left;flex:0 0 42%;color:var(--trayekto-text-secondary)}.mv-table-wrap td:first-child[b-g7gy222ecs]::before{display:none}.mv-table-wrap td:last-child[b-g7gy222ecs]{justify-content:flex-end;border-top:1px solid var(--trayekto-border);margin-top:8px}.mv-table-wrap td:last-child[b-g7gy222ecs]::before{margin-right:auto}.mv-bottom[b-g7gy222ecs]{grid-template-columns:1fr}.mv-footer[b-g7gy222ecs]{align-items:flex-start}.mv-form-grid[b-g7gy222ecs]{grid-template-columns:1fr}.mv-modal-body[b-g7gy222ecs],.mv-modal>header[b-g7gy222ecs]{padding:14px}.mv-modal[b-g7gy222ecs]{max-height:92vh}}


/* Diseño estructural específico: colores y superficies consumen tokens corporativos globales. */
.mv-kpis article[b-g7gy222ecs] { min-width: 0; }
.mv-kpis b[b-g7gy222ecs] { display:block; font-size:.88rem; }
.mv-kpis small[b-g7gy222ecs] { color:var(--trayekto-text-secondary); }
.mv-notice[b-g7gy222ecs] { margin:10px 0; }
.mv-filters[b-g7gy222ecs] { grid-template-columns:1.5fr repeat(5,minmax(0,.65fr)) auto; }
.mv-filters .mv-search span[b-g7gy222ecs] { font-weight:700; }
.mv-filters .mv-search input[b-g7gy222ecs] { padding-left:10px; }
.mv-pill.type[b-g7gy222ecs] { background:var(--trayekto-surface-alt); color:var(--trayekto-text); }
.mv-pill.executing[b-g7gy222ecs] { background:#ebdbff; color:#6924b4; }
.mv-pill.completed[b-g7gy222ecs] { background:#d4f5e6; color:#08734b; }
.mv-success[b-g7gy222ecs] { margin-top:12px; color:var(--trayekto-text); font-weight:700; }
.mv-modal[b-g7gy222ecs] { background:var(--trayekto-surface); color:var(--trayekto-text); }
.mv-modal > header[b-g7gy222ecs], .mv-modal > footer[b-g7gy222ecs] { background:var(--trayekto-surface); }
.mv-form-grid input[b-g7gy222ecs],.mv-form-grid select[b-g7gy222ecs],.mv-filters input[b-g7gy222ecs],.mv-filters select[b-g7gy222ecs] { background:var(--trayekto-input-bg); color:var(--trayekto-text); border-color:var(--trayekto-input-border); }
@media(max-width:1200px){.mv-filters[b-g7gy222ecs]{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:700px){.mv-filters[b-g7gy222ecs]{grid-template-columns:repeat(2,minmax(0,1fr));}.mv-filters .mv-search[b-g7gy222ecs]{grid-column:1/-1}.mv-table-wrap tr[b-g7gy222ecs]{background:var(--trayekto-surface)!important}.mv-modal[b-g7gy222ecs]{max-height:92vh}.mv-modal-body[b-g7gy222ecs]{overflow-y:auto}.mv-kpis article[b-g7gy222ecs]{padding:10px 8px}.mv-kpis b[b-g7gy222ecs]{font-size:.8rem}}
/* /Pages/NewCargoOrder.razor.rz.scp.css */
/* ============================================================
   TRAYEKTO - FORMULARIO INDEPENDIENTE DE TRANSPORTE DE CARGA
   Fuente corporativa, responsive, contraste claro/oscuro.
   ============================================================ */
.cargo-page[b-oyxeal8h6i]{font-family:'Roboto Condensed',Roboto,Arial,sans-serif;color:var(--mud-palette-text-primary);padding:22px 28px 42px;max-width:1740px;margin:0 auto}
.cargo-header[b-oyxeal8h6i]{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.cargo-header h1[b-oyxeal8h6i]{font-size:29px;font-weight:800;margin:5px 0;display:flex;align-items:center;gap:12px}
.cargo-header h1[b-oyxeal8h6i]  .mud-icon-root{color:#087dff}
.cargo-header p[b-oyxeal8h6i],.cargo-panel>p[b-oyxeal8h6i]{color:var(--mud-palette-text-secondary);margin:0 0 14px;font-size:14px}
.cargo-breadcrumb[b-oyxeal8h6i]{font-size:12px;color:var(--mud-palette-text-secondary)}
.cargo-actions[b-oyxeal8h6i]{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
[b-oyxeal8h6i] .cargo-primary.mud-button-root{background:#087dff!important;color:#fff!important;border-radius:7px;min-height:40px;font-weight:700;padding:0 16px;text-transform:none;letter-spacing:0}
[b-oyxeal8h6i] .cargo-secondary.mud-button-root{background:var(--mud-palette-surface)!important;color:var(--mud-palette-text-primary)!important;border:1px solid var(--mud-palette-lines-default);border-radius:7px;min-height:40px;font-weight:700;padding:0 15px;text-transform:none;letter-spacing:0}
.cargo-services[b-oyxeal8h6i]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}
.cargo-service[b-oyxeal8h6i]{display:flex;align-items:center;gap:15px;min-height:80px;padding:15px 17px;border-radius:10px;border:1px solid var(--mud-palette-lines-default);background:var(--cargo-card-background, #ffffff);color:var(--mud-palette-text-primary);text-decoration:none;box-shadow:0 4px 13px rgba(0,35,75,.06)}
.cargo-service[b-oyxeal8h6i]  .mud-icon-root{font-size:24px;color:var(--mud-palette-text-primary)}
.cargo-service span[b-oyxeal8h6i]{display:flex;flex-direction:column;gap:4px}
.cargo-service strong[b-oyxeal8h6i]{font-size:15px;line-height:1.15}
.cargo-service small[b-oyxeal8h6i]{font-size:12px;color:var(--mud-palette-text-secondary)}
.cargo-service.is-active[b-oyxeal8h6i]{border:1.5px solid #087dff;background:var(--cargo-card-active-background, #e7f1ff);box-shadow:0 0 0 2px rgba(8,125,255,.1)}
.cargo-service.is-active strong[b-oyxeal8h6i],.cargo-service.is-active[b-oyxeal8h6i]  .mud-icon-root{color:#087dff}
.cargo-steps[b-oyxeal8h6i]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:var(--cargo-card-background, #ffffff);padding:9px;border-radius:10px;margin-bottom:14px;border:1px solid var(--mud-palette-lines-default)}
.cargo-step[b-oyxeal8h6i]{display:flex;align-items:center;gap:12px;text-align:left;padding:11px;border:0;border-radius:8px;background:transparent;color:var(--mud-palette-text-primary);cursor:pointer;min-width:0}
.cargo-step.active[b-oyxeal8h6i]{background:rgba(8,125,255,.10)}
.cargo-step.active strong[b-oyxeal8h6i]{color:#087dff}
.cargo-step-number[b-oyxeal8h6i]{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:50%;background:var(--mud-palette-background-gray);color:var(--mud-palette-text-primary);font-weight:800}
.cargo-step.active .cargo-step-number[b-oyxeal8h6i],.cargo-step.complete .cargo-step-number[b-oyxeal8h6i]{background:#087dff;color:#fff}
.cargo-step span:last-child[b-oyxeal8h6i]{display:flex;flex-direction:column;gap:4px;min-width:0}
.cargo-step strong[b-oyxeal8h6i]{font-size:14px;line-height:1.1}
.cargo-step small[b-oyxeal8h6i]{font-size:11px;color:var(--mud-palette-text-secondary)}
.cargo-layout[b-oyxeal8h6i]{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:14px;align-items:start}
.cargo-panel[b-oyxeal8h6i]{background:var(--cargo-card-background, #ffffff);border:1px solid var(--mud-palette-lines-default);border-radius:11px;padding:22px;box-shadow:0 6px 18px rgba(0,38,76,.045)}
.cargo-panel h2[b-oyxeal8h6i]{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;margin:0 0 5px}
.cargo-panel h2[b-oyxeal8h6i]  .mud-icon-root{color:#087dff}
.cargo-fields[b-oyxeal8h6i],.cargo-locations[b-oyxeal8h6i]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cargo-field[b-oyxeal8h6i]{display:flex;flex-direction:column;gap:6px;min-width:0}
.cargo-field label[b-oyxeal8h6i]{font-weight:700;font-size:13px}
.cargo-field input[b-oyxeal8h6i],.cargo-field select[b-oyxeal8h6i],.cargo-field textarea[b-oyxeal8h6i]{width:100%;min-height:40px;border-radius:6px;border:1px solid var(--mud-palette-lines-inputs);background:var(--cargo-input-background, #ffffff);color:var(--mud-palette-text-primary);padding:9px 11px;font:inherit;font-size:14px}
.cargo-field textarea[b-oyxeal8h6i]{resize:vertical}
.cargo-field input:focus[b-oyxeal8h6i],.cargo-field select:focus[b-oyxeal8h6i],.cargo-field textarea:focus[b-oyxeal8h6i]{outline:2px solid rgba(8,125,255,.2);border-color:#087dff}
.cargo-field input:disabled[b-oyxeal8h6i]{opacity:.7;background:var(--mud-palette-background-gray)}
.cargo-location[b-oyxeal8h6i]{border:1px solid var(--mud-palette-lines-default);border-radius:9px;padding:16px;display:flex;flex-direction:column;gap:12px;background:rgba(8,125,255,.025)}
.cargo-location.origin[b-oyxeal8h6i]{background:rgba(0,169,112,.07)}
.cargo-location.destination[b-oyxeal8h6i]{background:rgba(8,125,255,.07)}
.cargo-location h3[b-oyxeal8h6i]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;margin:0}
.cargo-location.origin h3[b-oyxeal8h6i]{color:#00a66c}.cargo-location.destination h3[b-oyxeal8h6i]{color:#087dff}
.cargo-search[b-oyxeal8h6i]{display:flex}.cargo-search input[b-oyxeal8h6i]{border-radius:6px 0 0 6px}.cargo-search button[b-oyxeal8h6i]{border:1px solid var(--mud-palette-lines-inputs);border-left:0;border-radius:0 6px 6px 0;background:var(--cargo-input-background, #ffffff);color:var(--mud-palette-text-primary);cursor:pointer}
.cargo-results[b-oyxeal8h6i]{display:flex;flex-direction:column;max-height:190px;overflow:auto;border:1px solid var(--mud-palette-lines-default);border-radius:6px;background:var(--cargo-input-background, #ffffff)}
.cargo-results button[b-oyxeal8h6i]{text-align:left;padding:9px 12px;border:0;border-bottom:1px solid var(--mud-palette-lines-default);background:transparent;color:var(--mud-palette-text-primary);cursor:pointer}
.cargo-results button:hover[b-oyxeal8h6i]{background:rgba(8,125,255,.10)}
.cargo-info[b-oyxeal8h6i]{display:flex;align-items:flex-start;gap:9px;background:rgba(8,125,255,.08);color:var(--mud-palette-text-primary);border-radius:8px;padding:13px;font-size:13px;line-height:1.45;margin-top:17px}
.cargo-info[b-oyxeal8h6i]  .mud-icon-root{color:#087dff;flex:none}
.cargo-navigation[b-oyxeal8h6i]{display:flex;justify-content:space-between;gap:12px;margin-top:15px}
.cargo-summary h2[b-oyxeal8h6i]{font-size:18px}.cargo-summary dl[b-oyxeal8h6i]{display:grid;grid-template-columns:1fr 1fr;gap:13px 7px;font-size:13px;margin:22px 0}.cargo-summary dt[b-oyxeal8h6i]{font-weight:700}.cargo-summary dd[b-oyxeal8h6i]{text-align:right;overflow-wrap:anywhere;margin:0;color:var(--mud-palette-text-secondary)}
.cargo-confirm[b-oyxeal8h6i]{display:grid;grid-template-columns:180px 1fr;gap:12px;margin:20px 0}.cargo-confirm span[b-oyxeal8h6i]{color:var(--mud-palette-text-secondary)}
/* Acentos luminosos exclusivos del tema oscuro; fondos iguales a los paneles existentes. */
@media(max-width:1200px){.cargo-layout[b-oyxeal8h6i]{grid-template-columns:minmax(0,1fr) 250px}.cargo-step small[b-oyxeal8h6i]{display:none}}
@media(max-width:900px){.cargo-services[b-oyxeal8h6i]{grid-template-columns:repeat(2,minmax(0,1fr))}.cargo-layout[b-oyxeal8h6i]{grid-template-columns:1fr}.cargo-summary[b-oyxeal8h6i]{order:2}}
@media(max-width:600px){.cargo-page[b-oyxeal8h6i]{padding:15px 12px 28px}.cargo-header[b-oyxeal8h6i]{align-items:flex-start;flex-direction:column}.cargo-header h1[b-oyxeal8h6i]{font-size:24px}.cargo-services[b-oyxeal8h6i]{gap:8px}.cargo-service[b-oyxeal8h6i]{padding:10px;gap:7px;min-height:74px}.cargo-service strong[b-oyxeal8h6i]{font-size:12px}.cargo-service small[b-oyxeal8h6i]{font-size:10px}.cargo-service[b-oyxeal8h6i]  .mud-icon-root{font-size:20px}.cargo-steps[b-oyxeal8h6i]{gap:2px;padding:5px}.cargo-step[b-oyxeal8h6i]{flex-direction:column;gap:4px;padding:6px 1px;text-align:center}.cargo-step-number[b-oyxeal8h6i]{width:27px;height:27px}.cargo-step strong[b-oyxeal8h6i]{font-size:9px}.cargo-step small[b-oyxeal8h6i]{display:none}.cargo-panel[b-oyxeal8h6i]{padding:15px}.cargo-fields[b-oyxeal8h6i],.cargo-locations[b-oyxeal8h6i]{grid-template-columns:1fr}.cargo-confirm[b-oyxeal8h6i]{grid-template-columns:110px 1fr}.cargo-actions[b-oyxeal8h6i]{width:100%}}


/* ============================================================
   TRAYEKTO - DISTRIBUCIÓN RESPONSIVE Y MÁRGENES
   Se aprovecha el ancho del área de contenido del MainLayout.
   Sin cambios de lógica ni de estilos cromáticos.
   ============================================================ */
.cargo-page[b-oyxeal8h6i] {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: clamp(14px, 1.5vw, 28px) clamp(12px, 1.6vw, 30px) 42px;
}
.cargo-page *[b-oyxeal8h6i], .cargo-page *[b-oyxeal8h6i]::before, .cargo-page *[b-oyxeal8h6i]::after {
    box-sizing: border-box;
}
.cargo-header[b-oyxeal8h6i], .cargo-services[b-oyxeal8h6i], .cargo-steps[b-oyxeal8h6i], .cargo-layout[b-oyxeal8h6i] {
    min-width: 0;
    width: 100%;
}
.cargo-header > div:first-child[b-oyxeal8h6i] { min-width: 0; }
.cargo-layout > *[b-oyxeal8h6i], .cargo-fields > *[b-oyxeal8h6i], .cargo-locations > *[b-oyxeal8h6i] { min-width: 0; }
@media (min-width: 1600px) {
    .cargo-page[b-oyxeal8h6i] { padding-left: 30px; padding-right: 30px; }
    .cargo-layout[b-oyxeal8h6i] { grid-template-columns: minmax(0, 1fr) 295px; }
}
@media (max-width: 1199.98px) {
    .cargo-page[b-oyxeal8h6i] { padding-left: 18px; padding-right: 18px; }
    .cargo-service[b-oyxeal8h6i] { padding: 12px; gap: 10px; }
    .cargo-service strong[b-oyxeal8h6i] { overflow-wrap: anywhere; }
}
@media (max-width: 899.98px) {
    .cargo-page[b-oyxeal8h6i] { padding: 16px 14px 32px; }
    .cargo-layout[b-oyxeal8h6i] { grid-template-columns: minmax(0, 1fr); }
    .cargo-summary[b-oyxeal8h6i] { order: 2; }
    .cargo-header[b-oyxeal8h6i] { flex-wrap: wrap; }
}
@media (max-width: 599.98px) {
    .cargo-page[b-oyxeal8h6i] { padding: 12px 10px 28px; }
    .cargo-header[b-oyxeal8h6i] { gap: 12px; }
    .cargo-services[b-oyxeal8h6i] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cargo-steps[b-oyxeal8h6i] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .cargo-panel[b-oyxeal8h6i] { padding: 14px 12px; }
    .cargo-actions[b-oyxeal8h6i] { display: flex; flex-wrap: wrap; }
    .cargo-fields[b-oyxeal8h6i], .cargo-locations[b-oyxeal8h6i] { grid-template-columns: minmax(0, 1fr); }
}

/* Cascada geográfica compartida con Mensajería: seis campos por ubicación. */
.cargo-location .cargo-field select:disabled[b-oyxeal8h6i] { opacity: .68; cursor: not-allowed; }
.cargo-location .cargo-field select[b-oyxeal8h6i] { min-width: 0; }
@media (max-width: 767px) {
    .cargo-locations[b-oyxeal8h6i] { grid-template-columns: minmax(0,1fr); }
    .cargo-location[b-oyxeal8h6i] { padding: 14px; }
}


/* ============================================================
   TRAYEKTO | ESTÁNDAR MÓVIL DE NUEVAS ÓRDENES
   Solo presentación. No altera navegación, validaciones ni datos.
   ============================================================ */
@media (max-width: 600px) {
    .cargo-page[b-oyxeal8h6i] {
        width: 100%;
        min-width: 0;
        padding: 12px 10px 28px;
        overflow-x: clip;
    }
    .cargo-page *[b-oyxeal8h6i], .cargo-page *[b-oyxeal8h6i]::before, .cargo-page *[b-oyxeal8h6i]::after { box-sizing: border-box; }
    .cargo-header[b-oyxeal8h6i] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 16px;
        min-width: 0;
    }
    .cargo-header > :first-child[b-oyxeal8h6i] { min-width: 0; width: 100%; }
    .cargo-header h1[b-oyxeal8h6i] { font-size: 21px; line-height: 1.2; overflow-wrap: break-word; }
    .cargo-header p[b-oyxeal8h6i] { font-size: 12px; line-height: 1.45; }
    .cargo-actions[b-oyxeal8h6i] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr);
        gap: 7px;
        align-items: stretch;
        width: 100%;
        min-width: 0;
    }
    .cargo-actions > *[b-oyxeal8h6i] {
        min-width: 0;
        width: 100%;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        font-size: 12px;
        padding-inline: 5px;
    }
    .cargo-actions > *[b-oyxeal8h6i]  .mud-button-label {
        white-space: nowrap;
        font-size: 12px;
    }
    .cargo-actions > *[b-oyxeal8h6i]  .mud-button-start-icon { margin-right: 4px; margin-left: 0; }
    .cargo-services[b-oyxeal8h6i] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        min-width: 0;
        margin-bottom: 12px;
    }
    .cargo-service[b-oyxeal8h6i] {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-width: 0;
        min-height: 74px;
        padding: 10px 9px;
        text-align: left;
    }
    .cargo-service > span[b-oyxeal8h6i] { min-width: 0; flex: 1; }
    .cargo-service strong[b-oyxeal8h6i] {
        display: block;
        font-size: 12px;
        line-height: 1.25;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }
    .cargo-service small[b-oyxeal8h6i] { display: block; font-size: 10px; line-height: 1.3; }
    .cargo-service[b-oyxeal8h6i]  .mud-icon-root { flex: 0 0 auto; font-size: 20px; }
    .cargo-steps[b-oyxeal8h6i] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 3px;
        width: 100%;
        min-width: 0;
        padding: 7px 4px;
        align-items: stretch;
    }
    .cargo-step[b-oyxeal8h6i] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
        width: 100%;
        min-width: 0;
        padding: 7px 2px;
        text-align: center;
    }
    .cargo-step-number[b-oyxeal8h6i] {
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        flex: 0 0 27px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .cargo-step > span:last-child[b-oyxeal8h6i] { min-width: 0; width: 100%; }
    .cargo-step strong[b-oyxeal8h6i] {
        display: block;
        font-size: 10px;
        line-height: 1.25;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }
    .cargo-step small[b-oyxeal8h6i] { display: none; }
}
@media (max-width: 360px) {
    .cargo-actions[b-oyxeal8h6i] { gap: 4px; }
    .cargo-actions > *[b-oyxeal8h6i] { font-size: 11px; padding-inline: 2px; }
    .cargo-service[b-oyxeal8h6i] { padding: 8px 6px; gap: 5px; }
    .cargo-service strong[b-oyxeal8h6i] { font-size: 11px; }
    .cargo-step strong[b-oyxeal8h6i] { font-size: 9px; }
}
/* /Pages/NewCustomerServiceRequestPage.razor.rz.scp.css */
/* Nueva solicitud: solo estructura propia; hereda colores y tipografía del tema corporativo. */
.new-request-page[b-arxfkee58s]{min-height:100vh;background:var(--mud-palette-background,#f3f7fd);color:var(--mud-palette-text-primary,#092748);font-family:"Roboto Condensed",sans-serif}
.new-request-topbar[b-arxfkee58s]{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--mud-palette-surface,#fff);border-bottom:1px solid var(--mud-palette-lines-default,#ccd9e9);padding:12px clamp(16px,3vw,48px)}
.new-request-topbar img[b-arxfkee58s]{height:48px;max-width:250px;object-fit:contain}.new-request-topbar span[b-arxfkee58s]{border:1px solid var(--mud-palette-lines-default,#c6d8ef);border-radius:9px;padding:10px 16px}
.new-request-content[b-arxfkee58s]{padding:18px clamp(16px,3vw,48px) 50px;max-width:1680px;margin:auto}
.new-request-breadcrumb[b-arxfkee58s]{margin-bottom:22px;color:var(--mud-palette-text-secondary,#4a6688)}.new-request-breadcrumb button[b-arxfkee58s]{border:0;background:transparent;color:#0878f8;font:inherit;font-weight:700;cursor:pointer}
.new-request-title[b-arxfkee58s]{display:flex;align-items:center;gap:16px;margin-bottom:25px}.new-request-title>span[b-arxfkee58s]{display:grid;place-items:center;background:#dcecff;color:#0878f8;width:64px;height:64px;border-radius:15px;font-size:32px}.new-request-title h1[b-arxfkee58s]{font-size:clamp(25px,2.5vw,36px);margin:0;font-weight:800}.new-request-title p[b-arxfkee58s]{margin:4px 0 0;color:var(--mud-palette-text-secondary,#4a6688)}
.new-request-steps[b-arxfkee58s]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 28px}.new-request-steps>div[b-arxfkee58s]{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;position:relative;color:var(--mud-palette-text-secondary,#56708b)}.new-request-steps>div[b-arxfkee58s]:before{content:"";position:absolute;left:0;right:0;top:19px;border-top:2px solid var(--mud-palette-lines-default,#c9d9e9);z-index:0}.new-request-steps span[b-arxfkee58s]{display:grid;place-items:center;width:40px;height:40px;border:2px solid #b4c7df;border-radius:50%;background:var(--mud-palette-surface,#fff);position:relative;z-index:1;font-weight:800}.new-request-steps small[b-arxfkee58s]{font-size:14px;font-weight:700}.new-request-steps .current[b-arxfkee58s],.new-request-steps .complete[b-arxfkee58s]{color:#0878f8}.new-request-steps .current span[b-arxfkee58s],.new-request-steps .complete span[b-arxfkee58s]{background:#0878f8;color:#fff;border-color:#0878f8}
.new-request-layout[b-arxfkee58s]{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(270px,1fr);align-items:start;gap:22px}.new-request-panel[b-arxfkee58s],.new-request-summary[b-arxfkee58s]{background:var(--mud-palette-surface,#fff);border:1px solid var(--mud-palette-lines-default,#b9d0ed);border-radius:13px;overflow:hidden;box-shadow:0 3px 12px #153a6412}.new-request-panel>header[b-arxfkee58s],.new-request-summary>header[b-arxfkee58s]{padding:15px 20px;background:var(--mud-palette-background-gray,#eaf3ff);border-bottom:1px solid var(--mud-palette-lines-default,#b9d0ed)}.new-request-panel h2[b-arxfkee58s],.new-request-summary h2[b-arxfkee58s]{margin:0;font-size:23px}.new-request-panel>header p[b-arxfkee58s]{margin:4px 0 0;color:var(--mud-palette-text-secondary,#536783)}
.new-request-form[b-arxfkee58s]{padding:22px;min-height:300px}.new-request-form label[b-arxfkee58s]{display:block;margin:15px 0 7px;font-weight:700}.new-request-form input[b-arxfkee58s],.new-request-form select[b-arxfkee58s],.new-request-form textarea[b-arxfkee58s]{box-sizing:border-box;width:100%;border:1px solid var(--mud-palette-lines-default,#9db9d9);border-radius:8px;background:var(--mud-palette-surface,#fff);color:var(--mud-palette-text-primary,#092748);padding:10px 12px;font:inherit;min-height:42px}.new-request-form textarea[b-arxfkee58s]{resize:vertical}.new-request-form h3[b-arxfkee58s]{font-size:19px;margin:3px 0 16px}.new-request-help[b-arxfkee58s]{margin:3px 0 15px;color:var(--mud-palette-text-secondary,#58718d)}.new-request-columns[b-arxfkee58s]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.new-request-services[b-arxfkee58s]{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:15px 0}.new-request-services button[b-arxfkee58s]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:110px;padding:13px;background:var(--mud-palette-surface,#fff);color:inherit;border:1px solid var(--mud-palette-lines-default,#b5cbe6);border-radius:11px;font:inherit;cursor:pointer;text-align:center}.new-request-services button.selected[b-arxfkee58s]{background:var(--mud-palette-background-gray,#e8f3ff);border:2px solid #0878f8}.new-request-services button>span[b-arxfkee58s]{color:#0878f8;font-size:28px}.new-request-services small[b-arxfkee58s]{color:var(--mud-palette-text-secondary,#56708b);line-height:1.3}.new-request-search[b-arxfkee58s]{display:flex;gap:7px}.new-request-search button[b-arxfkee58s]{border:1px solid #0878f8;background:#0878f8;color:#fff;border-radius:7px;padding:0 13px;cursor:pointer;font:inherit}.new-request-form select[b-arxfkee58s]{margin-top:8px}.new-request-item[b-arxfkee58s]{border:1px solid var(--mud-palette-lines-default,#bed0e6);border-radius:10px;padding:15px;margin-bottom:15px}.new-request-item-title[b-arxfkee58s]{display:flex;justify-content:space-between}.new-request-item-title button[b-arxfkee58s]{border:0;background:transparent;color:#0878f8;cursor:pointer}.new-request-error[b-arxfkee58s]{color:#bd3030;font-weight:700;margin-top:16px}.new-request-success[b-arxfkee58s]{color:#148454;font-weight:700}
.new-request-footer[b-arxfkee58s]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px 20px;border-top:1px solid var(--mud-palette-lines-default,#c5d8ed)}.new-request-footer button[b-arxfkee58s],.new-request-secondary[b-arxfkee58s],.new-request-primary[b-arxfkee58s]{padding:10px 15px;border-radius:8px;cursor:pointer;font:inherit;font-weight:700}.new-request-secondary[b-arxfkee58s]{border:1px solid #94b8e9;background:var(--mud-palette-surface,#fff);color:#0878f8}.new-request-primary[b-arxfkee58s]{border:1px solid #0878f8;background:#0878f8;color:#fff}.new-request-footer button:disabled[b-arxfkee58s],.new-request-secondary:disabled[b-arxfkee58s]{opacity:.5;cursor:not-allowed}.new-request-spacer[b-arxfkee58s]{flex:1}
.new-request-summary dl[b-arxfkee58s]{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;padding:8px 18px;margin:0}.new-request-summary dt[b-arxfkee58s],.new-request-summary dd[b-arxfkee58s]{padding:11px 0;margin:0;border-bottom:1px solid var(--mud-palette-lines-default,#d5e1ee);overflow-wrap:anywhere}.new-request-summary dt[b-arxfkee58s]{color:var(--mud-palette-text-secondary,#58718d)}.new-request-summary dd[b-arxfkee58s]{font-weight:700}.new-request-summary>p[b-arxfkee58s]{margin:14px 18px 20px;color:var(--mud-palette-text-secondary,#58718d)}
@media(max-width:1050px){.new-request-layout[b-arxfkee58s]{grid-template-columns:1fr}.new-request-summary[b-arxfkee58s]{order:2}}
@media(max-width:650px){.new-request-topbar img[b-arxfkee58s]{height:35px}.new-request-topbar span[b-arxfkee58s]{font-size:13px}.new-request-steps small[b-arxfkee58s]{font-size:11px}.new-request-steps span[b-arxfkee58s]{width:31px;height:31px}.new-request-steps>div[b-arxfkee58s]:before{top:15px}.new-request-columns[b-arxfkee58s]{grid-template-columns:1fr}.new-request-form[b-arxfkee58s]{padding:15px}.new-request-footer[b-arxfkee58s]{padding:13px}.new-request-spacer[b-arxfkee58s]{flex-basis:100%}.new-request-title>span[b-arxfkee58s]{width:48px;height:48px}.new-request-title h1[b-arxfkee58s]{font-size:24px}}

/* El encabezado y la navegación son responsabilidad de ClientLayout. */
.new-request-page[b-arxfkee58s]{min-height:calc(100vh - 70px)}
.new-request-content[b-arxfkee58s]{padding-left:clamp(12px,2vw,32px);padding-right:clamp(12px,2vw,32px)}

/* El layout compartido administra el margen de 16 px y el ancho disponible. */
.new-request-content[b-arxfkee58s]{max-width:none;margin:0;padding:0 0 24px}
.new-request-page[b-arxfkee58s]{min-height:calc(100vh - 106px);background:transparent}
.new-request-breadcrumb[b-arxfkee58s]{margin-bottom:12px}
.new-request-title[b-arxfkee58s]{margin-bottom:16px}
.new-request-steps[b-arxfkee58s]{margin-bottom:16px}
.new-request-layout[b-arxfkee58s]{gap:16px}
/* /Pages/NewMovingOrder.razor.rz.scp.css */
/* ============================================================
   TRAYEKTO | MUDANZAS
   Diseño aislado; compatible con los temas corporativos.
   ============================================================ */
.moving-page[b-jerkr50yaa] {
    --mv-surface: #ffffff;
    --mv-input: #ffffff;
    --mv-border: #d8e5f3;
    --mv-ink: #0b2450;
    --mv-muted: #4d6893;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: clamp(12px, 1.2vw, 22px);
    font-family: 'Roboto Condensed', Roboto, Arial, sans-serif;
    color: var(--mud-palette-text-primary);
}
.moving-page *[b-jerkr50yaa], .moving-page *[b-jerkr50yaa]::before, .moving-page *[b-jerkr50yaa]::after { box-sizing: border-box; }
.moving-header[b-jerkr50yaa] { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }
.moving-header h1[b-jerkr50yaa] { display: flex; gap: 12px; align-items: center; margin: 5px 0; font-size: clamp(23px, 2vw, 30px); font-weight: 800; }
.moving-header h1[b-jerkr50yaa]  .mud-icon-root { color: #087dff; }
.moving-header p[b-jerkr50yaa], .moving-step-heading p[b-jerkr50yaa] { margin: 0; color: var(--mud-palette-text-secondary); font-size: 14px; }
.moving-breadcrumb[b-jerkr50yaa] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.moving-breadcrumb span[b-jerkr50yaa] { padding: 0 9px; }
.moving-actions[b-jerkr50yaa] { display: flex; gap: 9px; flex-wrap: wrap; }
.moving-button[b-jerkr50yaa] { display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid var(--mv-border); border-radius: 7px; min-height: 40px; padding: 9px 15px; text-decoration: none; cursor: pointer; font: inherit; font-weight: 700; }
.moving-button[b-jerkr50yaa]  .mud-icon-root { font-size: 19px; }
.moving-button.secondary[b-jerkr50yaa] { color: var(--mud-palette-text-primary); background: var(--mv-surface); }
.moving-button.primary[b-jerkr50yaa] { color: #ffffff; background: #087dff; border-color: #087dff; }
.moving-services[b-jerkr50yaa] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-bottom: 13px; }
.moving-service[b-jerkr50yaa] { min-width: 0; min-height: 80px; display: flex; align-items: center; gap: 15px; padding: 15px 17px; border: 1px solid var(--mv-border); border-radius: 10px; background: var(--mv-surface); text-decoration: none; color: var(--mud-palette-text-primary); box-shadow: 0 5px 14px rgba(0, 35, 75, .05); }
.moving-service[b-jerkr50yaa]  .mud-icon-root { font-size: 24px; }
.moving-service span[b-jerkr50yaa] { display: flex; flex-direction: column; gap: 4px; }
.moving-service strong[b-jerkr50yaa] { font-size: 15px; line-height: 1.2; }
.moving-service small[b-jerkr50yaa] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.moving-service.selected[b-jerkr50yaa] { border: 2px solid #ff6a1a; background: rgba(255, 106, 26, .075); box-shadow: 0 0 0 2px rgba(255, 106, 26, .12); }
.moving-service.selected strong[b-jerkr50yaa], .moving-service.selected[b-jerkr50yaa]  .mud-icon-root { color: #e95b0c; }
.moving-steps[b-jerkr50yaa] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; background: var(--mv-surface); border: 1px solid var(--mv-border); border-radius: 10px; padding: 9px; margin-bottom: 14px; }
.moving-step[b-jerkr50yaa] { display: flex; align-items: center; gap: 12px; text-align: left; padding: 11px; background: transparent; border: 0; border-radius: 8px; cursor: pointer; color: var(--mud-palette-text-primary); min-width: 0; }
.moving-step.active[b-jerkr50yaa] { background: rgba(8, 125, 255, .09); }
.moving-step-number[b-jerkr50yaa] { display: grid; place-items: center; flex: 0 0 33px; width: 33px; height: 33px; border-radius: 50%; background: var(--mud-palette-background-gray); font-weight: 800; }
.moving-step.active .moving-step-number[b-jerkr50yaa] { background: #087dff; color: #fff; }
.moving-step.active strong[b-jerkr50yaa] { color: #087dff; }
.moving-step span:last-child[b-jerkr50yaa] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.moving-step strong[b-jerkr50yaa] { font-size: 13px; }
.moving-step small[b-jerkr50yaa] { font-size: 11px; color: var(--mud-palette-text-secondary); }
.moving-layout[b-jerkr50yaa] { display: grid; grid-template-columns: minmax(0, 1fr) clamp(270px, 19vw, 320px); gap: clamp(12px, 1vw, 18px); align-items: start; }
.moving-panel[b-jerkr50yaa], .moving-sidebar[b-jerkr50yaa] { background: var(--mv-surface); border: 1px solid var(--mv-border); border-radius: 11px; box-shadow: 0 6px 18px rgba(0, 38, 76, .04); }
.moving-panel[b-jerkr50yaa] { padding: clamp(16px, 1.3vw, 24px); min-width: 0; }
.moving-sidebar[b-jerkr50yaa] { padding: clamp(12px, 1vw, 18px); min-width: 0; }
.moving-step-heading[b-jerkr50yaa] { display: flex; gap: 11px; align-items: flex-start; margin-bottom: 16px; }
.moving-step-heading[b-jerkr50yaa]  .mud-icon-root { color: #087dff; font-size: 26px; }
.moving-step-heading h2[b-jerkr50yaa] { font-size: 20px; font-weight: 800; margin: 0 0 3px; }
.moving-general[b-jerkr50yaa] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: clamp(12px, 1vw, 18px); }
.moving-fields[b-jerkr50yaa] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(12px, 1vw, 18px); row-gap: 14px; align-content: start; }
.moving-field[b-jerkr50yaa] { min-width: 0; display: flex; flex-direction: column; gap: 6px; position: relative; }
.moving-field label[b-jerkr50yaa] { font-size: 13px; font-weight: 700; }
.moving-field em[b-jerkr50yaa] { color: #ee4057; font-style: normal; }
.moving-field input[b-jerkr50yaa], .moving-field select[b-jerkr50yaa], .moving-field textarea[b-jerkr50yaa] { width: 100%; min-width: 0; min-height: 39px; border: 1px solid var(--mv-border); border-radius: 6px; background: var(--mv-input); color: var(--mud-palette-text-primary); padding: 9px 11px; font: inherit; font-size: 14px; }
.moving-field input[b-jerkr50yaa]::placeholder, .moving-field textarea[b-jerkr50yaa]::placeholder { color: var(--mud-palette-text-secondary); opacity: .8; }
.moving-field input:focus[b-jerkr50yaa], .moving-field select:focus[b-jerkr50yaa], .moving-field textarea:focus[b-jerkr50yaa] { outline: 2px solid rgba(8, 125, 255, .18); border-color: #087dff; }
.moving-field select:disabled[b-jerkr50yaa] { opacity: .65; cursor: not-allowed; }
.moving-field textarea[b-jerkr50yaa] { resize: vertical; }
.moving-span[b-jerkr50yaa] { grid-column: 1 / -1; }
.moving-counter[b-jerkr50yaa] { position: absolute; bottom: 8px; right: 12px; font-size: 11px; color: var(--mud-palette-text-secondary); }
.moving-dates[b-jerkr50yaa] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.moving-search[b-jerkr50yaa] { display: flex; align-items: center; position: relative; }
.moving-search select[b-jerkr50yaa] { padding-right: 37px; }
.moving-search[b-jerkr50yaa]  .mud-icon-root { position: absolute; right: 9px; pointer-events: none; color: #0b2450; }
.moving-contact[b-jerkr50yaa] { display: flex; flex-direction: column; gap: 10px; }
.moving-info[b-jerkr50yaa], .moving-contact-card[b-jerkr50yaa] { background: rgba(8, 125, 255, .055); border: 1px solid rgba(8, 125, 255, .06); border-radius: 9px; padding: 13px; }
.moving-info[b-jerkr50yaa] { display: flex; gap: 10px; }
.moving-info[b-jerkr50yaa]  .mud-icon-root { color: #087dff; flex: none; }
.moving-info strong[b-jerkr50yaa] { color: #087dff; }
.moving-info p[b-jerkr50yaa], .moving-contact-card p[b-jerkr50yaa] { font-size: 13px; line-height: 1.5; margin: 5px 0 0; color: var(--mud-palette-text-secondary); }
.moving-contact-title[b-jerkr50yaa] { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.moving-contact-title span[b-jerkr50yaa] { color: #087dff; font-size: 12px; }
.moving-contact-card > strong[b-jerkr50yaa] { display: block; }
.moving-contact-card > small[b-jerkr50yaa] { display: block; color: var(--mud-palette-text-secondary); margin: 3px 0 10px; }
.moving-contact-card p[b-jerkr50yaa] { display: flex; gap: 9px; align-items: center; overflow-wrap: anywhere; }
.moving-contact-card p[b-jerkr50yaa]  .mud-icon-root { font-size: 17px; color: var(--mud-palette-text-primary); }
.moving-locations[b-jerkr50yaa] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(12px, 1vw, 18px); margin-top: 18px; }
.moving-location[b-jerkr50yaa] { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 14px; border-radius: 9px; background: rgba(0, 169, 112, .07); }
.moving-location.destination[b-jerkr50yaa] { background: rgba(8, 125, 255, .075); }
.moving-location h3[b-jerkr50yaa] { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 16px; color: #009464; font-weight: 800; }
.moving-location.destination h3[b-jerkr50yaa] { color: #087dff; }
.moving-location h3[b-jerkr50yaa]  .mud-icon-root { font-size: 22px; }
.moving-toggle[b-jerkr50yaa] { display: flex; gap: 8px; align-items: center; color: var(--mud-palette-text-secondary); font-size: 12px; }
.moving-toggle input[b-jerkr50yaa] { accent-color: #087dff; }
.moving-sidebar h3[b-jerkr50yaa] { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 800; margin: 5px 0 12px; }
.moving-sidebar h3[b-jerkr50yaa]  .mud-icon-root { font-size: 21px; }
.moving-map-placeholder[b-jerkr50yaa] { height: 185px; position: relative; border-radius: 8px; overflow: hidden; background: linear-gradient(135deg, #dceee3, #c9e2ed 52%, #d9e8cc); }
.moving-route-line[b-jerkr50yaa] { position: absolute; top: 36%; left: 28%; width: 48%; height: 45%; border-top: 4px dashed #087dff; transform: rotate(-23deg); }
.moving-map-point[b-jerkr50yaa] { position: absolute; display: inline-block; padding: 6px 9px; border-radius: 8px; font-size: 12px; font-weight: 700; background: white; color: #0b2450; box-shadow: 0 3px 12px #31557033; }
.moving-map-point.origin[b-jerkr50yaa] { left: 9%; bottom: 17%; }
.moving-map-point.destination[b-jerkr50yaa] { right: 7%; top: 18%; }
.moving-map-placeholder > small[b-jerkr50yaa] { position: absolute; bottom: 4px; right: 8px; font-size: 10px; color: #305779; }
.moving-summary[b-jerkr50yaa] { margin-top: 15px; }
.moving-summary dl[b-jerkr50yaa], .moving-review[b-jerkr50yaa] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 7px; font-size: 12px; margin: 0; }
.moving-summary dt[b-jerkr50yaa], .moving-review dt[b-jerkr50yaa] { font-weight: 800; }
.moving-summary dd[b-jerkr50yaa], .moving-review dd[b-jerkr50yaa] { text-align: right; margin: 0; overflow-wrap: anywhere; color: var(--mud-palette-text-secondary); }
.moving-warning[b-jerkr50yaa] { display: flex; gap: 9px; margin-top: 14px; padding: 13px; background: rgba(255, 185, 28, .15); border-radius: 8px; }
.moving-warning[b-jerkr50yaa]  .mud-icon-root { color: #d99000; flex: none; }
.moving-warning strong[b-jerkr50yaa] { color: #c18400; }
.moving-warning p[b-jerkr50yaa] { font-size: 12px; line-height: 1.5; margin: 4px 0 0; }
.moving-next[b-jerkr50yaa] { width: 100%; margin-top: 12px; }
.moving-footer[b-jerkr50yaa] { display: flex; justify-content: space-between; gap: 12px; margin-top: 13px; }
.moving-notice[b-jerkr50yaa] { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; padding: 11px 14px; border-radius: 7px; background: rgba(8, 125, 255, .1); }
.moving-info-wide[b-jerkr50yaa] { margin-top: 15px; }
@media (max-width: 1180px) { .moving-layout[b-jerkr50yaa] { grid-template-columns: minmax(0, 1fr) 270px; } .moving-general[b-jerkr50yaa] { grid-template-columns: 1fr; } }
@media (max-width: 980px) { .moving-layout[b-jerkr50yaa] { grid-template-columns: 1fr; } .moving-sidebar[b-jerkr50yaa] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .moving-warning[b-jerkr50yaa], .moving-next[b-jerkr50yaa] { grid-column: 1 / -1; } .moving-services[b-jerkr50yaa] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .moving-header[b-jerkr50yaa] { flex-direction: column; align-items: flex-start; } .moving-actions[b-jerkr50yaa] { width: 100%; } .moving-steps[b-jerkr50yaa] { padding: 5px; } .moving-step[b-jerkr50yaa] { flex-direction: column; gap: 5px; padding: 7px 3px; text-align: center; } .moving-step-number[b-jerkr50yaa] { width: 28px; height: 28px; flex-basis: 28px; } .moving-step strong[b-jerkr50yaa] { font-size: 10px; } .moving-step small[b-jerkr50yaa] { display: none; } .moving-panel[b-jerkr50yaa] { padding: 12px; } .moving-fields[b-jerkr50yaa], .moving-locations[b-jerkr50yaa], .moving-sidebar[b-jerkr50yaa] { grid-template-columns: 1fr; } .moving-dates[b-jerkr50yaa] { grid-template-columns: 1fr; } .moving-service[b-jerkr50yaa] { padding: 10px; gap: 8px; } .moving-service strong[b-jerkr50yaa] { font-size: 12px; } .moving-service small[b-jerkr50yaa] { font-size: 10px; } .moving-service[b-jerkr50yaa]  .mud-icon-root { font-size: 20px; } .moving-warning[b-jerkr50yaa], .moving-next[b-jerkr50yaa] { grid-column: auto; } }

/* ============================================================
   DISTRIBUCIÓN RESPONSIVE Y MÁRGENES
   El contenedor ocupa el área del dashboard sin alterar
   el menú lateral ni los estilos de otros módulos.
   ============================================================ */
@media (min-width: 981px) {
    .moving-page[b-jerkr50yaa] {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 980px) {
    .moving-page[b-jerkr50yaa] {
        padding: 12px;
    }

    .moving-header[b-jerkr50yaa] {
        gap: 14px;
    }

    .moving-panel[b-jerkr50yaa] {
        padding: 16px;
    }
}

@media (max-width: 650px) {
    .moving-page[b-jerkr50yaa] {
        padding: 4px 0;
    }

    .moving-header[b-jerkr50yaa] {
        margin-bottom: 16px;
    }

    .moving-services[b-jerkr50yaa] {
        gap: 8px;
        margin-bottom: 12px;
    }

    .moving-steps[b-jerkr50yaa] {
        margin-bottom: 12px;
    }

    .moving-layout[b-jerkr50yaa] {
        gap: 12px;
    }

    .moving-panel[b-jerkr50yaa],
    .moving-sidebar[b-jerkr50yaa] {
        padding: 14px;
    }

    .moving-locations[b-jerkr50yaa] {
        margin-top: 16px;
    }
}


/* ============================================================
   TRAYEKTO | ESTÁNDAR MÓVIL DE NUEVAS ÓRDENES
   Solo presentación. No altera navegación, validaciones ni datos.
   ============================================================ */
@media (max-width: 600px) {
    .moving-page[b-jerkr50yaa] {
        width: 100%;
        min-width: 0;
        padding: 12px 10px 28px;
        overflow-x: clip;
    }
    .moving-page *[b-jerkr50yaa], .moving-page *[b-jerkr50yaa]::before, .moving-page *[b-jerkr50yaa]::after { box-sizing: border-box; }
    .moving-header[b-jerkr50yaa] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 16px;
        min-width: 0;
    }
    .moving-header > :first-child[b-jerkr50yaa] { min-width: 0; width: 100%; }
    .moving-header h1[b-jerkr50yaa] { font-size: 21px; line-height: 1.2; overflow-wrap: break-word; }
    .moving-header p[b-jerkr50yaa] { font-size: 12px; line-height: 1.45; }
    .moving-actions[b-jerkr50yaa] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr);
        gap: 7px;
        align-items: stretch;
        width: 100%;
        min-width: 0;
    }
    .moving-actions > *[b-jerkr50yaa] {
        min-width: 0;
        width: 100%;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        font-size: 12px;
        padding-inline: 5px;
    }
    .moving-actions > *[b-jerkr50yaa]  .mud-button-label {
        white-space: nowrap;
        font-size: 12px;
    }
    .moving-actions > *[b-jerkr50yaa]  .mud-button-start-icon { margin-right: 4px; margin-left: 0; }
    .moving-services[b-jerkr50yaa] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        min-width: 0;
        margin-bottom: 12px;
    }
    .moving-service[b-jerkr50yaa] {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-width: 0;
        min-height: 74px;
        padding: 10px 9px;
        text-align: left;
    }
    .moving-service > span[b-jerkr50yaa] { min-width: 0; flex: 1; }
    .moving-service strong[b-jerkr50yaa] {
        display: block;
        font-size: 12px;
        line-height: 1.25;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }
    .moving-service small[b-jerkr50yaa] { display: block; font-size: 10px; line-height: 1.3; }
    .moving-service[b-jerkr50yaa]  .mud-icon-root { flex: 0 0 auto; font-size: 20px; }
    .moving-steps[b-jerkr50yaa] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 3px;
        width: 100%;
        min-width: 0;
        padding: 7px 4px;
        align-items: stretch;
    }
    .moving-step[b-jerkr50yaa] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
        width: 100%;
        min-width: 0;
        padding: 7px 2px;
        text-align: center;
    }
    .moving-step-number[b-jerkr50yaa] {
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        flex: 0 0 27px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .moving-step > span:last-child[b-jerkr50yaa] { min-width: 0; width: 100%; }
    .moving-step strong[b-jerkr50yaa] {
        display: block;
        font-size: 10px;
        line-height: 1.25;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }
    .moving-step small[b-jerkr50yaa] { display: none; }
}
@media (max-width: 360px) {
    .moving-actions[b-jerkr50yaa] { gap: 4px; }
    .moving-actions > *[b-jerkr50yaa] { font-size: 11px; padding-inline: 2px; }
    .moving-service[b-jerkr50yaa] { padding: 8px 6px; gap: 5px; }
    .moving-service strong[b-jerkr50yaa] { font-size: 11px; }
    .moving-step strong[b-jerkr50yaa] { font-size: 9px; }
}
/* /Pages/NewOrder.razor.rz.scp.css */
.new-order-page[b-dq7f1n8fec] {
    padding: 22px 24px 40px;
    color: var(--mud-palette-text-primary);
}
.new-order-heading[b-dq7f1n8fec], .heading-title[b-dq7f1n8fec], .order-heading-actions[b-dq7f1n8fec] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.new-order-heading[b-dq7f1n8fec] { justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; }
.heading-title[b-dq7f1n8fec] { gap: 16px; }
.order-heading-icon[b-dq7f1n8fec] {
    display: grid; place-items: center; width: 46px; height: 46px;
    border-radius: 10px; color: #fff; background: var(--mud-palette-primary);
}
.new-order-heading h1[b-dq7f1n8fec] { margin: 2px 0 3px; font-size: 25px; font-weight: 750; }
.new-order-heading p[b-dq7f1n8fec] { margin: 0; font-size: 13px; color: var(--mud-palette-text-secondary); }
.new-order-eyebrow[b-dq7f1n8fec] { color: var(--mud-palette-text-secondary); font-size: 12px; }
.new-order-eyebrow span[b-dq7f1n8fec] { padding: 0 8px; }
.order-heading-actions .mud-button-root[b-dq7f1n8fec] { min-height: 40px; border-radius: 8px; }
.order-stepper[b-dq7f1n8fec] {
    display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px;
    padding: 15px; margin-bottom: 14px; background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default); border-radius: 12px;
}
.order-step[b-dq7f1n8fec] {
    display: flex; align-items: center; gap: 10px; text-align: left;
    padding: 9px; border: 0; border-radius: 9px; background: transparent;
    color: var(--mud-palette-text-primary); cursor: pointer; min-width: 0;
}
.order-step:hover[b-dq7f1n8fec], .order-step.is-active[b-dq7f1n8fec] { background: var(--mud-palette-background-gray); }
.step-number[b-dq7f1n8fec] {
    flex-shrink: 0; display: grid; place-items: center; width: 34px; height: 34px;
    border-radius: 50%; background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-primary); font-weight: 700;
}
.order-step.is-active .step-number[b-dq7f1n8fec], .order-step.is-completed .step-number[b-dq7f1n8fec] {
    background: var(--mud-palette-primary); color: #fff;
}
.step-copy[b-dq7f1n8fec] { display: grid; gap: 3px; min-width: 0; }
.step-copy strong[b-dq7f1n8fec] { font-size: 12px; line-height: 1.25; }
.step-copy small[b-dq7f1n8fec] { font-size: 10px; color: var(--mud-palette-text-secondary); }
.order-layout[b-dq7f1n8fec] { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 15px; align-items: start; }
.order-main[b-dq7f1n8fec] { min-width: 0; }
.order-panel[b-dq7f1n8fec], .order-summary[b-dq7f1n8fec] {
    padding: 22px; background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default); border-radius: 12px;
    box-shadow: 0 3px 14px rgba(18,49,86,.035);
}
.order-panel[hidden][b-dq7f1n8fec] { display: none !important; }
.order-panel h2[b-dq7f1n8fec], .order-summary h2[b-dq7f1n8fec] {
    display: flex; align-items: center; gap: 11px;
    font-size: 17px; font-weight: 750; margin: 0 0 20px;
}
.order-panel h2 .mud-icon-root[b-dq7f1n8fec], .order-summary h2 .mud-icon-root[b-dq7f1n8fec] { color: var(--mud-palette-primary); }
.order-fields[b-dq7f1n8fec] { display: grid; gap: 15px; }
.order-fields.cols-2[b-dq7f1n8fec] { grid-template-columns: repeat(2,minmax(0,1fr)); }
.order-fields.cols-3[b-dq7f1n8fec] { grid-template-columns: repeat(3,minmax(0,1fr)); }
.field[b-dq7f1n8fec] { display: grid; align-content: start; gap: 6px; min-width: 0; }
.field label[b-dq7f1n8fec] { font-size: 12px; font-weight: 650; }
.field input[b-dq7f1n8fec], .field select[b-dq7f1n8fec], .field textarea[b-dq7f1n8fec] {
    width: 100%; min-width: 0; height: 40px; padding: 8px 11px;
    border: 1px solid var(--mud-palette-lines-inputs); border-radius: 7px;
    background: var(--mud-palette-surface); color: var(--mud-palette-text-primary);
    font: inherit; font-size: 13px;
}
.field input:focus[b-dq7f1n8fec], .field select:focus[b-dq7f1n8fec] {
    outline: 2px solid var(--mud-palette-primary); outline-offset: 1px;
}
.location-column[b-dq7f1n8fec] { display: grid; align-content: start; gap: 13px; min-width: 0; }
.location-column + .location-column[b-dq7f1n8fec] {
    border-left: 1px solid var(--mud-palette-lines-default); padding-left: 18px;
}
.location-column h3[b-dq7f1n8fec] { display: flex; align-items: center; gap: 8px; font-size: 14px; margin: 0 0 4px; }
.location-column h3 .mud-icon-root[b-dq7f1n8fec] { color: var(--mud-palette-primary); }
.order-help[b-dq7f1n8fec], .order-panel p[b-dq7f1n8fec] { font-size: 13px; line-height: 1.6; color: var(--mud-palette-text-secondary); }
.order-navigation[b-dq7f1n8fec] { display: flex; justify-content: space-between; margin-top: 15px; }
.order-navigation .mud-button-root[b-dq7f1n8fec] { min-height: 40px; }
.order-summary[b-dq7f1n8fec] { position: sticky; top: 80px; }
.order-summary h2[b-dq7f1n8fec] { margin-bottom: 22px; }
.summary-group[b-dq7f1n8fec] { padding: 0 0 15px; margin-bottom: 15px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.summary-group h3[b-dq7f1n8fec] { display: flex; align-items: center; gap: 8px; font-size: 13px; margin: 0 0 9px; }
.summary-group h3 .mud-icon-root[b-dq7f1n8fec] { font-size: 18px; color: var(--mud-palette-primary); }
.summary-group p[b-dq7f1n8fec] { margin: 0 0 3px; font-size: 13px; font-weight: 650; overflow-wrap: anywhere; }
.summary-group small[b-dq7f1n8fec] { color: var(--mud-palette-text-secondary); overflow-wrap: anywhere; }
.summary-group dl[b-dq7f1n8fec] { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 0; font-size: 12px; }
.summary-group dt[b-dq7f1n8fec] { color: var(--mud-palette-text-secondary); }
.summary-group dd[b-dq7f1n8fec] { margin: 0; text-align: right; overflow-wrap: anywhere; }
.summary-notice[b-dq7f1n8fec] { display: flex; align-items: flex-start; gap: 9px; padding: 12px; border-radius: 8px; background: var(--mud-palette-background-gray); font-size: 12px; line-height: 1.5; }
.summary-notice .mud-icon-root[b-dq7f1n8fec] { color: var(--mud-palette-primary); }
@media(max-width:1150px) {
    .order-layout[b-dq7f1n8fec] { grid-template-columns: minmax(0,1fr); }
    .order-summary[b-dq7f1n8fec] { position: static; }
    .order-stepper[b-dq7f1n8fec] { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
    .new-order-page[b-dq7f1n8fec] { padding: 14px; }
    .order-stepper[b-dq7f1n8fec] { grid-template-columns: 1fr 1fr; }
    .order-fields.cols-2[b-dq7f1n8fec], .order-fields.cols-3[b-dq7f1n8fec] { grid-template-columns: 1fr; }
    .location-column + .location-column[b-dq7f1n8fec] { border-left: 0; padding-left: 0; border-top: 1px solid var(--mud-palette-lines-default); padding-top: 16px; }
    .order-heading-actions[b-dq7f1n8fec] { flex-wrap: wrap; }
}

/* Búsqueda de ciudades: controles acotados, sin listas masivas. */
.city-search-row[b-dq7f1n8fec] { display: flex; gap: 0.5rem; margin-bottom: 0.5rem; }
.city-search-row input[b-dq7f1n8fec] { flex: 1; min-width: 0; }
.city-search-row button[b-dq7f1n8fec] { border: 0; border-radius: 0.5rem; padding: 0.5rem 0.85rem; background: #168cf5; color: #fff; cursor: pointer; }
.city-search-row button:disabled[b-dq7f1n8fec] { opacity: 0.6; cursor: wait; }

/* ============================================================
   NUEVA ORDEN - DISEÑO CORPORATIVO DEL MOCKUP APROBADO
   Estilos aislados al componente. No afectan a otros módulos.
   ============================================================ */
.new-order-page[b-dq7f1n8fec] { font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif; padding: 28px clamp(16px, 2.3vw, 42px) 42px; }
.new-order-heading[b-dq7f1n8fec] { margin-bottom: 27px; gap: 18px; }
.new-order-eyebrow[b-dq7f1n8fec] { font-size: 13px; font-weight: 500; }
.new-order-heading h1[b-dq7f1n8fec] { font-size: clamp(25px, 2vw, 32px); font-weight: 800; letter-spacing: -.35px; }
.new-order-heading p[b-dq7f1n8fec] { font-size: 14px; }
.order-heading-icon[b-dq7f1n8fec] { background: transparent; color: #0877fa; width: 42px; height: 48px; }
.order-heading-icon .mud-icon-root[b-dq7f1n8fec] { font-size: 38px; }
.order-heading-actions[b-dq7f1n8fec] { gap: 12px; }
.order-heading-actions .order-action[b-dq7f1n8fec] { min-height: 45px; padding-inline: 20px; border-radius: 8px; font-weight: 700; text-transform: none; box-shadow: 0 3px 10px rgba(20,65,125,.08); }
.order-heading-actions .order-action-primary[b-dq7f1n8fec] { background: #0868f7; color: #fff; }
.order-heading-actions .order-action-secondary[b-dq7f1n8fec] { background: var(--mud-palette-surface); border-color: var(--mud-palette-lines-default); color: var(--mud-palette-text-primary); }
.order-stepper[b-dq7f1n8fec] { background: transparent; border: 0; border-radius: 0; padding: 12px 0 22px; gap: 14px; margin-bottom: 0; }
.order-step[b-dq7f1n8fec] { position: relative; padding: 8px 5px; gap: 12px; }
.order-step:not(:last-child)[b-dq7f1n8fec]::after { content: ''; position: absolute; height: 2px; background: var(--mud-palette-lines-default); left: calc(100% - 12px); width: 24px; top: 27px; }
.order-step:hover[b-dq7f1n8fec], .order-step.is-active[b-dq7f1n8fec] { background: transparent; }
.step-number[b-dq7f1n8fec] { width: 38px; height: 38px; background: var(--mud-palette-background-gray); font-size: 16px; }
.order-step.is-active .step-number[b-dq7f1n8fec], .order-step.is-completed .step-number[b-dq7f1n8fec] { background: #0868f7; color: white; }
.order-step.is-active .step-copy strong[b-dq7f1n8fec] { color: #0868f7; }
.step-copy strong[b-dq7f1n8fec] { font-size: 15px; font-weight: 750; }
.step-copy small[b-dq7f1n8fec] { font-size: 12px; }
.order-layout[b-dq7f1n8fec] { grid-template-columns: minmax(0,1fr) 315px; gap: 16px; }
.order-panel[b-dq7f1n8fec], .order-summary[b-dq7f1n8fec] { border: 1px solid var(--mud-palette-lines-default); border-radius: 13px; padding: 25px; box-shadow: 0 7px 24px rgba(30,69,120,.045); }
.order-panel-heading[b-dq7f1n8fec] { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 25px; }
.order-panel-heading-icon[b-dq7f1n8fec] { color: var(--mud-palette-text-primary); flex: none; padding-top: 2px; }
.order-panel-heading-icon .mud-icon-root[b-dq7f1n8fec] { font-size: 27px; }
.order-panel-heading h2[b-dq7f1n8fec] { margin: 0 0 2px; font-size: 20px; font-weight: 800; }
.order-panel-heading p[b-dq7f1n8fec] { margin: 0; font-size: 13px; }
.order-fields[b-dq7f1n8fec] { gap: 20px 22px; }
.field[b-dq7f1n8fec] { gap: 8px; }
.field label[b-dq7f1n8fec] { font-size: 14px; font-weight: 700; }
.field-required[b-dq7f1n8fec] { color: #e3334f; }
.field input[b-dq7f1n8fec], .field select[b-dq7f1n8fec], .field textarea[b-dq7f1n8fec] { height: 46px; border-radius: 7px; padding: 9px 13px; font-size: 14px; border-color: var(--mud-palette-lines-inputs); }
.field input:focus[b-dq7f1n8fec], .field select:focus[b-dq7f1n8fec] { outline: none; border-color: #0877fa; box-shadow: 0 0 0 2px rgba(8,119,250,.14); }
.order-navigation[b-dq7f1n8fec] { margin-top: 22px; gap: 12px; }
.order-navigation .mud-button-root[b-dq7f1n8fec] { min-height: 45px; padding-inline: 22px; border-radius: 8px; text-transform: none; font-weight: 700; }
.order-summary[b-dq7f1n8fec] { top: 18px; padding: 20px; }
.order-summary-heading[b-dq7f1n8fec] { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 16px; }
.order-summary-heading > .mud-icon-root[b-dq7f1n8fec] { font-size: 27px; color: var(--mud-palette-text-primary); }
.order-summary-heading h2[b-dq7f1n8fec] { margin: 0; font-size: 19px; font-weight: 800; }
.order-summary-heading p[b-dq7f1n8fec] { margin: 2px 0 0; font-size: 12px; color: var(--mud-palette-text-secondary); }
.summary-group[b-dq7f1n8fec] { padding-bottom: 14px; margin-bottom: 14px; }
.summary-group-heading[b-dq7f1n8fec] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.summary-group-heading h3[b-dq7f1n8fec] { margin: 0; font-size: 14px; font-weight: 750; }
.summary-edit[b-dq7f1n8fec] { border: 1px solid #a4c6ff; border-radius: 6px; background: transparent; color: #0868f7; font: inherit; font-size: 12px; font-weight: 700; padding: 3px 9px; cursor: pointer; }
.summary-edit:hover[b-dq7f1n8fec] { background: rgba(8,104,247,.08); }
.summary-group dl[b-dq7f1n8fec] { font-size: 13px; }
.summary-group p[b-dq7f1n8fec] { font-size: 13px; }
.summary-notice[b-dq7f1n8fec] { background: rgba(8,104,247,.07); font-size: 12px; }
@media (max-width: 1150px) { .order-layout[b-dq7f1n8fec] { grid-template-columns: minmax(0,1fr); } .order-summary[b-dq7f1n8fec] { position: static; } }
@media (max-width: 780px) { .order-stepper[b-dq7f1n8fec] { grid-template-columns: repeat(2,minmax(0,1fr)); } .order-step[b-dq7f1n8fec]::after { display: none; } .order-fields.cols-2[b-dq7f1n8fec], .order-fields.cols-3[b-dq7f1n8fec] { grid-template-columns: 1fr; } .new-order-heading[b-dq7f1n8fec] { align-items: flex-start; } .order-heading-actions[b-dq7f1n8fec] { width: 100%; } .order-panel[b-dq7f1n8fec], .order-summary[b-dq7f1n8fec] { padding: 18px; } }
@media (max-width: 440px) { .new-order-page[b-dq7f1n8fec] { padding: 14px 12px 28px; } .order-stepper[b-dq7f1n8fec] { gap: 3px; } .step-copy strong[b-dq7f1n8fec] { font-size: 12px; } .step-copy small[b-dq7f1n8fec] { font-size: 10px; } .step-number[b-dq7f1n8fec] { width: 30px; height: 30px; } .order-heading-actions .order-action[b-dq7f1n8fec] { flex: 1; padding-inline: 8px; } }


/* ============================================================
   Ajuste visual de controles: Blazor CSS isolation.
   ::deep permite alcanzar el HTML generado por InputText,
   InputSelect y MudButton, sin modificar los estilos globales.
   ============================================================ */
.new-order-page[b-dq7f1n8fec] { font-size: 15px; line-height: 1.45; }
.new-order-page .order-panel[b-dq7f1n8fec], .new-order-page .order-summary[b-dq7f1n8fec] {
    background: var(--mud-palette-surface);
    border-radius: 14px;
    box-shadow: 0 8px 26px rgba(17, 49, 92, .07);
}
.new-order-page .order-panel-heading[b-dq7f1n8fec] { margin-bottom: 24px; }
.new-order-page .order-panel-heading h2[b-dq7f1n8fec] { font-size: 21px; line-height: 1.25; }
.new-order-page .order-panel-heading p[b-dq7f1n8fec] { font-size: 14px; }
.new-order-page .order-stepper[b-dq7f1n8fec] { margin-bottom: 12px; }
.new-order-page .step-copy strong[b-dq7f1n8fec] { font-size: 15px; }
.new-order-page .step-copy small[b-dq7f1n8fec] { font-size: 13px; }
.new-order-page .field label[b-dq7f1n8fec] { font-size: 14px; }
.new-order-page .field[b-dq7f1n8fec]  input,
.new-order-page .field[b-dq7f1n8fec]  select,
.new-order-page .field[b-dq7f1n8fec]  textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 46px;
    height: 46px;
    padding: 10px 13px;
    font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
    font-size: 15px;
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: 7px;
}
.new-order-page .field[b-dq7f1n8fec]  input:focus,
.new-order-page .field[b-dq7f1n8fec]  select:focus,
.new-order-page .field[b-dq7f1n8fec]  textarea:focus {
    outline: none;
    border-color: #0877fa;
    box-shadow: 0 0 0 3px rgba(8,119,250,.12);
}
.new-order-page .order-input-with-icon[b-dq7f1n8fec] {
    display: flex;
    align-items: stretch;
    min-width: 0;
    border: 1px solid var(--mud-palette-lines-inputs);
    border-radius: 7px;
    background: var(--mud-palette-surface);
    overflow: hidden;
}
.new-order-page .order-input-icon[b-dq7f1n8fec] {
    width: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-text-secondary);
    border-right: 1px solid var(--mud-palette-lines-inputs);
}
.new-order-page .order-input-icon[b-dq7f1n8fec]  .mud-icon-root { font-size: 21px; }
.new-order-page .order-input-with-icon[b-dq7f1n8fec]  input,
.new-order-page .order-input-with-icon[b-dq7f1n8fec]  select {
    flex: 1;
    min-width: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.new-order-page .order-input-with-icon:focus-within[b-dq7f1n8fec] {
    border-color: #0877fa;
    box-shadow: 0 0 0 3px rgba(8,119,250,.12);
}
.new-order-page .order-heading-actions[b-dq7f1n8fec]  .mud-button-root,
.new-order-page .order-navigation[b-dq7f1n8fec]  .mud-button-root {
    min-height: 46px;
    border-radius: 8px;
    padding: 0 18px;
    font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
}
.new-order-page .order-heading-actions[b-dq7f1n8fec]  .order-action-primary {
    background-color: #0868f7;
    color: white;
}
.new-order-page .order-heading-actions[b-dq7f1n8fec]  .order-action-secondary {
    background-color: var(--mud-palette-surface);
    border-color: var(--mud-palette-lines-default);
    color: var(--mud-palette-text-primary);
}
.new-order-page .order-heading-actions[b-dq7f1n8fec]  .mud-button-start-icon,
.new-order-page .order-navigation[b-dq7f1n8fec]  .mud-button-start-icon { margin-right: 9px; }
.new-order-page .order-summary-heading h2[b-dq7f1n8fec] { font-size: 19px; }
.new-order-page .summary-group h3[b-dq7f1n8fec] { font-size: 14px; }
.new-order-page .summary-group dl[b-dq7f1n8fec] { font-size: 13px; }
@media (max-width: 780px) {
    .new-order-page .order-layout[b-dq7f1n8fec] { grid-template-columns: minmax(0, 1fr); }
    .new-order-page .order-heading-actions[b-dq7f1n8fec] { gap: 8px; }
    .new-order-page .order-panel[b-dq7f1n8fec], .new-order-page .order-summary[b-dq7f1n8fec] { padding: 18px; }
}
@media (max-width: 440px) {
    .new-order-page .order-heading-actions[b-dq7f1n8fec]  .mud-button-root { padding: 0 9px; font-size: 13px; }
    .new-order-page .order-stepper[b-dq7f1n8fec] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* ============================================================
   CONTRASTE DE SUPERFICIES Y CONTROLES - AMBOS TEMAS
   El color de las tarjetas sigue el tema MudBlazor; el control
   usa una superficie diferenciada y borde perceptible.
   Solo afecta la pantalla Nueva orden.
   ============================================================ */
.new-order-page[b-dq7f1n8fec] {
    --order-card: var(--mud-palette-surface, #ffffff);
    --order-control: var(--mud-palette-background, #f4f7fc);
    --order-text: var(--mud-palette-text-primary, #142b50);
    --order-muted: var(--mud-palette-text-secondary, #546987);
    --order-border: var(--mud-palette-lines-inputs, #aebfd7);
    --order-divider: var(--mud-palette-lines-default, #d4deeb);
    --order-accent: var(--mud-palette-primary, #0877fa);
    color: var(--order-text);
}
.new-order-page .order-panel[b-dq7f1n8fec],
.new-order-page .order-summary[b-dq7f1n8fec] {
    background-color: var(--order-card);
    border: 1px solid var(--order-divider);
    box-shadow: 0 6px 22px rgba(10, 35, 75, .10);
}
.new-order-page .order-stepper[b-dq7f1n8fec] {
    color: var(--order-text);
}
.new-order-page .field label[b-dq7f1n8fec],
.new-order-page .summary-group h3[b-dq7f1n8fec] {
    color: var(--order-text);
}
.new-order-page .field input[b-dq7f1n8fec],
.new-order-page .field select[b-dq7f1n8fec],
.new-order-page .field textarea[b-dq7f1n8fec],
.new-order-page .field[b-dq7f1n8fec]  input,
.new-order-page .field[b-dq7f1n8fec]  select,
.new-order-page .field[b-dq7f1n8fec]  textarea {
    background-color: var(--order-control);
    color: var(--order-text);
    border: 1px solid var(--order-border);
    border-radius: 8px;
    min-height: 46px;
    color-scheme: normal;
}
.new-order-page .field input[b-dq7f1n8fec]::placeholder,
.new-order-page .field textarea[b-dq7f1n8fec]::placeholder,
.new-order-page .field[b-dq7f1n8fec]  input::placeholder,
.new-order-page .field[b-dq7f1n8fec]  textarea::placeholder {
    color: var(--order-muted);
    opacity: .9;
}
.new-order-page .order-input-with-icon[b-dq7f1n8fec] {
    background-color: var(--order-control);
    border: 1px solid var(--order-border);
    border-radius: 8px;
    min-height: 46px;
    overflow: visible;
}
.new-order-page .order-input-icon[b-dq7f1n8fec] {
    background-color: var(--mud-palette-background-gray, #edf3fb);
    color: var(--order-text);
    border-right: 1px solid var(--order-border);
    border-radius: 7px 0 0 7px;
}
.new-order-page .order-input-with-icon input[b-dq7f1n8fec],
.new-order-page .order-input-with-icon select[b-dq7f1n8fec],
.new-order-page .order-input-with-icon[b-dq7f1n8fec]  input,
.new-order-page .order-input-with-icon[b-dq7f1n8fec]  select {
    border: 0;
    border-radius: 0 7px 7px 0;
    background: transparent;
    box-shadow: none;
    min-height: 44px;
}
.new-order-page .field input:focus-visible[b-dq7f1n8fec],
.new-order-page .field select:focus-visible[b-dq7f1n8fec],
.new-order-page .field textarea:focus-visible[b-dq7f1n8fec],
.new-order-page .field[b-dq7f1n8fec]  input:focus-visible,
.new-order-page .field[b-dq7f1n8fec]  select:focus-visible,
.new-order-page .field[b-dq7f1n8fec]  textarea:focus-visible,
.new-order-page .order-input-with-icon:focus-within[b-dq7f1n8fec] {
    outline: 2px solid var(--order-accent);
    outline-offset: 1px;
    border-color: var(--order-accent);
}
.new-order-page .summary-group[b-dq7f1n8fec] {
    border-bottom-color: var(--order-divider);
}
.new-order-page .summary-edit[b-dq7f1n8fec] {
    color: var(--order-accent);
    border-color: var(--order-accent);
}
.new-order-page .summary-notice[b-dq7f1n8fec] {
    background-color: var(--mud-palette-background-gray, #edf3fb);
    color: var(--order-text);
}


/* ============================================================
   TRAYEKTO | TEMA UNIFICADO DE NUEVA ORDEN
   Usa las variables de trayekto-theme.css (data-theme light/dark).
   No depende de que MudBlazor cambie su paleta al alternar tema.
   ============================================================ */
.new-order-page[b-dq7f1n8fec] {
    --order-card: var(--bg-card, #ffffff);
    --order-control: var(--input-bg, #ffffff);
    --order-text: var(--text-primary, #0a2149);
    --order-muted: var(--text-secondary, #35557d);
    --order-border: var(--input-border, #cedbea);
    --order-divider: var(--border-color, #dce7f2);
    --order-accent: var(--primary, #087eff);
    --order-subtle: var(--bg-subtle, #f5f8fc);
    color: var(--order-text);
    background: transparent;
    color-scheme: normal;
}
.new-order-page .new-order-heading[b-dq7f1n8fec],
.new-order-page .new-order-heading h1[b-dq7f1n8fec],
.new-order-page .order-heading-actions[b-dq7f1n8fec],
.new-order-page .order-stepper[b-dq7f1n8fec],
.new-order-page .order-step[b-dq7f1n8fec],
.new-order-page .step-copy strong[b-dq7f1n8fec],
.new-order-page .order-panel[b-dq7f1n8fec],
.new-order-page .order-summary[b-dq7f1n8fec],
.new-order-page .order-panel h2[b-dq7f1n8fec],
.new-order-page .order-summary h2[b-dq7f1n8fec],
.new-order-page .summary-group[b-dq7f1n8fec],
.new-order-page .summary-group h3[b-dq7f1n8fec],
.new-order-page .summary-group dd[b-dq7f1n8fec],
.new-order-page .field label[b-dq7f1n8fec] {
    color: var(--order-text);
}
.new-order-page .new-order-heading p[b-dq7f1n8fec],
.new-order-page .new-order-eyebrow[b-dq7f1n8fec],
.new-order-page .step-copy small[b-dq7f1n8fec],
.new-order-page .order-panel-heading p[b-dq7f1n8fec],
.new-order-page .order-summary-heading p[b-dq7f1n8fec],
.new-order-page .summary-group small[b-dq7f1n8fec],
.new-order-page .summary-group dt[b-dq7f1n8fec],
.new-order-page .order-help[b-dq7f1n8fec],
.new-order-page .order-panel p[b-dq7f1n8fec] {
    color: var(--order-muted);
}
.new-order-page .order-panel[b-dq7f1n8fec],
.new-order-page .order-summary[b-dq7f1n8fec] {
    background: var(--order-card);
    border: 1px solid var(--order-divider);
    box-shadow: 0 8px 24px var(--shadow-color, rgba(20,53,92,.08));
}
.new-order-page .order-stepper[b-dq7f1n8fec] {
    background: var(--order-card);
    border-color: var(--order-divider);
}
.new-order-page .order-step:hover[b-dq7f1n8fec],
.new-order-page .order-step.is-active[b-dq7f1n8fec] {
    background: var(--hover-bg, #f1f7ff);
}
.new-order-page .step-number[b-dq7f1n8fec] {
    background: var(--order-subtle);
    color: var(--order-text);
}
.new-order-page .order-step.is-active .step-number[b-dq7f1n8fec],
.new-order-page .order-step.is-completed .step-number[b-dq7f1n8fec] {
    background: var(--order-accent);
    color: #ffffff;
}
.new-order-page .order-panel-heading-icon[b-dq7f1n8fec],
.new-order-page .order-summary-heading > .mud-icon-root[b-dq7f1n8fec],
.new-order-page .summary-group h3 .mud-icon-root[b-dq7f1n8fec],
.new-order-page .location-column h3 .mud-icon-root[b-dq7f1n8fec] {
    color: var(--order-accent);
}
.new-order-page .field input[b-dq7f1n8fec],
.new-order-page .field select[b-dq7f1n8fec],
.new-order-page .field textarea[b-dq7f1n8fec],
.new-order-page .field[b-dq7f1n8fec]  input,
.new-order-page .field[b-dq7f1n8fec]  select,
.new-order-page .field[b-dq7f1n8fec]  textarea {
    background: var(--order-control);
    color: var(--order-text);
    border-color: var(--order-border);
    color-scheme: inherit;
}
.new-order-page .order-input-with-icon[b-dq7f1n8fec] {
    background: var(--order-control);
    border-color: var(--order-border);
}
.new-order-page .order-input-icon[b-dq7f1n8fec] {
    background: var(--order-subtle);
    color: var(--order-text);
    border-right-color: var(--order-border);
}
.new-order-page .order-input-with-icon[b-dq7f1n8fec]  input,
.new-order-page .order-input-with-icon[b-dq7f1n8fec]  select {
    background: transparent;
    color: var(--order-text);
    border: 0;
}
.new-order-page .field[b-dq7f1n8fec]  input::placeholder,
.new-order-page .field[b-dq7f1n8fec]  textarea::placeholder {
    color: var(--text-muted, #6680a3);
    opacity: 1;
}
.new-order-page .summary-group[b-dq7f1n8fec],
.new-order-page .location-column + .location-column[b-dq7f1n8fec] {
    border-color: var(--order-divider);
}
.new-order-page .summary-notice[b-dq7f1n8fec] {
    background: var(--order-subtle);
    color: var(--order-text);
}
.new-order-page .summary-edit[b-dq7f1n8fec] {
    border-color: var(--order-accent);
    color: var(--order-accent);
}
.new-order-page .summary-edit:hover[b-dq7f1n8fec] { background: var(--hover-bg, #f1f7ff); }
.new-order-page .order-heading-actions[b-dq7f1n8fec]  .order-action-secondary,
.new-order-page .order-navigation[b-dq7f1n8fec]  .mud-button-outlined,
.new-order-page .order-navigation[b-dq7f1n8fec]  .mud-button-text {
    background: var(--order-card);
    border-color: var(--order-divider);
    color: var(--order-text);
}
.new-order-page .order-heading-actions[b-dq7f1n8fec]  .order-action-primary {
    background: var(--order-accent);
    color: #ffffff;
}
.new-order-page .order-navigation[b-dq7f1n8fec]  .mud-button-root {
    color: var(--order-text);
}
.new-order-page .field :is(input, select, textarea):focus-visible[b-dq7f1n8fec],
.new-order-page .order-input-with-icon:focus-within[b-dq7f1n8fec] {
    border-color: var(--order-accent);
    outline-color: var(--order-accent);
}

/* El esquema de controles nativos sigue el tema corporativo. */
.new-order-page[b-dq7f1n8fec] { color-scheme: light dark; }

/* ================================================================
   NUEVA ORDEN - PROGRESO COMPACTO PARA CELULARES
   Aislado a esta pantalla. No altera el stepper de escritorio.
   ================================================================ */
.new-order-page .order-mobile-progress[b-dq7f1n8fec] { display: none; }

@media (max-width: 700px) {
    .new-order-page .order-stepper[b-dq7f1n8fec] { display: none !important; }
    .new-order-page .order-mobile-progress[b-dq7f1n8fec] {
        display: grid;
        gap: 12px;
        min-width: 0;
        padding: 16px 12px;
        margin: 10px 0 14px;
        border: 1px solid var(--order-divider);
        border-radius: 12px;
        background: var(--order-card);
        color: var(--order-text);
    }
    .new-order-page .order-mobile-progress-heading[b-dq7f1n8fec] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 13px;
    }
    .new-order-page .order-mobile-progress-heading span[b-dq7f1n8fec] { color: var(--order-muted); }
    .new-order-page .order-mobile-progress-bar[b-dq7f1n8fec] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 4px;
        height: 5px;
    }
    .new-order-page .order-mobile-progress-bar span[b-dq7f1n8fec] {
        background: var(--order-subtle);
        border-radius: 20px;
    }
    .new-order-page .order-mobile-progress-bar span.is-filled[b-dq7f1n8fec] { background: var(--order-accent); }
    .new-order-page .order-mobile-steps[b-dq7f1n8fec] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 2px;
    }
    .new-order-page .order-mobile-step[b-dq7f1n8fec] {
        appearance: none;
        border: 0;
        background: transparent;
        color: var(--order-muted);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        min-width: 0;
        padding: 3px 0;
        cursor: pointer;
        font-family: inherit;
    }
    .new-order-page .order-mobile-step-circle[b-dq7f1n8fec] {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: var(--order-subtle);
        color: var(--order-text);
        font-size: 13px;
        font-weight: 700;
    }
    .new-order-page .order-mobile-step.is-active .order-mobile-step-circle[b-dq7f1n8fec] {
        background: var(--order-accent);
        color: #fff;
    }
    .new-order-page .order-mobile-step.is-completed .order-mobile-step-circle[b-dq7f1n8fec] {
        background: var(--order-subtle);
        color: var(--order-accent);
    }
    .new-order-page .order-mobile-step-name[b-dq7f1n8fec] {
        display: block;
        max-width: 100%;
        font-size: clamp(9px, 2.5vw, 11px);
        line-height: 1.2;
        text-align: center;
        overflow-wrap: anywhere;
    }
    .new-order-page .order-mobile-step.is-active .order-mobile-step-name[b-dq7f1n8fec] {
        color: var(--order-accent);
        font-weight: 700;
    }
    .new-order-page .order-mobile-step:focus-visible[b-dq7f1n8fec] {
        outline: 2px solid var(--order-accent);
        outline-offset: 2px;
        border-radius: 6px;
    }
    .new-order-page .order-mobile-current[b-dq7f1n8fec] {
        display: grid;
        gap: 3px;
        padding-top: 10px;
        border-top: 1px solid var(--order-divider);
        font-size: 14px;
    }
    .new-order-page .order-mobile-current small[b-dq7f1n8fec] {
        font-size: 12px;
        color: var(--order-muted);
    }
}

/* ================================================================
   TRAYEKTO - Espaciado uniforme de las cinco etapas (escritorio)
   Mantiene intacto el indicador compacto de dispositivos móviles.
   ================================================================ */
@media (min-width: 701px) {
    .new-order-page .order-stepper[b-dq7f1n8fec] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 8px;
        padding: 10px 12px;
        box-sizing: border-box;
    }

    .new-order-page .order-stepper .order-step[b-dq7f1n8fec] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        min-width: 0;
        width: 100%;
        padding: 10px 16px;
        box-sizing: border-box;
        border-radius: 9px;
    }

    .new-order-page .order-stepper .step-number[b-dq7f1n8fec] {
        flex: 0 0 38px;
    }

    .new-order-page .order-stepper .step-copy[b-dq7f1n8fec] {
        min-width: 0;
        gap: 4px;
    }

    .new-order-page .order-stepper .step-copy strong[b-dq7f1n8fec],
    .new-order-page .order-stepper .step-copy small[b-dq7f1n8fec] {
        overflow-wrap: anywhere;
    }
}

/* Selección geográfica en cascada: misma estética de los campos existentes. */
.order-location-cascade[b-dq7f1n8fec] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; min-width: 0; }
.order-location-cascade label[b-dq7f1n8fec] { margin-top: 5px; }
.order-location-cascade select[b-dq7f1n8fec] { width: 100%; min-width: 0; }

/* ============================================================
   SELECTOR DE MODELO DE SERVICIO - CLARO Y OSCURO
   No afecta el layout ni los componentes de navegación.
   ============================================================ */
.service-model-panel[b-dq7f1n8fec] {
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}
.service-model-heading[b-dq7f1n8fec] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}
.service-model-heading h2[b-dq7f1n8fec] { margin: 0 0 3px; font-size: 17px; font-weight: 700; }
.service-model-heading p[b-dq7f1n8fec] { margin: 0; font-size: 12px; color: var(--mud-palette-text-secondary); }
.service-model-label[b-dq7f1n8fec] { font-size: 11px; color: var(--mud-palette-text-secondary); }
.service-model-grid[b-dq7f1n8fec] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.service-model-option[b-dq7f1n8fec] {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px;
    min-width: 0;
    min-height: 72px;
    padding: 12px;
    background: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 9px;
    color: var(--mud-palette-text-primary);
    cursor: pointer;
}
.service-model-option.selected[b-dq7f1n8fec] { border-color: var(--mud-palette-primary); background: var(--mud-palette-background-gray); box-shadow: inset 0 0 0 1px var(--mud-palette-primary); }
.service-model-option .mud-icon-root[b-dq7f1n8fec] { color: var(--mud-palette-primary); flex-shrink: 0; }
.service-model-option span[b-dq7f1n8fec] { display: grid; gap: 4px; min-width: 0; }
.service-model-option strong[b-dq7f1n8fec] { font-size: 12px; line-height: 1.3; }
.service-model-option small[b-dq7f1n8fec] { font-size: 10px; color: var(--mud-palette-text-secondary); line-height: 1.3; }
@media (max-width: 1050px) { .service-model-grid[b-dq7f1n8fec] { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 580px) { .service-model-grid[b-dq7f1n8fec] { grid-template-columns: 1fr; } }


/* ================================================================
   NUEVA ORDEN | TARJETAS DE SELECCIÓN DEL MODELO DE OPERACIÓN
   Respeta los colores corporativos y las variables del tema MudBlazor.
   No cambia el selector, los eventos ni la persistencia.
   ================================================================ */
.new-order-page .service-model-panel[b-dq7f1n8fec] {
    background: transparent;
    border: 0;
    padding: 0;
    margin-bottom: 18px;
}

.new-order-page .service-model-grid[b-dq7f1n8fec] {
    gap: 14px;
}

.new-order-page .service-model-option[b-dq7f1n8fec] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    min-height: 98px;
    padding: 18px;
    background-color: var(--mud-palette-surface, #ffffff);
    color: var(--mud-palette-text-primary, #092455);
    border: 1px solid var(--mud-palette-lines-default, #d7e4f2);
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(15, 51, 95, .07);
    font-family: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.new-order-page .service-model-option:hover[b-dq7f1n8fec] {
    border-color: #0877fa;
    box-shadow: 0 6px 18px rgba(8, 119, 250, .15);
    transform: translateY(-1px);
}

.new-order-page .service-model-option.selected[b-dq7f1n8fec] {
    background-color: var(--mud-palette-surface, #ffffff);
    border: 2px solid #0877fa;
    padding: 17px;
    box-shadow: 0 0 0 3px rgba(8, 119, 250, .10), 0 5px 18px rgba(8, 119, 250, .12);
}

.new-order-page .service-model-option:focus-visible[b-dq7f1n8fec] {
    outline: 3px solid #0877fa;
    outline-offset: 3px;
}

.new-order-page .service-model-option .mud-icon-root[b-dq7f1n8fec] {
    font-size: 27px;
    flex: 0 0 auto;
}

.new-order-page .service-model-option:nth-child(1) .mud-icon-root[b-dq7f1n8fec] { color: #0877fa; }
.new-order-page .service-model-option:nth-child(2) .mud-icon-root[b-dq7f1n8fec] { color: #00a879; }
.new-order-page .service-model-option:nth-child(3) .mud-icon-root[b-dq7f1n8fec] { color: #8b43ec; }
.new-order-page .service-model-option:nth-child(4) .mud-icon-root[b-dq7f1n8fec] { color: #f56813; }

.new-order-page .service-model-option strong[b-dq7f1n8fec] {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--mud-palette-text-primary, #092455);
}

.new-order-page .service-model-option small[b-dq7f1n8fec] {
    font-size: 12px;
    line-height: 1.4;
    color: var(--mud-palette-text-secondary, #527097);
}

/* Las variables --mud-palette-* cambian con el tema del layout:
   en claro las tarjetas son blancas; en oscuro toman la superficie
   oscura del tema sin confundirse con el fondo de la pantalla. */
@media (max-width: 1050px) {
    .new-order-page .service-model-grid[b-dq7f1n8fec] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 580px) {
    .new-order-page .service-model-grid[b-dq7f1n8fec] { grid-template-columns: 1fr; gap: 10px; }
    .new-order-page .service-model-option[b-dq7f1n8fec] { min-height: 76px; padding: 14px; }
    .new-order-page .service-model-option.selected[b-dq7f1n8fec] { padding: 13px; }
}

/* ================================================================
   SELECCIÓN POR SERVICIO: MISMA PALETA QUE LAS ETIQUETAS DE ÓRDENES
   Azul = mensajería; verde = carga; morado = almacenamiento;
   naranja = mudanzas. Solo cambia la presentación.
   ================================================================ */
.new-order-page .service-model-option[b-dq7f1n8fec] {
    --service-color: #0877fa;
    --service-soft: rgba(8,119,250,.09);
    --service-ring: rgba(8,119,250,.18);
}

.new-order-page .service-model-option:nth-child(2)[b-dq7f1n8fec] {
    --service-color: #00a879;
    --service-soft: rgba(0,168,121,.09);
    --service-ring: rgba(0,168,121,.18);
}

.new-order-page .service-model-option:nth-child(3)[b-dq7f1n8fec] {
    --service-color: #8b43ec;
    --service-soft: rgba(139,67,236,.09);
    --service-ring: rgba(139,67,236,.18);
}

.new-order-page .service-model-option:nth-child(4)[b-dq7f1n8fec] {
    --service-color: #f56813;
    --service-soft: rgba(245,104,19,.09);
    --service-ring: rgba(245,104,19,.18);
}

.new-order-page .service-model-option:hover[b-dq7f1n8fec] {
    border-color: var(--service-color);
    box-shadow: 0 5px 17px var(--service-ring);
}

.new-order-page .service-model-option.selected[b-dq7f1n8fec] {
    background: var(--service-soft);
    border: 2px solid var(--service-color);
    padding: 17px;
    box-shadow: 0 0 0 3px var(--service-ring);
}

.new-order-page .service-model-option.selected .mud-icon-root[b-dq7f1n8fec],
.new-order-page .service-model-option.selected strong[b-dq7f1n8fec] {
    color: var(--service-color);
}

.new-order-page .service-model-option:focus-visible[b-dq7f1n8fec] {
    outline-color: var(--service-color);
}

@media (max-width: 580px) {
    .new-order-page .service-model-option.selected[b-dq7f1n8fec] {
        padding: 13px;
    }
}

/* ================================================================
   TARJETAS POR TEMA: superficie igual a las demás tarjetas.
   La selección mantiene el acento propio de cada servicio.
   ================================================================ */
.new-order-page .service-model-option[b-dq7f1n8fec] {
    background: var(--mud-palette-surface, #ffffff);
    background-color: var(--mud-palette-surface, #ffffff);
    color: var(--mud-palette-text-primary, #092455);
    border: 1px solid var(--mud-palette-lines-default, #d4e1f0);
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.new-order-page .service-model-option strong[b-dq7f1n8fec] {
    color: var(--mud-palette-text-primary, #092455);
}

.new-order-page .service-model-option small[b-dq7f1n8fec] {
    color: var(--mud-palette-text-secondary, #527097);
}

.new-order-page .service-model-option:hover[b-dq7f1n8fec] {
    background: var(--mud-palette-surface, #ffffff);
    border-color: var(--service-color);
    box-shadow: 0 4px 14px var(--service-ring);
}

.new-order-page .service-model-option.selected[b-dq7f1n8fec],
.new-order-page .service-model-option.selected:hover[b-dq7f1n8fec] {
    background-color: var(--mud-palette-surface, #ffffff);
    background-image: linear-gradient(var(--service-soft), var(--service-soft));
    border: 2px solid var(--service-color);
    box-shadow: 0 0 0 3px var(--service-ring);
}

.new-order-page .service-model-option.selected strong[b-dq7f1n8fec] {
    color: var(--service-color);
}

.new-order-page .service-model-option.selected small[b-dq7f1n8fec] {
    color: var(--mud-palette-text-secondary, #527097);
}

.new-order-page .service-model-option.selected .mud-icon-root[b-dq7f1n8fec] {
    color: var(--service-color);
}

.new-order-page .service-model-option:nth-child(1) .mud-icon-root[b-dq7f1n8fec] { color: #0877fa; }
.new-order-page .service-model-option:nth-child(2) .mud-icon-root[b-dq7f1n8fec] { color: #00a879; }
.new-order-page .service-model-option:nth-child(3) .mud-icon-root[b-dq7f1n8fec] { color: #8b43ec; }
.new-order-page .service-model-option:nth-child(4) .mud-icon-root[b-dq7f1n8fec] { color: #f56813; }

/* ================================================================
   TARJETAS DE SERVICIO | SUPERFICIE CORPORATIVA CLARO / OSCURO
   Usa las mismas variables que Informacion general y Resumen.
   El resaltado conserva el color especifico del servicio.
   ================================================================ */
.new-order-page .service-model-grid .service-model-option[b-dq7f1n8fec] {
    background: var(--order-card) !important;
    background-image: none !important;
    color: var(--order-text) !important;
    border-color: var(--order-divider);
}

.new-order-page .service-model-grid .service-model-option strong[b-dq7f1n8fec] {
    color: var(--order-text) !important;
}

.new-order-page .service-model-grid .service-model-option small[b-dq7f1n8fec] {
    color: var(--order-muted) !important;
}

.new-order-page .service-model-grid .service-model-option:hover[b-dq7f1n8fec] {
    background: var(--order-card) !important;
    border-color: var(--service-color);
    box-shadow: 0 4px 14px var(--service-ring);
}

.new-order-page .service-model-grid .service-model-option.selected[b-dq7f1n8fec],
.new-order-page .service-model-grid .service-model-option.selected:hover[b-dq7f1n8fec] {
    background: var(--order-card) !important;
    background-image: linear-gradient(var(--service-soft), var(--service-soft)) !important;
    border-color: var(--service-color) !important;
    box-shadow: inset 0 0 0 1px var(--service-color),
                0 0 0 3px var(--service-ring) !important;
}

.new-order-page .service-model-grid .service-model-option.selected strong[b-dq7f1n8fec],
.new-order-page .service-model-grid .service-model-option.selected .mud-icon-root[b-dq7f1n8fec] {
    color: var(--service-color) !important;
}


/* ================================================================
   TRAYEKTO | ACENTOS NEON EXCLUSIVOS DEL MODO OSCURO
   Alcance: selector de tipo de servicio de Nueva orden.
   La superficie base conserva --order-card, igual que Informacion general.
   No altera el modo claro ni la seleccion/logica Razor existente.
   ================================================================ */
html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option[b-dq7f1n8fec] {
    --service-color: #27b9ff;
    --service-soft: rgba(39, 185, 255, .12);
    --service-ring: rgba(39, 185, 255, .26);
    background: var(--order-card) !important;
    background-image: none !important;
    border: 1px solid var(--order-divider) !important;
    color: var(--order-text) !important;
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease,
                background-color .2s ease, transform .2s ease;
}

html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option:nth-child(2)[b-dq7f1n8fec] {
    --service-color: #00e6a0;
    --service-soft: rgba(0, 230, 160, .11);
    --service-ring: rgba(0, 230, 160, .25);
}

html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option:nth-child(3)[b-dq7f1n8fec] {
    --service-color: #b96cff;
    --service-soft: rgba(185, 108, 255, .12);
    --service-ring: rgba(185, 108, 255, .28);
}

html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option:nth-child(4)[b-dq7f1n8fec] {
    --service-color: #ff9b42;
    --service-soft: rgba(255, 155, 66, .12);
    --service-ring: rgba(255, 155, 66, .27);
}

/* Iconos con el acento correspondiente; titulos neutros sin seleccionar. */
html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option .mud-icon-root[b-dq7f1n8fec] {
    color: var(--service-color) !important;
}

html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option strong[b-dq7f1n8fec] {
    color: var(--order-text) !important;
}

html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option small[b-dq7f1n8fec] {
    color: var(--order-muted) !important;
}

html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option:hover[b-dq7f1n8fec] {
    background: var(--order-card) !important;
    background-image: linear-gradient(var(--service-soft), var(--service-soft)) !important;
    border-color: var(--service-color) !important;
    box-shadow: 0 0 0 1px var(--service-ring),
                0 0 16px 2px var(--service-ring) !important;
}

html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option.selected[b-dq7f1n8fec],
html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option.selected:hover[b-dq7f1n8fec] {
    background: var(--order-card) !important;
    background-image: linear-gradient(var(--service-soft), var(--service-soft)) !important;
    border: 2px solid var(--service-color) !important;
    box-shadow: inset 0 0 0 1px var(--service-ring),
                0 0 0 3px var(--service-ring),
                0 0 21px 3px var(--service-ring) !important;
}

html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option.selected strong[b-dq7f1n8fec],
html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option.selected .mud-icon-root[b-dq7f1n8fec] {
    color: var(--service-color) !important;
}

html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option:focus-visible[b-dq7f1n8fec] {
    outline: 2px solid var(--service-color);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    html[data-theme="dark"] .new-order-page .service-model-grid .service-model-option[b-dq7f1n8fec] {
        transition: none;
    }
}

/* Identificación de modalidad de carga: conserva la paleta del tema. */
.cargo-operation-notice[b-dq7f1n8fec] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    margin: 12px 0;
    border-radius: 12px;
    border: 1px solid rgba(0, 180, 132, .34);
    background: rgba(0, 180, 132, .07);
    color: inherit;
    font-family: 'Roboto Condensed', sans-serif;
}
.cargo-operation-notice .mud-icon-root[b-dq7f1n8fec] { color: #00a77a; }
.cargo-operation-notice div[b-dq7f1n8fec] { display: flex; flex-direction: column; gap: 3px; }
.cargo-operation-notice strong[b-dq7f1n8fec] { font-size: 15px; }
.cargo-operation-notice span[b-dq7f1n8fec] { font-size: 13px; opacity: .85; }
@media (max-width: 600px) { .cargo-operation-notice[b-dq7f1n8fec] { padding: 12px; } }


/* ============================================================
   TRAYEKTO | ESTÁNDAR MÓVIL DE NUEVAS ÓRDENES
   Solo presentación. No altera navegación, validaciones ni datos.
   ============================================================ */
@media (max-width: 600px) {
    .new-order-page[b-dq7f1n8fec] {
        width: 100%;
        min-width: 0;
        padding: 12px 10px 28px;
        overflow-x: clip;
    }
    .new-order-page *[b-dq7f1n8fec], .new-order-page *[b-dq7f1n8fec]::before, .new-order-page *[b-dq7f1n8fec]::after { box-sizing: border-box; }
    .new-order-heading[b-dq7f1n8fec] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 16px;
        min-width: 0;
    }
    .new-order-heading > :first-child[b-dq7f1n8fec] { min-width: 0; width: 100%; }
    .new-order-heading h1[b-dq7f1n8fec] { font-size: 21px; line-height: 1.2; overflow-wrap: break-word; }
    .new-order-heading p[b-dq7f1n8fec] { font-size: 12px; line-height: 1.45; }
    .order-heading-actions[b-dq7f1n8fec] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr);
        gap: 7px;
        align-items: stretch;
        width: 100%;
        min-width: 0;
    }
    .order-heading-actions > *[b-dq7f1n8fec] {
        min-width: 0;
        width: 100%;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        font-size: 12px;
        padding-inline: 5px;
    }
    .order-heading-actions > *[b-dq7f1n8fec]  .mud-button-label {
        white-space: nowrap;
        font-size: 12px;
    }
    .order-heading-actions > *[b-dq7f1n8fec]  .mud-button-start-icon { margin-right: 4px; margin-left: 0; }
    .service-model-grid[b-dq7f1n8fec] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        min-width: 0;
        margin-bottom: 12px;
    }
    .service-model-option[b-dq7f1n8fec] {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-width: 0;
        min-height: 74px;
        padding: 10px 9px;
        text-align: left;
    }
    .service-model-option > span[b-dq7f1n8fec] { min-width: 0; flex: 1; }
    .service-model-option strong[b-dq7f1n8fec] {
        display: block;
        font-size: 12px;
        line-height: 1.25;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }
    .service-model-option small[b-dq7f1n8fec] { display: block; font-size: 10px; line-height: 1.3; }
    .service-model-option[b-dq7f1n8fec]  .mud-icon-root { flex: 0 0 auto; font-size: 20px; }
    .order-mobile-steps[b-dq7f1n8fec] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 3px;
        width: 100%;
        min-width: 0;
        padding: 7px 4px;
        align-items: stretch;
    }
    .order-mobile-step[b-dq7f1n8fec] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
        width: 100%;
        min-width: 0;
        padding: 7px 2px;
        text-align: center;
    }
    .order-mobile-step-circle[b-dq7f1n8fec] {
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        flex: 0 0 27px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .order-mobile-step > span:last-child[b-dq7f1n8fec] { min-width: 0; width: 100%; }
    .order-mobile-step strong[b-dq7f1n8fec] {
        display: block;
        font-size: 10px;
        line-height: 1.25;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }
    .order-mobile-step small[b-dq7f1n8fec] { display: none; }
}
@media (max-width: 360px) {
    .order-heading-actions[b-dq7f1n8fec] { gap: 4px; }
    .order-heading-actions > *[b-dq7f1n8fec] { font-size: 11px; padding-inline: 2px; }
    .service-model-option[b-dq7f1n8fec] { padding: 8px 6px; gap: 5px; }
    .service-model-option strong[b-dq7f1n8fec] { font-size: 11px; }
    .order-mobile-step strong[b-dq7f1n8fec] { font-size: 9px; }
}
/* /Pages/NewWarehouseOrder.razor.rz.scp.css */
/* ============================================================
   TRAYEKTO | ALMACENAMIENTO Y DISTRIBUCIÓN
   Diseño aislado; compatible con los temas corporativos.
   ============================================================ */
.warehouse-page[b-qlrporob28] {
    --wh-surface: #ffffff;
    --wh-input: #ffffff;
    --wh-border: #d8e5f3;
    --wh-ink: #0b2450;
    --wh-muted: #4d6893;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: clamp(12px, 1.25vw, 24px);
    font-family: 'Roboto Condensed', Roboto, Arial, sans-serif;
    color: var(--mud-palette-text-primary);
}
.warehouse-page *[b-qlrporob28], .warehouse-page *[b-qlrporob28]::before, .warehouse-page *[b-qlrporob28]::after { box-sizing: border-box; }
.warehouse-header[b-qlrporob28] { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }
.warehouse-header h1[b-qlrporob28] { display: flex; gap: 12px; align-items: center; margin: 5px 0; font-size: clamp(23px, 2vw, 30px); font-weight: 800; }
.warehouse-header h1[b-qlrporob28]  .mud-icon-root { color: #087dff; }
.warehouse-header p[b-qlrporob28], .warehouse-step-heading p[b-qlrporob28] { margin: 0; color: var(--mud-palette-text-secondary); font-size: 14px; }
.warehouse-breadcrumb[b-qlrporob28] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.warehouse-breadcrumb span[b-qlrporob28] { padding: 0 9px; }
.warehouse-actions[b-qlrporob28] { display: flex; gap: 9px; flex-wrap: wrap; }
.warehouse-button[b-qlrporob28] { display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid var(--wh-border); border-radius: 7px; min-height: 40px; padding: 9px 15px; text-decoration: none; cursor: pointer; font: inherit; font-weight: 700; }
.warehouse-button[b-qlrporob28]  .mud-icon-root { font-size: 19px; }
.warehouse-button.secondary[b-qlrporob28] { color: var(--mud-palette-text-primary); background: var(--wh-surface); }
.warehouse-button.primary[b-qlrporob28] { color: #ffffff; background: #087dff; border-color: #087dff; }
.warehouse-services[b-qlrporob28] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-bottom: 13px; }
.warehouse-service[b-qlrporob28] { min-width: 0; min-height: 80px; display: flex; align-items: center; gap: 15px; padding: 15px 17px; border: 1px solid var(--wh-border); border-radius: 10px; background: var(--wh-surface); text-decoration: none; color: var(--mud-palette-text-primary); box-shadow: 0 5px 14px rgba(0, 35, 75, .05); }
.warehouse-service[b-qlrporob28]  .mud-icon-root { font-size: 24px; }
.warehouse-service span[b-qlrporob28] { display: flex; flex-direction: column; gap: 4px; }
.warehouse-service strong[b-qlrporob28] { font-size: 15px; line-height: 1.2; }
.warehouse-service small[b-qlrporob28] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.warehouse-service.selected[b-qlrporob28] { border: 1.5px solid #00a877; background: rgba(0, 175, 122, .07); box-shadow: 0 0 0 2px rgba(0, 175, 122, .1); }
.warehouse-service.selected strong[b-qlrporob28], .warehouse-service.selected[b-qlrporob28]  .mud-icon-root { color: #008f68; }
.warehouse-steps[b-qlrporob28] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; background: var(--wh-surface); border: 1px solid var(--wh-border); border-radius: 10px; padding: 9px; margin-bottom: 14px; }
.warehouse-step[b-qlrporob28] { display: flex; align-items: center; gap: 12px; text-align: left; padding: 11px; background: transparent; border: 0; border-radius: 8px; cursor: pointer; color: var(--mud-palette-text-primary); min-width: 0; }
.warehouse-step.active[b-qlrporob28] { background: rgba(8, 125, 255, .09); }
.warehouse-step-number[b-qlrporob28] { display: grid; place-items: center; flex: 0 0 33px; width: 33px; height: 33px; border-radius: 50%; background: var(--mud-palette-background-gray); font-weight: 800; }
.warehouse-step.active .warehouse-step-number[b-qlrporob28] { background: #087dff; color: #fff; }
.warehouse-step.active strong[b-qlrporob28] { color: #087dff; }
.warehouse-step span:last-child[b-qlrporob28] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.warehouse-step strong[b-qlrporob28] { font-size: 13px; }
.warehouse-step small[b-qlrporob28] { font-size: 11px; color: var(--mud-palette-text-secondary); }
.warehouse-layout[b-qlrporob28] { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 12px; align-items: start; }
.warehouse-panel[b-qlrporob28], .warehouse-sidebar[b-qlrporob28] { background: var(--wh-surface); border: 1px solid var(--wh-border); border-radius: 11px; box-shadow: 0 6px 18px rgba(0, 38, 76, .04); }
.warehouse-panel[b-qlrporob28] { padding: 17px; min-width: 0; }
.warehouse-sidebar[b-qlrporob28] { padding: 12px; }
.warehouse-step-heading[b-qlrporob28] { display: flex; gap: 11px; align-items: flex-start; margin-bottom: 16px; }
.warehouse-step-heading[b-qlrporob28]  .mud-icon-root { color: #087dff; font-size: 26px; }
.warehouse-step-heading h2[b-qlrporob28] { font-size: 20px; font-weight: 800; margin: 0 0 3px; }
.warehouse-general[b-qlrporob28] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: 16px; }
.warehouse-fields[b-qlrporob28] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; align-content: start; }
.warehouse-field[b-qlrporob28] { min-width: 0; display: flex; flex-direction: column; gap: 6px; position: relative; }
.warehouse-field label[b-qlrporob28] { font-size: 13px; font-weight: 700; }
.warehouse-field em[b-qlrporob28] { color: #ee4057; font-style: normal; }
.warehouse-field input[b-qlrporob28], .warehouse-field select[b-qlrporob28], .warehouse-field textarea[b-qlrporob28] { width: 100%; min-width: 0; min-height: 39px; border: 1px solid var(--wh-border); border-radius: 6px; background: var(--wh-input); color: var(--mud-palette-text-primary); padding: 9px 11px; font: inherit; font-size: 14px; }
.warehouse-field input[b-qlrporob28]::placeholder, .warehouse-field textarea[b-qlrporob28]::placeholder { color: var(--mud-palette-text-secondary); opacity: .8; }
.warehouse-field input:focus[b-qlrporob28], .warehouse-field select:focus[b-qlrporob28], .warehouse-field textarea:focus[b-qlrporob28] { outline: 2px solid rgba(8, 125, 255, .18); border-color: #087dff; }
.warehouse-field select:disabled[b-qlrporob28] { opacity: .65; cursor: not-allowed; }
.warehouse-field textarea[b-qlrporob28] { resize: vertical; }
.warehouse-span[b-qlrporob28] { grid-column: 1 / -1; }
.warehouse-counter[b-qlrporob28] { position: absolute; bottom: 8px; right: 12px; font-size: 11px; color: var(--mud-palette-text-secondary); }
.warehouse-dates[b-qlrporob28] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.warehouse-search[b-qlrporob28] { display: flex; align-items: center; position: relative; }
.warehouse-search select[b-qlrporob28] { padding-right: 37px; }
.warehouse-search[b-qlrporob28]  .mud-icon-root { position: absolute; right: 9px; pointer-events: none; color: #0b2450; }
.warehouse-contact[b-qlrporob28] { display: flex; flex-direction: column; gap: 10px; }
.warehouse-info[b-qlrporob28], .warehouse-contact-card[b-qlrporob28] { background: rgba(8, 125, 255, .055); border: 1px solid rgba(8, 125, 255, .06); border-radius: 9px; padding: 13px; }
.warehouse-info[b-qlrporob28] { display: flex; gap: 10px; }
.warehouse-info[b-qlrporob28]  .mud-icon-root { color: #087dff; flex: none; }
.warehouse-info strong[b-qlrporob28] { color: #087dff; }
.warehouse-info p[b-qlrporob28], .warehouse-contact-card p[b-qlrporob28] { font-size: 13px; line-height: 1.5; margin: 5px 0 0; color: var(--mud-palette-text-secondary); }
.warehouse-contact-title[b-qlrporob28] { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.warehouse-contact-title span[b-qlrporob28] { color: #087dff; font-size: 12px; }
.warehouse-contact-card > strong[b-qlrporob28] { display: block; }
.warehouse-contact-card > small[b-qlrporob28] { display: block; color: var(--mud-palette-text-secondary); margin: 3px 0 10px; }
.warehouse-contact-card p[b-qlrporob28] { display: flex; gap: 9px; align-items: center; overflow-wrap: anywhere; }
.warehouse-contact-card p[b-qlrporob28]  .mud-icon-root { font-size: 17px; color: var(--mud-palette-text-primary); }
.warehouse-locations[b-qlrporob28] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.warehouse-location[b-qlrporob28] { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 14px; border-radius: 9px; background: rgba(0, 169, 112, .07); }
.warehouse-location.destination[b-qlrporob28] { background: rgba(8, 125, 255, .075); }
.warehouse-location h3[b-qlrporob28] { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 16px; color: #009464; font-weight: 800; }
.warehouse-location.destination h3[b-qlrporob28] { color: #087dff; }
.warehouse-location h3[b-qlrporob28]  .mud-icon-root { font-size: 22px; }
.warehouse-toggle[b-qlrporob28] { display: flex; gap: 8px; align-items: center; color: var(--mud-palette-text-secondary); font-size: 12px; }
.warehouse-toggle input[b-qlrporob28] { accent-color: #087dff; }
.warehouse-sidebar h3[b-qlrporob28] { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 800; margin: 5px 0 12px; }
.warehouse-sidebar h3[b-qlrporob28]  .mud-icon-root { font-size: 21px; }
.warehouse-map-placeholder[b-qlrporob28] { height: 185px; position: relative; border-radius: 8px; overflow: hidden; background: linear-gradient(135deg, #dceee3, #c9e2ed 52%, #d9e8cc); }
.warehouse-route-line[b-qlrporob28] { position: absolute; top: 36%; left: 28%; width: 48%; height: 45%; border-top: 4px dashed #087dff; transform: rotate(-23deg); }
.warehouse-map-point[b-qlrporob28] { position: absolute; display: inline-block; padding: 6px 9px; border-radius: 8px; font-size: 12px; font-weight: 700; background: white; color: #0b2450; box-shadow: 0 3px 12px #31557033; }
.warehouse-map-point.origin[b-qlrporob28] { left: 9%; bottom: 17%; }
.warehouse-map-point.destination[b-qlrporob28] { right: 7%; top: 18%; }
.warehouse-map-placeholder > small[b-qlrporob28] { position: absolute; bottom: 4px; right: 8px; font-size: 10px; color: #305779; }
.warehouse-summary[b-qlrporob28] { margin-top: 15px; }
.warehouse-summary dl[b-qlrporob28], .warehouse-review[b-qlrporob28] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 7px; font-size: 12px; margin: 0; }
.warehouse-summary dt[b-qlrporob28], .warehouse-review dt[b-qlrporob28] { font-weight: 800; }
.warehouse-summary dd[b-qlrporob28], .warehouse-review dd[b-qlrporob28] { text-align: right; margin: 0; overflow-wrap: anywhere; color: var(--mud-palette-text-secondary); }
.warehouse-warning[b-qlrporob28] { display: flex; gap: 9px; margin-top: 14px; padding: 13px; background: rgba(255, 185, 28, .15); border-radius: 8px; }
.warehouse-warning[b-qlrporob28]  .mud-icon-root { color: #d99000; flex: none; }
.warehouse-warning strong[b-qlrporob28] { color: #c18400; }
.warehouse-warning p[b-qlrporob28] { font-size: 12px; line-height: 1.5; margin: 4px 0 0; }
.warehouse-next[b-qlrporob28] { width: 100%; margin-top: 12px; }
.warehouse-footer[b-qlrporob28] { display: flex; justify-content: space-between; gap: 12px; margin-top: 13px; }
.warehouse-notice[b-qlrporob28] { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; padding: 11px 14px; border-radius: 7px; background: rgba(8, 125, 255, .1); }
.warehouse-info-wide[b-qlrporob28] { margin-top: 15px; }
@media (max-width: 1180px) { .warehouse-layout[b-qlrporob28] { grid-template-columns: minmax(0, 1fr) 260px; } .warehouse-general[b-qlrporob28] { grid-template-columns: 1fr; } }
@media (max-width: 980px) { .warehouse-layout[b-qlrporob28] { grid-template-columns: 1fr; } .warehouse-sidebar[b-qlrporob28] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .warehouse-warning[b-qlrporob28], .warehouse-next[b-qlrporob28] { grid-column: 1 / -1; } .warehouse-services[b-qlrporob28] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .warehouse-header[b-qlrporob28] { flex-direction: column; align-items: flex-start; } .warehouse-actions[b-qlrporob28] { width: 100%; } .warehouse-steps[b-qlrporob28] { padding: 5px; } .warehouse-step[b-qlrporob28] { flex-direction: column; gap: 5px; padding: 7px 3px; text-align: center; } .warehouse-step-number[b-qlrporob28] { width: 28px; height: 28px; flex-basis: 28px; } .warehouse-step strong[b-qlrporob28] { font-size: 10px; } .warehouse-step small[b-qlrporob28] { display: none; } .warehouse-panel[b-qlrporob28] { padding: 12px; } .warehouse-fields[b-qlrporob28], .warehouse-locations[b-qlrporob28], .warehouse-sidebar[b-qlrporob28] { grid-template-columns: 1fr; } .warehouse-dates[b-qlrporob28] { grid-template-columns: 1fr; } .warehouse-service[b-qlrporob28] { padding: 10px; gap: 8px; } .warehouse-service strong[b-qlrporob28] { font-size: 12px; } .warehouse-service small[b-qlrporob28] { font-size: 10px; } .warehouse-service[b-qlrporob28]  .mud-icon-root { font-size: 20px; } .warehouse-warning[b-qlrporob28], .warehouse-next[b-qlrporob28] { grid-column: auto; } }

/* ============================================================
   DISTRIBUCIÓN RESPONSIVE DEL ÁREA DE TRABAJO
   Aprovecha el ancho del dashboard sin alterar su menú lateral.
   ============================================================ */
@media (min-width: 1600px) {
    .warehouse-page[b-qlrporob28] {
        padding-inline: clamp(18px, 1.5vw, 30px);
    }

    .warehouse-layout[b-qlrporob28] {
        grid-template-columns: minmax(0, 1fr) clamp(280px, 19vw, 340px);
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .warehouse-page[b-qlrporob28] {
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .warehouse-page[b-qlrporob28] {
        padding: 10px;
    }
}


/* ============================================================
   TRAYEKTO | ESTÁNDAR MÓVIL DE NUEVAS ÓRDENES
   Solo presentación. No altera navegación, validaciones ni datos.
   ============================================================ */
@media (max-width: 600px) {
    .warehouse-page[b-qlrporob28] {
        width: 100%;
        min-width: 0;
        padding: 12px 10px 28px;
        overflow-x: clip;
    }
    .warehouse-page *[b-qlrporob28], .warehouse-page *[b-qlrporob28]::before, .warehouse-page *[b-qlrporob28]::after { box-sizing: border-box; }
    .warehouse-header[b-qlrporob28] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 16px;
        min-width: 0;
    }
    .warehouse-header > :first-child[b-qlrporob28] { min-width: 0; width: 100%; }
    .warehouse-header h1[b-qlrporob28] { font-size: 21px; line-height: 1.2; overflow-wrap: break-word; }
    .warehouse-header p[b-qlrporob28] { font-size: 12px; line-height: 1.45; }
    .warehouse-actions[b-qlrporob28] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr);
        gap: 7px;
        align-items: stretch;
        width: 100%;
        min-width: 0;
    }
    .warehouse-actions > *[b-qlrporob28] {
        min-width: 0;
        width: 100%;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        font-size: 12px;
        padding-inline: 5px;
    }
    .warehouse-actions > *[b-qlrporob28]  .mud-button-label {
        white-space: nowrap;
        font-size: 12px;
    }
    .warehouse-actions > *[b-qlrporob28]  .mud-button-start-icon { margin-right: 4px; margin-left: 0; }
    .warehouse-services[b-qlrporob28] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        min-width: 0;
        margin-bottom: 12px;
    }
    .warehouse-service[b-qlrporob28] {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-width: 0;
        min-height: 74px;
        padding: 10px 9px;
        text-align: left;
    }
    .warehouse-service > span[b-qlrporob28] { min-width: 0; flex: 1; }
    .warehouse-service strong[b-qlrporob28] {
        display: block;
        font-size: 12px;
        line-height: 1.25;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }
    .warehouse-service small[b-qlrporob28] { display: block; font-size: 10px; line-height: 1.3; }
    .warehouse-service[b-qlrporob28]  .mud-icon-root { flex: 0 0 auto; font-size: 20px; }
    .warehouse-steps[b-qlrporob28] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 3px;
        width: 100%;
        min-width: 0;
        padding: 7px 4px;
        align-items: stretch;
    }
    .warehouse-step[b-qlrporob28] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
        width: 100%;
        min-width: 0;
        padding: 7px 2px;
        text-align: center;
    }
    .warehouse-step-number[b-qlrporob28] {
        width: 27px;
        height: 27px;
        min-width: 27px;
        min-height: 27px;
        flex: 0 0 27px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .warehouse-step > span:last-child[b-qlrporob28] { min-width: 0; width: 100%; }
    .warehouse-step strong[b-qlrporob28] {
        display: block;
        font-size: 10px;
        line-height: 1.25;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }
    .warehouse-step small[b-qlrporob28] { display: none; }
}
@media (max-width: 360px) {
    .warehouse-actions[b-qlrporob28] { gap: 4px; }
    .warehouse-actions > *[b-qlrporob28] { font-size: 11px; padding-inline: 2px; }
    .warehouse-service[b-qlrporob28] { padding: 8px 6px; gap: 5px; }
    .warehouse-service strong[b-qlrporob28] { font-size: 11px; }
    .warehouse-step strong[b-qlrporob28] { font-size: 9px; }
}
/* /Pages/PartnersPage.razor.rz.scp.css */
/* Solo estructura y distribución; colores y superficies proceden de los tokens globales. */
.pa-page[b-iswrfflw5r]{font-family:'Roboto Condensed',sans-serif;color:var(--text-primary);padding:8px 0 24px;min-width:0}.pa-page *[b-iswrfflw5r],.pa-overlay *[b-iswrfflw5r]{box-sizing:border-box}.pa-hero[b-iswrfflw5r],.pa-kpis article[b-iswrfflw5r],.pa-panel[b-iswrfflw5r],.pa-charts article[b-iswrfflw5r],.pa-mobile-card[b-iswrfflw5r],.pa-modal[b-iswrfflw5r]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;box-shadow:0 3px 12px var(--shadow-color)}.pa-hero[b-iswrfflw5r]{display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden}.pa-heading[b-iswrfflw5r]{display:flex;align-items:center;gap:15px;padding:18px}.pa-heading[b-iswrfflw5r]  .mud-icon-root{font-size:36px;color:var(--primary)}.pa-heading h1[b-iswrfflw5r]{font-size:1.65rem;font-weight:800;margin:0}.pa-heading p[b-iswrfflw5r]{color:var(--text-secondary);margin:4px 0 0}.pa-banner[b-iswrfflw5r]{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:18px 24px;color:white;background:linear-gradient(90deg,#061e37ee,#0829479c),url('/images/solutions/fleet.webp') center/cover}.pa-notice[b-iswrfflw5r]{display:flex;align-items:center;gap:7px;margin:9px 0;color:var(--text-secondary);font-size:.84rem}.pa-kpis[b-iswrfflw5r]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:10px}.pa-kpis article[b-iswrfflw5r]{display:flex;align-items:center;gap:10px;padding:12px 10px;min-width:0}.pa-kpis strong[b-iswrfflw5r],.pa-kpis b[b-iswrfflw5r],.pa-kpis small[b-iswrfflw5r]{display:block}.pa-kpis strong[b-iswrfflw5r]{font-size:1.45rem}.pa-kpis b[b-iswrfflw5r]{font-size:.86rem}.pa-kpis small[b-iswrfflw5r]{font-size:.76rem;color:var(--text-secondary)}.pa-kpi-icon[b-iswrfflw5r]{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;color:white;flex-shrink:0}.pa-kpi-icon.blue[b-iswrfflw5r]{background:#087eff}.pa-kpi-icon.green[b-iswrfflw5r]{background:#00a977}.pa-kpi-icon.purple[b-iswrfflw5r]{background:#8746f5}.pa-kpi-icon.amber[b-iswrfflw5r]{background:#f5a400}.pa-kpi-icon.red[b-iswrfflw5r]{background:#fa4258}.pa-kpi-icon.slate[b-iswrfflw5r]{background:#405b7b}.pa-toolbar[b-iswrfflw5r]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.pa-tabs[b-iswrfflw5r],.pa-actions[b-iswrfflw5r]{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.pa-tabs button[b-iswrfflw5r]{font:inherit;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-primary);padding:9px 6px;cursor:pointer}.pa-tabs button.active[b-iswrfflw5r]{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.pa-actions button[b-iswrfflw5r],.pa-filters button[b-iswrfflw5r],.pa-mobile-bottom button[b-iswrfflw5r],.pa-modal footer button[b-iswrfflw5r]{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border-radius:5px;font:inherit;font-weight:700;cursor:pointer}.pa-primary[b-iswrfflw5r]{background:var(--primary);color:white;border:1px solid var(--primary)}.pa-secondary[b-iswrfflw5r]{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.pa-filters[b-iswrfflw5r]{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:9px;padding:13px 12px;align-items:end}.pa-filters label[b-iswrfflw5r],.pa-form-grid label[b-iswrfflw5r]{display:flex;flex-direction:column;gap:5px;font-size:.82rem;font-weight:700}.pa-filters input[b-iswrfflw5r],.pa-filters select[b-iswrfflw5r],.pa-form-grid input[b-iswrfflw5r],.pa-form-grid select[b-iswrfflw5r],.pa-pagination select[b-iswrfflw5r]{width:100%;min-width:0;padding:9px;border-radius:5px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font:inherit}.pa-table-wrap[b-iswrfflw5r]{overflow-x:auto}.pa-table[b-iswrfflw5r]{width:100%;border-collapse:collapse;font-size:.83rem}.pa-table th[b-iswrfflw5r]{text-align:left;background:var(--bg-secondary);color:var(--text-primary);padding:11px 9px;white-space:nowrap}.pa-table td[b-iswrfflw5r]{padding:12px 9px;border-bottom:1px solid var(--border-color)}.pa-table tbody tr:nth-child(even)[b-iswrfflw5r]{background:var(--bg-secondary)}.pa-status[b-iswrfflw5r]{display:inline-block;padding:4px 9px;border-radius:20px;font-weight:700;white-space:nowrap;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.pa-status.good[b-iswrfflw5r]{color:#008f6c}.pa-status.review[b-iswrfflw5r]{color:#9750df}.pa-status.danger[b-iswrfflw5r]{color:#dc3650}.pa-stars[b-iswrfflw5r]{color:#efaa00}.pa-link[b-iswrfflw5r]{border:0;background:transparent;color:var(--primary);display:inline-flex;gap:5px;align-items:center;cursor:pointer;font:inherit}.pa-pagination[b-iswrfflw5r]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;flex-wrap:wrap;font-size:.85rem}.pa-pagination>div[b-iswrfflw5r],.pa-pagination label[b-iswrfflw5r]{display:flex;gap:8px;align-items:center}.pa-pagination select[b-iswrfflw5r]{width:65px}.pa-pagination button[b-iswrfflw5r]{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:4px;padding:5px 10px}.pa-pagination button:disabled[b-iswrfflw5r]{opacity:.4}.pa-charts[b-iswrfflw5r]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.pa-charts article[b-iswrfflw5r]{padding:14px 12px}.pa-charts h3[b-iswrfflw5r]{font-size:.98rem;display:flex;align-items:center;gap:7px;margin:0 0 12px}.pa-chart-row[b-iswrfflw5r]{display:grid;grid-template-columns:1.2fr 1fr 24px;align-items:center;gap:8px;margin:9px 0;font-size:.8rem}.pa-track[b-iswrfflw5r]{height:7px;border-radius:10px;background:var(--bg-secondary);overflow:hidden}.pa-track span[b-iswrfflw5r]{display:block;background:var(--primary);height:100%;border-radius:10px}.pa-chart-row b[b-iswrfflw5r]{text-align:right}.pa-message[b-iswrfflw5r],.pa-empty[b-iswrfflw5r]{padding:10px 14px;color:var(--text-secondary)}.pa-mobile-list[b-iswrfflw5r]{display:none}.pa-overlay[b-iswrfflw5r]{position:fixed;inset:0;z-index:1500;background:rgba(0,14,32,.73);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}.pa-modal[b-iswrfflw5r]{width:min(760px,100%);max-height:90vh;overflow:auto;color:var(--text-primary)}.pa-modal header[b-iswrfflw5r],.pa-modal footer[b-iswrfflw5r]{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--border-color)}.pa-modal header>div[b-iswrfflw5r]{display:flex;gap:12px;align-items:center}.pa-modal header h2[b-iswrfflw5r]{font-size:1.3rem;margin:0}.pa-modal header p[b-iswrfflw5r]{color:var(--text-secondary);margin:4px 0 0}.pa-modal header[b-iswrfflw5r]  .mud-icon-root{color:var(--primary)}.pa-close[b-iswrfflw5r]{border:0;background:transparent;color:var(--text-primary);cursor:pointer}.pa-modal-body[b-iswrfflw5r]{padding:18px}.pa-section[b-iswrfflw5r]{border:1px solid var(--border-color);border-radius:8px;padding:14px;margin-bottom:14px;background:var(--bg-card)}.pa-section h3[b-iswrfflw5r]{font-size:1rem;margin:0 0 13px}.pa-form-grid[b-iswrfflw5r]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.pa-modal footer[b-iswrfflw5r]{border-top:1px solid var(--border-color);border-bottom:0;justify-content:flex-end;gap:10px}.pa-error[b-iswrfflw5r]{color:#e34256}.pa-mobile-card[b-iswrfflw5r]{padding:12px;display:flex;flex-direction:column;gap:7px}.pa-mobile-top[b-iswrfflw5r],.pa-mobile-bottom[b-iswrfflw5r]{display:flex;justify-content:space-between;align-items:center;gap:9px}.pa-mobile-card>span[b-iswrfflw5r]{color:var(--text-secondary);font-size:.85rem}
@media(max-width:1200px){.pa-kpis[b-iswrfflw5r]{grid-template-columns:repeat(3,minmax(0,1fr))}.pa-filters[b-iswrfflw5r]{grid-template-columns:repeat(3,minmax(0,1fr))}.pa-charts[b-iswrfflw5r]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.pa-hero[b-iswrfflw5r]{grid-template-columns:1fr}.pa-banner[b-iswrfflw5r]{display:none}.pa-kpis[b-iswrfflw5r]{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-toolbar[b-iswrfflw5r]{align-items:stretch}.pa-tabs[b-iswrfflw5r]{overflow-x:auto;flex-wrap:nowrap;width:100%}.pa-tabs button[b-iswrfflw5r]{white-space:nowrap}.pa-actions[b-iswrfflw5r]{width:100%}.pa-actions .pa-primary[b-iswrfflw5r]{flex:1}.pa-filters[b-iswrfflw5r]{grid-template-columns:1fr 1fr}.pa-filters label:first-child[b-iswrfflw5r]{grid-column:1/-1}.pa-table-wrap[b-iswrfflw5r]{display:none}.pa-mobile-list[b-iswrfflw5r]{display:grid;gap:10px;padding:10px}.pa-charts[b-iswrfflw5r]{grid-template-columns:1fr}.pa-form-grid[b-iswrfflw5r]{grid-template-columns:1fr}.pa-pagination[b-iswrfflw5r]{align-items:flex-start}.pa-heading h1[b-iswrfflw5r]{font-size:1.35rem}}
/* /Pages/PickingPackingPage.razor.rz.scp.css */
/* Superficies corporativas y aislamiento visual del módulo */
.pk-page[b-ypzdvx1nml]{font-family:'Roboto Condensed',sans-serif;color:var(--trayekto-text);width:100%;min-width:0;padding:8px 0 26px}.pk-page *[b-ypzdvx1nml],.pk-overlay *[b-ypzdvx1nml]{box-sizing:border-box}.pk-hero[b-ypzdvx1nml],.pk-kpis article[b-ypzdvx1nml],.pk-panel[b-ypzdvx1nml],.pk-bottom article[b-ypzdvx1nml]{background:var(--trayekto-surface);border:1px solid var(--trayekto-border);border-radius:9px;box-shadow:0 3px 12px #071e3910}.pk-hero[b-ypzdvx1nml]{display:grid;grid-template-columns:1.02fr 1fr;overflow:hidden}.pk-heading[b-ypzdvx1nml]{display:flex;align-items:center;gap:14px;padding:18px}.pk-heading[b-ypzdvx1nml]  .mud-icon-root{font-size:36px;color:#087cfa}.pk-heading h1[b-ypzdvx1nml]{font-size:1.8rem;font-weight:800;margin:0}.pk-heading p[b-ypzdvx1nml]{margin:3px 0 0;color:var(--trayekto-text-secondary)}.pk-banner[b-ypzdvx1nml]{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px 24px;color:#fff;background:linear-gradient(90deg,#05223deF,#092f52b8),url('/images/home/carrusel-picking-packing.webp') center/cover}.pk-banner strong[b-ypzdvx1nml]{font-size:1.15rem}.pk-note[b-ypzdvx1nml]{display:flex;gap:7px;align-items:center;font-size:.85rem;color:var(--trayekto-text-secondary);margin:10px 0}.pk-kpis[b-ypzdvx1nml]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.pk-kpis article[b-ypzdvx1nml]{display:flex;gap:10px;align-items:center;padding:13px 10px;min-width:0}.pk-kpis strong[b-ypzdvx1nml]{display:block;font-size:1.55rem;line-height:1.1}.pk-kpis small[b-ypzdvx1nml]{display:block;font-weight:700}.pk-kpis em[b-ypzdvx1nml]{display:block;font-size:.8rem;color:var(--trayekto-text-secondary);font-style:normal;margin-top:4px}.pk-circle[b-ypzdvx1nml]{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;color:white}.pk-circle.blue[b-ypzdvx1nml]{background:#087cfa}.pk-circle.green[b-ypzdvx1nml]{background:#00ad77}.pk-circle.purple[b-ypzdvx1nml]{background:#8746f5}.pk-circle.amber[b-ypzdvx1nml]{background:#f5a400}.pk-circle.red[b-ypzdvx1nml]{background:#fa4258}.pk-circle.slate[b-ypzdvx1nml]{background:#405b7b}.pk-toolbar[b-ypzdvx1nml]{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:11px 12px;border-bottom:1px solid var(--trayekto-border)}.pk-tabs[b-ypzdvx1nml],.pk-actions[b-ypzdvx1nml]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pk-tabs button[b-ypzdvx1nml]{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--trayekto-text);padding:9px 8px;cursor:pointer;font:inherit}.pk-tabs button.active[b-ypzdvx1nml]{border-color:#087cfa;color:#087cfa;font-weight:800}.pk-primary[b-ypzdvx1nml],.pk-secondary[b-ypzdvx1nml],.pk-link[b-ypzdvx1nml],.pk-footer button[b-ypzdvx1nml],.pk-close[b-ypzdvx1nml]{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font:inherit}.pk-primary[b-ypzdvx1nml]{border:1px solid #087cfa;border-radius:5px;background:#087cfa;color:#fff;padding:9px 13px;font-weight:700}.pk-secondary[b-ypzdvx1nml]{border:1px solid var(--trayekto-border);border-radius:5px;background:var(--trayekto-surface);color:var(--trayekto-text);padding:9px 12px;font-weight:700}.pk-filters[b-ypzdvx1nml]{display:grid;grid-template-columns:1.7fr .65fr .65fr .8fr .7fr auto;gap:10px;align-items:end;padding:12px}.pk-filters label[b-ypzdvx1nml],.pk-form-grid label[b-ypzdvx1nml]{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:.86rem;min-width:0}.pk-filters input[b-ypzdvx1nml],.pk-filters select[b-ypzdvx1nml],.pk-form-grid input[b-ypzdvx1nml],.pk-form-grid select[b-ypzdvx1nml],.pk-footer select[b-ypzdvx1nml]{width:100%;min-width:0;border:1px solid var(--trayekto-input-border);background:var(--trayekto-surface);color:var(--trayekto-text);border-radius:5px;padding:9px;font:inherit;min-height:37px}.pk-search[b-ypzdvx1nml]{position:relative}.pk-search[b-ypzdvx1nml]  .mud-icon-root{position:absolute;left:10px;bottom:9px}.pk-search input[b-ypzdvx1nml]{padding-left:37px}.pk-message[b-ypzdvx1nml]{margin:4px 12px;padding:9px 12px;border-radius:6px;background:var(--trayekto-surface-alt);border:1px solid var(--trayekto-border)}.pk-table-wrap[b-ypzdvx1nml]{overflow-x:auto}.pk-table-wrap table[b-ypzdvx1nml]{width:100%;border-collapse:collapse;font-size:.86rem}.pk-table-wrap th[b-ypzdvx1nml]{text-align:left;padding:11px 9px;background:var(--trayekto-surface-alt);white-space:nowrap}.pk-table-wrap td[b-ypzdvx1nml]{padding:11px 9px;border-bottom:1px solid var(--trayekto-border)}.pk-table-wrap td strong[b-ypzdvx1nml],.pk-table-wrap td small[b-ypzdvx1nml]{display:block}.pk-table-wrap td small[b-ypzdvx1nml]{color:var(--trayekto-text-secondary)}.pk-table-wrap tr:nth-child(even)[b-ypzdvx1nml]{background:var(--trayekto-surface-alt)}.pk-badge[b-ypzdvx1nml]{display:inline-block;padding:4px 8px;border-radius:20px;font-weight:700;white-space:nowrap}.pk-badge.preparing[b-ypzdvx1nml]{background:#dceeff;color:#0763c4}.pk-badge.packing[b-ypzdvx1nml]{background:#ebdbff;color:#6924b4}.pk-badge.ready[b-ypzdvx1nml]{background:#d4f5e6;color:#08734b}.pk-badge.issue[b-ypzdvx1nml],.pk-badge.expired[b-ypzdvx1nml]{background:#ffdde0;color:#b41c37}.pk-link[b-ypzdvx1nml]{border:0;background:transparent;color:var(--trayekto-text);font-weight:700;padding:6px}.pk-footer[b-ypzdvx1nml]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;flex-wrap:wrap}.pk-footer>div[b-ypzdvx1nml]{display:flex;align-items:center;gap:10px}.pk-footer label[b-ypzdvx1nml]{display:flex;align-items:center;gap:8px}.pk-footer select[b-ypzdvx1nml]{width:65px}.pk-footer button[b-ypzdvx1nml]{background:var(--trayekto-surface);color:var(--trayekto-text);border:1px solid var(--trayekto-border);border-radius:4px;padding:6px 10px}.pk-footer button:disabled[b-ypzdvx1nml]{opacity:.4;cursor:default}.pk-empty[b-ypzdvx1nml]{padding:20px;text-align:center}.pk-bottom[b-ypzdvx1nml]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.pk-bottom article[b-ypzdvx1nml]{padding:15px;min-width:0}.pk-bottom h3[b-ypzdvx1nml]{display:flex;gap:8px;align-items:center;font-size:1rem;margin:0 0 16px}.pk-bar[b-ypzdvx1nml]{display:grid;grid-template-columns:minmax(80px,1fr) 1fr 28px;align-items:center;gap:8px;margin:11px 0;font-size:.83rem}.pk-bar>div[b-ypzdvx1nml]{height:7px;background:var(--trayekto-surface-alt);border-radius:8px;overflow:hidden}.pk-bar i[b-ypzdvx1nml]{display:block;height:100%;background:#087cfa;border-radius:8px}.pk-bar strong[b-ypzdvx1nml]{text-align:right}.pk-due[b-ypzdvx1nml]{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--trayekto-border);font-size:.84rem}.pk-overlay[b-ypzdvx1nml]{position:fixed;inset:0;background:#001329bd;display:flex;justify-content:center;align-items:center;z-index:1500;padding:16px;font-family:'Roboto Condensed',sans-serif}.pk-modal[b-ypzdvx1nml]{width:min(760px,100%);max-height:90vh;overflow:auto;border:1px solid var(--trayekto-border);border-radius:12px;background:var(--trayekto-surface);color:var(--trayekto-text);box-shadow:0 22px 65px #0007}.pk-modal>header[b-ypzdvx1nml]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--trayekto-border)}.pk-modal-title[b-ypzdvx1nml]{display:flex;align-items:center;gap:12px}.pk-modal-title[b-ypzdvx1nml]  .mud-icon-root{color:#087cfa;font-size:29px}.pk-modal h2[b-ypzdvx1nml]{font-size:1.35rem;margin:0}.pk-modal h3[b-ypzdvx1nml]{font-size:1.05rem;margin:0 0 15px}.pk-modal p[b-ypzdvx1nml]{margin:5px 0 0;color:var(--trayekto-text-secondary)}.pk-close[b-ypzdvx1nml]{background:var(--trayekto-surface-alt);color:var(--trayekto-text);border:1px solid var(--trayekto-border);border-radius:7px;padding:7px}.pk-modal-body[b-ypzdvx1nml]{padding:18px 20px}.pk-form-card[b-ypzdvx1nml]{padding:18px;background:var(--trayekto-surface-alt);border:1px solid var(--trayekto-border);border-radius:9px;margin-top:12px}.pk-form-grid[b-ypzdvx1nml]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pk-form-grid input[b-ypzdvx1nml],.pk-form-grid select[b-ypzdvx1nml]{background:var(--trayekto-surface)}.pk-modal dl[b-ypzdvx1nml]{display:grid;grid-template-columns:1fr 2fr;gap:12px}.pk-modal dt[b-ypzdvx1nml]{font-weight:700}.pk-modal dd[b-ypzdvx1nml]{margin:0}.pk-modal>footer[b-ypzdvx1nml]{padding:14px 20px;display:flex;justify-content:flex-end;border-top:1px solid var(--trayekto-border)}.pk-error[b-ypzdvx1nml]{color:#e74d5d!important;font-weight:700}.pk-hint[b-ypzdvx1nml]{margin:0!important}.pk-page button:focus-visible[b-ypzdvx1nml],.pk-modal button:focus-visible[b-ypzdvx1nml]{outline:3px solid #329dff;outline-offset:2px}
@media(max-width:1200px){.pk-kpis[b-ypzdvx1nml]{grid-template-columns:repeat(3,minmax(0,1fr))}.pk-filters[b-ypzdvx1nml]{grid-template-columns:repeat(3,minmax(0,1fr))}.pk-bottom[b-ypzdvx1nml]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pk-page[b-ypzdvx1nml]{padding:5px 0 18px}.pk-hero[b-ypzdvx1nml]{grid-template-columns:1fr}.pk-banner[b-ypzdvx1nml]{display:none}.pk-heading[b-ypzdvx1nml]{padding:14px}.pk-heading h1[b-ypzdvx1nml]{font-size:1.45rem}.pk-kpis[b-ypzdvx1nml]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pk-kpis article[b-ypzdvx1nml]{padding:10px 8px}.pk-kpis strong[b-ypzdvx1nml]{font-size:1.35rem}.pk-toolbar[b-ypzdvx1nml]{align-items:stretch}.pk-tabs[b-ypzdvx1nml]{width:100%;overflow-x:auto;flex-wrap:nowrap}.pk-tabs button[b-ypzdvx1nml]{flex-shrink:0}.pk-actions[b-ypzdvx1nml]{width:100%}.pk-actions .pk-primary[b-ypzdvx1nml],.pk-actions .pk-secondary[b-ypzdvx1nml]{flex:1 1 auto}.pk-filters[b-ypzdvx1nml]{grid-template-columns:1fr 1fr}.pk-search[b-ypzdvx1nml]{grid-column:1/-1}.pk-filters>.pk-secondary[b-ypzdvx1nml]{grid-column:1/-1}.pk-table-wrap[b-ypzdvx1nml]{overflow:visible;padding:8px 12px}.pk-table-wrap table[b-ypzdvx1nml],.pk-table-wrap tbody[b-ypzdvx1nml]{display:block;width:100%}.pk-table-wrap thead[b-ypzdvx1nml]{display:none}.pk-table-wrap tr[b-ypzdvx1nml]{display:block;background:var(--trayekto-surface)!important;border:1px solid var(--trayekto-border);border-radius:9px;padding:12px 14px;margin-bottom:14px;box-shadow:0 3px 10px #00000012}.pk-table-wrap td[b-ypzdvx1nml]{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:6px 0;border:0;text-align:right}.pk-table-wrap td:first-child[b-ypzdvx1nml]{padding-bottom:11px;border-bottom:1px solid var(--trayekto-border);text-align:left}.pk-table-wrap td:first-child strong[b-ypzdvx1nml]{font-size:1rem}.pk-table-wrap td[b-ypzdvx1nml]::before{content:attr(data-label);font-weight:700;text-align:left;flex:0 0 42%;color:var(--trayekto-text-secondary)}.pk-table-wrap td:first-child[b-ypzdvx1nml]::before{display:none}.pk-table-wrap td:last-child[b-ypzdvx1nml]{justify-content:flex-end;border-top:1px solid var(--trayekto-border);margin-top:8px}.pk-table-wrap td:last-child[b-ypzdvx1nml]::before{margin-right:auto}.pk-bottom[b-ypzdvx1nml]{grid-template-columns:1fr}.pk-footer[b-ypzdvx1nml]{align-items:flex-start}.pk-form-grid[b-ypzdvx1nml]{grid-template-columns:1fr}.pk-modal-body[b-ypzdvx1nml],.pk-modal>header[b-ypzdvx1nml]{padding:14px}.pk-modal[b-ypzdvx1nml]{max-height:92vh}}

/* Theme-aware surface contrast: page, cards, table and dialog share corporate tokens. */
.pk-page[b-ypzdvx1nml] { color: var(--trayekto-text); }
.pk-hero[b-ypzdvx1nml], .pk-kpis article[b-ypzdvx1nml], .pk-panel[b-ypzdvx1nml], .pk-bottom article[b-ypzdvx1nml] {
    background-color: var(--trayekto-surface);
    border-color: var(--trayekto-border);
    box-shadow: var(--trayekto-shadow);
}
.pk-filters input[b-ypzdvx1nml], .pk-filters select[b-ypzdvx1nml], .pk-form-grid input[b-ypzdvx1nml],
.pk-form-grid select[b-ypzdvx1nml], .pk-footer select[b-ypzdvx1nml] {
    background-color: var(--trayekto-input-bg);
    border-color: var(--trayekto-input-border);
    color: var(--trayekto-text);
    color-scheme: light;
}
html[data-theme="dark"] .pk-filters input[b-ypzdvx1nml],
html[data-theme="dark"] .pk-filters select[b-ypzdvx1nml],
html[data-theme="dark"] .pk-form-grid input[b-ypzdvx1nml],
html[data-theme="dark"] .pk-form-grid select[b-ypzdvx1nml],
html[data-theme="dark"] .pk-footer select[b-ypzdvx1nml] { color-scheme: dark; }
.pk-filters input[b-ypzdvx1nml]::placeholder, .pk-form-grid input[b-ypzdvx1nml]::placeholder {
    color: var(--text-muted); opacity: 1;
}
.pk-table-wrap th[b-ypzdvx1nml] { background-color: var(--trayekto-surface-alt); }
.pk-table-wrap tr:nth-child(even)[b-ypzdvx1nml] { background-color: var(--trayekto-surface-alt); }
.pk-table-wrap tr:nth-child(odd)[b-ypzdvx1nml] { background-color: var(--trayekto-surface); }
.pk-modal[b-ypzdvx1nml] { background-color: var(--trayekto-surface); color: var(--trayekto-text); }
.pk-modal > header[b-ypzdvx1nml], .pk-modal > footer[b-ypzdvx1nml] { background-color: var(--trayekto-surface); }
.pk-form-card[b-ypzdvx1nml] { background-color: var(--trayekto-surface-alt); }
.pk-modal .pk-close[b-ypzdvx1nml] { background-color: var(--trayekto-surface-alt); color: var(--trayekto-text); }
.pk-filters input:focus-visible[b-ypzdvx1nml], .pk-filters select:focus-visible[b-ypzdvx1nml],
.pk-form-grid input:focus-visible[b-ypzdvx1nml], .pk-form-grid select:focus-visible[b-ypzdvx1nml] {
    outline: 2px solid var(--primary); outline-offset: 1px;
}
@media (max-width: 700px) {
    .pk-table-wrap tr[b-ypzdvx1nml] { background-color: var(--trayekto-surface) !important; }
}
/* /Pages/Pickups.razor.rz.scp.css */
/* =========================================================
   CONTENEDOR Y HERO
   ========================================================= */

.pickups-page[b-ieucef6ocy] { width: 100%; color: #0b2853; }
.pickup-hero[b-ieucef6ocy] { display: grid; grid-template-columns: minmax(420px, 1fr) minmax(360px, 44%); min-height: 88px; margin-bottom: 12px; border: 1px solid #dce7f3; border-radius: 12px; overflow: hidden; background: #fff; }
.hero-copy[b-ieucef6ocy] { display: flex; align-items: center; gap: 16px; padding: 16px 22px; }
.hero-copy[b-ieucef6ocy] >  .mud-icon-root { width: 42px; height: 42px; font-size: 42px; color: #0a2d60; }
.hero-copy h1[b-ieucef6ocy] { margin: 0; font-size: clamp(1.55rem, 2vw, 2rem); font-weight: 800; }
.hero-copy p[b-ieucef6ocy] { margin: 2px 0 0; font-size: .98rem; }
.hero-banner[b-ieucef6ocy] { position: relative; display: flex; justify-content: center; flex-direction: column; padding: 12px 28px; color: #fff; background: linear-gradient(90deg, rgba(3,40,78,.88), rgba(3,80,143,.78)), url('/images/home/hero-logistics.webp') center 58%/cover no-repeat; }
.hero-banner strong[b-ieucef6ocy] { font-size: 1.35rem; line-height: 1.02; }
.hero-banner span[b-ieucef6ocy] { margin-top: 6px; font-weight: 700; }

/* =========================================================
   MÉTRICAS
   ========================================================= */

.metrics-grid[b-ieucef6ocy] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.metric-card[b-ieucef6ocy] { min-height: 104px; display: flex; align-items: center; gap: 14px; padding: 14px; background: #fff; border: 1px solid #dce7f3; border-radius: 10px; box-shadow: 0 2px 8px rgba(20,57,96,.05); }
.metric-card[b-ieucef6ocy] >  .mud-icon-root { flex: 0 0 46px; width: 46px; height: 46px; padding: 11px; border-radius: 50%; color: #fff; }
.metric-card strong[b-ieucef6ocy] { display: block; font-size: 1.55rem; line-height: 1; color: #0a2149; }
.metric-card span[b-ieucef6ocy] { display: block; margin-top: 6px; font-size: .78rem; }
.metric-card.blue[b-ieucef6ocy] >  .mud-icon-root { background: #1384f5; }.metric-card.green[b-ieucef6ocy] >  .mud-icon-root { background: #10ad55; }.metric-card.orange[b-ieucef6ocy] >  .mud-icon-root { background: #ffad0a; }.metric-card.red[b-ieucef6ocy] >  .mud-icon-root { background: #ff3e4f; }

/* =========================================================
   ÁREA DE TRABAJO
   ========================================================= */

.workspace-grid[b-ieucef6ocy] { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 12px; align-items: start; }
.main-column[b-ieucef6ocy] { min-width: 0; }.create-column[b-ieucef6ocy] { display: grid; gap: 10px; position: sticky; top: 12px; }
.list-panel[b-ieucef6ocy], .detail-card[b-ieucef6ocy], .tracking-card[b-ieucef6ocy], .map-card[b-ieucef6ocy], .create-card[b-ieucef6ocy] { border: 1px solid #dce7f3; border-radius: 10px; background: #fff; overflow: hidden; }
.tabs-row[b-ieucef6ocy] { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 12px; border-bottom: 1px solid #e2eaf3; overflow-x: auto; }
.tabs-row button[b-ieucef6ocy] { height: 48px; padding: 0 12px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #244a7a; white-space: nowrap; cursor: pointer; }
.tabs-row button.active[b-ieucef6ocy] { color: #087eff; border-bottom-color: #087eff; font-weight: 700; }.date-filter[b-ieucef6ocy] { margin-left: auto; min-width: 170px; }
.toolbar-row[b-ieucef6ocy] { display: flex; gap: 10px; padding: 12px; }.search-box[b-ieucef6ocy] { min-width: 0; flex: 1; height: 42px; display: flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid #d5e1ee; border-radius: 7px; }.search-box input[b-ieucef6ocy] { width: 100%; border: 0; outline: 0; color: #173b69; background: transparent; }

/* =========================================================
   TABLA
   ========================================================= */

.table-scroll[b-ieucef6ocy] { overflow-x: auto; }.pickup-table[b-ieucef6ocy] { width: 100%; min-width: 940px; border-collapse: collapse; font-size: .76rem; }.pickup-table th[b-ieucef6ocy] { padding: 10px; text-align: left; background: #f6f9fc; color: #0b2853; border-bottom: 1px solid #e3ebf4; }.pickup-table td[b-ieucef6ocy] { padding: 10px; vertical-align: middle; border-bottom: 1px solid #edf2f7; }.pickup-table tbody tr[b-ieucef6ocy] { cursor: pointer; }.pickup-table tbody tr:hover[b-ieucef6ocy], .pickup-table tbody tr.selected[b-ieucef6ocy] { background: #f3f8ff; }.pickup-table strong[b-ieucef6ocy], .pickup-table small[b-ieucef6ocy] { display: block; }.pickup-table small[b-ieucef6ocy] { margin-top: 2px; color: #607c9f; }.muted[b-ieucef6ocy] { color: #8294aa; }.status-pill[b-ieucef6ocy] { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 6px; font-weight: 700; white-space: nowrap; }.status-pill.blue[b-ieucef6ocy] { color: #0874e8; background: #dcecff; }.status-pill.green[b-ieucef6ocy] { color: #07863f; background: #d9f7e5; }.status-pill.orange[b-ieucef6ocy] { color: #bd7800; background: #fff0c9; }.status-pill.red[b-ieucef6ocy] { color: #d92b3c; background: #ffe0e4; }
.pagination-row[b-ieucef6ocy] { display: flex; justify-content: space-between; align-items: center; min-height: 56px; padding: 8px 14px; color: #36587e; }.pagination-row > div[b-ieucef6ocy] { display: flex; align-items: center; gap: 4px; }.pagination-row strong[b-ieucef6ocy] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 5px; color: #fff; background: #087eff; }
.empty-state[b-ieucef6ocy], .state-panel[b-ieucef6ocy] { min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #58779d; }.empty-state[b-ieucef6ocy] >  .mud-icon-root { font-size: 34px; }

/* =========================================================
   DETALLE, SEGUIMIENTO Y MAPA
   ========================================================= */

.detail-grid[b-ieucef6ocy] { display: grid; grid-template-columns: .9fr 1.4fr 1.25fr; gap: 12px; margin-top: 12px; }.detail-card[b-ieucef6ocy], .tracking-card[b-ieucef6ocy], .map-card[b-ieucef6ocy] { min-height: 220px; padding: 14px; }.detail-card h3[b-ieucef6ocy], .tracking-card h3[b-ieucef6ocy], .map-card h3[b-ieucef6ocy] { margin: 0 0 14px; font-size: .95rem; }.detail-heading[b-ieucef6ocy] { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }.detail-heading > strong[b-ieucef6ocy] { font-size: 1.2rem; }.detail-card p[b-ieucef6ocy] { margin: 8px 0; font-size: .8rem; }.detail-card p[b-ieucef6ocy] >  .mud-icon-root { vertical-align: middle; }.detail-tags[b-ieucef6ocy] { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 14px; }.detail-tags span[b-ieucef6ocy] { padding: 6px 9px; border-radius: 6px; background: #edf5ff; font-size: .75rem; }.detail-empty[b-ieucef6ocy] { min-height: 140px; display: grid; place-items: center; text-align: center; color: #7890ad; }
.tracking-line[b-ieucef6ocy] { display: flex; align-items: center; margin: 28px 8px 8px; }.tracking-line span[b-ieucef6ocy] { width: 30px; height: 30px; display: grid; place-items: center; border: 2px solid #cad7e6; border-radius: 50%; color: #8fa2b8; background: #fff; }.tracking-line span.done[b-ieucef6ocy] { border-color: #087eff; color: #fff; background: #087eff; }.tracking-line i[b-ieucef6ocy] { flex: 1; height: 2px; background: #cbd8e7; }.tracking-labels[b-ieucef6ocy] { display: flex; justify-content: space-between; font-size: .68rem; }.tracking-note[b-ieucef6ocy] { margin-top: 20px; padding: 12px; border-radius: 7px; background: #eaf4ff; font-size: .78rem; }.map-card[b-ieucef6ocy] { padding: 0; }.map-head[b-ieucef6ocy] { padding: 12px 14px 8px; }.map-head h3[b-ieucef6ocy] { margin: 0; }.map-head span[b-ieucef6ocy] { display: block; margin-top: 3px; font-size: .7rem; color: #6681a1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.pickup-map[b-ieucef6ocy] { width: 100%; height: 170px; background: #eaf1f7; }

/* =========================================================
   FORMULARIO LATERAL
   ========================================================= */

.create-card[b-ieucef6ocy] { padding: 14px; }.create-title[b-ieucef6ocy] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }.create-title h3[b-ieucef6ocy] { margin: 0; font-size: 1rem; }.create-card form[b-ieucef6ocy] { display: grid; gap: 9px; }.time-grid[b-ieucef6ocy] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }


/* =========================================================
   ACCIONES PRINCIPALES - APARIENCIA PROFESIONAL
   ========================================================= */

.create-column[b-ieucef6ocy] >  .new-pickup-button.mud-button-root {
    min-height: 48px;
    border-radius: 9px;
    font-size: .94rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    background: linear-gradient(135deg, #087eff 0%, #0569dc 100%);
    box-shadow: 0 6px 16px rgba(8, 126, 255, .22);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.create-column[b-ieucef6ocy] >  .new-pickup-button.mud-button-root:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(8, 126, 255, .28);
    filter: brightness(1.03);
}

.create-column[b-ieucef6ocy] >  .new-pickup-button .mud-button-label {
    justify-content: flex-start;
    gap: 8px;
}

.create-card form[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root {
    min-height: 52px;
    margin-top: 4px;
    border-radius: 9px;
    font-size: .94rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
    background: linear-gradient(135deg, #087eff 0%, #006ee6 100%);
    box-shadow: 0 7px 18px rgba(8, 126, 255, .24);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.create-card form[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root:hover:not(.mud-disabled) {
    transform: translateY(-1px);
    box-shadow: 0 9px 22px rgba(8, 126, 255, .30);
    filter: brightness(1.03);
}

.create-card form[b-ieucef6ocy] >  .schedule-pickup-button.mud-disabled {
    box-shadow: none;
}

/* =========================================================
   RESPONSIVE - PORTÁTIL / TABLET
   ========================================================= */

@media (max-width: 1350px) { .workspace-grid[b-ieucef6ocy] { grid-template-columns: minmax(0, 1fr) 280px; }.detail-grid[b-ieucef6ocy] { grid-template-columns: 1fr 1fr; }.map-card[b-ieucef6ocy] { grid-column: 1 / -1; }.pickup-map[b-ieucef6ocy] { height: 240px; } }
@media (max-width: 1100px) { .pickup-hero[b-ieucef6ocy] { grid-template-columns: 1fr; }.hero-banner[b-ieucef6ocy] { min-height: 86px; }.metrics-grid[b-ieucef6ocy] { grid-template-columns: repeat(3, 1fr); }.workspace-grid[b-ieucef6ocy] { grid-template-columns: 1fr; }.create-column[b-ieucef6ocy] { position: static; grid-row: 1; }.create-card form[b-ieucef6ocy] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.create-card form[b-ieucef6ocy] >  .mud-button-root, .create-card form[b-ieucef6ocy] >  .mud-alert, .create-card form > .time-grid[b-ieucef6ocy] { grid-column: auto; } }

/* =========================================================
   RESPONSIVE - MÓVIL
   ========================================================= */

@media (max-width: 767px) { .hero-banner[b-ieucef6ocy] { display: none; }.pickup-hero[b-ieucef6ocy] { min-height: 76px; }.hero-copy[b-ieucef6ocy] { padding: 12px; }.metrics-grid[b-ieucef6ocy] { grid-template-columns: repeat(2, 1fr); }.metric-card[b-ieucef6ocy] { min-height: 90px; padding: 10px; }.metric-card:last-child[b-ieucef6ocy] { grid-column: 1 / -1; }.toolbar-row[b-ieucef6ocy] { flex-direction: column; }.tabs-row[b-ieucef6ocy] { padding: 0 6px; }.date-filter[b-ieucef6ocy] { margin-left: 0; min-width: 145px; }.detail-grid[b-ieucef6ocy] { grid-template-columns: 1fr; }.map-card[b-ieucef6ocy] { grid-column: auto; }.create-card form[b-ieucef6ocy] { grid-template-columns: 1fr; }.time-grid[b-ieucef6ocy] { grid-template-columns: 1fr; }.pagination-row[b-ieucef6ocy] { align-items: flex-start; gap: 8px; flex-direction: column; }.pickup-table[b-ieucef6ocy] { min-width: 850px; } }
@media (max-width: 430px) { .metrics-grid[b-ieucef6ocy] { grid-template-columns: 1fr; }.metric-card:last-child[b-ieucef6ocy] { grid-column: auto; }.hero-copy h1[b-ieucef6ocy] { font-size: 1.45rem; }.hero-copy p[b-ieucef6ocy] { font-size: .82rem; } }

/* =========================================================
   AJUSTE VISUAL FINAL - PANEL NUEVA RECOLECCIÓN
   Replica la jerarquía del mockup aprobado sin imágenes.
   ========================================================= */

.workspace-grid[b-ieucef6ocy] {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 14px;
}

.create-column[b-ieucef6ocy] {
    gap: 10px;
    min-width: 0;
}

.create-column[b-ieucef6ocy] >  .new-pickup-button.mud-button-root {
    min-height: 46px;
    border-radius: 8px;
    font-size: .9rem;
    box-shadow: 0 5px 14px rgba(8, 126, 255, .18);
}

.create-column[b-ieucef6ocy] >  .new-pickup-button .mud-button-label {
    justify-content: center;
}

.create-card[b-ieucef6ocy] {
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(21, 55, 92, .07);
    overflow: visible;
}

.create-title[b-ieucef6ocy] {
    min-height: 28px;
    margin-bottom: 12px;
}

.create-title h3[b-ieucef6ocy] {
    font-size: .98rem;
    font-weight: 800;
    color: #0a2149;
}

.pickup-create-form[b-ieucef6ocy] {
    display: grid;
    gap: 11px;
}

.pickup-field[b-ieucef6ocy] {
    min-width: 0;
}

.pickup-field > label[b-ieucef6ocy] {
    display: block;
    margin: 0 0 5px 1px;
    color: #173b69;
    font-size: .72rem;
    line-height: 1.1;
    font-weight: 700;
}

.pickup-field > label span[b-ieucef6ocy] {
    color: #e62d3f;
}

.pickup-field[b-ieucef6ocy] >  .mud-input-control,
.pickup-field[b-ieucef6ocy] >  .mud-picker,
.pickup-two-fields[b-ieucef6ocy]  .mud-input-control {
    width: 100%;
    margin: 0;
}

.pickup-field[b-ieucef6ocy] >  .mud-input-control-input-container,
.pickup-two-fields[b-ieucef6ocy]  .mud-input-control-input-container {
    margin-top: 0;
}

.pickup-field[b-ieucef6ocy]  .mud-input-outlined,
.pickup-two-fields[b-ieucef6ocy]  .mud-input-outlined {
    min-height: 40px;
    border-radius: 6px;
    background: #fff;
}

.pickup-field[b-ieucef6ocy]  .mud-input-slot,
.pickup-two-fields[b-ieucef6ocy]  .mud-input-slot {
    min-height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: .78rem;
}

.pickup-field[b-ieucef6ocy]  textarea.mud-input-slot {
    min-height: 66px;
    line-height: 1.35;
}

.pickup-field[b-ieucef6ocy]  .mud-input-adornment,
.pickup-two-fields[b-ieucef6ocy]  .mud-input-adornment {
    margin-top: 0;
}

.pickup-field[b-ieucef6ocy]  .mud-input-adornment .mud-icon-root {
    color: #087eff;
}

.pickup-two-fields[b-ieucef6ocy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
}

.time-grid[b-ieucef6ocy] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
}

.pickup-create-form[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root {
    min-height: 48px;
    margin-top: 2px;
    border: 0;
    border-radius: 7px;
    font-size: .88rem;
    font-weight: 800;
    background: linear-gradient(135deg, #0b84ff 0%, #0873ec 100%);
    box-shadow: 0 6px 16px rgba(8, 126, 255, .20);
}

.pickup-create-form[b-ieucef6ocy] >  .schedule-pickup-button .mud-button-label {
    justify-content: center;
    gap: 7px;
}

@media (max-width: 1350px) {
    .workspace-grid[b-ieucef6ocy] { grid-template-columns: minmax(0, 1fr) 300px; }
}

@media (max-width: 1100px) {
    .workspace-grid[b-ieucef6ocy] { grid-template-columns: 1fr; }
    .create-column[b-ieucef6ocy] { position: static; grid-row: 1; }
    .create-card[b-ieucef6ocy] { max-width: 680px; width: 100%; }
    .pickup-create-form[b-ieucef6ocy] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pickup-create-form > .pickup-two-fields[b-ieucef6ocy],
    .pickup-create-form[b-ieucef6ocy] >  .mud-alert,
    .pickup-create-form[b-ieucef6ocy] >  .schedule-pickup-button { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
    .create-card[b-ieucef6ocy] { max-width: none; padding: 14px; }
    .pickup-create-form[b-ieucef6ocy] { grid-template-columns: 1fr; }
    .pickup-create-form > .pickup-two-fields[b-ieucef6ocy],
    .pickup-create-form[b-ieucef6ocy] >  .mud-alert,
    .pickup-create-form[b-ieucef6ocy] >  .schedule-pickup-button { grid-column: auto; }
}

@media (max-width: 430px) {
    .pickup-two-fields[b-ieucef6ocy],
    .time-grid[b-ieucef6ocy] { grid-template-columns: 1fr; }
}

/* ============================================================
   NUEVA RECOLECCIÓN - MODAL RESPONSIVE
   El overlay no tiene evento de cierre: la X es la única salida manual.
   ============================================================ */
.pickup-page-actions[b-ieucef6ocy] {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 12px;
}

.pickup-page-actions[b-ieucef6ocy] >  .new-pickup-button.mud-button-root {
    min-width: 220px;
    min-height: 46px;
    padding: 0 22px;
    border-radius: 8px;
    font-weight: 800;
    text-transform: none;
    background: linear-gradient(135deg, #0b84ff 0%, #0873ec 100%);
    box-shadow: 0 6px 16px rgba(8, 126, 255, .20);
}

.workspace-grid[b-ieucef6ocy] {
    grid-template-columns: minmax(0, 1fr) !important;
}

.pickup-modal-overlay[b-ieucef6ocy] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(3, 25, 48, .66);
    backdrop-filter: blur(3px);
    overflow: hidden;
}

.pickup-modal-card[b-ieucef6ocy] {
    width: min(560px, calc(100vw - 40px));
    max-height: calc(100dvh - 40px);
    padding: 0 !important;
    border: 1px solid #d8e5f3 !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 70px rgba(0, 28, 58, .30) !important;
    overflow: hidden !important;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.pickup-modal-card .create-title[b-ieucef6ocy] {
    flex: 0 0 auto;
    min-height: 68px;
    margin: 0;
    padding: 13px 16px 12px 18px;
    border-bottom: 1px solid #e3edf7;
    background: linear-gradient(135deg, #f8fbff 0%, #eef6ff 100%);
}

.pickup-modal-card .create-title > div:first-child[b-ieucef6ocy] { min-width: 0; }
.pickup-modal-card .create-title h3[b-ieucef6ocy] { font-size: 1.05rem; font-weight: 800; color: #0a2149; }
.pickup-modal-card .create-title p[b-ieucef6ocy] { margin: 3px 0 0; color: #607894; font-size: .75rem; }
.pickup-modal-card .create-title[b-ieucef6ocy]  .pickup-modal-close { color: #173b69; }

.pickup-modal-card .pickup-create-form[b-ieucef6ocy] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px 18px 18px;
    gap: 10px;
    scrollbar-width: thin;
    scrollbar-color: #b8c9dc transparent;
}

.pickup-modal-card .pickup-create-form[b-ieucef6ocy]::-webkit-scrollbar { width: 7px; }
.pickup-modal-card .pickup-create-form[b-ieucef6ocy]::-webkit-scrollbar-thumb { background: #b8c9dc; border-radius: 10px; }

.pickup-modal-card .pickup-create-form[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root {
    position: sticky;
    bottom: -18px;
    z-index: 3;
    margin: 4px -18px -18px;
    width: calc(100% + 36px);
    border-radius: 0 0 13px 13px;
    min-height: 52px;
}

@media (max-height: 720px) and (min-width: 768px) {
    .pickup-modal-overlay[b-ieucef6ocy] { padding: 12px; }
    .pickup-modal-card[b-ieucef6ocy] { max-height: calc(100dvh - 24px); }
    .pickup-modal-card .create-title[b-ieucef6ocy] { min-height: 58px; padding-top: 9px; padding-bottom: 8px; }
    .pickup-modal-card .pickup-create-form[b-ieucef6ocy] { padding-top: 10px; gap: 7px; }
}

@media (max-width: 767px) {
    .pickup-page-actions[b-ieucef6ocy] >  .new-pickup-button.mud-button-root { width: 100%; min-width: 0; }
    .pickup-modal-overlay[b-ieucef6ocy] { padding: 0; align-items: stretch; }
    .pickup-modal-card[b-ieucef6ocy] {
        width: 100vw;
        max-width: none;
        height: 100dvh;
        max-height: 100dvh;
        border: 0 !important;
        border-radius: 0 !important;
    }
    .pickup-modal-card .create-title[b-ieucef6ocy] { padding-left: 16px; padding-right: 10px; }
    .pickup-modal-card .pickup-create-form[b-ieucef6ocy] { padding: 14px 16px 18px; }
    .pickup-modal-card .pickup-create-form[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root {
        bottom: -18px;
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
        border-radius: 0;
    }
}

/* ============================================================
   NUEVA RECOLECCIÓN - DISEÑO EMPRESARIAL TIPO MICROSOFT 365
   Modal ancho en escritorio, cuerpo con scroll propio y footer fijo.
   El overlay NO cierra el modal; la única salida manual es la X.
   ============================================================ */
.pickup-modal-overlay[b-ieucef6ocy] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    background: rgba(10, 31, 54, .58) !important;
    backdrop-filter: blur(4px);
    overflow: hidden !important;
}

.pickup-modal-card.office-pickup-modal[b-ieucef6ocy] {
    width: min(920px, calc(100vw - 48px)) !important;
    max-width: 920px !important;
    height: min(760px, calc(100dvh - 48px)) !important;
    max-height: calc(100dvh - 48px) !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid #d7e0ea !important;
    border-radius: 10px !important;
    background: #f7f9fc !important;
    box-shadow: 0 24px 70px rgba(0, 24, 50, .34) !important;
    overflow: hidden !important;
}

.pickup-modal-header[b-ieucef6ocy] {
    flex: 0 0 auto;
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 15px 18px 15px 20px;
    background: #ffffff;
    border-bottom: 1px solid #dfe7f0;
}

.pickup-modal-heading[b-ieucef6ocy] { display: flex; align-items: center; gap: 14px; min-width: 0; }
.pickup-modal-heading-icon[b-ieucef6ocy] {
    width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center;
    border-radius: 7px; color: #fff; background: #0f6cbd; box-shadow: 0 4px 10px rgba(15,108,189,.18);
}
.pickup-modal-heading-icon[b-ieucef6ocy]  .mud-icon-root { color: #fff; font-size: 24px; }
.pickup-modal-heading h3[b-ieucef6ocy] { margin: 0; color: #172b4d; font-size: 1.15rem; font-weight: 800; line-height: 1.2; }
.pickup-modal-heading p[b-ieucef6ocy] { margin: 4px 0 0; color: #60758d; font-size: .79rem; line-height: 1.25; }
.pickup-modal-header[b-ieucef6ocy]  .pickup-modal-close.mud-icon-button { width: 38px; height: 38px; border-radius: 6px; color: #42566f; }
.pickup-modal-header[b-ieucef6ocy]  .pickup-modal-close.mud-icon-button:hover { background: #eef3f8; color: #0f6cbd; }

.pickup-modal-card .office-pickup-form[b-ieucef6ocy] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
}

.pickup-modal-body[b-ieucef6ocy] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 18px 20px;
    scrollbar-width: thin;
    scrollbar-color: #b8c5d3 transparent;
}
.pickup-modal-body[b-ieucef6ocy]::-webkit-scrollbar { width: 8px; }
.pickup-modal-body[b-ieucef6ocy]::-webkit-scrollbar-thumb { background: #b8c5d3; border-radius: 8px; }

.pickup-form-section[b-ieucef6ocy] {
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid #dde5ee;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(19, 48, 78, .04);
}
.pickup-form-section:last-of-type[b-ieucef6ocy] { margin-bottom: 0; }
.pickup-section-title[b-ieucef6ocy] {
    min-height: 52px; display: flex; align-items: center; gap: 10px;
    padding: 9px 14px; border-bottom: 1px solid #e6ecf2; background: #f8fafc;
}
.pickup-section-title > span[b-ieucef6ocy] { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border-radius: 6px; background: #e8f3fc; color: #0f6cbd; }
.pickup-section-title > span[b-ieucef6ocy]  .mud-icon-root { font-size: 18px; }
.pickup-section-title strong[b-ieucef6ocy] { display: block; color: #183153; font-size: .84rem; font-weight: 800; }
.pickup-section-title small[b-ieucef6ocy] { display: block; margin-top: 1px; color: #718399; font-size: .67rem; line-height: 1.25; }

.pickup-section-grid[b-ieucef6ocy] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 14px; padding: 14px; }
.pickup-schedule-grid[b-ieucef6ocy] { grid-template-columns: 1.35fr 1fr 1fr; }
.pickup-cargo-grid[b-ieucef6ocy] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pickup-span-2[b-ieucef6ocy] { grid-column: span 2; }

.office-pickup-form .pickup-field[b-ieucef6ocy] { min-width: 0; }
.office-pickup-form .pickup-field > label[b-ieucef6ocy] { display: block; margin: 0 0 5px; color: #344b68; font-size: .71rem; font-weight: 700; line-height: 1.15; }
.office-pickup-form .pickup-field > label span[b-ieucef6ocy] { color: #c4314b; }
.office-pickup-form .pickup-field[b-ieucef6ocy]  .mud-input-control { width: 100%; margin: 0 !important; }
.office-pickup-form .pickup-field[b-ieucef6ocy]  .mud-input-control-input-container { margin-top: 0 !important; }
.office-pickup-form .pickup-field[b-ieucef6ocy]  .mud-input-outlined { min-height: 42px !important; border-radius: 5px !important; background: #fff !important; }
.office-pickup-form .pickup-field[b-ieucef6ocy]  .mud-input-slot { min-height: 42px !important; padding-top: 9px !important; padding-bottom: 9px !important; font-size: .78rem !important; color: #203852 !important; }
.office-pickup-form .pickup-field[b-ieucef6ocy]  .mud-input-outlined-border { border-color: #b8c7d8 !important; }
.office-pickup-form .pickup-field[b-ieucef6ocy]  .mud-input-outlined:hover .mud-input-outlined-border { border-color: #6d8cad !important; }
.office-pickup-form .pickup-field[b-ieucef6ocy]  .mud-input-outlined.mud-input-focused .mud-input-outlined-border { border-color: #0f6cbd !important; border-width: 2px !important; }
.office-pickup-form .pickup-field[b-ieucef6ocy]  .mud-input-adornment .mud-icon-root { color: #0f6cbd; font-size: 20px; }
.office-pickup-form .pickup-field[b-ieucef6ocy]  textarea.mud-input-slot { min-height: 68px !important; line-height: 1.35; }

.pickup-form-alert[b-ieucef6ocy] { margin-top: 14px; }
.pickup-modal-footer[b-ieucef6ocy] {
    flex: 0 0 auto; min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 18px;
    padding: 11px 20px; border-top: 1px solid #dfe7f0; background: #fff;
}
.pickup-footer-note[b-ieucef6ocy] { display: flex; align-items: center; gap: 7px; min-width: 0; color: #6a7d93; font-size: .69rem; }
.pickup-footer-note[b-ieucef6ocy]  .mud-icon-root { color: #0f6cbd; font-size: 18px; }
.pickup-modal-footer[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root {
    position: static !important; width: auto !important; min-width: 210px !important; min-height: 42px !important;
    margin: 0 !important; padding: 0 20px !important; border-radius: 5px !important;
    background: #0f6cbd !important; box-shadow: none !important; font-size: .78rem !important; font-weight: 700 !important; text-transform: none !important;
}
.pickup-modal-footer[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root:hover:not(.mud-disabled) { background: #115ea3 !important; transform: none !important; box-shadow: none !important; }

@media (max-width: 900px) {
    .pickup-modal-overlay[b-ieucef6ocy] { padding: 14px !important; }
    .pickup-modal-card.office-pickup-modal[b-ieucef6ocy] { width: calc(100vw - 28px) !important; height: calc(100dvh - 28px) !important; max-height: calc(100dvh - 28px) !important; }
    .pickup-schedule-grid[b-ieucef6ocy] { grid-template-columns: 1.2fr 1fr 1fr; }
}

@media (max-width: 700px) {
    .pickup-modal-overlay[b-ieucef6ocy] { padding: 0 !important; align-items: stretch !important; }
    .pickup-modal-card.office-pickup-modal[b-ieucef6ocy] { width: 100vw !important; max-width: none !important; height: 100dvh !important; max-height: 100dvh !important; border: 0 !important; border-radius: 0 !important; }
    .pickup-modal-header[b-ieucef6ocy] { min-height: 72px; padding: 12px 10px 12px 14px; }
    .pickup-modal-heading-icon[b-ieucef6ocy] { width: 38px; height: 38px; flex-basis: 38px; }
    .pickup-modal-heading h3[b-ieucef6ocy] { font-size: 1rem; }
    .pickup-modal-heading p[b-ieucef6ocy] { font-size: .7rem; }
    .pickup-modal-body[b-ieucef6ocy] { padding: 12px; }
    .pickup-section-grid[b-ieucef6ocy], .pickup-schedule-grid[b-ieucef6ocy], .pickup-cargo-grid[b-ieucef6ocy] { grid-template-columns: 1fr !important; padding: 12px; gap: 11px; }
    .pickup-span-2[b-ieucef6ocy] { grid-column: auto; }
    .pickup-section-title small[b-ieucef6ocy] { display: none; }
    .pickup-modal-footer[b-ieucef6ocy] { padding: 10px 12px; }
    .pickup-footer-note[b-ieucef6ocy] { display: none; }
    .pickup-modal-footer[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root { width: 100% !important; min-width: 0 !important; }
}

/* ============================================================
   NUEVA RECOLECCIÓN - COMPOSICIÓN FINAL TIPO MICROSOFT 365
   Reemplaza visualmente la composición de tarjetas por un modal
   compacto de dos paneles: contexto operativo + formulario.
   ============================================================ */
.pickup-modal-card.pickup-m365-modal[b-ieucef6ocy] {
    width: min(900px, calc(100vw - 40px)) !important;
    max-width: 900px !important;
    height: min(680px, calc(100dvh - 40px)) !important;
    max-height: calc(100dvh - 40px) !important;
    border-radius: 12px !important;
    border: 1px solid #d8e1eb !important;
    background: #fff !important;
    box-shadow: 0 28px 80px rgba(12, 35, 64, .30) !important;
}

.pickup-m365-header[b-ieucef6ocy] {
    min-height: 76px !important;
    padding: 14px 18px 14px 20px !important;
    background: #fff !important;
}

.pickup-m365-header .pickup-modal-heading-icon[b-ieucef6ocy] {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    border-radius: 8px;
    background: #0f6cbd;
}

.pickup-m365-header .pickup-modal-heading h3[b-ieucef6ocy] {
    font-size: 1.08rem;
    font-weight: 700;
    color: #172b4d;
}

.pickup-m365-header .pickup-modal-heading p[b-ieucef6ocy] {
    margin-top: 3px;
    font-size: .76rem;
    color: #66788c;
}

.pickup-modal-card .pickup-m365-form[b-ieucef6ocy] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.pickup-m365-content[b-ieucef6ocy] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    overflow: hidden;
    background: #fff;
}

.pickup-m365-aside[b-ieucef6ocy] {
    min-width: 0;
    padding: 26px 26px 22px;
    overflow: hidden;
    border-right: 1px solid #e1e8f0;
    background:
        radial-gradient(circle at 12% 8%, rgba(15,108,189,.11), transparent 34%),
        linear-gradient(180deg, #f4f9fd 0%, #eef6fb 100%);
}

.pickup-visual-stage[b-ieucef6ocy] {
    position: relative;
    height: 205px;
    margin: -4px -2px 12px;
    overflow: hidden;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(225,240,250,.75));
}

.pickup-visual-stage[b-ieucef6ocy]::before,
.pickup-visual-stage[b-ieucef6ocy]::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    background: rgba(15,108,189,.08);
}
.pickup-visual-stage[b-ieucef6ocy]::before { width: 170px; height: 170px; left: -65px; top: -65px; }
.pickup-visual-stage[b-ieucef6ocy]::after { width: 110px; height: 110px; right: -35px; bottom: -30px; }

.pickup-route-line[b-ieucef6ocy] {
    position: absolute;
    height: 3px;
    border-radius: 99px;
    background: repeating-linear-gradient(90deg, #70a8d3 0 8px, transparent 8px 14px);
    transform-origin: left center;
    opacity: .8;
}
.pickup-route-line.route-one[b-ieucef6ocy] { width: 150px; left: 54px; top: 77px; transform: rotate(14deg); }
.pickup-route-line.route-two[b-ieucef6ocy] { width: 116px; left: 108px; top: 126px; transform: rotate(-19deg); }

.pickup-map-pin[b-ieucef6ocy] {
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #0f6cbd;
    box-shadow: 0 5px 14px rgba(15,108,189,.22);
}
.pickup-map-pin.pin-one[b-ieucef6ocy] { left: 35px; top: 54px; }
.pickup-map-pin.pin-two[b-ieucef6ocy] { right: 26px; top: 105px; }
.pickup-map-pin[b-ieucef6ocy]  .mud-icon-root { font-size: 20px; }

.pickup-truck-visual[b-ieucef6ocy] {
    position: absolute;
    z-index: 3;
    left: 94px;
    bottom: 26px;
    width: 90px;
    height: 62px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #0f6cbd, #1683d8);
    box-shadow: 0 12px 24px rgba(15,108,189,.26);
}
.pickup-truck-visual[b-ieucef6ocy]  .mud-icon-root { font-size: 48px; }

.pickup-box-stack .box[b-ieucef6ocy] {
    position: absolute;
    z-index: 2;
    display: block;
    border: 2px solid #a56b21;
    border-radius: 4px;
    background: linear-gradient(135deg, #e9b96f, #d7953f);
    box-shadow: 0 5px 12px rgba(93,58,18,.13);
}
.pickup-box-stack .box-a[b-ieucef6ocy] { width: 42px; height: 34px; left: 35px; bottom: 23px; }
.pickup-box-stack .box-b[b-ieucef6ocy] { width: 34px; height: 29px; left: 66px; bottom: 23px; }
.pickup-box-stack .box-c[b-ieucef6ocy] { width: 31px; height: 26px; left: 49px; bottom: 54px; }

.pickup-aside-copy h4[b-ieucef6ocy] {
    margin: 0;
    color: #17324f;
    font-size: 1.02rem;
    font-weight: 800;
}
.pickup-aside-copy p[b-ieucef6ocy] {
    margin: 7px 0 18px;
    color: #64798e;
    font-size: .73rem;
    line-height: 1.55;
}

.pickup-benefits[b-ieucef6ocy] { display: grid; gap: 11px; }
.pickup-benefit[b-ieucef6ocy] { display: flex; align-items: center; gap: 10px; }
.pickup-benefit > span[b-ieucef6ocy] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #0f6cbd;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15,108,189,.10);
}
.pickup-benefit > span[b-ieucef6ocy]  .mud-icon-root { font-size: 18px; }
.pickup-benefit strong[b-ieucef6ocy] { display: block; color: #263e59; font-size: .72rem; font-weight: 800; }
.pickup-benefit small[b-ieucef6ocy] { display: block; margin-top: 1px; color: #75879a; font-size: .64rem; }

.pickup-m365-fields[b-ieucef6ocy] {
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 22px 26px 24px;
    scrollbar-width: thin;
    scrollbar-color: #b8c5d3 transparent;
}
.pickup-m365-fields[b-ieucef6ocy]::-webkit-scrollbar { width: 7px; }
.pickup-m365-fields[b-ieucef6ocy]::-webkit-scrollbar-thumb { background: #b8c5d3; border-radius: 8px; }

.pickup-m365-fields .pickup-field[b-ieucef6ocy] { min-width: 0; margin-bottom: 13px; }
.pickup-m365-fields .pickup-field > label[b-ieucef6ocy],
.pickup-m365-fields .pickup-label-row label[b-ieucef6ocy] {
    display: block;
    margin: 0 0 5px;
    color: #2f4359;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.2;
}
.pickup-m365-fields .pickup-field > label span[b-ieucef6ocy] { color: #c4314b; }
.pickup-m365-fields .pickup-two-columns[b-ieucef6ocy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.pickup-m365-fields .pickup-two-columns .pickup-field[b-ieucef6ocy] { margin-bottom: 13px; }
.pickup-m365-fields .pickup-label-row[b-ieucef6ocy] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pickup-m365-fields .pickup-label-row > span[b-ieucef6ocy] { color: #8090a1; font-size: .64rem; }

.pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-control { width: 100%; margin: 0 !important; }
.pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-control-input-container { margin-top: 0 !important; }
.pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-outlined {
    min-height: 44px !important;
    border-radius: 6px !important;
    background: #fff !important;
}
.pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-slot {
    min-height: 44px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: .76rem !important;
    color: #203852 !important;
}
.pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-outlined-border { border-color: #b9c7d6 !important; }
.pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-outlined:hover .mud-input-outlined-border { border-color: #6f8eac !important; }
.pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-outlined.mud-input-focused .mud-input-outlined-border { border-color: #0f6cbd !important; border-width: 2px !important; }
.pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-adornment .mud-icon-root { color: #0f6cbd; font-size: 19px; }
.pickup-m365-fields .pickup-notes-field[b-ieucef6ocy]  textarea.mud-input-slot { min-height: 68px !important; line-height: 1.4; }

.pickup-m365-footer[b-ieucef6ocy] {
    min-height: 66px !important;
    padding: 10px 20px !important;
    border-top: 1px solid #e0e7ef !important;
    background: #fff !important;
}
.pickup-m365-footer[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root {
    min-width: 220px !important;
    min-height: 42px !important;
    border-radius: 6px !important;
    background: #0f6cbd !important;
    text-transform: none !important;
    font-size: .76rem !important;
    font-weight: 700 !important;
    box-shadow: 0 3px 9px rgba(15,108,189,.18) !important;
}
.pickup-m365-footer[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root:hover:not(.mud-disabled) { background: #115ea3 !important; }

@media (max-width: 820px) {
    .pickup-modal-card.pickup-m365-modal[b-ieucef6ocy] {
        width: min(650px, calc(100vw - 28px)) !important;
        height: calc(100dvh - 28px) !important;
        max-height: calc(100dvh - 28px) !important;
    }
    .pickup-m365-content[b-ieucef6ocy] { grid-template-columns: 1fr; }
    .pickup-m365-aside[b-ieucef6ocy] { display: none; }
    .pickup-m365-fields[b-ieucef6ocy] { padding: 20px 22px 24px; }
}

@media (max-width: 560px) {
    .pickup-modal-card.pickup-m365-modal[b-ieucef6ocy] {
        width: 100vw !important;
        max-width: none !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        border: 0 !important;
        border-radius: 0 !important;
    }
    .pickup-m365-header[b-ieucef6ocy] { min-height: 70px !important; padding: 11px 9px 11px 13px !important; }
    .pickup-m365-header .pickup-modal-heading-icon[b-ieucef6ocy] { width: 38px; height: 38px; flex-basis: 38px; }
    .pickup-m365-header .pickup-modal-heading h3[b-ieucef6ocy] { font-size: .98rem; }
    .pickup-m365-header .pickup-modal-heading p[b-ieucef6ocy] { font-size: .67rem; }
    .pickup-m365-fields[b-ieucef6ocy] { padding: 16px 14px 20px; }
    .pickup-m365-fields .pickup-two-columns[b-ieucef6ocy] { grid-template-columns: 1fr; gap: 0; }
    .pickup-m365-footer[b-ieucef6ocy] { padding: 9px 12px !important; }
    .pickup-m365-footer .pickup-footer-note[b-ieucef6ocy] { display: none; }
    .pickup-m365-footer[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root { width: 100% !important; min-width: 0 !important; }
}


/* ============================================================
   AJUSTE FINO DEL MODAL DE RECOLECCIÓN
   Mayor espacio útil, densidad tipo Microsoft 365 y acciones
   secundarias/primarias claramente diferenciadas.
   ============================================================ */
.pickup-modal-card.pickup-m365-modal[b-ieucef6ocy] {
    width: min(980px, calc(100vw - 36px)) !important;
    max-width: 980px !important;
    height: min(720px, calc(100dvh - 30px)) !important;
    max-height: calc(100dvh - 30px) !important;
    border-radius: 14px !important;
}

.pickup-m365-header[b-ieucef6ocy] {
    min-height: 72px !important;
    padding: 12px 20px !important;
}

.pickup-m365-content[b-ieucef6ocy] {
    grid-template-columns: 285px minmax(0, 1fr);
}

.pickup-m365-aside[b-ieucef6ocy] {
    padding: 22px 24px 20px;
}

.pickup-visual-stage[b-ieucef6ocy] {
    height: 190px;
    margin-bottom: 10px;
}

.pickup-m365-fields[b-ieucef6ocy] {
    padding: 18px 24px 20px;
}

.pickup-m365-fields .pickup-field[b-ieucef6ocy] {
    margin-bottom: 10px;
}

.pickup-m365-fields .pickup-two-columns[b-ieucef6ocy] {
    gap: 12px;
}

.pickup-m365-fields .pickup-two-columns .pickup-field[b-ieucef6ocy] {
    margin-bottom: 10px;
}

.pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-outlined {
    min-height: 42px !important;
}

.pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-slot {
    min-height: 42px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.pickup-m365-fields .pickup-notes-field[b-ieucef6ocy]  textarea.mud-input-slot {
    min-height: 62px !important;
}

.pickup-m365-footer[b-ieucef6ocy] {
    min-height: 62px !important;
    padding: 9px 18px !important;
}

.pickup-footer-actions[b-ieucef6ocy] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.pickup-m365-footer .pickup-footer-actions[b-ieucef6ocy] >  .cancel-pickup-button.mud-button-root {
    min-width: 92px !important;
    min-height: 40px !important;
    border-radius: 6px !important;
    color: #34495e !important;
    text-transform: none !important;
    font-size: .76rem !important;
    font-weight: 700 !important;
}

.pickup-m365-footer .pickup-footer-actions[b-ieucef6ocy] >  .cancel-pickup-button.mud-button-root:hover:not(.mud-disabled) {
    background: #eef3f8 !important;
}

.pickup-m365-footer .pickup-footer-actions[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root {
    min-width: 196px !important;
    min-height: 40px !important;
    border-radius: 6px !important;
    background: #0f6cbd !important;
    text-transform: none !important;
    font-size: .76rem !important;
    font-weight: 700 !important;
    box-shadow: 0 3px 9px rgba(15,108,189,.18) !important;
}

.pickup-m365-footer .pickup-footer-actions[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root:hover:not(.mud-disabled) {
    background: #115ea3 !important;
}

@media (max-width: 820px) {
    .pickup-modal-card.pickup-m365-modal[b-ieucef6ocy] {
        width: min(680px, calc(100vw - 24px)) !important;
        height: calc(100dvh - 24px) !important;
        max-height: calc(100dvh - 24px) !important;
    }
}

@media (max-width: 560px) {
    .pickup-modal-card.pickup-m365-modal[b-ieucef6ocy] {
        width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        border-radius: 0 !important;
    }

    .pickup-footer-actions[b-ieucef6ocy] {
        width: 100%;
    }

    .pickup-m365-footer .pickup-footer-actions[b-ieucef6ocy] >  .cancel-pickup-button.mud-button-root {
        min-width: 84px !important;
    }

    .pickup-m365-footer .pickup-footer-actions[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root {
        flex: 1 1 auto;
        min-width: 0 !important;
    }
}


/* ============================================================
   FECHA Y HORA SIN POPOVERS
   Controles nativos compactos para evitar calendarios/relojes
   sobredimensionados dentro del modal.
   ============================================================ */
.pickup-m365-fields .pickup-native-control[b-ieucef6ocy] {
    position: relative;
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    border: 1px solid #b9c7d6;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
}

.pickup-m365-fields .pickup-native-control:focus-within[b-ieucef6ocy] {
    border-color: #0f6cbd;
    box-shadow: inset 0 0 0 1px #0f6cbd;
}

.pickup-m365-fields .pickup-native-control input[b-ieucef6ocy] {
    width: 100%;
    height: 40px;
    padding: 0 42px 0 12px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #203852;
    font: inherit;
    font-size: .78rem;
}

.pickup-m365-fields .pickup-native-control[b-ieucef6ocy] >  .mud-icon-root {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #0f6cbd;
    font-size: 19px;
    pointer-events: none;
}

.pickup-m365-fields .pickup-native-control input[b-ieucef6ocy]::-webkit-calendar-picker-indicator {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

/* =========================================================
   RECOLECCIÓN - UBICACIÓN ACTUAL
   ========================================================= */
.pickup-address-label-row[b-ieucef6ocy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 5px;
}

.pickup-address-label-row > label[b-ieucef6ocy] {
    margin: 0;
    color: #344b68;
    font-size: .71rem;
    font-weight: 700;
    line-height: 1.15;
}

.pickup-address-label-row > label span[b-ieucef6ocy] { color: #c4314b; }

.pickup-current-location-button[b-ieucef6ocy] {
    flex: 0 0 auto;
    min-width: 0 !important;
    padding: 2px 6px !important;
    color: #0f6cbd !important;
    font-size: .70rem !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.pickup-current-location-button[b-ieucef6ocy]  .mud-icon-root { font-size: 17px !important; }

.pickup-location-message[b-ieucef6ocy] {
    margin-top: 5px;
    font-size: .68rem;
    line-height: 1.3;
}

.pickup-location-message.is-success[b-ieucef6ocy] { color: #107c10; }
.pickup-location-message.is-error[b-ieucef6ocy] { color: #a4262c; }

@media (max-width: 520px) {
    .pickup-address-label-row[b-ieucef6ocy] { align-items: flex-start; }
    .pickup-current-location-button[b-ieucef6ocy] { white-space: nowrap; }
}

/* =========================================================
   RECOLECCIONES — PANEL EMPRESARIAL Y RESPONSIVE
   ========================================================= */
.pickups-page .pickup-dashboard-heading[b-ieucef6ocy] { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 4px; background:transparent; border:0; overflow:visible; }
.pickups-page .pickup-dashboard-heading .hero-copy[b-ieucef6ocy] { padding:0; }
.pickups-page .pickup-dashboard-heading .hero-copy[b-ieucef6ocy] >  .mud-icon-root { color:#087cfa; }
.pickup-breadcrumb[b-ieucef6ocy] { margin-bottom:6px; color:#37679d; font-size:.73rem; }
.pickup-dashboard-filters[b-ieucef6ocy] { display:flex; align-items:end; flex-wrap:wrap; gap:10px; }
.pickup-dashboard-filters label[b-ieucef6ocy] { display:grid; gap:5px; min-width:145px; font-size:.72rem; font-weight:700; color:#31557e; }
.pickup-dashboard-filters input[b-ieucef6ocy],.pickup-dashboard-filters select[b-ieucef6ocy] { width:100%; min-height:38px; padding:6px 10px; border:1px solid #cbdbee; border-radius:6px; background:#fff; color:#102a4c; }
.pickup-search-action[b-ieucef6ocy] { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:38px; padding:0 18px; border:0; border-radius:6px; background:#087cfa; color:#fff; font-weight:700; cursor:pointer; }
.pickup-search-action[b-ieucef6ocy] >  .mud-icon-root { font-size:18px; }
.pickups-page .metric-card[b-ieucef6ocy] { min-width:0; border-radius:9px; }
.pickups-page .metric-card[b-ieucef6ocy] >  .mud-icon-root { border-radius:12px; }
.pickups-page .metric-card small[b-ieucef6ocy] { display:block; color:#6682a1; font-size:.7rem; }
.pickups-page .metric-card strong[b-ieucef6ocy] { color:#0c3574; }
.pickup-module-toolbar[b-ieucef6ocy] { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:12px 0; }
.pickup-module-tabs[b-ieucef6ocy] { display:flex; gap:5px; flex-wrap:wrap; }
.pickup-module-tabs button[b-ieucef6ocy] { min-height:37px; padding:8px 12px; border:1px solid #d6e1ef; border-radius:6px 6px 0 0; background:#fff; color:#153c6b; font-size:.78rem; cursor:pointer; }
.pickup-module-tabs button.active[b-ieucef6ocy] { border-bottom:2px solid #087cfa; background:#eaf4ff; color:#087cfa; font-weight:700; }
.pickup-module-tabs button[b-ieucef6ocy] >  .mud-icon-root { font-size:17px; margin-right:5px; }
.pickups-page .workspace-grid[b-ieucef6ocy] { display:block; }
.pickup-list-title[b-ieucef6ocy] { display:flex; align-items:center; gap:8px; margin:0; padding:15px 14px 4px; font-size:1rem; font-weight:800; }
.pickup-list-title[b-ieucef6ocy] >  .mud-icon-root { color:#087cfa; }
.pickups-page .detail-grid[b-ieucef6ocy] { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr); }
.pickup-selected-fields[b-ieucef6ocy] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:12px; }
.pickup-selected-fields > div[b-ieucef6ocy] { min-width:0; padding:9px; border:1px solid #d6e1ef; border-radius:6px; background:#f8fbff; }
.pickup-selected-fields small[b-ieucef6ocy] { display:block; margin-bottom:4px; color:#617b9a; }
.pickup-selected-fields strong[b-ieucef6ocy] { display:block; overflow-wrap:anywhere; font-size:.8rem; }
.pickup-selected-notes[b-ieucef6ocy] { margin-top:12px; overflow-wrap:anywhere; }
.pickup-mobile-list[b-ieucef6ocy] { display:none; }
@media (max-width:1050px) {
  .pickups-page .pickup-dashboard-heading[b-ieucef6ocy] { flex-wrap:wrap; }
  .pickups-page .detail-grid[b-ieucef6ocy] { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pickups-page .map-card[b-ieucef6ocy] { grid-column:1/-1; }
  .pickups-page .metrics-grid[b-ieucef6ocy] { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:680px) {
  .pickups-page[b-ieucef6ocy] { min-width:0; }
  .pickups-page .pickup-dashboard-heading[b-ieucef6ocy] { display:block; }
  .pickups-page .pickup-dashboard-heading .hero-copy[b-ieucef6ocy] { gap:10px; }
  .pickup-dashboard-filters[b-ieucef6ocy] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:14px; }
  .pickup-dashboard-filters label[b-ieucef6ocy] { min-width:0; }
  .pickup-search-action[b-ieucef6ocy] { grid-column:1/-1; }
  .pickups-page .metrics-grid[b-ieucef6ocy] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .pickups-page .metric-card[b-ieucef6ocy] { min-height:86px; gap:8px; padding:9px; }
  .pickups-page .metric-card[b-ieucef6ocy] >  .mud-icon-root { width:35px; height:35px; padding:8px; }
  .pickups-page .metric-card strong[b-ieucef6ocy] { font-size:1.25rem; }
  .pickup-module-toolbar[b-ieucef6ocy] { align-items:stretch; flex-direction:column-reverse; }
  .pickup-module-tabs[b-ieucef6ocy] { display:flex; flex-wrap:nowrap; overflow-x:auto; padding-bottom:2px; }
  .pickup-module-tabs button[b-ieucef6ocy] { white-space:nowrap; }
  .pickups-page .table-scroll[b-ieucef6ocy] { display:none; }
  .pickup-mobile-list[b-ieucef6ocy] { display:grid; gap:8px; padding:10px; }
  .pickup-mobile-item[b-ieucef6ocy] { display:grid; width:100%; gap:6px; padding:12px; text-align:left; border:1px solid #d6e1ef; border-radius:9px; background:#fff; color:#173b69; cursor:pointer; }
  .pickup-mobile-item.selected[b-ieucef6ocy] { border-color:#087cfa; background:#f1f8ff; }
  .pickup-mobile-item-head[b-ieucef6ocy] { display:flex; justify-content:space-between; align-items:center; gap:8px; }
  .pickup-mobile-item-meta[b-ieucef6ocy] { font-size:.75rem; color:#526781; }
  .pickup-mobile-item-address[b-ieucef6ocy] { display:flex; align-items:center; gap:5px; font-size:.8rem; }
  .pickup-mobile-item-address[b-ieucef6ocy] >  .mud-icon-root { color:#087cfa; font-size:16px; }
  .pickups-page .detail-grid[b-ieucef6ocy] { grid-template-columns:minmax(0,1fr); }
  .pickups-page .map-card[b-ieucef6ocy] { grid-column:auto; }
  .pickups-page .toolbar-row[b-ieucef6ocy] { flex-wrap:wrap; }
  .pickups-page .pagination-row[b-ieucef6ocy] { gap:8px; flex-wrap:wrap; }
}
/* Superficies diferenciadas cuando el tema global aplica modo oscuro. */
:global(.mud-theme-dark) .pickups-page .pickup-dashboard-filters input[b-ieucef6ocy],
:global(.mud-theme-dark) .pickups-page .pickup-dashboard-filters select[b-ieucef6ocy],
:global(.mud-theme-dark) .pickups-page .pickup-module-tabs button[b-ieucef6ocy],
:global(.mud-theme-dark) .pickups-page .pickup-mobile-item[b-ieucef6ocy],
:global(.mud-theme-dark) .pickups-page .pickup-selected-fields > div[b-ieucef6ocy] { background:#17354d; border-color:#34516b; color:#f3f7fc; }


/* ============================================================
   NUEVA RECOLECCIÓN | CONTRASTE EN MODO OSCURO
   El tema de TRAYEKTO se controla con html[data-theme].
   Este bloque afecta únicamente el modal; el tema claro se conserva.
   ============================================================ */
html[data-theme="dark"] .pickup-modal-card.pickup-m365-modal[b-ieucef6ocy] {
    background: #091f33 !important;
    border-color: #34516b !important;
    color: #edf5ff !important;
    box-shadow: 0 28px 80px rgba(0, 7, 18, .65) !important;
}

html[data-theme="dark"] .pickup-m365-header[b-ieucef6ocy],
html[data-theme="dark"] .pickup-m365-footer[b-ieucef6ocy] {
    background: #0b253c !important;
    border-color: #34516b !important;
}

html[data-theme="dark"] .pickup-m365-content[b-ieucef6ocy] {
    background: #091f33 !important;
}

html[data-theme="dark"] .pickup-m365-aside[b-ieucef6ocy] {
    background: linear-gradient(180deg, #102e48 0%, #0c253b 100%) !important;
    border-right-color: #34516b !important;
}

html[data-theme="dark"] .pickup-visual-stage[b-ieucef6ocy] {
    background: linear-gradient(180deg, #173d5a 0%, #102f49 100%) !important;
}

html[data-theme="dark"] .pickup-map-pin[b-ieucef6ocy],
html[data-theme="dark"] .pickup-benefit > span[b-ieucef6ocy] {
    background: #1b4666 !important;
    color: #71bcff !important;
}

html[data-theme="dark"] .pickup-m365-header .pickup-modal-heading h3[b-ieucef6ocy],
html[data-theme="dark"] .pickup-aside-copy h4[b-ieucef6ocy],
html[data-theme="dark"] .pickup-benefit strong[b-ieucef6ocy],
html[data-theme="dark"] .pickup-m365-fields .pickup-field > label[b-ieucef6ocy],
html[data-theme="dark"] .pickup-m365-fields .pickup-label-row label[b-ieucef6ocy],
html[data-theme="dark"] .pickup-address-label-row > label[b-ieucef6ocy] {
    color: #f2f7ff !important;
}

html[data-theme="dark"] .pickup-m365-header .pickup-modal-heading p[b-ieucef6ocy],
html[data-theme="dark"] .pickup-aside-copy p[b-ieucef6ocy],
html[data-theme="dark"] .pickup-benefit small[b-ieucef6ocy],
html[data-theme="dark"] .pickup-m365-fields .pickup-label-row > span[b-ieucef6ocy],
html[data-theme="dark"] .pickup-footer-note[b-ieucef6ocy] {
    color: #b7cee3 !important;
}

html[data-theme="dark"] .pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-outlined,
html[data-theme="dark"] .pickup-m365-fields .pickup-native-control[b-ieucef6ocy] {
    background: #12344e !important;
    border-color: #51718e !important;
    color: #f2f7ff !important;
}

html[data-theme="dark"] .pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-outlined-border {
    border-color: #51718e !important;
}

html[data-theme="dark"] .pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-outlined:hover .mud-input-outlined-border {
    border-color: #8cb7dc !important;
}

html[data-theme="dark"] .pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-slot,
html[data-theme="dark"] .pickup-m365-fields .pickup-field[b-ieucef6ocy]  input,
html[data-theme="dark"] .pickup-m365-fields .pickup-field[b-ieucef6ocy]  textarea,
html[data-theme="dark"] .pickup-m365-fields .pickup-native-control input[b-ieucef6ocy] {
    color: #f2f7ff !important;
    -webkit-text-fill-color: #f2f7ff;
}

html[data-theme="dark"] .pickup-m365-fields .pickup-field[b-ieucef6ocy]  input::placeholder,
html[data-theme="dark"] .pickup-m365-fields .pickup-field[b-ieucef6ocy]  textarea::placeholder,
html[data-theme="dark"] .pickup-m365-fields .pickup-native-control input[b-ieucef6ocy]::placeholder {
    color: #a5bfd5 !important;
    -webkit-text-fill-color: #a5bfd5;
    opacity: 1;
}

html[data-theme="dark"] .pickup-m365-fields .pickup-field[b-ieucef6ocy]  .mud-input-adornment .mud-icon-root,
html[data-theme="dark"] .pickup-m365-fields .pickup-native-control[b-ieucef6ocy] >  .mud-icon-root {
    color: #67b8ff !important;
}

html[data-theme="dark"] .pickup-m365-header[b-ieucef6ocy]  .pickup-modal-close.mud-icon-button,
html[data-theme="dark"] .pickup-m365-header[b-ieucef6ocy]  .pickup-modal-close .mud-icon-root {
    color: #e9f3ff !important;
}

html[data-theme="dark"] .pickup-m365-header[b-ieucef6ocy]  .pickup-modal-close.mud-icon-button:hover,
html[data-theme="dark"] .pickup-m365-footer .pickup-footer-actions[b-ieucef6ocy] >  .cancel-pickup-button.mud-button-root:hover:not(.mud-disabled) {
    background: #214b6b !important;
}

html[data-theme="dark"] .pickup-m365-footer .pickup-footer-actions[b-ieucef6ocy] >  .cancel-pickup-button.mud-button-root {
    background: #193b56 !important;
    border: 1px solid #557793 !important;
    color: #f2f7ff !important;
}

html[data-theme="dark"] .pickup-m365-footer .pickup-footer-actions[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root {
    background: #087cfa !important;
    color: #fff !important;
}

html[data-theme="dark"] .pickup-m365-footer .pickup-footer-actions[b-ieucef6ocy] >  .schedule-pickup-button.mud-button-root:hover:not(.mud-disabled) {
    background: #258dfb !important;
}

html[data-theme="dark"] .pickup-m365-form[b-ieucef6ocy]  .mud-alert {
    background: #163e58 !important;
    color: #e9f4ff !important;
}


/* ================================================================
   BOTÓN REGISTRAR RECOLECCIÓN - SELECTOR REAL DEL RAZOR
   El MudButton está dentro de .pickup-module-toolbar, no dentro
   de .pickup-page-actions. Se conserva el evento OpenCreateModal.
   ================================================================ */
.pickup-module-toolbar[b-ieucef6ocy]  .new-pickup-button.mud-button-root:not(.mud-disabled) {
    min-height: 46px;
    padding: 0 20px;
    border: 1px solid #3299ff !important;
    border-radius: 8px;
    background: #087cfa !important;
    background-image: none !important;
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 700;
    text-transform: none;
    box-shadow: 0 4px 12px rgba(0, 104, 255, .24) !important;
}

.pickup-module-toolbar[b-ieucef6ocy]  .new-pickup-button.mud-button-root:not(.mud-disabled) .mud-button-label,
.pickup-module-toolbar[b-ieucef6ocy]  .new-pickup-button.mud-button-root:not(.mud-disabled) .mud-icon-root,
.pickup-module-toolbar[b-ieucef6ocy]  .new-pickup-button.mud-button-root:not(.mud-disabled) .mud-button-start-icon {
    color: #ffffff !important;
    opacity: 1 !important;
}

.pickup-module-toolbar[b-ieucef6ocy]  .new-pickup-button.mud-button-root:hover:not(.mud-disabled) {
    background: #0067db !important;
    border-color: #80c2ff !important;
}

.pickup-module-toolbar[b-ieucef6ocy]  .new-pickup-button.mud-button-root:focus-visible {
    outline: 3px solid #80bcff;
    outline-offset: 3px;
}

@media (max-width: 767px) {
    .pickup-module-toolbar[b-ieucef6ocy]  .new-pickup-button.mud-button-root {
        width: 100%;
        min-width: 0;
    }
}

/* Título del módulo: contraste suficiente en ambos temas. */
.pickups-page .pickup-dashboard-heading .hero-copy h1[b-ieucef6ocy] {
    color: #102e56;
}

html[data-theme="dark"] .pickups-page .pickup-dashboard-heading .hero-copy h1[b-ieucef6ocy],
html[data-theme="dark"] .pickups-page .pickup-dashboard-heading .hero-copy p[b-ieucef6ocy],
html[data-theme="dark"] .pickups-page .pickup-dashboard-heading .pickup-breadcrumb[b-ieucef6ocy] {
    color: #e8f2ff !important;
}
/* /Pages/PlanningPage.razor.rz.scp.css */
/* TRAYEKTO | Planeación y asignación | CSS aislado */
.planning-page[b-j1z3nbzk6z]{--p-card:var(--bg-card,#fff);--p-field:var(--input-bg,#fff);--p-border:var(--input-border,#d6e1ef);--p-text:var(--text-primary,#102a4c);--p-muted:var(--text-secondary,#526781);--p-blue:var(--primary,#087cfa);color:var(--p-text);padding:24px;min-width:0;box-sizing:border-box}.planning-page *[b-j1z3nbzk6z]{box-sizing:border-box}.planning-header[b-j1z3nbzk6z]{display:flex;align-items:end;justify-content:space-between;gap:22px;flex-wrap:wrap}.planning-breadcrumb[b-j1z3nbzk6z]{font-size:12px;color:var(--p-muted);margin-bottom:6px}.planning-heading h1[b-j1z3nbzk6z]{font-size:25px;display:flex;gap:12px;align-items:center;margin:0 0 5px;font-weight:800}.planning-heading h1[b-j1z3nbzk6z]  .mud-icon-root{color:var(--p-blue)}.planning-heading p[b-j1z3nbzk6z]{margin:0;color:var(--p-muted);font-size:13px}.planning-filters[b-j1z3nbzk6z]{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.planning-page label[b-j1z3nbzk6z]{display:flex;flex-direction:column;gap:6px;color:var(--p-muted);font-size:12px;font-weight:600;min-width:0}.planning-page input:not([type=checkbox])[b-j1z3nbzk6z],.planning-page select[b-j1z3nbzk6z]{min-height:37px;border:1px solid var(--p-border);background:var(--p-field);color:var(--p-text);border-radius:6px;padding:7px 11px;min-width:0;width:100%;outline-offset:2px}.planning-filters label[b-j1z3nbzk6z]{width:150px}.planning-filters label:first-child[b-j1z3nbzk6z]{width:170px}.planning-button[b-j1z3nbzk6z]{border:1px solid var(--p-border);border-radius:6px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;min-height:37px}.planning-button[b-j1z3nbzk6z]  .mud-icon-root{font-size:18px}.planning-button.primary[b-j1z3nbzk6z]{background:#087cfa;color:white;border-color:#087cfa}.planning-button.outline[b-j1z3nbzk6z]{background:var(--p-card);color:var(--p-blue)}.planning-button:disabled[b-j1z3nbzk6z]{opacity:.45;cursor:not-allowed}.planning-notice[b-j1z3nbzk6z]{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--p-muted);margin:12px 0}.planning-notice[b-j1z3nbzk6z]  .mud-icon-root{font-size:16px}.planning-metrics[b-j1z3nbzk6z]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.planning-metrics article[b-j1z3nbzk6z]{display:flex;gap:15px;align-items:center;min-height:90px;padding:16px;background:var(--p-card);border:1px solid var(--p-border);border-radius:9px;box-shadow:0 3px 12px #1234560b}.planning-metrics article[b-j1z3nbzk6z]  .mud-icon-root{font-size:32px;color:var(--p-blue)}.planning-metrics article:nth-child(2)[b-j1z3nbzk6z]  .mud-icon-root{color:#12a56e}.planning-metrics article:nth-child(4)[b-j1z3nbzk6z]  .mud-icon-root{color:#ef8d1a}.planning-metrics article div[b-j1z3nbzk6z]{display:flex;flex-direction:column;gap:2px}.planning-metrics strong[b-j1z3nbzk6z]{font-size:27px;line-height:1.1}.planning-metrics b[b-j1z3nbzk6z]{font-size:12px}.planning-metrics small[b-j1z3nbzk6z]{color:var(--p-muted);font-size:11px}.planning-toolbar[b-j1z3nbzk6z]{display:flex;align-items:end;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.planning-tabs[b-j1z3nbzk6z],.planning-actions[b-j1z3nbzk6z]{display:flex;gap:6px;flex-wrap:wrap}.planning-tabs button[b-j1z3nbzk6z],.planning-subtabs button[b-j1z3nbzk6z]{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--p-border);background:var(--p-card);color:var(--p-text);padding:11px 14px;border-radius:7px 7px 0 0;font-weight:650;font-size:12px;cursor:pointer}.planning-tabs button.active[b-j1z3nbzk6z],.planning-subtabs button.active[b-j1z3nbzk6z]{color:var(--p-blue);border-bottom:3px solid var(--p-blue);background:color-mix(in srgb,var(--p-blue) 8%,var(--p-card))}.planning-tabs[b-j1z3nbzk6z]  .mud-icon-root{font-size:17px}.planning-workspace[b-j1z3nbzk6z]{display:grid;grid-template-columns:1.03fr 1.17fr;gap:12px}.planning-card[b-j1z3nbzk6z]{background:var(--p-card);border:1px solid var(--p-border);border-radius:9px;padding:15px;min-width:0;box-shadow:0 3px 12px #1234560b}.planning-card h2[b-j1z3nbzk6z]{font-size:15px;display:flex;align-items:center;gap:9px;margin:0 0 15px}.planning-card h2[b-j1z3nbzk6z]  .mud-icon-root{color:var(--p-blue);font-size:21px}.planning-subtabs[b-j1z3nbzk6z]{display:flex;gap:5px;border-bottom:1px solid var(--p-border);margin-bottom:10px}.planning-subtabs button[b-j1z3nbzk6z]{border:0;border-radius:5px 5px 0 0}.planning-search[b-j1z3nbzk6z]{position:relative;margin:10px 0}.planning-search input[b-j1z3nbzk6z]{padding-right:38px!important}.planning-search[b-j1z3nbzk6z]  .mud-icon-root{position:absolute;right:10px;top:9px;font-size:18px;color:var(--p-muted)}.planning-table-wrap[b-j1z3nbzk6z]{overflow-x:auto;max-width:100%}.planning-card table[b-j1z3nbzk6z]{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.planning-card th[b-j1z3nbzk6z],.planning-card td[b-j1z3nbzk6z]{text-align:left;border-bottom:1px solid var(--p-border);padding:9px 7px}.planning-card th[b-j1z3nbzk6z]{background:color-mix(in srgb,var(--p-blue) 5%,var(--p-card));font-weight:750}.planning-card td strong[b-j1z3nbzk6z]{color:var(--p-blue)}.planning-pill[b-j1z3nbzk6z]{display:inline-block;border-radius:20px;padding:4px 9px;background:#dcecff;color:#0755a1;font-weight:700;font-size:10px}.planning-pill.red[b-j1z3nbzk6z]{background:#ffe5e5;color:#bb2525}.planning-pill.green[b-j1z3nbzk6z]{background:#daf6e6;color:#146a3c}.planning-pill.amber[b-j1z3nbzk6z]{background:#fff1d5;color:#9c6100}.planning-table-footer[b-j1z3nbzk6z]{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--p-muted);font-size:12px;padding-top:12px}.planning-form-grid[b-j1z3nbzk6z]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 14px}.planning-route-summary[b-j1z3nbzk6z]{display:flex;justify-content:space-between;gap:8px;background:color-mix(in srgb,var(--p-blue) 5%,var(--p-card));border:1px solid var(--p-border);padding:12px;border-radius:6px;margin:12px 0;font-size:12px;font-weight:700;flex-wrap:wrap}.planning-route-summary span[b-j1z3nbzk6z]{display:flex;align-items:center;gap:6px}.planning-route-summary[b-j1z3nbzk6z]  .mud-icon-root{color:var(--p-blue);font-size:18px}.planning-map-placeholder[b-j1z3nbzk6z]{min-height:125px;border:1px dashed var(--p-border);background:color-mix(in srgb,var(--p-blue) 4%,var(--p-card));border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin-top:12px;text-align:center;padding:16px}.planning-map-placeholder[b-j1z3nbzk6z]  .mud-icon-root{font-size:27px;color:var(--p-blue)}.planning-map-placeholder span[b-j1z3nbzk6z],.planning-muted[b-j1z3nbzk6z]{font-size:12px;color:var(--p-muted)}.planning-route-list[b-j1z3nbzk6z]{display:grid;gap:10px}.planning-route-list article[b-j1z3nbzk6z]{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--p-border);border-radius:7px;padding:14px}.planning-route-list article div[b-j1z3nbzk6z]{display:flex;flex-direction:column;gap:5px}.planning-route-list small[b-j1z3nbzk6z]{color:var(--p-muted)}.planning-link[b-j1z3nbzk6z]{border:0;background:transparent;color:var(--p-blue);font-weight:700;cursor:pointer}.planning-message[b-j1z3nbzk6z]{border:1px solid var(--p-border);padding:10px 14px;border-radius:6px;background:var(--p-card);margin-bottom:12px;font-size:12px}.planning-modal-backdrop[b-j1z3nbzk6z]{position:fixed;inset:0;background:#07182799;z-index:1300;display:flex;align-items:center;justify-content:center;padding:18px}.planning-modal[b-j1z3nbzk6z]{width:min(620px,100%);max-height:94vh;overflow:auto;background:var(--p-card);border:1px solid var(--p-border);border-radius:12px;box-shadow:0 15px 50px #0004;color:var(--p-text)}.planning-modal header[b-j1z3nbzk6z]{display:flex;justify-content:space-between;align-items:start;padding:20px 22px;border-bottom:1px solid var(--p-border)}.planning-modal h2[b-j1z3nbzk6z]{display:flex;align-items:center;gap:12px;margin:0;font-size:19px}.planning-modal h2[b-j1z3nbzk6z]  .mud-icon-root{color:var(--p-blue)}.planning-modal header p[b-j1z3nbzk6z]{font-size:12px;color:var(--p-muted);margin:6px 0 0}.planning-modal-close[b-j1z3nbzk6z]{border:1px solid var(--p-border);background:var(--p-field);color:var(--p-text);border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.planning-modal-content[b-j1z3nbzk6z]{padding:18px 22px}.planning-modal h3[b-j1z3nbzk6z]{font-size:13px;margin:14px 0 10px;padding-bottom:9px;border-bottom:1px solid var(--p-border)}.planning-modal footer[b-j1z3nbzk6z]{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--p-border);padding:14px 22px}.planning-modal footer span[b-j1z3nbzk6z]{font-size:11px;color:var(--p-muted)}.planning-error[b-j1z3nbzk6z]{font-size:12px;color:#bd3232;margin:10px 0}@media(max-width:1450px){.planning-header[b-j1z3nbzk6z]{align-items:start}.planning-filters[b-j1z3nbzk6z]{width:100%}.planning-metrics[b-j1z3nbzk6z]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.planning-workspace[b-j1z3nbzk6z]{grid-template-columns:1fr}.planning-metrics[b-j1z3nbzk6z]{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-page[b-j1z3nbzk6z]{padding:16px}}@media(max-width:600px){.planning-page[b-j1z3nbzk6z]{padding:12px}.planning-metrics[b-j1z3nbzk6z]{grid-template-columns:1fr}.planning-filters label[b-j1z3nbzk6z]{flex:1 1 140px!important}.planning-filters .planning-button[b-j1z3nbzk6z]{flex:1 1 100%}.planning-toolbar[b-j1z3nbzk6z]{align-items:stretch}.planning-actions[b-j1z3nbzk6z]{width:100%}.planning-actions .planning-button[b-j1z3nbzk6z]{flex:1 1 130px}.planning-tabs[b-j1z3nbzk6z]{width:100%}.planning-tabs button[b-j1z3nbzk6z]{flex:1 1 130px}.planning-form-grid[b-j1z3nbzk6z]{grid-template-columns:1fr}.planning-modal footer[b-j1z3nbzk6z]{flex-wrap:wrap}}

/* Modal: mantiene las variables de tema incluso fuera del contenedor de la página. */
.planning-modal-backdrop.planning-page[b-j1z3nbzk6z] {
    --p-card: var(--bg-card, #ffffff);
    --p-field: var(--input-bg, #ffffff);
    --p-border: var(--input-border, #c9d7e8);
    --p-text: var(--text-primary, #102a4c);
    --p-muted: var(--text-secondary, #526781);
    --p-blue: var(--primary, #087cfa);
    padding: 20px;
}
.planning-modal-backdrop .planning-modal[b-j1z3nbzk6z] {
    width: min(720px, 100%);
    max-height: min(92vh, 900px);
    overflow-y: auto;
    background-color: var(--p-card);
    color: var(--p-text);
    border: 1px solid var(--p-border);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .32);
}
.planning-modal-backdrop .planning-modal-content[b-j1z3nbzk6z] {
    display: block;
    padding: 22px 24px;
}
.planning-modal-backdrop .planning-modal-content h3[b-j1z3nbzk6z] {
    margin: 20px 0 12px;
    padding: 11px 13px;
    border: 1px solid var(--p-border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--p-blue) 5%, var(--p-card));
    font-weight: 750;
}
.planning-modal-backdrop .planning-modal-content h3:first-child[b-j1z3nbzk6z] { margin-top: 0; }
.planning-modal-backdrop .planning-form-grid[b-j1z3nbzk6z] { gap: 16px 18px; margin: 12px 0 20px; }
.planning-modal-backdrop .planning-form-grid label[b-j1z3nbzk6z] { gap: 8px; font-size: 12px; font-weight: 650; }
.planning-modal-backdrop input:not([type=checkbox])[b-j1z3nbzk6z],
.planning-modal-backdrop select[b-j1z3nbzk6z] {
    min-height: 42px;
    background-color: var(--p-field);
    color: var(--p-text);
    border: 1px solid var(--p-border);
    border-radius: 7px;
    padding: 9px 12px;
}
.planning-modal-backdrop .planning-modal footer[b-j1z3nbzk6z] { background: var(--p-card); }
@media (max-width: 600px) {
    .planning-modal-backdrop.planning-page[b-j1z3nbzk6z] { padding: 12px; }
    .planning-modal-backdrop .planning-modal-content[b-j1z3nbzk6z] { padding: 16px; }
    .planning-modal-backdrop .planning-form-grid[b-j1z3nbzk6z] { grid-template-columns: 1fr; }
}

/* Móvil corporativo — tarjetas separadas para todas las tablas de Planeación. */
@media (max-width: 650px) {
    .planning-page .planning-table-wrap[b-j1z3nbzk6z] { overflow-x: visible; width: 100%; }
    .planning-page .planning-table-wrap table[b-j1z3nbzk6z] {
        display: block; width: 100%; min-width: 0; white-space: normal;
        border-collapse: separate;
    }
    .planning-page .planning-table-wrap thead[b-j1z3nbzk6z] { display: none; }
    .planning-page .planning-table-wrap tbody[b-j1z3nbzk6z] { display: grid; gap: 16px; }
    .planning-page .planning-table-wrap tbody tr[b-j1z3nbzk6z] {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 11px 12px; min-width: 0; padding: 14px;
        border: 1px solid var(--p-border); border-radius: 10px;
        background: var(--p-card); color: var(--p-text);
        box-shadow: 0 2px 8px rgba(0, 20, 45, .06);
    }
    .planning-page .planning-table-wrap tbody td[b-j1z3nbzk6z] {
        display: flex; flex-direction: column; align-items: flex-start;
        gap: 5px; min-width: 0; padding: 0; border: 0;
        white-space: normal; overflow-wrap: anywhere; font-size: 12px;
    }
    .planning-page .planning-table-wrap tbody td[b-j1z3nbzk6z]::before {
        content: attr(data-label); font-size: 10px; font-weight: 700;
        color: var(--p-muted);
    }
    .planning-page .planning-table-wrap tbody td:first-child[b-j1z3nbzk6z] {
        grid-column: 1 / -1; padding-bottom: 10px;
        border-bottom: 1px solid var(--p-border); font-weight: 700;
    }
    .planning-page .planning-table-wrap tbody td:has(.planning-link)[b-j1z3nbzk6z] {
        grid-column: 1 / -1; flex-direction: row; align-items: center;
        justify-content: space-between; padding-top: 10px;
        border-top: 1px solid var(--p-border);
    }
    .planning-page .planning-table-wrap .planning-link[b-j1z3nbzk6z] { min-height: 40px; padding: 7px 10px; }
    .planning-page .planning-table-wrap input[type="checkbox"][b-j1z3nbzk6z] { min-width: 18px; min-height: 18px; }
    .planning-page .planning-table-footer[b-j1z3nbzk6z] { flex-wrap: wrap; }
}
/* /Pages/Plans.razor.rz.scp.css */
/* =========================================================
   TOKENS Y CONTENEDOR PRINCIPAL
   ========================================================= */

.plans-page[b-3vydltjqq7] {
    --navy: #031523;
    --navy-deep: #00101c;
    --panel: rgba(5, 31, 48, 0.94);
    --blue: #0a94ff;
    --blue-bright: #13a7ff;
    --white: #f7fbff;
    --muted: #c2d0db;
    --border: rgba(52, 147, 207, 0.30);
    min-height: 100vh;
    color: var(--white);
    background: var(--navy-deep);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.plans-page *[b-3vydltjqq7],
.plans-page *[b-3vydltjqq7]::before,
.plans-page *[b-3vydltjqq7]::after {
    box-sizing: border-box;
}

.page-shell[b-3vydltjqq7] {
    width: calc(100% - clamp(28px, 5vw, 72px));
    margin: 0 auto;
}

button[b-3vydltjqq7] {
    font: inherit;
}

/* =========================================================
   HERO
   ========================================================= */

.plans-hero[b-3vydltjqq7] {
    position: relative;
    min-height: 230px;
    overflow: hidden;
    border-bottom: 1px solid rgba(26, 140, 212, 0.25);
    background: #031625;
}

.hero-media[b-3vydltjqq7] {
    position: absolute;
    inset: 0 0 0 34%;
}

.hero-media img[b-3vydltjqq7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 52%;
}

.hero-overlay[b-3vydltjqq7] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, #021727 0%, rgba(2, 23, 39, 0.98) 30%, rgba(2, 23, 39, 0.48) 62%, rgba(2, 23, 39, 0.12) 100%),
        linear-gradient(0deg, rgba(1, 15, 25, 0.65), transparent 58%);
}

.hero-content[b-3vydltjqq7] {
    position: relative;
    z-index: 2;
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.hero-copy[b-3vydltjqq7] {
    width: min(690px, 58%);
}

.section-label[b-3vydltjqq7] {
    color: var(--blue-bright);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.hero-copy h1[b-3vydltjqq7] {
    margin: 6px 0 5px;
    font-size: clamp(34px, 3.5vw, 50px);
    line-height: 0.98;
    letter-spacing: -0.035em;
}

.hero-copy h1 span[b-3vydltjqq7] {
    color: var(--blue);
}

.hero-copy > p[b-3vydltjqq7] {
    margin: 0;
    color: #f2f7fa;
    font-size: 16px;
}

.hero-benefits[b-3vydltjqq7] {
    display: flex;
    align-items: center;
    gap: 0;
    margin-top: 14px;
}

.hero-benefits div[b-3vydltjqq7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 22px;
    border-right: 1px solid rgba(92, 165, 208, 0.35);
}

.hero-benefits div:first-child[b-3vydltjqq7] {
    padding-left: 0;
}

.hero-benefits div:last-child[b-3vydltjqq7] {
    border-right: 0;
}

.hero-benefits span[b-3vydltjqq7] {
    color: var(--blue-bright);
    font-size: 28px;
}

.hero-benefits strong[b-3vydltjqq7] {
    font-size: 13px;
    white-space: nowrap;
}

.hero-message[b-3vydltjqq7] {
    align-self: flex-start;
    margin-top: 8px;
    margin-right: 3%;
    transform: rotate(-4deg);
    color: #082038;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
    font-size: clamp(18px, 1.5vw, 25px);
    font-style: italic;
    line-height: 1.12;
}

.hero-message span[b-3vydltjqq7] {
    display: block;
    width: 64px;
    height: 4px;
    margin-top: 8px;
    border-radius: 4px;
    background: var(--blue);
}

/* =========================================================
   PLANES
   ========================================================= */

.plans-section[b-3vydltjqq7] {
    padding: 14px 0 8px;
    background:
        radial-gradient(circle at 80% 10%, rgba(16, 126, 196, 0.12), transparent 28%),
        #031523;
}

.plans-layout[b-3vydltjqq7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 245px;
    gap: 16px;
    align-items: stretch;
}

.plan-grid[b-3vydltjqq7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.plan-card[b-3vydltjqq7] {
    --accent: #158dff;
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 3px solid var(--accent);
    border-radius: 14px;
    background: #f8fbff;
    color: #07132d;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

.plan-card.green[b-3vydltjqq7] { --accent: #0ab657; }
.plan-card.orange[b-3vydltjqq7] { --accent: #ff6a0a; }
.plan-card.purple[b-3vydltjqq7] { --accent: #8c12e9; }

.plan-card.popular[b-3vydltjqq7] {
    padding-top: 24px;
}

.popular-label[b-3vydltjqq7] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background: var(--accent);
    font-size: 12px;
    font-weight: 800;
}

.plan-card-body[b-3vydltjqq7] {
    height: 100%;
    min-height: 352px;
    display: flex;
    flex-direction: column;
    padding: 15px 14px 11px;
    text-align: center;
}

.plan-icon[b-3vydltjqq7] {
    color: var(--accent);
    font-size: 32px;
    line-height: 1;
}

.plan-card h2[b-3vydltjqq7] {
    margin: 5px 0 2px;
    font-size: 19px;
    text-transform: uppercase;
}

.plan-subtitle[b-3vydltjqq7] {
    min-height: 20px;
    margin: 0;
    color: #405071;
    font-size: 12px;
}

.plan-price[b-3vydltjqq7] {
    min-height: 37px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    margin-top: 4px;
}

.plan-price strong[b-3vydltjqq7] {
    font-size: clamp(23px, 2vw, 31px);
    line-height: 1;
    white-space: nowrap;
}

.plan-price span[b-3vydltjqq7],
.billing-label[b-3vydltjqq7] {
    font-size: 11px;
}

.billing-label[b-3vydltjqq7] {
    color: #3d4d6b;
}

.feature-list[b-3vydltjqq7] {
    flex: 1;
    margin: 10px 0 12px;
    padding: 0;
    list-style: none;
    text-align: left;
}

.feature-list li[b-3vydltjqq7] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 5px 0;
    color: #233557;
    font-size: 12px;
    line-height: 1.2;
}

.check[b-3vydltjqq7] {
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    background: var(--accent);
    font-size: 11px;
    font-weight: 900;
}

.plan-action[b-3vydltjqq7] {
    min-height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border: 0;
    border-radius: 9px;
    color: white;
    background: var(--accent);
    font-weight: 700;
    cursor: default;
}

/* =========================================================
   PANEL LATERAL
   ========================================================= */

.plans-aside[b-3vydltjqq7] {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 14px;
}

.aside-card[b-3vydltjqq7] {
    border: 1px solid rgba(26, 146, 221, 0.55);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(4, 38, 61, 0.96), rgba(2, 24, 40, 0.96));
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.16);
}

.benefits-card[b-3vydltjqq7] {
    padding: 18px 16px;
}

.aside-benefit[b-3vydltjqq7] {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 10px;
    margin-bottom: 15px;
}

.aside-benefit > span[b-3vydltjqq7] {
    color: var(--blue);
    font-size: 30px;
}

.aside-benefit strong[b-3vydltjqq7],
.benefits-card h3[b-3vydltjqq7] {
    font-size: 14px;
}

.aside-benefit p[b-3vydltjqq7],
.benefits-card > p[b-3vydltjqq7],
.video-copy p[b-3vydltjqq7] {
    margin: 4px 0 0;
    color: #c9d7e1;
    font-size: 12px;
    line-height: 1.3;
}

.aside-divider[b-3vydltjqq7] {
    height: 1px;
    margin: 6px 0 14px;
    background: rgba(26, 146, 221, 0.48);
}

.benefits-card h3[b-3vydltjqq7] {
    margin: 0;
}

.aside-card button[b-3vydltjqq7] {
    min-height: 34px;
    width: 100%;
    margin-top: 12px;
    border: 1px solid var(--blue-bright);
    border-radius: 18px;
    color: white;
    background: transparent;
    font-weight: 700;
}

.video-card[b-3vydltjqq7] {
    min-height: 118px;
    display: grid;
    grid-template-columns: 42% 1fr;
    overflow: hidden;
}

.video-preview[b-3vydltjqq7] {
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(rgba(0, 12, 20, 0.25), rgba(0, 12, 20, 0.62)),
        url('../images/home/hero-logistics.webp') center / cover;
}

.video-preview span[b-3vydltjqq7] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 3px;
    border: 2px solid white;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.38);
}

.video-copy[b-3vydltjqq7] {
    padding: 13px 12px;
}

.video-copy strong[b-3vydltjqq7] {
    font-size: 14px;
}

.video-copy button[b-3vydltjqq7] {
    min-height: 31px;
    margin-top: 8px;
}

/* =========================================================
   TABLA COMPARATIVA
   ========================================================= */

.comparison-section[b-3vydltjqq7] {
    padding: 7px 0 12px;
    background: #031523;
}

.comparison-section h2[b-3vydltjqq7] {
    margin: 0 0 5px;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.comparison-scroll[b-3vydltjqq7] {
    overflow-x: auto;
    border: 1px solid rgba(31, 137, 201, 0.38);
    border-radius: 8px;
}

.comparison-table[b-3vydltjqq7] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    color: #e9f2f7;
    background: rgba(1, 22, 36, 0.88);
    font-size: 11px;
}

.comparison-table th[b-3vydltjqq7],
.comparison-table td[b-3vydltjqq7] {
    height: 22px;
    padding: 2px 10px;
    border-right: 1px solid rgba(45, 125, 175, 0.32);
    border-bottom: 1px solid rgba(45, 125, 175, 0.24);
    text-align: center;
}

.comparison-table th:first-child[b-3vydltjqq7] {
    width: 26%;
    text-align: left;
}

.comparison-table thead th:not(:first-child)[b-3vydltjqq7] {
    border-top: 2px solid #158dff;
    background: rgba(10, 86, 136, 0.34);
}

.comparison-table thead th.green[b-3vydltjqq7] {
    border-top-color: #0ab657;
    background: rgba(10, 182, 87, 0.20);
}

.comparison-table thead th.orange[b-3vydltjqq7] {
    border-top-color: #ff6a0a;
    background: rgba(255, 106, 10, 0.20);
}

.comparison-table thead th.purple[b-3vydltjqq7] {
    border-top-color: #8c12e9;
    background: rgba(140, 18, 233, 0.20);
}

/* =========================================================
   RESPONSIVE - PORTÁTIL
   ========================================================= */

@media (max-width: 1320px) {
    .plans-layout[b-3vydltjqq7] {
        grid-template-columns: 1fr;
    }

    .plans-aside[b-3vydltjqq7] {
        grid-template-columns: 1.4fr 1fr;
        grid-template-rows: auto;
    }

    .benefits-card[b-3vydltjqq7] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }

    .benefits-card .aside-divider[b-3vydltjqq7],
    .benefits-card h3[b-3vydltjqq7],
    .benefits-card > p[b-3vydltjqq7],
    .benefits-card > button[b-3vydltjqq7] {
        grid-column: 1 / -1;
    }
}

/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 1023px) {
    .page-shell[b-3vydltjqq7] {
        width: calc(100% - 28px);
    }

    .hero-content[b-3vydltjqq7] {
        min-height: 250px;
    }

    .hero-copy[b-3vydltjqq7] {
        width: 72%;
    }

    .hero-message[b-3vydltjqq7] {
        display: none;
    }

    .hero-benefits[b-3vydltjqq7] {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .plan-grid[b-3vydltjqq7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .plans-aside[b-3vydltjqq7] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   RESPONSIVE - MÓVIL
   ========================================================= */

@media (max-width: 767px) {
    .page-shell[b-3vydltjqq7] {
        width: calc(100% - 22px);
    }

    .plans-hero[b-3vydltjqq7],
    .hero-content[b-3vydltjqq7] {
        min-height: 315px;
    }

    .hero-media[b-3vydltjqq7] {
        inset: 0;
        opacity: 0.42;
    }

    .hero-overlay[b-3vydltjqq7] {
        background: linear-gradient(90deg, rgba(1, 18, 30, 0.97), rgba(1, 18, 30, 0.74));
    }

    .hero-content[b-3vydltjqq7] {
        align-items: flex-start;
    }

    .hero-copy[b-3vydltjqq7] {
        width: 100%;
    }

    .hero-copy h1[b-3vydltjqq7] {
        font-size: clamp(34px, 10vw, 44px);
    }

    .hero-benefits[b-3vydltjqq7] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .hero-benefits div[b-3vydltjqq7] {
        padding: 0;
        border-right: 0;
    }

    .plan-grid[b-3vydltjqq7] {
        grid-template-columns: 1fr;
    }

    .plan-card-body[b-3vydltjqq7] {
        min-height: 0;
    }

    .benefits-card[b-3vydltjqq7] {
        display: block;
    }

    .video-card[b-3vydltjqq7] {
        grid-template-columns: 38% 1fr;
    }

    .comparison-section h2[b-3vydltjqq7] {
        font-size: 15px;
    }
}
/* /Pages/PublicCompanyServicesPage.razor.rz.scp.css */
/* Catálogo público: estilos exclusivos de la página. No altera el dashboard. */
.catalog-page[b-g97tnhkbbz]{min-height:100vh;background:var(--mud-palette-background,#f2f7fd);color:var(--mud-palette-text-primary,#0b2248);font-family:"Roboto Condensed",sans-serif}
.catalog-topbar[b-g97tnhkbbz]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px clamp(18px,3vw,50px);background:var(--mud-palette-surface,#fff);border-bottom:1px solid var(--mud-palette-lines-default,#d4e1f2)}
.catalog-brand[b-g97tnhkbbz]{display:flex;align-items:center}.catalog-logo[b-g97tnhkbbz]{height:53px;width:auto;max-width:min(285px,62vw);object-fit:contain}.catalog-brand .logo-dark[b-g97tnhkbbz]{display:none}
html[data-theme="dark"] .catalog-brand .logo-light[b-g97tnhkbbz]{display:none}html[data-theme="dark"] .catalog-brand .logo-dark[b-g97tnhkbbz]{display:block}
.catalog-user[b-g97tnhkbbz]{display:flex;align-items:center;gap:9px;font-weight:700}.catalog-user .mud-icon-root[b-g97tnhkbbz]{color:#0b74e8}
.catalog-hero[b-g97tnhkbbz]{min-height:170px;display:flex;position:relative;overflow:hidden;color:#fff;background:linear-gradient(110deg,#072b60 0%,#0759a5 75%,#0b8fe9 100%)}
.catalog-hero-copy[b-g97tnhkbbz]{position:relative;z-index:1;padding:20px clamp(18px,3vw,50px);width:75%}.catalog-back[b-g97tnhkbbz]{border:0;background:transparent;color:#fff;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:inherit;font-weight:700;padding:4px 0}.catalog-breadcrumb-divider[b-g97tnhkbbz]{margin:0 12px;color:#b6d7fa}.catalog-breadcrumb[b-g97tnhkbbz]{font-weight:700}
.catalog-company[b-g97tnhkbbz]{display:flex;align-items:center;gap:18px;margin-top:18px}.catalog-company-icon[b-g97tnhkbbz]{display:grid;place-items:center;width:70px;height:70px;flex:none;border-radius:13px;background:#0b7cf4}.catalog-company-icon .mud-icon-root[b-g97tnhkbbz]{font-size:36px}.catalog-company h1[b-g97tnhkbbz]{font-size:clamp(27px,3vw,38px);font-weight:800;line-height:1.1;margin:0 0 6px}.catalog-company p[b-g97tnhkbbz]{font-size:17px;margin:0}
.catalog-hero-photo[b-g97tnhkbbz]{position:absolute;right:0;top:0;bottom:0;width:37%;background:linear-gradient(90deg,#0b63c9 0%,transparent 25%),url('/images/home/carrusel-transporte.webp') center/cover no-repeat;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
.catalog-content[b-g97tnhkbbz]{padding:24px clamp(18px,3vw,50px) 35px}.catalog-heading-row[b-g97tnhkbbz]{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.catalog-section-title[b-g97tnhkbbz]{display:flex;align-items:center;gap:14px;min-width:0}.catalog-section-icon[b-g97tnhkbbz]{width:60px;height:60px;flex:none;border-radius:50%;display:grid;place-items:center;background:#e1efff;color:#0878f8}.catalog-section-icon .mud-icon-root[b-g97tnhkbbz]{font-size:30px}.catalog-section-title h2[b-g97tnhkbbz]{font-size:27px;font-weight:800;margin:0 0 3px}.catalog-section-title p[b-g97tnhkbbz]{font-size:16px;margin:0;color:var(--mud-palette-text-secondary,#4b6180)}
.catalog-actions[b-g97tnhkbbz]{display:flex;align-items:center;gap:12px}.catalog-search[b-g97tnhkbbz]{display:flex;align-items:center;gap:8px;padding:0 12px;height:44px;min-width:240px;width:min(26vw,350px);border:1px solid var(--mud-palette-lines-default,#c9d8eb);border-radius:9px;background:var(--mud-palette-surface,#fff);box-shadow:0 2px 5px #0b3a6710}.catalog-search .mud-icon-root[b-g97tnhkbbz]{color:#6d84a8}.catalog-search input[b-g97tnhkbbz]{background:transparent;color:inherit;border:0;outline:none;width:100%;font:inherit;font-size:15px}.catalog-search input[b-g97tnhkbbz]::placeholder{color:#6d84a8}
.catalog-outline[b-g97tnhkbbz],.catalog-refresh[b-g97tnhkbbz],.catalog-clear[b-g97tnhkbbz]{height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:9px;cursor:pointer;font:inherit;font-weight:700}.catalog-outline[b-g97tnhkbbz]{color:#0878f8;border:1px solid #0878f8;background:var(--mud-palette-surface,#fff)}.catalog-refresh[b-g97tnhkbbz]{background:#0878f8;border:1px solid #0878f8;color:#fff}.catalog-refresh:disabled[b-g97tnhkbbz]{opacity:.55;cursor:wait}.catalog-clear[b-g97tnhkbbz]{background:transparent;color:#0878f8;border:0}
.catalog-filters[b-g97tnhkbbz]{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:-6px 0 20px;padding:14px 16px;border:1px solid var(--mud-palette-lines-default,#d4e1f2);border-radius:10px;background:var(--mud-palette-surface,#fff)}.catalog-filters label[b-g97tnhkbbz]{font-weight:700}.catalog-filters select[b-g97tnhkbbz]{min-width:200px;border:1px solid var(--mud-palette-lines-default,#b8cce5);background:var(--mud-palette-surface,#fff);color:inherit;border-radius:8px;padding:9px 12px;font:inherit}
.catalog-grid[b-g97tnhkbbz]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px}.catalog-card[b-g97tnhkbbz]{--accent:#0c9ff5;--tint:#e2f3ff;position:relative;min-width:0;min-height:184px;display:flex;align-items:stretch;overflow:hidden;background:var(--mud-palette-surface,#fff);border:1px solid var(--mud-palette-lines-default,#d5e2f2);border-left:3px solid var(--accent);border-radius:14px;box-shadow:0 3px 8px #123d7018;transition:box-shadow .18s,transform .18s}.catalog-card:hover[b-g97tnhkbbz]{transform:translateY(-2px);box-shadow:0 8px 18px #123d7025}.catalog-card.green[b-g97tnhkbbz]{--accent:#0bbf60;--tint:#ddf8e8}.catalog-card.orange[b-g97tnhkbbz]{--accent:#ff8215;--tint:#fff0e0}.catalog-card.purple[b-g97tnhkbbz]{--accent:#913af0;--tint:#f1e7ff}.catalog-card.cyan[b-g97tnhkbbz]{--accent:#0b9cfa;--tint:#e1f3ff}.catalog-card.teal[b-g97tnhkbbz]{--accent:#0bbdb8;--tint:#dcf8f5}
.catalog-card-main[b-g97tnhkbbz]{position:relative;z-index:1;display:flex;gap:13px;padding:19px 12px 16px 17px;min-width:0;width:100%}.catalog-card-icon[b-g97tnhkbbz]{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:var(--tint);color:var(--accent)}.catalog-card-icon .mud-icon-root[b-g97tnhkbbz]{font-size:29px}.catalog-card-details[b-g97tnhkbbz]{min-width:0;display:flex;flex-direction:column;align-items:flex-start;max-width:70%}.catalog-card-details h3[b-g97tnhkbbz]{font-size:20px;font-weight:800;line-height:1.15;margin:3px 0 8px}.catalog-card-details p[b-g97tnhkbbz]{font-size:15px;line-height:1.35;margin:0 0 12px;color:var(--mud-palette-text-secondary,#3f5474)}
.catalog-card-photo[b-g97tnhkbbz]{position:absolute;right:0;bottom:0;width:37%;height:84%;object-fit:cover;object-position:center;border-radius:35px 0 12px 0;mask-image:linear-gradient(90deg,transparent,#000 40%);opacity:.88;pointer-events:none}.catalog-request[b-g97tnhkbbz]{margin-top:auto;display:inline-flex;align-items:center;gap:8px;background:#076cf1;color:#fff;border:0;border-radius:7px;padding:9px 12px;font:inherit;font-weight:700;white-space:nowrap}.catalog-request:disabled[b-g97tnhkbbz]{opacity:.65;cursor:not-allowed}
.catalog-summary[b-g97tnhkbbz]{display:flex;align-items:center;gap:14px;margin-top:28px;padding:17px 20px;border:1px solid #9dc8fa;border-radius:12px;background:var(--mud-palette-surface,#fff);font-size:17px}.catalog-summary .mud-icon-root[b-g97tnhkbbz]{font-size:28px;color:#0878f8}.catalog-summary strong[b-g97tnhkbbz]{color:#0878f8}.catalog-message[b-g97tnhkbbz]{display:flex;align-items:center;gap:16px;padding:30px 22px;border:1px solid var(--mud-palette-lines-default,#cbdcf0);border-radius:13px;background:var(--mud-palette-surface,#fff);font-size:17px}.catalog-message .mud-icon-root[b-g97tnhkbbz]{font-size:34px;color:#0878f8}.catalog-message p[b-g97tnhkbbz]{margin:5px 0 0;color:var(--mud-palette-text-secondary,#536887)}.catalog-error[b-g97tnhkbbz]{border-color:#e6a9a9;color:#a82525}
@media(max-width:1250px){.catalog-grid[b-g97tnhkbbz]{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-heading-row[b-g97tnhkbbz]{align-items:flex-start;flex-direction:column}.catalog-actions[b-g97tnhkbbz]{width:100%}.catalog-search[b-g97tnhkbbz]{flex:1;width:auto}}
@media(max-width:720px){.catalog-topbar[b-g97tnhkbbz]{padding:9px 15px}.catalog-logo[b-g97tnhkbbz]{height:39px}.catalog-user span[b-g97tnhkbbz]{display:none}.catalog-hero-copy[b-g97tnhkbbz]{width:100%;padding:18px}.catalog-hero-photo[b-g97tnhkbbz]{opacity:.18;width:80%}.catalog-company[b-g97tnhkbbz]{gap:12px}.catalog-company-icon[b-g97tnhkbbz]{width:55px;height:55px}.catalog-company p[b-g97tnhkbbz]{font-size:15px}.catalog-content[b-g97tnhkbbz]{padding:18px 14px 26px}.catalog-section-title h2[b-g97tnhkbbz]{font-size:23px}.catalog-section-icon[b-g97tnhkbbz]{width:48px;height:48px}.catalog-actions[b-g97tnhkbbz]{flex-wrap:wrap}.catalog-search[b-g97tnhkbbz]{flex:1 0 100%;width:100%}.catalog-outline[b-g97tnhkbbz],.catalog-refresh[b-g97tnhkbbz]{flex:1}.catalog-grid[b-g97tnhkbbz]{grid-template-columns:1fr}.catalog-card[b-g97tnhkbbz]{min-height:178px}.catalog-card-details[b-g97tnhkbbz]{max-width:73%}.catalog-summary[b-g97tnhkbbz]{font-size:15px}}
/* /Pages/RatesPage.razor.rz.scp.css */
/* TRAYEKTO | Cotizaciones y tarifas | superficies aisladas por componente */
.rates-page[b-rpocn4inw7]{--rp-card:var(--bg-card,#fff);--rp-bg:var(--bg-primary,#f2f6fc);--rp-field:var(--input-bg,#fff);--rp-border:var(--input-border,#d6e1ef);--rp-text:var(--text-primary,#102a4c);--rp-muted:var(--text-secondary,#526781);--rp-blue:var(--primary,#087cfa);box-sizing:border-box;padding:24px;color:var(--rp-text);width:100%;min-width:0}
.rates-page *[b-rpocn4inw7]{box-sizing:border-box}.rates-heading[b-rpocn4inw7]{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.rates-heading small[b-rpocn4inw7],.rates-heading p[b-rpocn4inw7],.rates-notice[b-rpocn4inw7],.rates-description[b-rpocn4inw7]{color:var(--rp-muted);font-size:13px}.rates-heading h1[b-rpocn4inw7]{font-size:25px;margin:4px 0;font-weight:750}.rates-heading p[b-rpocn4inw7]{margin:0}.rates-notice[b-rpocn4inw7]{margin-bottom:14px}.rates-primary[b-rpocn4inw7]{background:#087cfa;border:1px solid #087cfa;color:white;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}.rates-outline[b-rpocn4inw7]{background:var(--rp-card);border:1px solid var(--rp-border);color:var(--rp-text);border-radius:7px;padding:9px 12px;cursor:pointer}.rates-tabs[b-rpocn4inw7]{display:flex;overflow-x:auto;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--rp-border)}.rates-tabs button[b-rpocn4inw7]{border:0;border-bottom:3px solid transparent;background:var(--rp-card);color:var(--rp-text);padding:15px 18px;white-space:nowrap;cursor:pointer;font-weight:650}.rates-tabs button.active[b-rpocn4inw7]{border-bottom-color:var(--rp-blue);color:var(--rp-blue);background:color-mix(in srgb,var(--rp-blue) 8%,var(--rp-card))}.rates-layout[b-rpocn4inw7]{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.rates-main[b-rpocn4inw7]{display:grid;gap:15px;min-width:0}.rates-stats[b-rpocn4inw7]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rates-stats article[b-rpocn4inw7],.rates-panel[b-rpocn4inw7]{background:var(--rp-card);border:1px solid var(--rp-border);border-radius:12px;box-shadow:0 3px 12px #061a3210}.rates-stats article[b-rpocn4inw7]{padding:18px;display:flex;flex-direction:column;gap:6px}.rates-stats span[b-rpocn4inw7],.rates-stats small[b-rpocn4inw7]{font-size:12px;color:var(--rp-muted)}.rates-stats strong[b-rpocn4inw7]{font-size:27px}.rates-panel[b-rpocn4inw7]{padding:18px;min-width:0}.rates-panel h2[b-rpocn4inw7]{font-size:16px;margin:0 0 12px}.rates-filters[b-rpocn4inw7]{display:grid;grid-template-columns:minmax(0,2fr) minmax(130px,1fr) auto;align-items:end;gap:12px}.rates-page label[b-rpocn4inw7]{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;min-width:0}.rates-page input:not([type=checkbox])[b-rpocn4inw7],.rates-page select[b-rpocn4inw7]{background:var(--rp-field);border:1px solid var(--rp-border);border-radius:7px;color:var(--rp-text);padding:10px;width:100%;min-height:40px;font:inherit}.rates-page input:focus[b-rpocn4inw7],.rates-page select:focus[b-rpocn4inw7]{outline:2px solid var(--rp-blue);outline-offset:1px}.rates-table-wrap[b-rpocn4inw7]{overflow-x:auto}.rates-page table[b-rpocn4inw7]{width:100%;border-collapse:collapse;font-size:12px}.rates-page th[b-rpocn4inw7],.rates-page td[b-rpocn4inw7]{padding:13px 10px;border-bottom:1px solid var(--rp-border);text-align:left}.rates-page th[b-rpocn4inw7]{background:var(--rp-bg);white-space:nowrap}.rates-page tr.selected[b-rpocn4inw7]{background:color-mix(in srgb,var(--rp-blue) 7%,var(--rp-card))}.rates-status[b-rpocn4inw7]{display:inline-block;border-radius:30px;padding:5px 9px;font-size:11px;white-space:nowrap}.rates-status.on[b-rpocn4inw7]{background:#dcf5e8;color:#096b43}.rates-status.off[b-rpocn4inw7]{background:#fce2e2;color:#912828}.rates-summary-head[b-rpocn4inw7]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0}.rates-summary dl[b-rpocn4inw7]{display:grid;grid-template-columns:105px 1fr;gap:12px 8px;font-size:12px}.rates-summary dt[b-rpocn4inw7]{font-weight:700}.rates-summary dd[b-rpocn4inw7]{margin:0;overflow-wrap:anywhere;color:var(--rp-muted)}.rates-full[b-rpocn4inw7]{width:100%;margin-top:15px}.rates-overlay[b-rpocn4inw7]{position:fixed;inset:0;background:#041323b8;display:grid;place-items:center;z-index:1500;padding:14px}.rates-dialog[b-rpocn4inw7]{background:var(--rp-card);color:var(--rp-text);border:1px solid var(--rp-border);border-radius:14px;width:min(760px,100%);max-height:92vh;overflow:auto;padding:24px;box-shadow:0 20px 65px #0005}.rates-dialog header[b-rpocn4inw7]{display:flex;justify-content:space-between;gap:16px}.rates-dialog h2[b-rpocn4inw7]{margin:0;font-size:21px}.rates-dialog p[b-rpocn4inw7]{color:var(--rp-muted)}.rates-close[b-rpocn4inw7]{align-self:start;background:var(--rp-field);color:var(--rp-text);border:1px solid var(--rp-border);border-radius:8px;padding:9px 13px;cursor:pointer}.rates-form[b-rpocn4inw7]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.rates-page .rates-check[b-rpocn4inw7]{flex-direction:row;align-items:center}.rates-check input[b-rpocn4inw7]{width:auto}.rates-dialog footer[b-rpocn4inw7]{display:flex;justify-content:flex-end;margin-top:22px}.rates-error[b-rpocn4inw7]{color:#dc3333!important}
@media(max-width:1150px){.rates-layout[b-rpocn4inw7]{grid-template-columns:1fr}}@media(max-width:680px){.rates-page[b-rpocn4inw7]{padding:12px}.rates-heading[b-rpocn4inw7]{align-items:stretch;flex-direction:column}.rates-heading .rates-primary[b-rpocn4inw7]{align-self:flex-start}.rates-stats[b-rpocn4inw7]{grid-template-columns:repeat(2,minmax(0,1fr))}.rates-filters[b-rpocn4inw7],.rates-form[b-rpocn4inw7]{grid-template-columns:1fr}.rates-panel[b-rpocn4inw7]{padding:13px}.rates-page table[b-rpocn4inw7],.rates-page tbody[b-rpocn4inw7],.rates-page tr[b-rpocn4inw7],.rates-page td[b-rpocn4inw7]{display:block;width:100%}.rates-page thead[b-rpocn4inw7]{display:none}.rates-page tr[b-rpocn4inw7]{border:1px solid var(--rp-border);border-radius:9px;padding:10px;margin-bottom:10px}.rates-page td[b-rpocn4inw7]{border:0;display:flex;justify-content:space-between;gap:12px;padding:7px 3px;overflow-wrap:anywhere}.rates-page td[b-rpocn4inw7]:before{content:attr(data-label);font-weight:700;color:var(--rp-muted)}.rates-page td>*[b-rpocn4inw7]{max-width:65%}}

/* SECCIÓN: modal CRUD corporativo; no se modifica el layout compartido. */
.rates-page .rates-dialog[b-rpocn4inw7]{width:min(1040px,100%);padding:28px;max-height:min(92dvh,920px);overflow-y:auto;background:var(--rp-card);border-radius:18px}
.rates-page .rates-dialog-heading[b-rpocn4inw7]{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.rates-dialog-icon[b-rpocn4inw7],.rates-section-icon[b-rpocn4inw7]{display:grid;place-items:center;flex:none;color:#087cfa;background:color-mix(in srgb,#087cfa 10%,var(--rp-card));border:1px solid color-mix(in srgb,#087cfa 16%,var(--rp-border));border-radius:13px;width:66px;height:66px;font-size:28px}
.rates-dialog-title[b-rpocn4inw7]{flex:1;min-width:0}.rates-dialog-title h2[b-rpocn4inw7]{font-size:25px;font-weight:750}.rates-dialog-title p[b-rpocn4inw7]{margin:6px 0 0;line-height:1.5}.rates-page .rates-close[b-rpocn4inw7]{align-self:flex-start;width:44px;height:44px;font-size:19px;display:grid;place-items:center;padding:0}
.rates-editor-tabs[b-rpocn4inw7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-bottom:20px}
.rates-editor-tabs button[b-rpocn4inw7]{display:flex;align-items:center;gap:13px;text-align:left;background:var(--rp-field);color:var(--rp-text);border:1px solid var(--rp-border);border-radius:12px;padding:15px;cursor:pointer;min-width:0}
.rates-editor-tabs button.active[b-rpocn4inw7]{border-color:#087cfa;background:color-mix(in srgb,#087cfa 11%,var(--rp-card));box-shadow:inset 0 -2px #087cfa}
.rates-editor-tabs button.active strong[b-rpocn4inw7],.rates-editor-tabs button.active .rates-tab-icon[b-rpocn4inw7]{color:#087cfa}.rates-tab-icon[b-rpocn4inw7]{font-size:23px;width:34px;text-align:center;flex:none}.rates-editor-tabs strong[b-rpocn4inw7],.rates-editor-tabs small[b-rpocn4inw7]{display:block}.rates-editor-tabs strong[b-rpocn4inw7]{font-size:14px}.rates-editor-tabs small[b-rpocn4inw7]{color:var(--rp-muted);font-size:12px;margin-top:4px}
.rates-editor-card[b-rpocn4inw7]{background:var(--rp-card);border:1px solid var(--rp-border);border-radius:14px;padding:24px;margin-bottom:16px;min-height:230px}
.rates-section-heading[b-rpocn4inw7]{display:flex;align-items:center;gap:14px;margin-bottom:24px}.rates-section-icon[b-rpocn4inw7]{width:46px;height:46px;font-size:21px;background:#087cfa;color:white}.rates-section-heading h3[b-rpocn4inw7]{margin:0;font-size:18px}.rates-section-heading p[b-rpocn4inw7]{margin:4px 0 0;font-size:13px}
.rates-editor-card .rates-form[b-rpocn4inw7]{margin-top:0;gap:20px 22px}.rates-editor-card label[b-rpocn4inw7]{font-size:13px;gap:9px}.rates-editor-card input:not([type=checkbox])[b-rpocn4inw7]{min-height:46px;padding:12px 14px}.rates-editor-card label small[b-rpocn4inw7]{font-weight:400;color:var(--rp-muted);line-height:1.5}
.rates-page .rates-toggle-row[b-rpocn4inw7]{display:flex;flex-direction:row;align-items:center;gap:16px;padding:18px;border:1px solid var(--rp-border);border-radius:12px;background:var(--rp-field)}.rates-toggle-row input[b-rpocn4inw7]{width:20px;height:20px;accent-color:#087cfa}.rates-toggle-row span[b-rpocn4inw7]{display:flex;flex-direction:column;gap:5px}.rates-toggle-row small[b-rpocn4inw7]{font-weight:400;color:var(--rp-muted)}
.rates-page .rates-dialog-footer[b-rpocn4inw7]{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}.rates-editor-notice[b-rpocn4inw7]{color:#0865c4;background:color-mix(in srgb,#087cfa 9%,var(--rp-card));border-radius:9px;padding:14px;font-size:12px;line-height:1.5}.rates-page .rates-error[b-rpocn4inw7],.rates-page .rates-success[b-rpocn4inw7]{padding:12px 14px;border-radius:9px;margin:12px 0}.rates-page .rates-error[b-rpocn4inw7]{background:#ffe5e5;color:#9b1c1c!important}.rates-page .rates-success[b-rpocn4inw7]{background:#dcf5e8;color:#08623c!important}
@media(max-width:680px){.rates-page .rates-dialog[b-rpocn4inw7]{padding:16px;max-height:96dvh}.rates-page .rates-dialog-heading[b-rpocn4inw7]{gap:10px}.rates-dialog-icon[b-rpocn4inw7]{width:45px;height:45px;font-size:20px}.rates-dialog-title h2[b-rpocn4inw7]{font-size:19px}.rates-editor-tabs[b-rpocn4inw7]{grid-template-columns:1fr 1fr;gap:8px}.rates-editor-tabs button[b-rpocn4inw7]{padding:10px;gap:6px}.rates-tab-icon[b-rpocn4inw7]{width:23px;font-size:18px}.rates-editor-card[b-rpocn4inw7]{padding:15px;min-height:0}.rates-page .rates-dialog-footer[b-rpocn4inw7]{flex-direction:column;align-items:stretch}.rates-page .rates-dialog-footer .rates-primary[b-rpocn4inw7]{width:100%}}

/* Navegación principal: iconografía consistente y contraste claro/oscuro. */
.rates-page .rates-tabs[b-rpocn4inw7]{gap:6px;align-items:stretch;scrollbar-width:thin;padding-bottom:2px}
.rates-page .rates-tabs button[b-rpocn4inw7]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 17px;border:1px solid var(--rp-border);border-bottom:3px solid transparent;border-radius:9px 9px 0 0;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.rates-page .rates-tabs button:hover[b-rpocn4inw7]{background:color-mix(in srgb,var(--rp-blue) 7%,var(--rp-card))}
.rates-page .rates-tabs button.active[b-rpocn4inw7]{border-color:var(--rp-border);border-bottom-color:var(--rp-blue);color:var(--rp-blue);background:color-mix(in srgb,var(--rp-blue) 11%,var(--rp-card))}
.rates-page .rates-tabs button:focus-visible[b-rpocn4inw7]{outline:2px solid var(--rp-blue);outline-offset:-3px}
.rates-page .rates-tabs .rates-nav-icon[b-rpocn4inw7]{display:block;width:19px;height:19px;flex:none}
@media(max-width:680px){.rates-page .rates-tabs[b-rpocn4inw7]{gap:5px}.rates-page .rates-tabs button[b-rpocn4inw7]{min-height:46px;padding:10px 12px;gap:7px}.rates-page .rates-tabs .rates-nav-icon[b-rpocn4inw7]{width:18px;height:18px}}
/* /Pages/ReceivedRequestsPanel.razor.rz.scp.css */
/* TRAYEKTO · Solicitudes recibidas. Colores heredados del tema global MudBlazor. */
.received-panel[b-iipg1ca7ve]{display:flex;flex-direction:column;gap:16px;min-width:0;font-family:'Roboto Condensed',sans-serif}
.rr-metrics[b-iipg1ca7ve]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rr-metrics article[b-iipg1ca7ve]{display:flex;align-items:center;gap:15px;padding:17px;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:11px;min-width:0}
.rr-metrics article>div[b-iipg1ca7ve]{display:flex;flex-direction:column;min-width:0}.rr-metrics strong[b-iipg1ca7ve]{font-size:1.7rem;line-height:1.15}.rr-metrics span:not(.rr-metric-icon)[b-iipg1ca7ve]{font-weight:700}.rr-metrics small[b-iipg1ca7ve]{color:var(--mud-palette-text-secondary)}
.rr-metric-icon[b-iipg1ca7ve]{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;flex:none}
.rr-metric-icon.blue[b-iipg1ca7ve]{background:#0877fa20;color:#0877fa}.rr-metric-icon.green[b-iipg1ca7ve]{background:#0ab98020;color:#09b87a}.rr-metric-icon.amber[b-iipg1ca7ve]{background:#f9ac1920;color:#ed9900}.rr-metric-icon.purple[b-iipg1ca7ve]{background:#8c43ed20;color:#8c43ed}
.rr-filters[b-iipg1ca7ve]{display:grid;grid-template-columns:2fr 1fr 1fr .9fr .9fr auto auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--mud-palette-lines-default);background:var(--mud-palette-surface);border-radius:10px}
.rr-filters label[b-iipg1ca7ve]{min-width:0;display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:.76rem}.rr-filters input[b-iipg1ca7ve],.rr-filters select[b-iipg1ca7ve]{height:39px;width:100%;min-width:0;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-inputs);border-radius:7px;padding:0 9px}
.rr-filters button[b-iipg1ca7ve],.rr-actions button[b-iipg1ca7ve],.rr-pagination button[b-iipg1ca7ve],.rr-dialog footer button[b-iipg1ca7ve]{height:39px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--mud-palette-lines-default);border-radius:7px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);cursor:pointer;white-space:nowrap}
.rr-filters .rr-search[b-iipg1ca7ve]{background:var(--mud-palette-primary);border-color:var(--mud-palette-primary);color:var(--mud-palette-primary-text)}
.rr-results[b-iipg1ca7ve]{border:1px solid var(--mud-palette-lines-default);border-radius:10px;background:var(--mud-palette-surface);overflow:hidden}.rr-table-wrap[b-iipg1ca7ve]{overflow-x:auto}.rr-results table[b-iipg1ca7ve]{width:100%;border-collapse:collapse;min-width:890px}.rr-results th[b-iipg1ca7ve]{background:var(--mud-palette-background-gray);text-align:left;font-size:.8rem;padding:14px}.rr-results td[b-iipg1ca7ve]{padding:14px;border-top:1px solid var(--mud-palette-lines-default);font-size:.85rem}.rr-results td strong[b-iipg1ca7ve]{color:var(--mud-palette-text-primary);overflow-wrap:anywhere}.rr-actions[b-iipg1ca7ve]{display:flex;gap:7px}
.rr-service[b-iipg1ca7ve]{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:8px;font-weight:700;background:var(--rr-bg);color:var(--rr-fg);border:1px solid var(--rr-border)}
.rr-service.blue[b-iipg1ca7ve]{--rr-bg:#0877fa20;--rr-fg:#0877fa;--rr-border:#0877fa40}.rr-service.green[b-iipg1ca7ve]{--rr-bg:#0a9f7820;--rr-fg:#008967;--rr-border:#0a9f7840}.rr-service.purple[b-iipg1ca7ve]{--rr-bg:#8c43ed20;--rr-fg:#8c43ed;--rr-border:#8c43ed40}.rr-service.orange[b-iipg1ca7ve]{--rr-bg:#f46b1820;--rr-fg:#e66311;--rr-border:#f46b1840}
.rr-state[b-iipg1ca7ve]{display:inline-block;padding:6px 11px;border-radius:30px;font-weight:700;background:var(--mud-palette-background-gray)}.rr-state.registered[b-iipg1ca7ve],.rr-state.completed[b-iipg1ca7ve]{background:#0ab98020;color:#00a26c}.rr-state.progress[b-iipg1ca7ve]{background:#f9ac1920;color:#db9200}.rr-state.cancelled[b-iipg1ca7ve]{background:#e44b6420;color:#df3957}
.rr-empty[b-iipg1ca7ve]{padding:28px;text-align:center;color:var(--mud-palette-text-secondary)}.rr-alert[b-iipg1ca7ve]{border:1px solid var(--mud-palette-error);border-radius:8px;padding:12px;background:var(--mud-palette-surface);color:var(--mud-palette-error)}.rr-alert button[b-iipg1ca7ve]{margin-left:10px}
.rr-pagination[b-iipg1ca7ve]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border-top:1px solid var(--mud-palette-lines-default);font-size:.82rem}.rr-pagination>div[b-iipg1ca7ve]{display:flex;align-items:center;gap:9px}.rr-pagination select[b-iipg1ca7ve]{background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default);padding:6px}.rr-pagination button[b-iipg1ca7ve]{height:32px}.rr-pagination button:disabled[b-iipg1ca7ve]{opacity:.4;cursor:default}
.rr-backdrop[b-iipg1ca7ve]{position:fixed;inset:0;z-index:2200;background:#0009;display:grid;place-items:center;padding:16px}.rr-dialog[b-iipg1ca7ve]{display:flex;flex-direction:column;width:min(920px,100%);max-height:92vh;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:14px;box-shadow:0 20px 80px #0005;overflow:hidden}
.rr-dialog>header[b-iipg1ca7ve]{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--mud-palette-lines-default)}.rr-dialog>header>div[b-iipg1ca7ve]{display:flex;align-items:center;gap:12px}.rr-dialog-icon[b-iipg1ca7ve]{padding:11px;background:#0877fa20;color:#0877fa;border-radius:9px}.rr-dialog h2[b-iipg1ca7ve]{margin:0;font-size:1.3rem}.rr-dialog header p[b-iipg1ca7ve]{margin:3px 0 0;color:var(--mud-palette-text-secondary);overflow-wrap:anywhere}.rr-x[b-iipg1ca7ve]{background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default);border-radius:8px;font-size:24px;width:40px;height:40px;cursor:pointer;flex:none}.rr-dialog-body[b-iipg1ca7ve]{padding:20px 22px;overflow-y:auto}.rr-detail-grid[b-iipg1ca7ve]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rr-detail-grid article[b-iipg1ca7ve],.rr-detail-stops article[b-iipg1ca7ve]{border:1px solid var(--mud-palette-lines-default);border-radius:9px;background:var(--mud-palette-surface);padding:13px}.rr-detail-grid small[b-iipg1ca7ve]{display:block;color:var(--mud-palette-text-secondary)}.rr-detail-grid strong[b-iipg1ca7ve]{display:block;overflow-wrap:anywhere}.rr-dialog h3[b-iipg1ca7ve]{font-size:1.05rem;margin:22px 0 10px}.rr-detail-stops[b-iipg1ca7ve]{display:grid;gap:10px}.rr-detail-stops p[b-iipg1ca7ve]{margin:5px 0}.rr-dialog footer[b-iipg1ca7ve]{padding:14px 22px;border-top:1px solid var(--mud-palette-lines-default);display:flex;justify-content:flex-end}.rr-print-title[b-iipg1ca7ve]{display:none}
:where(.mud-theme-dark,[data-theme="dark"]) .rr-service.green[b-iipg1ca7ve]{--rr-fg:#6ee7bf}:where(.mud-theme-dark,[data-theme="dark"]) .rr-service.purple[b-iipg1ca7ve]{--rr-fg:#c5a1ff}:where(.mud-theme-dark,[data-theme="dark"]) .rr-service.orange[b-iipg1ca7ve]{--rr-fg:#ffb27f}:where(.mud-theme-dark,[data-theme="dark"]) .rr-service.blue[b-iipg1ca7ve]{--rr-fg:#8dc0ff}
@media(max-width:1200px){.rr-filters[b-iipg1ca7ve]{grid-template-columns:repeat(3,minmax(0,1fr))}.rr-metrics[b-iipg1ca7ve]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.rr-filters[b-iipg1ca7ve]{grid-template-columns:1fr}.rr-metrics[b-iipg1ca7ve]{grid-template-columns:1fr 1fr;gap:9px}.rr-metrics article[b-iipg1ca7ve]{padding:11px;gap:8px}.rr-metric-icon[b-iipg1ca7ve]{width:35px;height:35px}.rr-pagination[b-iipg1ca7ve]{flex-wrap:wrap}.rr-table-wrap[b-iipg1ca7ve]{overflow:visible}.rr-results table[b-iipg1ca7ve]{min-width:0}.rr-results thead[b-iipg1ca7ve]{display:none}.rr-results tbody[b-iipg1ca7ve],.rr-results tr[b-iipg1ca7ve],.rr-results td[b-iipg1ca7ve]{display:block}.rr-results tr[b-iipg1ca7ve]{margin:12px;border:1px solid var(--mud-palette-lines-default);border-radius:9px;padding:8px}.rr-results td[b-iipg1ca7ve]{display:flex;justify-content:space-between;gap:10px;padding:9px;border:0;overflow-wrap:anywhere}.rr-results td[b-iipg1ca7ve]::before{content:attr(data-label);font-weight:700;color:var(--mud-palette-text-secondary)}.rr-actions[b-iipg1ca7ve]{flex-wrap:wrap}.rr-detail-grid[b-iipg1ca7ve]{grid-template-columns:repeat(2,minmax(0,1fr))}.rr-dialog-body[b-iipg1ca7ve]{padding:12px}.rr-dialog>header[b-iipg1ca7ve]{padding:12px}}
@media print{body *[b-iipg1ca7ve]{visibility:hidden!important}.rr-backdrop[b-iipg1ca7ve],.rr-backdrop *[b-iipg1ca7ve]{visibility:visible!important}.rr-backdrop[b-iipg1ca7ve]{position:absolute!important;inset:0!important;background:white!important;padding:0!important;display:block!important}.rr-dialog[b-iipg1ca7ve]{max-height:none!important;width:100%!important;box-shadow:none!important;border:0!important;color:black!important;background:white!important;overflow:visible!important}.rr-dialog>header[b-iipg1ca7ve],.rr-dialog>footer[b-iipg1ca7ve]{display:none!important}.rr-dialog-body[b-iipg1ca7ve]{overflow:visible!important;padding:0!important}.rr-print-title[b-iipg1ca7ve]{display:block!important}.rr-detail-grid article[b-iipg1ca7ve],.rr-detail-stops article[b-iipg1ca7ve]{color:black!important;background:white!important;border:1px solid #aaa!important} }

/* Detalle de solicitud: superficies opacas, jerarquia visual y temas globales. */
.rr-detail-modal[b-iipg1ca7ve] {
    width: min(920px, 100%);
    background: var(--mud-palette-surface, #fff);
    color: var(--mud-palette-text-primary, #102a4c);
    border: 1px solid var(--mud-palette-lines-default, #d5e1f1);
    isolation: isolate;
}
.rr-detail-modal .rr-modal-header[b-iipg1ca7ve],
.rr-detail-modal .rr-modal-footer[b-iipg1ca7ve] {
    flex: none;
    background: var(--mud-palette-surface, #fff);
    color: var(--mud-palette-text-primary, #102a4c);
}
.rr-detail-modal .rr-modal-heading[b-iipg1ca7ve] { display:flex; align-items:center; gap:12px; min-width:0; }
.rr-detail-modal .rr-modal-heading-icon[b-iipg1ca7ve] { display:grid; place-items:center; width:44px; height:44px; flex:none; border-radius:11px; color:#0877fa; background:rgba(8,119,250,.12); }
.rr-detail-modal .rr-modal-heading h2[b-iipg1ca7ve] { font-size:1.35rem; line-height:1.25; margin:0; }
.rr-detail-modal .rr-modal-heading p[b-iipg1ca7ve] { font-size:.82rem; overflow-wrap:anywhere; }
.rr-detail-modal .rr-modal-content[b-iipg1ca7ve] { display:flex; flex-direction:column; gap:14px; background:var(--mud-palette-surface, #fff); color:var(--mud-palette-text-primary, #102a4c); }
.rr-modal-summary[b-iipg1ca7ve] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.rr-summary-card[b-iipg1ca7ve] { display:flex; align-items:center; gap:10px; min-width:0; padding:12px; border-radius:10px; border:1px solid var(--mud-palette-lines-default, #d5e1f1); background:var(--mud-palette-background-gray, #f2f6fc); }
.rr-summary-card > div[b-iipg1ca7ve] { display:flex; flex-direction:column; gap:3px; min-width:0; }
.rr-summary-card small[b-iipg1ca7ve] { font-size:.75rem; color:var(--mud-palette-text-secondary, #536b85); }
.rr-summary-card strong[b-iipg1ca7ve] { font-size:.88rem; overflow-wrap:anywhere; }
.rr-summary-icon[b-iipg1ca7ve], .rr-stop-icon[b-iipg1ca7ve] { display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:10px; }
.rr-icon-blue[b-iipg1ca7ve] { background:rgba(8,119,250,.13); color:#1686ff; }
.rr-icon-purple[b-iipg1ca7ve] { background:rgba(140,67,237,.14); color:#a36af4; }
.rr-icon-green[b-iipg1ca7ve] { background:rgba(10,185,128,.14); color:#0bb780; }
.rr-modal-columns[b-iipg1ca7ve] { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:14px; }
.rr-modal-side[b-iipg1ca7ve] { display:flex; flex-direction:column; gap:14px; min-width:0; }
.rr-modal-section[b-iipg1ca7ve] { min-width:0; border:1px solid var(--mud-palette-lines-default, #d5e1f1); border-radius:11px; overflow:hidden; background:var(--mud-palette-surface, #fff); }
.rr-detail-modal .rr-modal-section h3[b-iipg1ca7ve] { display:flex; align-items:center; gap:9px; padding:11px 13px; margin:0; font-size:.98rem; line-height:1.3; background:var(--mud-palette-background-gray, #edf4fd); border-bottom:1px solid var(--mud-palette-lines-default, #d5e1f1); }
.rr-detail-modal .rr-modal-section h3 .mud-icon-root[b-iipg1ca7ve] { color:#1686ff; }
.rr-modal-section-body[b-iipg1ca7ve] { padding:11px; background:var(--mud-palette-surface, #fff); }
.rr-stop-list[b-iipg1ca7ve], .rr-item-list[b-iipg1ca7ve], .rr-timeline[b-iipg1ca7ve] { display:flex; flex-direction:column; gap:9px; }
.rr-stop-card[b-iipg1ca7ve] { display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid var(--mud-palette-lines-default, #d5e1f1); border-radius:9px; background:var(--mud-palette-background-gray, #f2f6fc); }
.rr-stop-card > div[b-iipg1ca7ve] { min-width:0; }
.rr-stop-card strong[b-iipg1ca7ve] { display:block; margin-bottom:4px; }
.rr-stop-card p[b-iipg1ca7ve] { margin:3px 0; overflow-wrap:anywhere; }
.rr-item-card[b-iipg1ca7ve] { display:flex; align-items:center; gap:9px; padding:10px; border:1px solid var(--mud-palette-lines-default, #d5e1f1); border-radius:8px; background:var(--mud-palette-background-gray, #f2f6fc); }
.rr-item-card > .mud-icon-root[b-iipg1ca7ve] { color:#1686ff; flex:none; }
.rr-item-card strong[b-iipg1ca7ve] { flex:1; min-width:0; overflow-wrap:anywhere; }
.rr-item-card span[b-iipg1ca7ve] { padding:5px 9px; border-radius:20px; background:rgba(8,119,250,.12); white-space:nowrap; }
.rr-timeline-event[b-iipg1ca7ve] { display:flex; gap:12px; padding:8px 3px; }
.rr-timeline-dot[b-iipg1ca7ve] { width:11px; height:11px; margin-top:5px; border-radius:50%; background:#0877fa; box-shadow:0 0 0 4px rgba(8,119,250,.12); flex:none; }
.rr-timeline-event time[b-iipg1ca7ve] { margin-left:9px; font-size:.8rem; color:var(--mud-palette-text-secondary, #536b85); }
.rr-timeline-event p[b-iipg1ca7ve] { margin:5px 0 0; overflow-wrap:anywhere; }
.rr-modal-notes .rr-modal-section-body p[b-iipg1ca7ve] { margin:0; }
.rr-detail-modal .rr-print-action[b-iipg1ca7ve] { background:#0877fa; color:#fff; border-color:#0877fa; font-weight:700; min-width:112px; }
.rr-detail-modal .rr-print-action:hover[b-iipg1ca7ve] { background:#0065d8; border-color:#0065d8; }
.rr-detail-modal .rr-x[b-iipg1ca7ve] { display:grid; place-items:center; }
@media (max-width:760px) { .rr-modal-summary[b-iipg1ca7ve] { grid-template-columns:repeat(2,minmax(0,1fr)); } .rr-modal-columns[b-iipg1ca7ve] { grid-template-columns:1fr; } .rr-detail-modal .rr-modal-content[b-iipg1ca7ve] { padding:12px; } }
@media (max-width:420px) { .rr-modal-summary[b-iipg1ca7ve] { grid-template-columns:1fr; } .rr-detail-modal .rr-modal-heading h2[b-iipg1ca7ve] { font-size:1.1rem; } }
@media print { .rr-detail-modal[b-iipg1ca7ve], .rr-detail-modal .rr-modal-content[b-iipg1ca7ve], .rr-detail-modal .rr-modal-section[b-iipg1ca7ve], .rr-detail-modal .rr-modal-section-body[b-iipg1ca7ve], .rr-detail-modal .rr-summary-card[b-iipg1ca7ve], .rr-detail-modal .rr-stop-card[b-iipg1ca7ve], .rr-detail-modal .rr-item-card[b-iipg1ca7ve] { background:#fff!important; color:#000!important; border-color:#bbb!important; } .rr-detail-modal .rr-modal-columns[b-iipg1ca7ve] { grid-template-columns:1fr 1fr; } }

/* Acción de etiqueta: superficie opaca y contraste consistente en ambos temas. */
.rr-actions .rr-label-action[b-iipg1ca7ve],.rr-dialog footer .rr-label-action[b-iipg1ca7ve]{background:var(--mud-palette-primary);border-color:var(--mud-palette-primary);color:var(--mud-palette-primary-text);font-weight:700}
.rr-actions .rr-label-action:hover[b-iipg1ca7ve],.rr-dialog footer .rr-label-action:hover[b-iipg1ca7ve]{filter:brightness(1.1)}

/* Preferencia de impresión de etiquetas, con superficies sólidas en ambos temas. */
.rr-label-settings[b-iipg1ca7ve]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding:12px 16px;margin-bottom:12px;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:10px;color:var(--mud-palette-text-primary)}
.rr-label-settings label[b-iipg1ca7ve]{display:flex;align-items:center;gap:9px;font-weight:650;cursor:pointer}
.rr-label-settings input[b-iipg1ca7ve]{width:17px;height:17px;accent-color:#0877fa}
.rr-label-settings small[b-iipg1ca7ve]{color:var(--mud-palette-text-secondary);max-width:580px;line-height:1.4}
/* /Pages/Reception.razor.rz.scp.css */
/* =========================================================
   CONTENEDOR Y ENCABEZADO
   ========================================================= */
.reception-page[b-fo7wu4v7ws] { width: 100%; color: #0b2145; }
.page-heading[b-fo7wu4v7ws] { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:18px; }
.eyebrow[b-fo7wu4v7ws] { font-size:.75rem; color:#526b91; }
.page-heading h1[b-fo7wu4v7ws] { margin:2px 0 0; font-size:2rem; line-height:1; }
.page-heading p[b-fo7wu4v7ws] { margin:7px 0 0; color:#405d89; }
.heading-actions[b-fo7wu4v7ws] { display:flex; gap:12px; align-items:center; }
.heading-actions[b-fo7wu4v7ws]  .mud-button-root { min-height:42px; border-radius:6px; text-transform:none; font-weight:700; }

/* =========================================================
   MÉTRICAS
   ========================================================= */
.metrics-grid[b-fo7wu4v7ws] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.metric-card[b-fo7wu4v7ws] { min-height:112px; display:flex; align-items:center; gap:16px; padding:18px; background:#fff; border:1px solid #e1e9f4; border-radius:9px; box-shadow:0 3px 12px rgba(20,53,92,.06); }
.metric-card[b-fo7wu4v7ws]  .mud-icon-root { width:46px; height:46px; padding:11px; border-radius:50%; color:#fff; }
.metric-card div[b-fo7wu4v7ws] { display:grid; gap:2px; }
.metric-card strong[b-fo7wu4v7ws] { font-size:1.65rem; line-height:1; }
.metric-card span[b-fo7wu4v7ws] { font-size:.8rem; color:#35527c; }
.metric-card.blue[b-fo7wu4v7ws]  .mud-icon-root { background:#258af7; } .metric-card.green[b-fo7wu4v7ws]  .mud-icon-root { background:#12a951; } .metric-card.orange[b-fo7wu4v7ws]  .mud-icon-root { background:#ffab16; } .metric-card.purple[b-fo7wu4v7ws]  .mud-icon-root { background:#7653ed; }

/* =========================================================
   ÁREA PRINCIPAL
   ========================================================= */
.content-grid[b-fo7wu4v7ws] { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:16px; align-items:start; }
.reception-list-panel[b-fo7wu4v7ws],.registration-panel[b-fo7wu4v7ws] { background:#fff; border:1px solid #e1e9f4; border-radius:9px; box-shadow:0 3px 12px rgba(20,53,92,.05); }
.tabs[b-fo7wu4v7ws] { display:flex; gap:12px; border-bottom:1px solid #e4ebf4; overflow-x:auto; }
.tabs button[b-fo7wu4v7ws] { min-width:max-content; padding:14px 18px 12px; border:0; border-bottom:3px solid transparent; background:transparent; color:#244a7d; cursor:pointer; }
.tabs button.active[b-fo7wu4v7ws] { color:#087cf0; border-bottom-color:#087cf0; font-weight:700; }
.tabs button:disabled[b-fo7wu4v7ws] { opacity:.55; cursor:not-allowed; }
.filter-bar[b-fo7wu4v7ws] { display:flex; gap:12px; padding:14px; }
.search-box[b-fo7wu4v7ws] { flex:1; display:flex; align-items:center; gap:9px; min-height:40px; padding:0 12px; border:1px solid #d8e3f0; border-radius:6px; }
.search-box input[b-fo7wu4v7ws] { flex:1; border:0; outline:0; color:#17375f; }
.filters-grid[b-fo7wu4v7ws] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0 14px 14px; }
.filters-grid div[b-fo7wu4v7ws],.form-field[b-fo7wu4v7ws] { display:grid; gap:6px; }
.filters-grid label[b-fo7wu4v7ws],.form-field label[b-fo7wu4v7ws] { font-size:.75rem; color:#26466f; }
.filters-grid select[b-fo7wu4v7ws],.form-field input[b-fo7wu4v7ws],.form-field select[b-fo7wu4v7ws],.form-field textarea[b-fo7wu4v7ws] { width:100%; min-height:40px; padding:8px 10px; border:1px solid #cedbea; border-radius:6px; outline:none; background:#fff; color:#17375f; }
.form-field textarea[b-fo7wu4v7ws] { min-height:78px; resize:vertical; }

/* =========================================================
   TABLA
   ========================================================= */
.table-scroll[b-fo7wu4v7ws] { overflow-x:auto; border-top:1px solid #edf2f7; }
table[b-fo7wu4v7ws] { width:100%; min-width:900px; border-collapse:collapse; font-size:.78rem; }
th[b-fo7wu4v7ws] { padding:10px; text-align:left; background:#f5f8fc; color:#18375f; white-space:nowrap; }
td[b-fo7wu4v7ws] { padding:10px; border-top:1px solid #edf2f7; color:#18375f; vertical-align:middle; }
td small[b-fo7wu4v7ws] { display:block; color:#6680a3; }
.status-badge[b-fo7wu4v7ws] { display:inline-block; padding:5px 10px; border-radius:5px; font-size:.72rem; font-weight:700; }
.status-badge.success[b-fo7wu4v7ws] { background:#d9f8e5; color:#07863b; } .status-badge.danger[b-fo7wu4v7ws] { background:#ffe1e3; color:#d62e3c; }
.pagination-row[b-fo7wu4v7ws] { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 14px; border-top:1px solid #edf2f7; font-size:.76rem; color:#405d89; }
.pagination-row div[b-fo7wu4v7ws] { display:flex; align-items:center; gap:5px; }
.state-box[b-fo7wu4v7ws] { min-height:280px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; color:#5d7598; text-align:center; }

/* =========================================================
   FORMULARIO LATERAL
   ========================================================= */
.registration-panel[b-fo7wu4v7ws] { padding:16px; }
.panel-title[b-fo7wu4v7ws] { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.panel-title h2[b-fo7wu4v7ws] { margin:0; font-size:1.05rem; }
.registration-panel form[b-fo7wu4v7ws] { display:grid; gap:13px; }
.form-two[b-fo7wu4v7ws] { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.registration-panel[b-fo7wu4v7ws]  .mud-button-root { min-height:42px; border-radius:6px; text-transform:none; font-weight:700; }
.party-field[b-fo7wu4v7ws] { position:relative; }
.party-results[b-fo7wu4v7ws] { position:absolute; z-index:20; top:66px; left:0; right:0; max-height:220px; overflow-y:auto; background:#fff; border:1px solid #cbd9e8; border-radius:7px; box-shadow:0 10px 24px rgba(8,37,70,.16); }
.party-results button[b-fo7wu4v7ws] { width:100%; display:grid; gap:2px; padding:9px 11px; text-align:left; border:0; border-bottom:1px solid #edf2f7; background:#fff; cursor:pointer; }
.party-results button:hover[b-fo7wu4v7ws] { background:#f1f7ff; } .party-results span[b-fo7wu4v7ws] { font-size:.7rem; color:#6680a3; }

/* =========================================================
   FLUJO INFERIOR
   ========================================================= */
.process-strip[b-fo7wu4v7ws] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; }
.process-strip > div[b-fo7wu4v7ws] { display:flex; align-items:center; gap:12px; min-height:66px; padding:12px 16px; background:#fff; border:1px solid #e1e9f4; border-radius:8px; }
.process-strip b[b-fo7wu4v7ws] { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#087cf0; color:#fff; }
.process-strip div:nth-child(2) b[b-fo7wu4v7ws] { background:#0ca64b; } .process-strip div:nth-child(3) b[b-fo7wu4v7ws] { background:#f5a20c; } .process-strip div:nth-child(4) b[b-fo7wu4v7ws] { background:#7653ed; }
.process-strip span[b-fo7wu4v7ws] { display:grid; font-size:.72rem; color:#5a7397; } .process-strip strong[b-fo7wu4v7ws] { color:#102d55; font-size:.86rem; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1300px) { .content-grid[b-fo7wu4v7ws] { grid-template-columns:minmax(0,1fr) 280px; } }
@media (max-width:1050px) { .metrics-grid[b-fo7wu4v7ws] { grid-template-columns:repeat(2,1fr); } .content-grid[b-fo7wu4v7ws] { grid-template-columns:1fr; } .registration-panel[b-fo7wu4v7ws] { order:-1; } .process-strip[b-fo7wu4v7ws] { grid-template-columns:repeat(2,1fr); } }
@media (max-width:700px) { .page-heading[b-fo7wu4v7ws] { align-items:flex-start; flex-direction:column; } .heading-actions[b-fo7wu4v7ws] { width:100%; } .metrics-grid[b-fo7wu4v7ws] { grid-template-columns:1fr; } .filters-grid[b-fo7wu4v7ws] { grid-template-columns:1fr; } .filter-bar[b-fo7wu4v7ws] { align-items:stretch; flex-direction:column; } .form-two[b-fo7wu4v7ws] { grid-template-columns:1fr; } .process-strip[b-fo7wu4v7ws] { grid-template-columns:1fr; } .pagination-row[b-fo7wu4v7ws] { align-items:flex-start; flex-direction:column; } }
@media (max-width:430px) { .heading-actions[b-fo7wu4v7ws] { flex-direction:column; align-items:stretch; } .heading-actions[b-fo7wu4v7ws]  .mud-button-root { width:100%; } .page-heading h1[b-fo7wu4v7ws] { font-size:1.7rem; } }


/* ============================================================
   ASISTENTE DE REGISTRO DE RECEPCIÓN
   ============================================================ */
.content-grid.full-width[b-fo7wu4v7ws] { grid-template-columns:minmax(0,1fr); }
.reception-modal-backdrop[b-fo7wu4v7ws] { position:fixed; inset:0; z-index:1600; display:grid; place-items:center; padding:16px; background:rgba(2,22,43,.68); backdrop-filter:blur(5px); overflow:hidden; }
.reception-wizard[b-fo7wu4v7ws] { width:min(1080px,calc(100vw - 32px)); height:min(680px,calc(100dvh - 32px)); max-height:calc(100dvh - 32px); display:flex; flex-direction:column; overflow:hidden; border-radius:14px !important; background:#f7faff; box-shadow:0 30px 80px rgba(0,20,48,.34) !important; }
.wizard-header[b-fo7wu4v7ws] { flex:0 0 auto; min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 16px; color:#fff; background:linear-gradient(110deg,#05355e,#004a80 60%,#0066ad); }
.wizard-title-wrap[b-fo7wu4v7ws] { display:flex; align-items:center; gap:12px; min-width:0; }
.wizard-title-icon[b-fo7wu4v7ws] { width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; border-radius:50%; background:#0c84ff; }
.wizard-title-icon[b-fo7wu4v7ws]  .mud-icon-root,.wizard-close[b-fo7wu4v7ws]  .mud-icon-root { color:#fff; }
.wizard-header h2[b-fo7wu4v7ws] { margin:0; font-size:1.25rem; line-height:1.15; }
.wizard-header p[b-fo7wu4v7ws] { margin:3px 0 0; color:#d8eaff; font-size:.76rem; }
.wizard-progress[b-fo7wu4v7ws] { flex:0 0 auto; display:grid; grid-template-columns:repeat(5,1fr); padding:10px 22px 9px; background:#fff; border-bottom:1px solid #dce7f3; }
.wizard-step[b-fo7wu4v7ws] { position:relative; display:flex; flex-direction:column; align-items:center; gap:3px; color:#7890ae; font-size:.67rem; }
.wizard-step:not(:last-child)[b-fo7wu4v7ws]::after { content:""; position:absolute; top:14px; left:calc(50% + 18px); right:calc(-50% + 18px); height:2px; background:#dbe5f0; }
.wizard-step.done:not(:last-child)[b-fo7wu4v7ws]::after { background:#1786ef; }
.wizard-step > span[b-fo7wu4v7ws] { position:relative; z-index:1; width:28px; height:28px; display:grid; place-items:center; border:2px solid #cbd9e8; border-radius:50%; background:#fff; font-weight:800; }
.wizard-step.active[b-fo7wu4v7ws],.wizard-step.done[b-fo7wu4v7ws] { color:#0a6fce; font-weight:700; }
.wizard-step.active > span[b-fo7wu4v7ws] { color:#fff; border-color:#087cf0; background:#087cf0; box-shadow:0 0 0 4px #e5f2ff; }
.wizard-step.done > span[b-fo7wu4v7ws] { color:#fff; border-color:#12a75a; background:#12a75a; }
.wizard-form[b-fo7wu4v7ws] { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
.wizard-body[b-fo7wu4v7ws] { flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; padding:16px 18px; scrollbar-width:thin; }
.wizard-card[b-fo7wu4v7ws] { width:100%; max-width:940px; margin:0 auto; padding:18px; border:1px solid #dce7f3; border-radius:12px; background:#fff; box-shadow:0 4px 18px rgba(16,55,92,.05); }
.wizard-section-title[b-fo7wu4v7ws] { display:flex; align-items:center; gap:10px; margin-bottom:18px; padding-bottom:12px; border-bottom:1px solid #e5edf6; }
.wizard-section-title[b-fo7wu4v7ws]  .mud-icon-root { color:#087cf0; font-size:1.5rem; }
.recipient-accent .wizard-section-title[b-fo7wu4v7ws]  .mud-icon-root { color:#0aa55a; }
.wizard-section-title h3[b-fo7wu4v7ws] { margin:0; color:#102b53; font-size:1rem; }
.wizard-section-title p[b-fo7wu4v7ws] { margin:2px 0 0; color:#6a819e; font-size:.75rem; }
.wizard-grid[b-fo7wu4v7ws] { display:grid; gap:14px 16px; align-items:start; }
.wizard-grid.two-cols[b-fo7wu4v7ws] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wizard-grid.four-cols[b-fo7wu4v7ws] { grid-template-columns:repeat(4,minmax(0,1fr)); }
.full-row[b-fo7wu4v7ws] { grid-column:1/-1; }
.four-span[b-fo7wu4v7ws] { grid-column:1/-1; }
.select-field[b-fo7wu4v7ws] { display:flex; flex-direction:column; gap:5px; min-width:0; }
.select-field label[b-fo7wu4v7ws] { color:#29466c; font-size:.72rem; font-weight:700; }
.select-field select[b-fo7wu4v7ws] { width:100%; height:44px; padding:0 11px; border:1px solid #c5d4e5; border-radius:6px; background:#fff; color:#17375f; outline:none; }
.select-field select:focus[b-fo7wu4v7ws] { border-color:#1585f5; box-shadow:0 0 0 2px rgba(21,133,245,.1); }
.reception-wizard[b-fo7wu4v7ws]  .mud-input-control { margin-top:0; }
.reception-wizard[b-fo7wu4v7ws]  .mud-input-root { min-height:44px; font-size:.82rem; }
.reception-wizard[b-fo7wu4v7ws]  .mud-input-outlined { background:#fff; border-radius:6px; }
.confirm-grid[b-fo7wu4v7ws] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.confirm-group[b-fo7wu4v7ws] { padding:13px 14px; border:1px solid #e0e9f3; border-radius:9px; background:#fbfdff; }
.confirm-group h4[b-fo7wu4v7ws] { margin:0 0 9px; color:#087cf0; font-size:.82rem; }
.confirm-group p[b-fo7wu4v7ws] { display:grid; grid-template-columns:110px minmax(0,1fr); gap:10px; margin:0; padding:6px 0; border-bottom:1px solid #edf2f7; font-size:.74rem; }
.confirm-group p:last-of-type[b-fo7wu4v7ws] { border-bottom:0; }
.confirm-group span[b-fo7wu4v7ws] { color:#607a9b; }
.confirm-group strong[b-fo7wu4v7ws] { color:#17375f; text-align:right; overflow-wrap:anywhere; }
.confirm-total[b-fo7wu4v7ws] { display:flex; justify-content:space-between; gap:12px; margin-top:10px; padding:11px; border-radius:7px; background:#eaf4ff; color:#087cf0; font-size:.84rem; font-weight:800; }
.wizard-message[b-fo7wu4v7ws] { max-width:940px; margin:12px auto 0; }
.wizard-footer[b-fo7wu4v7ws] { flex:0 0 auto; min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 16px; border-top:1px solid #dce7f3; background:#fff; }
.footer-actions[b-fo7wu4v7ws] { display:flex; gap:10px; }
.wizard-footer[b-fo7wu4v7ws]  .mud-button-root { min-height:40px; min-width:120px; border-radius:6px; text-transform:none; font-weight:700; }

@media (max-height:720px) and (min-width:701px) {
    .reception-modal-backdrop[b-fo7wu4v7ws] { padding:8px; }
    .reception-wizard[b-fo7wu4v7ws] { height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); }
    .wizard-header[b-fo7wu4v7ws] { min-height:58px; padding-block:7px; }
    .wizard-progress[b-fo7wu4v7ws] { padding-block:6px; }
    .wizard-step > span[b-fo7wu4v7ws] { width:24px; height:24px; }
    .wizard-step:not(:last-child)[b-fo7wu4v7ws]::after { top:12px; }
    .wizard-body[b-fo7wu4v7ws] { padding:10px 14px; }
    .wizard-card[b-fo7wu4v7ws] { padding:14px; }
    .wizard-section-title[b-fo7wu4v7ws] { margin-bottom:12px; padding-bottom:9px; }
    .wizard-footer[b-fo7wu4v7ws] { min-height:54px; padding-block:6px; }
}
@media (max-width:900px) {
    .reception-wizard[b-fo7wu4v7ws] { width:min(760px,calc(100vw - 20px)); height:calc(100dvh - 20px); max-height:calc(100dvh - 20px); }
    .wizard-grid.four-cols[b-fo7wu4v7ws] { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
    .reception-modal-backdrop[b-fo7wu4v7ws] { padding:0; }
    .reception-wizard[b-fo7wu4v7ws] { width:100vw; height:100dvh; max-height:100dvh; border-radius:0 !important; }
    .wizard-header[b-fo7wu4v7ws] { min-height:60px; padding:8px 10px; }
    .wizard-title-icon[b-fo7wu4v7ws] { width:34px; height:34px; flex-basis:34px; }
    .wizard-header h2[b-fo7wu4v7ws] { font-size:1.05rem; }
    .wizard-header p[b-fo7wu4v7ws] { font-size:.68rem; }
    .wizard-progress[b-fo7wu4v7ws] { padding:7px 5px 6px; }
    .wizard-step small[b-fo7wu4v7ws] { display:none; }
    .wizard-step > span[b-fo7wu4v7ws] { width:24px; height:24px; font-size:.68rem; }
    .wizard-step:not(:last-child)[b-fo7wu4v7ws]::after { top:12px; left:calc(50% + 15px); right:calc(-50% + 15px); }
    .wizard-body[b-fo7wu4v7ws] { padding:9px; }
    .wizard-card[b-fo7wu4v7ws] { padding:12px; border-radius:8px; }
    .wizard-grid.two-cols[b-fo7wu4v7ws],.wizard-grid.four-cols[b-fo7wu4v7ws],.confirm-grid[b-fo7wu4v7ws] { grid-template-columns:1fr; }
    .wizard-section-title[b-fo7wu4v7ws] { margin-bottom:12px; }
    .wizard-footer[b-fo7wu4v7ws] { min-height:58px; padding:7px 8px; }
    .footer-left[b-fo7wu4v7ws] { display:none; }
    .footer-actions[b-fo7wu4v7ws] { width:100%; }
    .footer-actions[b-fo7wu4v7ws]  .mud-button-root { flex:1; min-width:0; }
}
/* /Pages/ReportsPage.razor.rz.scp.css */
/* Solo distribución: los colores Light/Dark provienen de trayekto-theme.css. */
.rp-page[b-4gtrajaauc] { display:grid; gap:12px; padding:18px; color:var(--text-primary); }
.rp-hero[b-4gtrajaauc],.rp-filters[b-4gtrajaauc],.rp-kpis article[b-4gtrajaauc],.rp-panel[b-4gtrajaauc],.rp-card[b-4gtrajaauc] { background:var(--bg-card); border:1px solid var(--border-color); border-radius:8px; box-shadow:0 3px 12px var(--shadow-color); }
.rp-hero[b-4gtrajaauc] { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; }
.rp-title[b-4gtrajaauc] { display:flex; gap:12px; align-items:center; padding:15px 18px; }
.rp-title .mud-icon-root[b-4gtrajaauc] { color:var(--primary); font-size:34px; }
.rp-title h1[b-4gtrajaauc] { margin:0; font-size:23px; font-weight:800; }
.rp-title p[b-4gtrajaauc],.rp-banner span[b-4gtrajaauc] { margin:3px 0 0; font-size:13px; color:var(--text-secondary); }
.rp-banner[b-4gtrajaauc] { display:flex; flex-direction:column; justify-content:center; gap:5px; padding:18px 22px; background:var(--bg-elevated); }
.rp-banner span[b-4gtrajaauc] { color:var(--text-secondary); }
.rp-filters[b-4gtrajaauc] { display:flex; align-items:end; flex-wrap:wrap; gap:10px; padding:12px; }
.rp-filters label[b-4gtrajaauc] { display:grid; gap:5px; min-width:170px; font-size:12px; font-weight:700; }
.rp-filters input[b-4gtrajaauc] { width:100%; padding:9px; background:var(--input-bg); border:1px solid var(--input-border); border-radius:5px; color:var(--text-primary); color-scheme:light dark; }
.rp-primary[b-4gtrajaauc],.rp-secondary[b-4gtrajaauc] { display:inline-flex; align-items:center; justify-content:center; gap:6px; border-radius:5px; padding:10px 13px; cursor:pointer; font-weight:700; text-decoration:none; font-size:13px; }
.rp-primary[b-4gtrajaauc] { background:var(--primary); color:white; border:1px solid var(--primary); }
.rp-secondary[b-4gtrajaauc] { background:var(--bg-card); color:var(--text-primary); border:1px solid var(--border-color); }
.rp-primary .mud-icon-root[b-4gtrajaauc],.rp-secondary .mud-icon-root[b-4gtrajaauc] { font-size:18px; }
.rp-kpis[b-4gtrajaauc] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.rp-kpis article[b-4gtrajaauc] { display:flex; align-items:center; gap:10px; padding:13px 11px; min-width:0; }
.rp-kpis article>.mud-icon-root[b-4gtrajaauc] { font-size:28px; color:var(--primary); flex-shrink:0; }
.rp-kpis article div[b-4gtrajaauc] { display:grid; min-width:0; gap:3px; }
.rp-kpis strong[b-4gtrajaauc] { font-size:19px; overflow-wrap:anywhere; }
.rp-kpis b[b-4gtrajaauc] { font-size:12px; }
.rp-kpis small[b-4gtrajaauc] { color:var(--text-muted); font-size:11px; }
.rp-toolbar[b-4gtrajaauc] { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding:10px; border-bottom:1px solid var(--border-color); }
.rp-toolbar nav[b-4gtrajaauc] { display:flex; flex-wrap:wrap; gap:4px; }
.rp-toolbar nav button[b-4gtrajaauc] { border:0; background:transparent; color:var(--text-secondary); padding:10px 12px; cursor:pointer; }
.rp-toolbar nav button.active[b-4gtrajaauc] { color:var(--primary); border-bottom:2px solid var(--primary); font-weight:700; }
.rp-grid[b-4gtrajaauc] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:10px; }
.rp-card[b-4gtrajaauc] { padding:15px; min-width:0; }
.rp-panel .rp-card[b-4gtrajaauc] { box-shadow:none; }
.rp-card h3[b-4gtrajaauc] { display:flex; align-items:center; gap:6px; font-size:15px; margin:0 0 18px; }
.rp-card h3 .mud-icon-root[b-4gtrajaauc] { font-size:19px; }
.rp-bar[b-4gtrajaauc] { display:grid; grid-template-columns:minmax(80px,1fr) minmax(50px,1.2fr) 40px; align-items:center; gap:8px; margin:10px 0; font-size:12px; }
.rp-bar>div[b-4gtrajaauc] { height:7px; border-radius:8px; background:var(--bg-secondary); overflow:hidden; }
.rp-bar i[b-4gtrajaauc] { display:block; height:100%; background:var(--primary); border-radius:8px; }
.rp-bar b[b-4gtrajaauc] { text-align:right; }
.rp-trend[b-4gtrajaauc] { display:flex; align-items:end; height:155px; gap:2px; overflow:hidden; border-bottom:1px solid var(--border-color); }
.rp-trend>div[b-4gtrajaauc] { position:relative; display:flex; flex:1; align-items:end; justify-content:center; height:100%; gap:1px; min-width:1px; }
.rp-trend i[b-4gtrajaauc],.rp-trend em[b-4gtrajaauc] { display:block; width:45%; background:var(--primary); min-height:0; }
.rp-trend em[b-4gtrajaauc] { background:#00a868; }
.rp-legend[b-4gtrajaauc] { display:flex; gap:18px; font-size:12px; }
.rp-legend span:last-child[b-4gtrajaauc] { color:#00a868; }
.rp-amount[b-4gtrajaauc] { font-size:28px; font-weight:800; }
.rp-recent[b-4gtrajaauc] { margin-top:0; }
.rp-table[b-4gtrajaauc] { width:100%; overflow-x:auto; }
.rp-table table[b-4gtrajaauc] { width:100%; border-collapse:collapse; font-size:12px; }
.rp-table th[b-4gtrajaauc],.rp-table td[b-4gtrajaauc] { padding:10px; text-align:left; border-bottom:1px solid var(--border-soft); }
.rp-table th[b-4gtrajaauc] { background:var(--bg-subtle); }
.rp-message[b-4gtrajaauc] { display:flex; gap:10px; align-items:center; padding:22px; }
@media(max-width:1100px) { .rp-kpis[b-4gtrajaauc] { grid-template-columns:repeat(3,minmax(0,1fr)); } .rp-grid[b-4gtrajaauc] { grid-template-columns:1fr 1fr; } }
@media(max-width:700px) { .rp-page[b-4gtrajaauc] { padding:10px; } .rp-hero[b-4gtrajaauc] { grid-template-columns:1fr; } .rp-banner[b-4gtrajaauc] { padding:12px; } .rp-kpis[b-4gtrajaauc] { grid-template-columns:repeat(2,minmax(0,1fr)); } .rp-grid[b-4gtrajaauc] { grid-template-columns:1fr; } .rp-filters label[b-4gtrajaauc] { flex:1; } .rp-filters button[b-4gtrajaauc] { flex:1; } .rp-table thead[b-4gtrajaauc] { display:none; } .rp-table tr[b-4gtrajaauc] { display:block; padding:8px; border:1px solid var(--border-color); margin-bottom:10px; border-radius:7px; } .rp-table td[b-4gtrajaauc] { display:flex; justify-content:space-between; gap:8px; } .rp-table td[b-4gtrajaauc]::before { content:attr(data-label); font-weight:700; } }

/* Componentes de visualización; los colores base siguen heredándose del tema global. */
.rp-grid[b-4gtrajaauc] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.rp-donut-layout[b-4gtrajaauc] { display:grid; grid-template-columns:minmax(110px,0.8fr) minmax(140px,1.2fr); gap:16px; align-items:center; }
.rp-donut[b-4gtrajaauc] { aspect-ratio:1; width:100%; max-width:205px; border-radius:50%; display:grid; place-items:center; }
.rp-donut>div[b-4gtrajaauc] { width:66%; aspect-ratio:1; border-radius:50%; background:var(--bg-card); display:flex; flex-direction:column; justify-content:center; align-items:center; }
.rp-donut strong[b-4gtrajaauc] { font-size:22px; }
.rp-donut small[b-4gtrajaauc] { font-size:12px; color:var(--text-secondary); }
.rp-donut-list[b-4gtrajaauc] { display:grid; gap:8px; min-width:0; }
.rp-donut-list>div[b-4gtrajaauc] { display:grid; grid-template-columns:minmax(0,1fr) 32px 44px; gap:6px; align-items:center; font-size:12px; padding-bottom:5px; border-bottom:1px solid var(--border-soft); }
.rp-donut-list span[b-4gtrajaauc] { overflow-wrap:anywhere; }
.rp-donut-list strong[b-4gtrajaauc],.rp-donut-list small[b-4gtrajaauc] { text-align:right; }
.rp-donut-list small[b-4gtrajaauc] { color:var(--text-secondary); }
@media(max-width:1100px) { .rp-grid[b-4gtrajaauc] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .rp-grid[b-4gtrajaauc] { grid-template-columns:1fr; } .rp-donut-layout[b-4gtrajaauc] { grid-template-columns:minmax(100px,0.8fr) minmax(130px,1.2fr); } }

/* Controles del módulo: colores heredados del tema global de TRAYEKTO. */
.rp-demo-notice[b-4gtrajaauc] { display:flex; align-items:center; gap:8px; padding:7px 12px; font-size:12px; color:var(--text-secondary, #55708d); }
.rp-filters[b-4gtrajaauc] { flex-wrap:wrap; gap:10px; }
.rp-filters label[b-4gtrajaauc] { min-width:135px; flex:1 1 135px; }
.rp-filters input[b-4gtrajaauc], .rp-filters select[b-4gtrajaauc] { width:100%; min-height:35px; background:var(--card-bg, var(--surface-color, #fff)); color:var(--text-primary, inherit); border:1px solid var(--border-color, #cbd5e1); border-radius:5px; padding:5px 9px; }
.rp-filters button[b-4gtrajaauc] { align-self:end; }
@media (max-width: 768px) { .rp-filters label[b-4gtrajaauc] { flex:1 1 calc(50% - 10px); } .rp-filters button[b-4gtrajaauc] { flex:1 1 calc(50% - 10px); justify-content:center; } }
/* /Pages/Resources.razor.rz.scp.css */
/* =========================================================
   TOKENS Y CONTENEDOR PRINCIPAL
   ========================================================= */

.resources-page[b-q13939sl6n] {
    --resource-navy: #031523;
    --resource-deep: #00101c;
    --resource-panel: #05243a;
    --resource-blue: #0a94ff;
    --resource-bright: #13a7ff;
    --resource-white: #f7fbff;
    --resource-muted: #c8d7e1;
    --resource-border: rgba(40, 151, 220, 0.42);

    min-height: 100vh;
    color: var(--resource-white);
    background: var(--resource-navy);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.resources-page *[b-q13939sl6n],
.resources-page *[b-q13939sl6n]::before,
.resources-page *[b-q13939sl6n]::after {
    box-sizing: border-box;
}

.page-shell[b-q13939sl6n] {
    width: calc(100% - clamp(32px, 5vw, 80px));
    margin: 0 auto;
}

button[b-q13939sl6n],
input[b-q13939sl6n] {
    font: inherit;
}

button[b-q13939sl6n] {
    cursor: pointer;
}

/* =========================================================
   HERO
   ========================================================= */

.resources-hero[b-q13939sl6n] {
    position: relative;
    min-height: 350px;
    overflow: hidden;
    border-bottom: 1px solid rgba(36, 142, 208, 0.32);
    background: #021321;
}

.hero-media[b-q13939sl6n] {
    position: absolute;
    inset: 0 0 0 28%;
    overflow: hidden;
}

.hero-media img[b-q13939sl6n] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 55%;
}

.hero-overlay[b-q13939sl6n] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            #011421 0%,
            rgba(1, 20, 33, 0.98) 27%,
            rgba(1, 20, 33, 0.62) 50%,
            rgba(1, 20, 33, 0.16) 75%,
            rgba(1, 20, 33, 0.48) 100%
        ),
        linear-gradient(0deg, rgba(1, 16, 28, 0.84), transparent 48%);
}

.hero-content[b-q13939sl6n] {
    position: relative;
    z-index: 2;
    min-height: 350px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    align-items: center;
    gap: 28px;
}

.hero-copy[b-q13939sl6n] {
    width: min(780px, 64vw);
    padding: 20px 0 18px;
}

.section-label[b-q13939sl6n] {
    color: var(--resource-bright);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.hero-copy h1[b-q13939sl6n] {
    margin: 8px 0 8px;
    font-size: clamp(40px, 3.8vw, 60px);
    line-height: 0.98;
    letter-spacing: -0.035em;
    font-weight: 800;
}

.hero-copy h1 span[b-q13939sl6n] {
    color: var(--resource-blue);
}

.hero-copy > p[b-q13939sl6n] {
    max-width: 760px;
    margin: 0;
    color: #e7f1f7;
    font-size: clamp(16px, 1.25vw, 19px);
    line-height: 1.45;
}

/* =========================================================
   BÚSQUEDA Y FILTROS
   ========================================================= */

.resource-search[b-q13939sl6n] {
    width: min(760px, 100%);
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    padding: 0 18px;
    border: 1px solid var(--resource-bright);
    border-radius: 24px;
    background: rgba(1, 25, 42, 0.82);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

.search-icon[b-q13939sl6n] {
    flex: 0 0 auto;
    color: white;
    font-size: 28px;
    line-height: 1;
}

.resource-search input[b-q13939sl6n] {
    width: 100%;
    border: 0;
    outline: 0;
    color: white;
    background: transparent;
    font-size: 15px;
}

.resource-search input[b-q13939sl6n]::placeholder {
    color: #c7d5df;
    opacity: 1;
}

.resource-filters[b-q13939sl6n] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
}

.filter-button[b-q13939sl6n] {
    min-height: 34px;
    padding: 0 20px;
    border: 1px solid rgba(56, 149, 208, 0.58);
    border-radius: 18px;
    color: #eaf4fa;
    background: rgba(3, 31, 50, 0.74);
    font-size: 13px;
    transition:
        background 160ms ease,
        border-color 160ms ease,
        transform 160ms ease;
}

.filter-button:hover[b-q13939sl6n] {
    transform: translateY(-1px);
    border-color: var(--resource-bright);
}

.filter-button.active[b-q13939sl6n] {
    border-color: var(--resource-blue);
    color: white;
    background: linear-gradient(135deg, #087cff, #0ba4ff);
}

/* =========================================================
   PANEL LATERAL DEL HERO
   ========================================================= */

.hero-benefits[b-q13939sl6n] {
    justify-self: end;
    width: 210px;
    padding: 20px 20px 18px;
    border-left: 1px solid rgba(34, 145, 213, 0.34);
    border-radius: 18px 0 0 18px;
    background: linear-gradient(135deg, rgba(2, 34, 55, 0.82), rgba(1, 20, 34, 0.58));
    backdrop-filter: blur(8px);
}

.hero-benefits p[b-q13939sl6n] {
    margin: 0;
    font-size: 17px;
    font-style: italic;
    line-height: 1.28;
}

.benefit-line[b-q13939sl6n] {
    width: 58px;
    height: 3px;
    display: block;
    margin: 12px 0 14px;
    background: var(--resource-blue);
}

.hero-benefits ul[b-q13939sl6n] {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hero-benefits li[b-q13939sl6n] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
}

.hero-benefits li span[b-q13939sl6n] {
    width: 28px;
    color: var(--resource-bright);
    font-size: 23px;
    text-align: center;
}

/* =========================================================
   CATÁLOGO Y TARJETAS
   ========================================================= */

.resources-catalog[b-q13939sl6n] {
    padding: 16px 0 12px;
    background:
        radial-gradient(circle at 70% 0%, rgba(13, 119, 190, 0.12), transparent 34%),
        linear-gradient(180deg, #031827, #001523);
}

.resource-grid[b-q13939sl6n] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.resource-card[b-q13939sl6n] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--resource-border);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(5, 42, 67, 0.96), rgba(2, 28, 47, 0.98));
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.13);
}

.resource-image[b-q13939sl6n] {
    position: relative;
    height: 126px;
    overflow: hidden;
    background: #071d2d;
}

.resource-image[b-q13939sl6n]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(1, 21, 35, 0.72), transparent 58%);
}

.resource-image img[b-q13939sl6n] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.resource-type-icon[b-q13939sl6n] {
    position: absolute;
    z-index: 2;
    left: 12px;
    bottom: 8px;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: white;
    background: linear-gradient(135deg, #087cff, #0ba4ff);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    font-size: 25px;
}

.resource-card.red .resource-type-icon[b-q13939sl6n] {
    background: linear-gradient(135deg, #ff334b, #ef4747);
}

.resource-card.green .resource-type-icon[b-q13939sl6n] {
    background: linear-gradient(135deg, #159c58, #31bf70);
}

.resource-card.orange .resource-type-icon[b-q13939sl6n] {
    background: linear-gradient(135deg, #ff7417, #ff9a21);
}

.resource-card.purple .resource-type-icon[b-q13939sl6n] {
    background: linear-gradient(135deg, #8733db, #aa48ed);
}

.resource-card.gray .resource-type-icon[b-q13939sl6n] {
    background: linear-gradient(135deg, #a7b0ba, #d0d6dc);
}

.video-play[b-q13939sl6n] {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    border: 2px solid white;
    border-radius: 50%;
    color: white;
    background: rgba(1, 19, 31, 0.7);
    font-size: 16px;
}

.resource-body[b-q13939sl6n] {
    min-height: 205px;
    display: flex;
    flex-direction: column;
    padding: 12px 14px 12px;
}

.resource-body h2[b-q13939sl6n] {
    margin: 0 0 6px;
    color: white;
    font-size: 17px;
    line-height: 1.15;
}

.resource-body > p[b-q13939sl6n] {
    min-height: 62px;
    margin: 0;
    color: #d3e0e8;
    font-size: 13px;
    line-height: 1.38;
}

.resource-count[b-q13939sl6n] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    color: #e5eff5;
    font-size: 12px;
}

.explore-button[b-q13939sl6n] {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: auto;
    border: 1px solid var(--resource-blue);
    border-radius: 9px;
    color: white;
    background: rgba(2, 31, 51, 0.64);
    font-size: 14px;
    font-weight: 700;
}

.resource-card.red .explore-button[b-q13939sl6n] {
    border-color: #ff4d5d;
}

.resource-card.green .explore-button[b-q13939sl6n] {
    border-color: #4cc77b;
}

.resource-card.orange .explore-button[b-q13939sl6n] {
    border-color: #ff8b2b;
}

.resource-card.purple .explore-button[b-q13939sl6n] {
    border-color: #a74ce9;
}

.resource-card.gray .explore-button[b-q13939sl6n] {
    border-color: #cbd3da;
}

.empty-state[b-q13939sl6n] {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--resource-border);
    border-radius: 14px;
    color: var(--resource-muted);
    background: rgba(4, 35, 56, 0.7);
    text-align: center;
}

.empty-state strong[b-q13939sl6n] {
    color: white;
    font-size: 20px;
}

.empty-state button[b-q13939sl6n] {
    margin-top: 6px;
    padding: 9px 18px;
    border: 1px solid var(--resource-blue);
    border-radius: 20px;
    color: white;
    background: #087ff0;
}

/* =========================================================
   SOPORTE
   ========================================================= */

.resources-support[b-q13939sl6n] {
    padding: 0 0 14px;
    background: var(--resource-deep);
}

.support-grid[b-q13939sl6n] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(430px, 0.9fr);
    gap: 22px;
}

.support-primary[b-q13939sl6n],
.support-options[b-q13939sl6n] {
    min-height: 78px;
    border: 1px solid var(--resource-border);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(5, 43, 69, 0.9), rgba(2, 28, 47, 0.95));
}

.support-primary[b-q13939sl6n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 16px 12px 22px;
}

.support-copy[b-q13939sl6n] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.support-bulb[b-q13939sl6n] {
    color: var(--resource-bright);
    font-size: 42px;
}

.support-copy strong[b-q13939sl6n] {
    display: block;
    font-size: 18px;
}

.support-copy p[b-q13939sl6n] {
    margin: 2px 0 0;
    color: #cbd9e2;
    font-size: 13px;
}

.support-primary button[b-q13939sl6n] {
    min-width: 250px;
    min-height: 44px;
    border: 0;
    border-radius: 23px;
    color: white;
    background: linear-gradient(135deg, #087cff, #0ba4ff);
    font-size: 14px;
    font-weight: 700;
}

.support-options[b-q13939sl6n] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    padding: 10px 12px;
}

.support-options div[b-q13939sl6n] {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 10px;
    border-right: 1px solid rgba(61, 139, 189, 0.34);
    color: #e8f2f8;
    font-size: 12px;
    text-align: center;
}

.support-options div:last-child[b-q13939sl6n] {
    border-right: 0;
}

.support-options span[b-q13939sl6n] {
    color: var(--resource-bright);
    font-size: 23px;
}

/* =========================================================
   RESPONSIVE - ESCRITORIO / PORTÁTIL
   ========================================================= */

@media (max-width: 1366px) {
    .resource-grid[b-q13939sl6n] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .resource-body > p[b-q13939sl6n] {
        min-height: auto;
    }

    .support-grid[b-q13939sl6n] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 1023px) {
    .page-shell[b-q13939sl6n] {
        width: calc(100% - 28px);
    }

    .resources-hero[b-q13939sl6n],
    .hero-content[b-q13939sl6n] {
        min-height: auto;
    }

    .hero-media[b-q13939sl6n] {
        inset: 0;
    }

    .hero-overlay[b-q13939sl6n] {
        background: rgba(1, 19, 32, 0.78);
    }

    .hero-content[b-q13939sl6n] {
        grid-template-columns: 1fr;
        padding-top: 28px;
        padding-bottom: 26px;
    }

    .hero-copy[b-q13939sl6n] {
        width: 100%;
        padding: 0;
    }

    .hero-benefits[b-q13939sl6n] {
        justify-self: stretch;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        border-left: 1px solid rgba(34, 145, 213, 0.34);
        border-radius: 14px;
    }

    .hero-benefits p[b-q13939sl6n],
    .benefit-line[b-q13939sl6n] {
        display: none;
    }

    .hero-benefits ul[b-q13939sl6n] {
        width: 100%;
        grid-template-columns: repeat(4, 1fr);
    }

    .hero-benefits li[b-q13939sl6n] {
        justify-content: center;
    }

    .resource-grid[b-q13939sl6n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   RESPONSIVE - MÓVIL
   ========================================================= */

@media (max-width: 767px) {
    .page-shell[b-q13939sl6n] {
        width: calc(100% - 24px);
    }

    .hero-content[b-q13939sl6n] {
        padding-top: 24px;
        padding-bottom: 20px;
    }

    .hero-copy h1[b-q13939sl6n] {
        font-size: clamp(34px, 10vw, 44px);
    }

    .hero-copy > p[b-q13939sl6n] {
        font-size: 15px;
    }

    .resource-search[b-q13939sl6n] {
        padding: 0 14px;
    }

    .resource-filters[b-q13939sl6n] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: thin;
    }

    .filter-button[b-q13939sl6n] {
        flex: 0 0 auto;
    }

    .hero-benefits[b-q13939sl6n] {
        padding: 12px;
    }

    .hero-benefits ul[b-q13939sl6n] {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .hero-benefits li[b-q13939sl6n] {
        justify-content: flex-start;
    }

    .resource-grid[b-q13939sl6n] {
        grid-template-columns: 1fr;
    }

    .resource-image[b-q13939sl6n] {
        height: 170px;
    }

    .resource-body[b-q13939sl6n] {
        min-height: 190px;
    }

    .support-primary[b-q13939sl6n] {
        align-items: stretch;
        flex-direction: column;
    }

    .support-primary button[b-q13939sl6n] {
        width: 100%;
        min-width: 0;
    }

    .support-options[b-q13939sl6n] {
        grid-template-columns: 1fr;
    }

    .support-options div[b-q13939sl6n] {
        min-height: 50px;
        justify-content: flex-start;
        border-right: 0;
        border-bottom: 1px solid rgba(61, 139, 189, 0.34);
    }

    .support-options div:last-child[b-q13939sl6n] {
        border-bottom: 0;
    }
}
/* /Pages/Returns.razor.rz.scp.css */
/* Entregas: estilos aislados y superficies contrastadas en ambos temas. */
.returns-page[b-1wekxnqyz4]{width:100%;min-width:0;font-family:'Roboto Condensed',sans-serif;color:var(--mud-palette-text-primary)}
.returns-hero[b-1wekxnqyz4]{display:grid;grid-template-columns:1.1fr 1fr;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:10px;overflow:hidden}
.returns-heading[b-1wekxnqyz4]{display:flex;align-items:center;gap:16px;padding:18px 20px}.returns-heading[b-1wekxnqyz4]  .mud-icon-root{font-size:38px;color:var(--mud-palette-primary)}.returns-heading h1[b-1wekxnqyz4]{font-size:2rem;font-weight:800;margin:0}.returns-heading p[b-1wekxnqyz4]{margin:4px 0 0;color:var(--mud-palette-text-secondary)}
.returns-banner[b-1wekxnqyz4]{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:20px 24px;color:white;background:linear-gradient(90deg,rgba(3,28,54,.96),rgba(3,43,75,.48)),url('/images/home/hero-logistics.webp') center/cover}.returns-banner strong[b-1wekxnqyz4]{font-size:1.2rem}
.returns-notice[b-1wekxnqyz4]{display:flex;align-items:center;gap:8px;margin:12px 0;color:var(--mud-palette-text-secondary);font-size:.85rem}.returns-notice[b-1wekxnqyz4]  .mud-icon-root{color:var(--mud-palette-info)}
.returns-kpis[b-1wekxnqyz4]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.returns-kpis article[b-1wekxnqyz4],.returns-panel[b-1wekxnqyz4],.returns-bottom article[b-1wekxnqyz4]{background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:10px;box-shadow:0 3px 12px rgba(7,30,57,.06)}.returns-kpis article[b-1wekxnqyz4]{display:flex;align-items:center;gap:13px;padding:16px 14px;min-width:0}.returns-kpis strong[b-1wekxnqyz4]{display:block;font-size:1.65rem;line-height:1.1}.returns-kpis small[b-1wekxnqyz4]{display:block;color:var(--mud-palette-text-secondary);margin-top:4px}.returns-icon[b-1wekxnqyz4]{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;color:#fff}.returns-icon.blue[b-1wekxnqyz4]{background:#087cfa}.returns-icon.green[b-1wekxnqyz4]{background:#00a96b}.returns-icon.amber[b-1wekxnqyz4]{background:#f5a400}.returns-icon.purple[b-1wekxnqyz4]{background:#8546ef}.returns-icon.red[b-1wekxnqyz4]{background:#f44258}
.returns-toolbar[b-1wekxnqyz4]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 12px;border-bottom:1px solid var(--mud-palette-lines-default)}.returns-tabs[b-1wekxnqyz4]{display:flex;gap:6px;flex-wrap:wrap}.returns-tabs button[b-1wekxnqyz4]{padding:11px 10px;background:transparent;color:var(--mud-palette-text-secondary);border:0;border-bottom:3px solid transparent;cursor:pointer}.returns-tabs button.active[b-1wekxnqyz4]{color:var(--mud-palette-primary);border-bottom-color:var(--mud-palette-primary);font-weight:800}.returns-actions[b-1wekxnqyz4]{display:flex;gap:8px;flex-wrap:wrap}.returns-primary[b-1wekxnqyz4],.returns-secondary[b-1wekxnqyz4],.returns-link[b-1wekxnqyz4]{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700;border-radius:6px;padding:9px 13px}.returns-primary[b-1wekxnqyz4]{background:#087cfa;color:#fff;border:1px solid #087cfa}.returns-primary:hover[b-1wekxnqyz4]{background:#056bd7}.returns-secondary[b-1wekxnqyz4]{background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default)}.returns-link[b-1wekxnqyz4]{background:transparent;border:0;color:var(--mud-palette-primary)}.returns-actions[b-1wekxnqyz4]  .mud-icon-root,.returns-link[b-1wekxnqyz4]  .mud-icon-root,.returns-primary[b-1wekxnqyz4]  .mud-icon-root,.returns-secondary[b-1wekxnqyz4]  .mud-icon-root{font-size:19px}
.returns-filters[b-1wekxnqyz4]{padding:12px}.returns-search[b-1wekxnqyz4]{display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:6px}.returns-search input[b-1wekxnqyz4]{flex:1;min-width:0;padding:11px 0;border:0;outline:0;background:transparent;color:var(--mud-palette-text-primary)}.returns-filter-grid[b-1wekxnqyz4]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;margin-top:12px;align-items:end}.returns-filter-grid label[b-1wekxnqyz4],.returns-form label[b-1wekxnqyz4]{display:flex;flex-direction:column;gap:5px;font-size:.84rem;font-weight:700}.returns-filter-grid input[b-1wekxnqyz4],.returns-filter-grid select[b-1wekxnqyz4],.returns-form select[b-1wekxnqyz4],.returns-form textarea[b-1wekxnqyz4]{width:100%;min-width:0;border:1px solid var(--mud-palette-lines-default);border-radius:6px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);padding:10px}.returns-filter-grid .clear[b-1wekxnqyz4]{height:40px}
.returns-table-wrap[b-1wekxnqyz4]{overflow-x:auto}.returns-table[b-1wekxnqyz4]{width:100%;border-collapse:collapse;font-size:.84rem}.returns-table th[b-1wekxnqyz4]{text-align:left;white-space:nowrap;background:var(--mud-palette-background-gray);color:var(--mud-palette-text-primary);padding:11px 12px}.returns-table td[b-1wekxnqyz4]{padding:12px;border-top:1px solid var(--mud-palette-lines-default)}.returns-table td strong[b-1wekxnqyz4],.returns-table td small[b-1wekxnqyz4]{display:block}.returns-table td small[b-1wekxnqyz4]{color:var(--mud-palette-text-secondary)}.returns-table tbody tr:hover[b-1wekxnqyz4]{background:var(--mud-palette-action-default-hover)}.returns-status[b-1wekxnqyz4]{display:inline-block;border-radius:30px;padding:4px 10px;font-weight:700;white-space:nowrap}.returns-status.success[b-1wekxnqyz4]{background:#d5f5e6;color:#006e44}.returns-status.transit[b-1wekxnqyz4]{background:#e8d9ff;color:#6631b5}.returns-status.failed[b-1wekxnqyz4]{background:#ffe0e4;color:#a51b36}.returns-status.pending[b-1wekxnqyz4]{background:#fff0c8;color:#915c00}.returns-empty[b-1wekxnqyz4]{padding:30px;text-align:center;color:var(--mud-palette-text-secondary)}.returns-footer[b-1wekxnqyz4]{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border-top:1px solid var(--mud-palette-lines-default)}.returns-footer div[b-1wekxnqyz4]{display:flex;align-items:center;gap:10px}.returns-footer button[b-1wekxnqyz4]{border:1px solid var(--mud-palette-lines-default);background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border-radius:5px;padding:7px 10px}.returns-footer button:disabled[b-1wekxnqyz4]{opacity:.4}
.returns-bottom[b-1wekxnqyz4]{display:grid;grid-template-columns:1.5fr 1fr 1fr .85fr;gap:12px;margin-top:12px}.returns-bottom article[b-1wekxnqyz4]{padding:14px;min-width:0}.returns-bottom h2[b-1wekxnqyz4]{font-size:1rem;display:flex;align-items:center;gap:8px;margin:0 0 16px}.returns-bottom h2[b-1wekxnqyz4]  .mud-icon-root{color:var(--mud-palette-primary)}.returns-summary[b-1wekxnqyz4]{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--mud-palette-lines-default);font-size:.8rem}.returns-bar[b-1wekxnqyz4]{display:grid;grid-template-columns:90px 1fr 20px;align-items:center;gap:8px;margin:11px 0;font-size:.8rem}.returns-bar>div[b-1wekxnqyz4]{height:9px;background:var(--mud-palette-background-gray);border-radius:6px;overflow:hidden}.returns-bar i[b-1wekxnqyz4]{display:block;height:100%;background:#087cfa;border-radius:6px}.returns-quick[b-1wekxnqyz4]{text-align:center}.returns-quick[b-1wekxnqyz4]>  .mud-icon-root{font-size:54px;color:var(--mud-palette-primary)}.returns-quick p[b-1wekxnqyz4]{color:var(--mud-palette-text-secondary)}
.returns-overlay[b-1wekxnqyz4]{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;background:rgba(0,15,32,.72);padding:16px;backdrop-filter:blur(3px)}.returns-modal[b-1wekxnqyz4]{width:min(650px,100%);max-height:90vh;overflow:auto;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default);border-radius:12px;box-shadow:0 22px 65px rgba(0,0,0,.35)}.returns-modal header[b-1wekxnqyz4],.returns-modal footer[b-1wekxnqyz4]{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--mud-palette-lines-default)}.returns-modal footer[b-1wekxnqyz4]{border-top:1px solid var(--mud-palette-lines-default);border-bottom:0;justify-content:flex-end}.returns-modal h2[b-1wekxnqyz4]{display:flex;align-items:center;gap:10px;font-size:1.15rem;margin:0}.returns-modal header button[b-1wekxnqyz4]{border:0;background:transparent;color:var(--mud-palette-text-primary);cursor:pointer}.returns-modal-body[b-1wekxnqyz4]{padding:20px}.returns-detail-grid[b-1wekxnqyz4]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.returns-detail-grid>div[b-1wekxnqyz4]{padding:12px;border:1px solid var(--mud-palette-lines-default);border-radius:7px;background:var(--mud-palette-background-gray)}.returns-detail-grid small[b-1wekxnqyz4],.returns-detail-grid strong[b-1wekxnqyz4]{display:block}.returns-detail-grid small[b-1wekxnqyz4]{color:var(--mud-palette-text-secondary);margin-bottom:6px}.returns-form[b-1wekxnqyz4]{display:grid;gap:12px}.returns-form textarea[b-1wekxnqyz4]{min-height:85px}.returns-validation[b-1wekxnqyz4]{color:#e84a55;font-weight:700}.returns-csv[b-1wekxnqyz4]{width:100%;height:220px;background:var(--mud-palette-background-gray);color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default);padding:12px}
@media(max-width:1200px){.returns-kpis[b-1wekxnqyz4]{grid-template-columns:repeat(3,1fr)}.returns-bottom[b-1wekxnqyz4]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.returns-hero[b-1wekxnqyz4]{grid-template-columns:1fr}.returns-kpis[b-1wekxnqyz4]{grid-template-columns:repeat(2,minmax(0,1fr))}.returns-filter-grid[b-1wekxnqyz4]{grid-template-columns:repeat(2,minmax(0,1fr))}.returns-filter-grid .clear[b-1wekxnqyz4]{grid-column:span 2}.returns-table thead[b-1wekxnqyz4]{display:none}.returns-table[b-1wekxnqyz4],.returns-table tbody[b-1wekxnqyz4],.returns-table tr[b-1wekxnqyz4],.returns-table td[b-1wekxnqyz4]{display:block;width:100%}.returns-table tr[b-1wekxnqyz4]{margin:12px;border:1px solid var(--mud-palette-lines-default);border-radius:8px;padding:8px;background:var(--mud-palette-surface)}.returns-table td[b-1wekxnqyz4]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border-top:0;border-bottom:1px solid var(--mud-palette-lines-default);text-align:right}.returns-table td[b-1wekxnqyz4]:before{content:attr(data-label);font-weight:700;text-align:left}.returns-table td:last-child[b-1wekxnqyz4]{border-bottom:0}.returns-bottom[b-1wekxnqyz4]{grid-template-columns:1fr}.returns-detail-grid[b-1wekxnqyz4]{grid-template-columns:1fr}}
@media(max-width:430px){.returns-kpis[b-1wekxnqyz4]{grid-template-columns:1fr}.returns-filter-grid[b-1wekxnqyz4]{grid-template-columns:1fr}.returns-filter-grid .clear[b-1wekxnqyz4]{grid-column:auto}.returns-actions[b-1wekxnqyz4],.returns-actions button[b-1wekxnqyz4]{width:100%}.returns-heading h1[b-1wekxnqyz4]{font-size:1.6rem}.returns-footer[b-1wekxnqyz4]{justify-content:center}}

/* Ajuste visual aprobado: jerarquía, contraste y controles en ambos temas. */
.returns-page[b-1wekxnqyz4] {
    padding: 18px 20px 24px;
    color: var(--mud-palette-text-primary);
}

.returns-hero[b-1wekxnqyz4],
.returns-kpis article[b-1wekxnqyz4],
.returns-panel[b-1wekxnqyz4],
.returns-bottom article[b-1wekxnqyz4] {
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 4px 14px rgba(8, 34, 67, .08);
}

.returns-hero[b-1wekxnqyz4] {
    min-height: 82px;
    grid-template-columns: 1.05fr 1fr;
}

.returns-heading h1[b-1wekxnqyz4] { color: var(--mud-palette-text-primary); }
.returns-kpis article[b-1wekxnqyz4] { min-height: 78px; }
.returns-kpis strong[b-1wekxnqyz4] { color: var(--mud-palette-text-primary); }
.returns-toolbar[b-1wekxnqyz4] { padding: 8px 14px; }
.returns-tabs button[b-1wekxnqyz4] { font-size: .91rem; }
.returns-tabs button:hover[b-1wekxnqyz4] { color: var(--mud-palette-primary); }
.returns-primary[b-1wekxnqyz4] { background-color: #087cfa; color: #fff; }
.returns-primary:hover[b-1wekxnqyz4] { background-color: #0068dc; color: #fff; }
.returns-primary:focus-visible[b-1wekxnqyz4],
.returns-secondary:focus-visible[b-1wekxnqyz4],
.returns-tabs button:focus-visible[b-1wekxnqyz4],
.returns-link:focus-visible[b-1wekxnqyz4] { outline: 3px solid var(--mud-palette-primary); outline-offset: 2px; }
.returns-filters[b-1wekxnqyz4] { padding: 14px; }
.returns-filter-grid label[b-1wekxnqyz4] { color: var(--mud-palette-text-primary); }
.returns-search[b-1wekxnqyz4],
.returns-filter-grid input[b-1wekxnqyz4],
.returns-filter-grid select[b-1wekxnqyz4],
.returns-form select[b-1wekxnqyz4],
.returns-form textarea[b-1wekxnqyz4] {
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-lines-default);
    opacity: 1;
}
.returns-search input[b-1wekxnqyz4]::placeholder { color: var(--mud-palette-text-secondary); opacity: 1; }
.returns-filter-grid select option[b-1wekxnqyz4],
.returns-form select option[b-1wekxnqyz4] { background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); }
.returns-table th[b-1wekxnqyz4] { background-color: var(--mud-palette-background-gray); }
.returns-table td[b-1wekxnqyz4] { color: var(--mud-palette-text-primary); }
.returns-table tbody tr:nth-child(even)[b-1wekxnqyz4] { background-color: var(--mud-palette-background-gray); }
.returns-table tbody tr:hover[b-1wekxnqyz4] { background-color: var(--mud-palette-action-default-hover); }
.returns-bottom h2[b-1wekxnqyz4] { color: var(--mud-palette-text-primary); font-weight: 700; }
.returns-modal[b-1wekxnqyz4] { background-color: var(--mud-palette-surface); color: var(--mud-palette-text-primary); }
.returns-modal header[b-1wekxnqyz4] { background-color: var(--mud-palette-background-gray); }
.returns-modal footer[b-1wekxnqyz4] { background-color: var(--mud-palette-surface); }
.returns-modal-body p[b-1wekxnqyz4] { color: var(--mud-palette-text-primary); }
.returns-modal-body code[b-1wekxnqyz4] { color: var(--mud-palette-primary); }
.returns-modal header button[b-1wekxnqyz4] { display: inline-flex; padding: 6px; border-radius: 6px; }
.returns-modal header button:hover[b-1wekxnqyz4] { background: var(--mud-palette-action-default-hover); }

@media (max-width: 768px) {
    .returns-page[b-1wekxnqyz4] { padding: 12px; }
    .returns-hero[b-1wekxnqyz4] { grid-template-columns: 1fr; }
    .returns-banner[b-1wekxnqyz4] { min-height: 100px; }
    .returns-table tr[b-1wekxnqyz4] { margin: 10px 0; }
    .returns-table td[b-1wekxnqyz4] { overflow-wrap: anywhere; }
    .returns-toolbar[b-1wekxnqyz4] { align-items: stretch; }
}

@media (max-width: 430px) {
    .returns-page[b-1wekxnqyz4] { padding: 8px; }
    .returns-kpis[b-1wekxnqyz4] { gap: 8px; }
    .returns-heading[b-1wekxnqyz4] { padding: 14px; }
    .returns-modal-body[b-1wekxnqyz4] { padding: 14px; }
}


/* TRAYEKTO - Estándar móvil de Clientes: registros separados como tarjetas.
   Solo afecta pantallas pequeñas. No altera estructura ni eventos de Blazor. */
@media (max-width: 768px) {
    .returns-table-wrap[b-1wekxnqyz4] {
        overflow-x: visible;
        padding: 0 12px 14px;
    }

    .returns-table[b-1wekxnqyz4],
    .returns-table tbody[b-1wekxnqyz4] {
        display: block;
        width: 100%;
        border-collapse: separate;
    }

    .returns-table tbody tr[b-1wekxnqyz4] {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin: 0 0 14px;
        padding: 9px 12px;
        border: 1px solid var(--mud-palette-lines-default);
        border-radius: 9px;
        background: var(--mud-palette-surface);
        box-shadow: 0 2px 8px rgba(7, 30, 57, .08);
        overflow: hidden;
    }

    .returns-table tbody tr:last-child[b-1wekxnqyz4] {
        margin-bottom: 0;
    }

    .returns-table tbody td[b-1wekxnqyz4] {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 37px;
        padding: 8px 0;
        border-top: 0;
        border-bottom: 1px solid var(--mud-palette-lines-default);
        background: transparent;
        color: var(--mud-palette-text-primary);
        text-align: right;
        overflow-wrap: anywhere;
    }

    .returns-table tbody td[b-1wekxnqyz4]::before {
        content: attr(data-label);
        flex: 0 0 40%;
        text-align: left;
        font-weight: 700;
        color: var(--mud-palette-text-primary);
    }

    .returns-table tbody td:last-child[b-1wekxnqyz4] {
        border-bottom: 0;
    }

    .returns-table tbody td strong[b-1wekxnqyz4] {
        color: var(--mud-palette-primary);
    }

    .returns-table tbody td small[b-1wekxnqyz4] {
        color: var(--mud-palette-text-secondary);
    }

    .returns-table tbody td .returns-link[b-1wekxnqyz4] {
        min-height: 34px;
    }
}

/* Estados específicos de devoluciones. */
.returns-icon.slate[b-1wekxnqyz4] { background: #61758d; }
.returns-status.progress[b-1wekxnqyz4] { background: #fff0c8; color: #915c00; }
.returns-status.warehouse[b-1wekxnqyz4] { background: #e8d9ff; color: #6631b5; }
.returns-status.cancelled[b-1wekxnqyz4] { background: #e4e8ec; color: #405267; }
.returns-form input[b-1wekxnqyz4] { background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); }
@media (max-width: 768px) {
    .returns-table-wrap[b-1wekxnqyz4] { overflow-x: visible; padding: 12px; }
    .returns-table tbody[b-1wekxnqyz4] { display: grid; gap: 14px; }
    .returns-table tr[b-1wekxnqyz4] { margin: 0; padding: 12px; border-radius: 10px; box-shadow: 0 3px 12px rgba(9,35,66,.09); }
    .returns-table td[b-1wekxnqyz4] { min-width: 0; overflow-wrap: anywhere; }
    .returns-table td[b-1wekxnqyz4]::before { flex: 0 0 40%; }
    .returns-table td:first-child strong[b-1wekxnqyz4] { color: var(--mud-palette-primary); }
}

/* TRAYEKTO: superficies independientes del tema MudBlazor y contraste verificable. */
.returns-page[b-1wekxnqyz4],.returns-overlay[b-1wekxnqyz4]{--rt-bg:#fff;--rt-card:#fff;--rt-input:#fff;--rt-soft:#f1f6fc;--rt-text:#102b50;--rt-muted:#506982;--rt-border:#cbd9e9;--rt-shadow:0 3px 12px rgba(12,39,76,.08);color:var(--rt-text)}
html[data-theme="dark"] .returns-page[b-1wekxnqyz4],html[data-theme="dark"] .returns-overlay[b-1wekxnqyz4]{--rt-bg:#102c43;--rt-card:#15364f;--rt-input:#1b3d57;--rt-soft:#0c2337;--rt-text:#f1f7ff;--rt-muted:#bdd0e2;--rt-border:#405f78;--rt-shadow:0 4px 16px rgba(0,0,0,.24);color-scheme:dark}
.returns-page .returns-hero[b-1wekxnqyz4],.returns-page .returns-kpis article[b-1wekxnqyz4],.returns-page .returns-panel[b-1wekxnqyz4],.returns-page .returns-bottom article[b-1wekxnqyz4]{background:var(--rt-bg);border:1px solid var(--rt-border);color:var(--rt-text);box-shadow:var(--rt-shadow)}
.returns-page .returns-kpis[b-1wekxnqyz4]{grid-template-columns:repeat(6,minmax(0,1fr))}
.returns-page .returns-kpis article[b-1wekxnqyz4]{padding:14px 10px;gap:10px;min-width:0}
.returns-page .returns-icon[b-1wekxnqyz4]{width:42px;height:42px}
.returns-page .returns-heading h1[b-1wekxnqyz4],.returns-page .returns-kpis strong[b-1wekxnqyz4],.returns-page .returns-bottom h2[b-1wekxnqyz4],.returns-page .returns-filter-grid label[b-1wekxnqyz4],.returns-page .returns-table td[b-1wekxnqyz4],.returns-page .returns-table th[b-1wekxnqyz4]{color:var(--rt-text)}
.returns-page .returns-heading p[b-1wekxnqyz4],.returns-page .returns-notice[b-1wekxnqyz4],.returns-page .returns-kpis small[b-1wekxnqyz4],.returns-page .returns-table td small[b-1wekxnqyz4],.returns-page .returns-quick p[b-1wekxnqyz4]{color:var(--rt-muted)}
.returns-page .returns-filter-grid[b-1wekxnqyz4]{grid-template-columns:repeat(5,minmax(0,1fr)) auto}
.returns-page .returns-search[b-1wekxnqyz4],.returns-page .returns-filter-grid input[b-1wekxnqyz4],.returns-page .returns-filter-grid select[b-1wekxnqyz4],.returns-page .returns-footer select[b-1wekxnqyz4]{background:var(--rt-input);color:var(--rt-text);border:1px solid var(--rt-border);min-height:40px;opacity:1}
.returns-page .returns-search input[b-1wekxnqyz4]{color:var(--rt-text)}
.returns-page .returns-search input[b-1wekxnqyz4]::placeholder{color:var(--rt-muted)}
.returns-page .returns-filter-grid select option[b-1wekxnqyz4],.returns-page .returns-footer select option[b-1wekxnqyz4]{background:var(--rt-input);color:var(--rt-text)}
.returns-page .returns-table th[b-1wekxnqyz4]{background:var(--rt-soft)}
.returns-page .returns-table td[b-1wekxnqyz4],.returns-page .returns-summary[b-1wekxnqyz4]{border-color:var(--rt-border)}
.returns-page .returns-table tbody tr:nth-child(even)[b-1wekxnqyz4]{background:var(--rt-soft)}
.returns-page .returns-table tbody tr:hover[b-1wekxnqyz4]{background:var(--rt-card)}
.returns-page .returns-bar>div[b-1wekxnqyz4]{background:var(--rt-soft)}
.returns-page .returns-secondary[b-1wekxnqyz4],.returns-page .returns-footer button[b-1wekxnqyz4]{background:var(--rt-input);border-color:var(--rt-border);color:var(--rt-text)}
.returns-page .returns-tabs button[b-1wekxnqyz4]{color:var(--rt-muted)}
.returns-page .returns-tabs button.active[b-1wekxnqyz4]{color:#1684ff}
.returns-overlay .returns-modal[b-1wekxnqyz4]{background:var(--rt-bg);color:var(--rt-text);border:1px solid var(--rt-border);box-shadow:0 24px 70px rgba(0,0,0,.4)}
.returns-overlay .returns-modal header[b-1wekxnqyz4],.returns-overlay .returns-modal footer[b-1wekxnqyz4]{background:var(--rt-soft);border-color:var(--rt-border)}
.returns-overlay .returns-modal header button[b-1wekxnqyz4]{color:var(--rt-text)}
.returns-overlay .returns-modal-body p[b-1wekxnqyz4]{color:var(--rt-muted)}
.returns-overlay .returns-detail-grid>div[b-1wekxnqyz4]{background:var(--rt-card);border-color:var(--rt-border)}
.returns-overlay .returns-detail-grid small[b-1wekxnqyz4]{color:var(--rt-muted)}
.returns-overlay .returns-form label[b-1wekxnqyz4]{color:var(--rt-text)}
.returns-overlay .returns-form input[b-1wekxnqyz4],.returns-overlay .returns-form select[b-1wekxnqyz4],.returns-overlay .returns-form textarea[b-1wekxnqyz4],.returns-overlay .returns-csv[b-1wekxnqyz4]{background:var(--rt-input);color:var(--rt-text);border:1px solid var(--rt-border);min-height:42px;opacity:1}
.returns-overlay .returns-form select option[b-1wekxnqyz4]{background:var(--rt-input);color:var(--rt-text)}
.returns-overlay .returns-form textarea[b-1wekxnqyz4]::placeholder{color:var(--rt-muted)}
.returns-overlay .returns-modal-title[b-1wekxnqyz4]{display:flex;align-items:center;gap:12px;min-width:0}
.returns-overlay .returns-modal-title-icon[b-1wekxnqyz4]{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:9px;background:rgba(15,111,238,.12);color:#238cff}
.returns-overlay .returns-modal-title h2[b-1wekxnqyz4]{margin:0;color:var(--rt-text)}
.returns-overlay .returns-modal-title p[b-1wekxnqyz4]{margin:4px 0 0;font-size:.83rem;color:var(--rt-muted)}
.returns-overlay .returns-editor-note[b-1wekxnqyz4]{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:0 0 16px;border:1px solid var(--rt-border);background:var(--rt-soft);border-radius:7px}
.returns-overlay .returns-form-section[b-1wekxnqyz4]{padding:16px;border:1px solid var(--rt-border);background:var(--rt-card);border-radius:9px}
.returns-overlay .returns-form-section h3[b-1wekxnqyz4]{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:1rem;color:var(--rt-text)}
.returns-overlay .returns-form[b-1wekxnqyz4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.returns-overlay .returns-form-wide[b-1wekxnqyz4]{grid-column:1/-1}
.returns-overlay .returns-validation[b-1wekxnqyz4]{color:#e84a55!important}
@media(max-width:1350px){.returns-page .returns-kpis[b-1wekxnqyz4]{grid-template-columns:repeat(3,minmax(0,1fr))}.returns-page .returns-filter-grid[b-1wekxnqyz4]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.returns-page .returns-kpis[b-1wekxnqyz4]{grid-template-columns:repeat(2,minmax(0,1fr))}.returns-page .returns-filter-grid[b-1wekxnqyz4]{grid-template-columns:repeat(2,minmax(0,1fr))}.returns-page .returns-filter-grid .clear[b-1wekxnqyz4]{grid-column:1/-1}.returns-page .returns-table tbody tr[b-1wekxnqyz4],.returns-page .returns-table tbody tr:nth-child(even)[b-1wekxnqyz4]{background:var(--rt-card);border-color:var(--rt-border);box-shadow:var(--rt-shadow)}.returns-page .returns-table tbody td[b-1wekxnqyz4]{border-color:var(--rt-border);color:var(--rt-text)}.returns-page .returns-table tbody td[b-1wekxnqyz4]::before{color:var(--rt-text)}}
@media(max-width:430px){.returns-page .returns-kpis[b-1wekxnqyz4]{grid-template-columns:repeat(2,minmax(0,1fr))}.returns-page .returns-filter-grid[b-1wekxnqyz4]{grid-template-columns:1fr}.returns-overlay .returns-form[b-1wekxnqyz4]{grid-template-columns:1fr}}
/* /Pages/SelectCompanyPage.razor.rz.scp.css */
.company-selection[b-cx3eykltg5]{min-height:100vh;background:var(--mud-palette-background,#f1f6fc);color:var(--mud-palette-text-primary,#0a2448);font-family:"Roboto Condensed",sans-serif}.company-header[b-cx3eykltg5]{display:flex;justify-content:space-between;align-items:center;padding:16px clamp(16px,4vw,56px);background:var(--mud-palette-surface,#fff);border-bottom:1px solid var(--mud-palette-lines-default,#d7e3f2)}.company-brand[b-cx3eykltg5],.company-account[b-cx3eykltg5],.company-title[b-cx3eykltg5],.company-card-head[b-cx3eykltg5]{display:flex;align-items:center;gap:12px}.company-brand[b-cx3eykltg5]{color:#087bfa;font-size:24px}.company-hero[b-cx3eykltg5]{background:linear-gradient(115deg,#072543,#075183);color:#fff;display:flex;justify-content:space-between;gap:24px;padding:42px clamp(18px,5vw,70px)}.company-hero h1[b-cx3eykltg5]{font-size:clamp(27px,3vw,42px);font-weight:800;margin:10px 0}.company-hero p[b-cx3eykltg5]{font-size:17px;max-width:660px}.company-profile[b-cx3eykltg5]{display:inline-block;background:#08a87b;padding:6px 16px;border-radius:24px}.company-benefits[b-cx3eykltg5]{max-width:290px;background:#031c33a8;padding:20px;border-radius:12px}.company-content[b-cx3eykltg5]{padding:24px clamp(16px,4vw,56px)}.company-toolbar[b-cx3eykltg5]{display:flex;gap:14px;align-items:end;background:var(--mud-palette-surface,#fff);padding:16px;border:1px solid var(--mud-palette-lines-default,#d7e3f2);border-radius:10px}.company-toolbar label[b-cx3eykltg5]{flex:1;display:grid;gap:8px;font-weight:700}.company-toolbar input[b-cx3eykltg5]{width:100%;padding:12px;border:1px solid var(--mud-palette-lines-default,#b8cbe0);border-radius:7px;background:var(--mud-palette-surface,#fff);color:inherit}.company-secondary[b-cx3eykltg5],.company-primary[b-cx3eykltg5]{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:11px 14px;cursor:pointer;font-weight:700}.company-secondary[b-cx3eykltg5]{border:1px solid #1688ff;background:transparent;color:#1688ff}.company-primary[b-cx3eykltg5]{border:0;background:#087eff;color:white;width:100%;margin-top:auto}.company-primary:disabled[b-cx3eykltg5]{opacity:.6}.company-title[b-cx3eykltg5]{margin:24px 0 16px}.company-title h2[b-cx3eykltg5]{font-size:22px;margin:0}.company-title p[b-cx3eykltg5]{margin:4px 0 0}.company-grid[b-cx3eykltg5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.company-card[b-cx3eykltg5]{background:var(--mud-palette-surface,#fff);border:1px solid var(--mud-palette-lines-default,#d7e3f2);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;min-height:205px;box-shadow:0 2px 8px #0b376014}.company-card h3[b-cx3eykltg5]{font-size:18px;margin:0}.company-card p[b-cx3eykltg5]{margin:0}.company-avatar[b-cx3eykltg5]{background:#e5f1ff;color:#087eff;border-radius:50%;padding:13px;display:flex}.company-status[b-cx3eykltg5],.company-error[b-cx3eykltg5]{margin-top:20px;padding:14px;border-radius:8px;border:1px solid #f2c278;background:#fff4d8;color:#643b00}@media(max-width:680px){.company-hero[b-cx3eykltg5]{padding:25px 18px}.company-benefits[b-cx3eykltg5]{display:none}.company-toolbar[b-cx3eykltg5]{flex-direction:column;align-items:stretch}.company-grid[b-cx3eykltg5]{grid-template-columns:1fr}.company-header[b-cx3eykltg5]{padding:12px}.company-card[b-cx3eykltg5]{min-height:175px}}

/* Identidad corporativa: mismo logo Light/Dark que utiliza el menú principal. */
.company-brand[b-cx3eykltg5] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-width: 0;
}

.company-brand-logo[b-cx3eykltg5] {
    display: block;
    width: auto;
    height: 46px;
    max-width: min(260px, 52vw);
    object-fit: contain;
    object-position: left center;
}

/* El tema global gestiona las clases brand-logo-light / brand-logo-dark. */
.company-brand .brand-logo-dark[b-cx3eykltg5] {
    display: none;
}

html[data-theme="dark"] .company-brand .brand-logo-light[b-cx3eykltg5] {
    display: none;
}

html[data-theme="dark"] .company-brand .brand-logo-dark[b-cx3eykltg5] {
    display: block;
}

@media (max-width: 680px) {
    .company-brand-logo[b-cx3eykltg5] {
        height: 38px;
        max-width: 58vw;
    }
}
/* /Pages/SelectProfilePage.razor.rz.scp.css */
/* Selección de perfil: identidad visual corporativa, sin modificar la navegación ni la API. */
.profile-selection-page[b-3twljumhsn] {
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    padding: 56px 24px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #0b234b;
    background:
        radial-gradient(ellipse at 11% 13%, rgba(70, 161, 255, .23), transparent 34%),
        radial-gradient(ellipse at 90% 74%, rgba(81, 166, 255, .20), transparent 39%),
        linear-gradient(125deg, #e5f1ff 0%, #f8fbff 45%, #e5f2ff 100%);
}

/* Franjas curvas: formas vectoriales CSS, ligeras y adaptables. */
.profile-selection-decoration[b-3twljumhsn] { position: absolute; z-index: -1; pointer-events: none; }
.profile-selection-decoration-top[b-3twljumhsn] {
    width: 80vw; height: 46vw; min-width: 720px; min-height: 400px;
    top: -35vw; left: -22vw; border-radius: 0 0 55% 50%;
    transform: rotate(-19deg);
    background: linear-gradient(135deg, #0075f2 4%, #48b2ff 43%, rgba(181, 220, 255, .10) 84%);
    box-shadow: 0 12px 0 rgba(255, 255, 255, .60), 0 25px 0 rgba(128, 195, 255, .23);
}
.profile-selection-decoration-bottom[b-3twljumhsn] {
    width: 115vw; height: 40vw; min-width: 1000px; min-height: 340px;
    bottom: -34vw; right: -28vw; border-radius: 50% 50% 0 0;
    transform: rotate(-13deg);
    background: linear-gradient(155deg, rgba(160, 213, 255, .35) 0%, #6cb8ff 38%, #087af0 76%, #0061cf 100%);
    box-shadow: 0 -12px 0 rgba(255, 255, 255, .78), 0 -25px 0 rgba(132, 196, 255, .26);
}
.profile-selection-map[b-3twljumhsn] {
    position: absolute; z-index: -1; pointer-events: none;
    width: 230px; height: 180px; opacity: .35;
    background-image: radial-gradient(circle, #8cbcf1 2px, transparent 2.8px);
    background-size: 13px 13px;
    mask-image: radial-gradient(ellipse, #000 40%, transparent 73%);
}
.profile-selection-map-left[b-3twljumhsn] { top: 37%; left: 8%; transform: rotate(-17deg); }
.profile-selection-map-right[b-3twljumhsn] { top: 11%; right: 7%; width: 350px; height: 240px; transform: rotate(12deg); }
.profile-selection-landscape[b-3twljumhsn] {
    position: absolute; z-index: -1; pointer-events: none;
    bottom: 7%; left: 6%; color: rgba(27, 115, 204, .16);
    transform: rotate(-4deg);
}
.profile-selection-landscape .mud-icon-root[b-3twljumhsn] { font-size: clamp(90px, 12vw, 200px); }

.profile-selection-panel[b-3twljumhsn] {
    width: min(820px, 100%);
    padding: clamp(26px, 3vw, 36px);
    border: 1px solid #d6e4f4;
    border-radius: 18px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 22px 62px rgba(18, 58, 105, .17);
}
.profile-selection-header img[b-3twljumhsn] { display: block; width: 230px; max-width: 100%; height: auto; margin-bottom: 30px; }
.profile-selection-header h1[b-3twljumhsn] { margin: 0 0 8px; font-size: clamp(27px, 2.6vw, 34px); font-weight: 800; line-height: 1.18; }
.profile-selection-header p[b-3twljumhsn] { margin: 0 0 26px; color: #536887; font-size: 15px; line-height: 1.5; }
.profile-selection-grid[b-3twljumhsn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.profile-selection-card[b-3twljumhsn] {
    display: flex; align-items: flex-start; gap: 17px; min-width: 0; min-height: 145px;
    padding: 16px; text-align: left; border: 1px solid #d1e0f1; border-radius: 13px;
    background: #fff; color: #0b234b; cursor: pointer; font: inherit;
    box-shadow: 0 3px 7px rgba(15, 65, 120, .07);
    transition: border-color .2s, box-shadow .2s, transform .2s;
}
.profile-selection-card:hover[b-3twljumhsn], .profile-selection-card:focus-visible[b-3twljumhsn] {
    border-color: #087aff; box-shadow: 0 8px 22px rgba(0, 122, 255, .15);
    transform: translateY(-2px); outline-offset: 3px;
}
.profile-selection-icon[b-3twljumhsn] {
    display: grid; flex: 0 0 58px; width: 58px; height: 58px; place-items: center;
    border-radius: 12px; color: #087aff; background: #e5f2ff;
}
.profile-selection-icon .mud-icon-root[b-3twljumhsn] { font-size: 31px; }
.profile-selection-card[data-profile="CLIENTE"] .profile-selection-icon[b-3twljumhsn] { color: #0ba77b; background: #e1f7ee; }
.profile-selection-card[data-profile="OPERARIO"] .profile-selection-icon[b-3twljumhsn] { color: #ef8500; background: #fff0df; }
.profile-selection-card[data-profile="PROVEEDOR"] .profile-selection-icon[b-3twljumhsn] { color: #823fe2; background: #f0e7fc; }
.profile-selection-content[b-3twljumhsn] { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 110px; flex: 1; }
.profile-selection-name[b-3twljumhsn] { font-size: 21px; font-weight: 800; line-height: 1.25; }
.profile-selection-description[b-3twljumhsn] { margin-top: 5px; color: #526683; font-size: 15px; line-height: 1.35; }
.profile-selection-action[b-3twljumhsn] { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 12px; color: #0074ed; font-size: 16px; font-weight: 800; }
.profile-selection-action .mud-icon-root[b-3twljumhsn] { font-size: 20px; }
.profile-selection-status[b-3twljumhsn] { margin: 14px 0 0; color: #536887; }
.profile-selection-feedback[b-3twljumhsn] { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.profile-selection-error[b-3twljumhsn] { margin: 0; color: #ba2939; }
.profile-selection-retry[b-3twljumhsn] { padding: 9px 16px; border: 1px solid #087aff; border-radius: 8px; background: #087aff; color: #fff; cursor: pointer; font: inherit; }

/* Modo oscuro: las tarjetas y el texto conservan contraste real. */
:global(.mud-theme-dark) .profile-selection-page[b-3twljumhsn],
:global([data-theme="dark"]) .profile-selection-page[b-3twljumhsn],
:global(.dark) .profile-selection-page[b-3twljumhsn] {
    color: #edf5ff;
    background: radial-gradient(ellipse at 20% 10%, #173e68 0%, transparent 47%), linear-gradient(125deg, #071a31, #102c4b 65%, #0b203b);
}
:global(.mud-theme-dark) .profile-selection-panel[b-3twljumhsn],
:global([data-theme="dark"]) .profile-selection-panel[b-3twljumhsn],
:global(.dark) .profile-selection-panel[b-3twljumhsn] { background: #122943; border-color: #375373; }
:global(.mud-theme-dark) .profile-selection-card[b-3twljumhsn],
:global([data-theme="dark"]) .profile-selection-card[b-3twljumhsn],
:global(.dark) .profile-selection-card[b-3twljumhsn] { background: #193551; color: #edf5ff; border-color: #3b5b7d; }
:global(.mud-theme-dark) .profile-selection-header p[b-3twljumhsn],
:global(.mud-theme-dark) .profile-selection-description[b-3twljumhsn],
:global([data-theme="dark"]) .profile-selection-header p[b-3twljumhsn],
:global([data-theme="dark"]) .profile-selection-description[b-3twljumhsn],
:global(.dark) .profile-selection-header p[b-3twljumhsn],
:global(.dark) .profile-selection-description[b-3twljumhsn] { color: #c2d2e7; }

@media (max-width: 650px) {
    .profile-selection-page[b-3twljumhsn] { padding: 26px 14px; }
    .profile-selection-panel[b-3twljumhsn] { padding: 24px 18px; }
    .profile-selection-header img[b-3twljumhsn] { width: 190px; margin-bottom: 22px; }
    .profile-selection-grid[b-3twljumhsn] { grid-template-columns: 1fr; gap: 12px; }
    .profile-selection-card[b-3twljumhsn] { min-height: 126px; }
    .profile-selection-content[b-3twljumhsn] { min-height: 94px; }
    .profile-selection-decoration-bottom[b-3twljumhsn] { bottom: -220px; }
    .profile-selection-map-left[b-3twljumhsn], .profile-selection-landscape[b-3twljumhsn] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .profile-selection-card[b-3twljumhsn] { transition: none; }
    .profile-selection-card:hover[b-3twljumhsn] { transform: none; }
}
/* /Pages/ServiceOrders.razor.rz.scp.css */
.service-orders[b-cmwt0fyyuq]{padding:20px;display:flex;flex-direction:column;gap:14px;color:var(--mud-palette-text-primary)}
.so-header[b-cmwt0fyyuq]{display:flex;justify-content:space-between;align-items:center;gap:16px}.so-header h1[b-cmwt0fyyuq]{font-size:1.8rem;margin:8px 0 2px;font-weight:800}.so-header p[b-cmwt0fyyuq]{margin:0;color:var(--mud-palette-text-secondary)}.so-crumb[b-cmwt0fyyuq]{font-size:.78rem;color:var(--mud-palette-primary)}.so-crumb span[b-cmwt0fyyuq]{padding:0 12px}.so-notice[b-cmwt0fyyuq]{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--mud-palette-text-secondary)}
.so-metrics[b-cmwt0fyyuq]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.so-metric[b-cmwt0fyyuq]{background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:9px;min-height:104px;padding:15px;display:flex;gap:12px;align-items:center;box-shadow:0 2px 10px #0000000a}.so-metric-icon[b-cmwt0fyyuq]{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e5f1ff;color:#0877fa}.so-metric-icon.green[b-cmwt0fyyuq]{background:#ddf9ef;color:#00a66c}.so-metric-icon.orange[b-cmwt0fyyuq]{background:#fff0d9;color:#f59e0b}.so-metric-icon.red[b-cmwt0fyyuq]{background:#ffe6e9;color:#fa3051}.so-metric>div[b-cmwt0fyyuq]{display:flex;flex-direction:column}.so-metric strong[b-cmwt0fyyuq]{font-size:1.7rem;line-height:1.15}.so-metric span:not(.so-metric-icon)[b-cmwt0fyyuq]{font-size:.8rem}.so-metric small[b-cmwt0fyyuq]{font-size:.69rem;color:var(--mud-palette-text-secondary)}
.so-filters[b-cmwt0fyyuq]{display:grid;grid-template-columns:2fr 1.3fr 1.2fr 1.3fr auto;gap:12px;align-items:end;padding:14px;background:var(--mud-palette-surface);border:1px solid var(--mud-palette-lines-default);border-radius:9px}.so-filters label[b-cmwt0fyyuq]{display:flex;flex-direction:column;gap:5px;font-size:.76rem;font-weight:700;min-width:0}.so-filters input[b-cmwt0fyyuq],.so-filters select[b-cmwt0fyyuq]{height:38px;min-width:0;width:100%;border:1px solid var(--mud-palette-lines-inputs);border-radius:6px;padding:0 10px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary)}.so-reset[b-cmwt0fyyuq]{height:38px;display:flex;align-items:center;gap:5px;cursor:pointer;background:transparent;border:0;color:var(--mud-palette-primary)}
.so-toolbar[b-cmwt0fyyuq]{display:flex;justify-content:space-between;align-items:center;gap:12px}.so-tabs[b-cmwt0fyyuq]{display:flex;gap:7px;overflow-x:auto}.so-tabs button[b-cmwt0fyyuq]{white-space:nowrap;padding:10px 13px;border-radius:7px;border:1px solid var(--mud-palette-lines-default);background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);cursor:pointer;font-weight:600}.so-tabs button.selected[b-cmwt0fyyuq]{background:#0877fa;color:white;border-color:#0877fa}.so-tabs span[b-cmwt0fyyuq]{margin-left:6px;border-radius:20px;padding:2px 7px;background:#829bc326}.so-demo[b-cmwt0fyyuq]{font-size:.75rem;color:var(--mud-palette-text-secondary)}
.so-table-panel[b-cmwt0fyyuq]{border:1px solid var(--mud-palette-lines-default);border-radius:9px;background:var(--mud-palette-surface);overflow:hidden}.so-table-scroll[b-cmwt0fyyuq]{overflow-x:auto}.so-table-panel table[b-cmwt0fyyuq]{width:100%;border-collapse:collapse;min-width:850px;text-align:left}.so-table-panel th[b-cmwt0fyyuq]{background:var(--mud-palette-background-gray);font-size:.75rem;padding:12px}.so-table-panel td[b-cmwt0fyyuq]{border-top:1px solid var(--mud-palette-lines-default);padding:11px 12px;font-size:.82rem}.so-table-panel td strong[b-cmwt0fyyuq],.so-table-panel td small[b-cmwt0fyyuq]{display:block}.so-table-panel td small[b-cmwt0fyyuq]{color:var(--mud-palette-text-secondary)}.so-table-panel footer[b-cmwt0fyyuq]{padding:14px;font-size:.77rem;color:var(--mud-palette-text-secondary);border-top:1px solid var(--mud-palette-lines-default)}.so-service[b-cmwt0fyyuq]{font-weight:700}.so-service.blue[b-cmwt0fyyuq]{color:#0877fa}.so-service.green[b-cmwt0fyyuq]{color:#00a66c}.so-service.purple[b-cmwt0fyyuq]{color:#8b43ec}.so-service.orange[b-cmwt0fyyuq]{color:#f97316}.so-state[b-cmwt0fyyuq]{border-radius:6px;padding:5px 9px;background:#0877fa18}.so-progress[b-cmwt0fyyuq]{width:95px;height:7px;border-radius:20px;background:var(--mud-palette-lines-default);display:inline-block;overflow:hidden;margin-right:8px}.so-progress span[b-cmwt0fyyuq]{height:100%;display:block;background:#0877fa;border-radius:20px}.so-table-panel td button[b-cmwt0fyyuq]{border:1px solid var(--mud-palette-lines-default);border-radius:5px;padding:5px;background:transparent;color:var(--mud-palette-primary);cursor:pointer}.so-empty[b-cmwt0fyyuq]{text-align:center;padding:32px!important}.so-overlay[b-cmwt0fyyuq]{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:2000}.so-dialog[b-cmwt0fyyuq]{position:relative;width:min(480px,90vw);padding:28px;background:var(--mud-palette-surface);border-radius:12px;box-shadow:0 12px 60px #0004}.so-close[b-cmwt0fyyuq]{position:absolute;right:15px;top:12px;border:0;background:transparent;color:var(--mud-palette-text-primary);font-size:28px;cursor:pointer}
@media(max-width:1100px){.so-metrics[b-cmwt0fyyuq]{grid-template-columns:repeat(3,minmax(0,1fr))}.so-filters[b-cmwt0fyyuq]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.service-orders[b-cmwt0fyyuq]{padding:12px}.so-header[b-cmwt0fyyuq]{align-items:flex-start;flex-direction:column}.so-metrics[b-cmwt0fyyuq]{grid-template-columns:repeat(2,minmax(0,1fr))}.so-filters[b-cmwt0fyyuq]{grid-template-columns:1fr}.so-metric[b-cmwt0fyyuq]{padding:10px}.so-toolbar[b-cmwt0fyyuq]{flex-direction:column;align-items:flex-start}}

/* =========================================================
   COLUMNA TIPO DE SERVICIO
   Identificación visual uniforme por modelo de negocio.
   Compatible con los colores de MudBlazor (claro/oscuro).
   ========================================================= */

.so-table-panel .so-service[b-cmwt0fyyuq] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    max-width: 100%;
    min-height: 34px;
    padding: 4px 11px 4px 5px;
    border-radius: 8px;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    border: 1px solid transparent;
    background: var(--so-service-bg);
    color: var(--so-service-fg);
}

.so-table-panel .so-service-icon[b-cmwt0fyyuq] {
    display: inline-flex;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--so-service-accent);
    color: #ffffff;
}

.so-table-panel .so-service-icon .mud-icon-root[b-cmwt0fyyuq] {
    font-size: 17px;
    color: inherit;
}

.so-table-panel .so-service-label[b-cmwt0fyyuq] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.so-table-panel .so-service.blue[b-cmwt0fyyuq] {
    --so-service-accent: #0877fa;
    --so-service-bg: rgba(8, 119, 250, .10);
    --so-service-fg: #0877fa;
    border-color: rgba(8, 119, 250, .16);
}

.so-table-panel .so-service.green[b-cmwt0fyyuq] {
    --so-service-accent: #009e73;
    --so-service-bg: rgba(0, 158, 115, .10);
    --so-service-fg: #00845e;
    border-color: rgba(0, 158, 115, .16);
}

.so-table-panel .so-service.purple[b-cmwt0fyyuq] {
    --so-service-accent: #8c43ed;
    --so-service-bg: rgba(140, 67, 237, .10);
    --so-service-fg: #8236d8;
    border-color: rgba(140, 67, 237, .16);
}

.so-table-panel .so-service.orange[b-cmwt0fyyuq] {
    --so-service-accent: #f46b18;
    --so-service-bg: rgba(244, 107, 24, .10);
    --so-service-fg: #cb5510;
    border-color: rgba(244, 107, 24, .16);
}

/* Tema oscuro: contrastes legibles sin cambiar la paleta corporativa. */
:where(.mud-theme-dark, [data-theme="dark"]) .so-table-panel .so-service.blue[b-cmwt0fyyuq] {
    --so-service-fg: #83baff;
    --so-service-bg: rgba(8, 119, 250, .19);
}
:where(.mud-theme-dark, [data-theme="dark"]) .so-table-panel .so-service.green[b-cmwt0fyyuq] {
    --so-service-fg: #70e3bd;
    --so-service-bg: rgba(0, 158, 115, .19);
}
:where(.mud-theme-dark, [data-theme="dark"]) .so-table-panel .so-service.purple[b-cmwt0fyyuq] {
    --so-service-fg: #cfabff;
    --so-service-bg: rgba(140, 67, 237, .19);
}
:where(.mud-theme-dark, [data-theme="dark"]) .so-table-panel .so-service.orange[b-cmwt0fyyuq] {
    --so-service-fg: #ffba88;
    --so-service-bg: rgba(244, 107, 24, .19);
}


/* =============================================================
   ÓRDENES Y SERVICIOS - PRESENTACIÓN MÓVIL
   Desktop conserva su tabla. Móvil muestra fichas por orden.
   Colores heredados de MudBlazor y tema corporativo existente.
   ============================================================= */
@media (max-width: 700px) {
    .service-orders[b-cmwt0fyyuq] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        padding: 14px 12px 24px;
        gap: 14px;
        overflow-x: clip;
    }

    .so-header[b-cmwt0fyyuq] { align-items: stretch; gap: 14px; }
    .so-header h1[b-cmwt0fyyuq] { font-size: 1.55rem; line-height: 1.2; margin-top: 7px; }
    .so-header p[b-cmwt0fyyuq] { font-size: .86rem; line-height: 1.5; }
    .so-header .mud-button-root[b-cmwt0fyyuq] {
        align-self: stretch;
        width: 100%;
        min-height: 44px;
        white-space: normal;
        text-align: center;
        border-radius: 8px;
    }
    .so-crumb[b-cmwt0fyyuq] { line-height: 1.5; }
    .so-notice[b-cmwt0fyyuq] { align-items: flex-start; line-height: 1.45; }
    .so-notice .mud-icon-root[b-cmwt0fyyuq] { flex-shrink: 0; }

    .so-metrics[b-cmwt0fyyuq] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .so-metric[b-cmwt0fyyuq] {
        min-width: 0;
        min-height: 95px;
        padding: 12px;
        gap: 10px;
        border-radius: 10px;
        background: var(--mud-palette-surface);
        border: 1px solid var(--mud-palette-lines-default);
    }
    .so-metric-icon[b-cmwt0fyyuq] { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 10px; }
    .so-metric-icon .mud-icon-root[b-cmwt0fyyuq] { font-size: 20px; }
    .so-metric strong[b-cmwt0fyyuq] { font-size: 1.55rem; }
    .so-metric span:not(.so-metric-icon)[b-cmwt0fyyuq] { font-size: .75rem; line-height: 1.2; }
    .so-metric small[b-cmwt0fyyuq] { font-size: .68rem; }
    .so-metric:last-child:nth-child(odd)[b-cmwt0fyyuq] { grid-column: 1 / -1; }

    .so-filters[b-cmwt0fyyuq] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 14px;
        border-radius: 10px;
        background: var(--mud-palette-surface);
        border: 1px solid var(--mud-palette-lines-default);
    }
    .so-filters label:first-child[b-cmwt0fyyuq] { grid-column: 1 / -1; }
    .so-filters label[b-cmwt0fyyuq] { font-size: .78rem; }
    .so-filters input[b-cmwt0fyyuq], .so-filters select[b-cmwt0fyyuq] { min-width: 0; width: 100%; height: 44px; font-size: 16px; }
    .so-reset[b-cmwt0fyyuq] {
        grid-column: 1 / -1;
        min-height: 40px;
        justify-content: center;
        border: 1px solid var(--mud-palette-lines-default);
        border-radius: 7px;
    }

    .so-toolbar[b-cmwt0fyyuq] { gap: 8px; min-width: 0; }
    .so-tabs[b-cmwt0fyyuq] {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        padding: 2px 0 8px;
        scrollbar-width: thin;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }
    .so-tabs button[b-cmwt0fyyuq] { flex: 0 0 auto; scroll-snap-align: start; min-height: 40px; }
    .so-demo[b-cmwt0fyyuq] { align-self: flex-end; }

    /* Transformar filas en tarjetas legibles sin scroll horizontal. */
    .so-table-panel[b-cmwt0fyyuq] {
        overflow: visible;
        border: 0;
        box-shadow: none;
        background: transparent;
    }
    .so-table-scroll[b-cmwt0fyyuq] { overflow: visible; width: 100%; }
    .so-table-panel table[b-cmwt0fyyuq],
    .so-table-panel tbody[b-cmwt0fyyuq] { display: block; width: 100%; min-width: 0; }
    .so-table-panel thead[b-cmwt0fyyuq] { display: none; }
    .so-table-panel tbody tr[b-cmwt0fyyuq] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 13px 12px;
        padding: 16px;
        margin-bottom: 12px;
        border: 1px solid var(--mud-palette-lines-default);
        border-radius: 11px;
        background: var(--mud-palette-surface);
        box-shadow: 0 2px 9px rgba(0, 0, 0, .07);
    }
    .so-table-panel td[b-cmwt0fyyuq] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        padding: 0;
        min-width: 0;
        border: 0;
        overflow-wrap: anywhere;
        font-size: .81rem;
        line-height: 1.4;
    }
    .so-table-panel td[b-cmwt0fyyuq]::before {
        content: attr(data-label);
        display: block;
        font-size: .7rem;
        font-weight: 700;
        letter-spacing: .01em;
        color: var(--mud-palette-text-secondary);
    }
    .so-table-panel td.so-order-cell[b-cmwt0fyyuq] {
        grid-column: 1 / -1;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }
    .so-table-panel td.so-order-cell[b-cmwt0fyyuq]::before { display: none; }
    .so-table-panel td.so-order-cell strong[b-cmwt0fyyuq] { font-size: .94rem; color: var(--mud-palette-primary); }
    .so-table-panel td.so-type-cell[b-cmwt0fyyuq] { grid-column: 1 / -1; }
    .so-table-panel td.so-progress-cell[b-cmwt0fyyuq] { grid-column: 1 / 2; }
    .so-table-panel td.so-actions-cell[b-cmwt0fyyuq] { grid-column: 2 / 3; align-items: flex-end; }
    .so-table-panel td.so-actions-cell button[b-cmwt0fyyuq] {
        min-width: 42px;
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--mud-palette-background-gray);
    }
    .so-table-panel td.so-progress-cell .so-progress[b-cmwt0fyyuq] { width: min(100%, 125px); margin: 0; }
    .so-table-panel td.so-progress-cell small[b-cmwt0fyyuq] { margin-top: -2px; }
    .so-table-panel td.so-actions-cell[b-cmwt0fyyuq]::before { text-align: right; }
    .so-table-panel td.so-empty[b-cmwt0fyyuq] { grid-column: 1 / -1; padding: 15px !important; }
    .so-table-panel footer[b-cmwt0fyyuq] {
        margin-top: 3px;
        padding: 12px;
        text-align: center;
        border: 1px solid var(--mud-palette-lines-default);
        border-radius: 9px;
        background: var(--mud-palette-surface);
    }
    .so-dialog[b-cmwt0fyyuq] { width: min(460px, calc(100vw - 24px)); padding: 24px 18px; max-height: 85dvh; overflow-y: auto; }
}

@media (max-width: 360px) {
    .so-metrics[b-cmwt0fyyuq] { grid-template-columns: 1fr 1fr; }
    .so-metric[b-cmwt0fyyuq] { padding: 9px; gap: 7px; }
    .so-metric-icon[b-cmwt0fyyuq] { flex-basis: 31px; width: 31px; height: 31px; }
    .so-metric strong[b-cmwt0fyyuq] { font-size: 1.4rem; }
    .so-filters[b-cmwt0fyyuq] { grid-template-columns: 1fr; }
    .so-filters label[b-cmwt0fyyuq] { grid-column: 1 / -1; }
}

/* Pestañas de servicios y acción principal. Sin alterar el layout compartido. */
.service-orders .so-new-order-button[b-cmwt0fyyuq] { min-height:44px; padding:0 20px; border-radius:9px; background:#0877fa; color:#fff; font-weight:700; text-transform:none; letter-spacing:0; box-shadow:0 4px 12px rgba(8,119,250,.20); }
.service-orders .so-new-order-button:hover[b-cmwt0fyyuq] { background:#0068e7; box-shadow:0 6px 16px rgba(8,119,250,.28); }
.service-orders .so-new-order-button .mud-icon-root[b-cmwt0fyyuq] { color:#fff; }
.service-orders .so-tabs[b-cmwt0fyyuq] { align-items:center; }
.service-orders .so-tabs .so-tab[b-cmwt0fyyuq] { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:43px; padding:9px 13px; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); border:1px solid var(--mud-palette-lines-default); border-radius:8px; transition:background-color .15s ease,border-color .15s ease; }
.service-orders .so-tabs .so-tab .mud-icon-root[b-cmwt0fyyuq] { flex-shrink:0; font-size:19px; color:#0877fa; }
.service-orders .so-tabs .so-tab:nth-child(3) .mud-icon-root[b-cmwt0fyyuq] { color:#00a879; }
.service-orders .so-tabs .so-tab:nth-child(4) .mud-icon-root[b-cmwt0fyyuq] { color:#8b43ec; }
.service-orders .so-tabs .so-tab:nth-child(5) .mud-icon-root[b-cmwt0fyyuq] { color:#f56813; }
.service-orders .so-tabs .so-tab .so-tab-label[b-cmwt0fyyuq] { margin:0; padding:0; background:none; border-radius:0; }
.service-orders .so-tabs .so-tab .so-tab-count[b-cmwt0fyyuq] { margin:0; padding:2px 8px; border-radius:999px; background:var(--mud-palette-background-gray); color:var(--mud-palette-text-primary); font-size:.76rem; line-height:1.3; }
.service-orders .so-tabs .so-tab.selected[b-cmwt0fyyuq] { background:#0877fa; border-color:#0877fa; color:#fff; }
.service-orders .so-tabs .so-tab.selected .mud-icon-root[b-cmwt0fyyuq] { color:#fff; }
.service-orders .so-tabs .so-tab.selected .so-tab-count[b-cmwt0fyyuq] { background:rgba(255,255,255,.19); color:#fff; }
.service-orders .so-tabs .so-tab:focus-visible[b-cmwt0fyyuq],.service-orders .so-new-order-button:focus-visible[b-cmwt0fyyuq] { outline:2px solid var(--mud-palette-primary); outline-offset:3px; }
@media(max-width:650px) { .service-orders .so-new-order-button[b-cmwt0fyyuq] { width:100%; margin:0; } .service-orders .so-tabs .so-tab[b-cmwt0fyyuq] { flex:0 0 auto; min-height:44px; } }

/* =========================================================
   ESTÁNDAR TRAYEKTO: BOTONES AZULES Y ROBOTO CONDENSED
   Solo esta pantalla. No modifica eventos ni navegación.
   ========================================================= */
.service-orders .so-new-order-button[b-cmwt0fyyuq],
.service-orders .so-tabs .so-tab[b-cmwt0fyyuq] {
    font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.service-orders .so-new-order-button.mud-button-root[b-cmwt0fyyuq] {
    background-color: #0877fa;
    color: #ffffff;
    border: 1px solid #0877fa;
    min-height: 44px;
    padding: 0 20px;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(8, 119, 250, .22);
}

.service-orders .so-new-order-button.mud-button-root .mud-icon-root[b-cmwt0fyyuq] {
    color: #ffffff;
}

.service-orders .so-new-order-button.mud-button-root:hover[b-cmwt0fyyuq] {
    background-color: #0067df;
    border-color: #0067df;
}

.service-orders .so-tabs .so-tab[b-cmwt0fyyuq],
.service-orders .so-tabs .so-tab:not(:first-child)[b-cmwt0fyyuq] {
    background-color: rgba(8, 119, 250, .08);
    border: 1px solid rgba(8, 119, 250, .28);
    color: #0877fa;
}

.service-orders .so-tabs .so-tab .mud-icon-root[b-cmwt0fyyuq],
.service-orders .so-tabs .so-tab:nth-child(3) .mud-icon-root[b-cmwt0fyyuq],
.service-orders .so-tabs .so-tab:nth-child(4) .mud-icon-root[b-cmwt0fyyuq],
.service-orders .so-tabs .so-tab:nth-child(5) .mud-icon-root[b-cmwt0fyyuq] {
    color: #0877fa;
}

.service-orders .so-tabs .so-tab .so-tab-count[b-cmwt0fyyuq] {
    background-color: rgba(8, 119, 250, .12);
    color: #0759b9;
}

.service-orders .so-tabs .so-tab.selected[b-cmwt0fyyuq],
.service-orders .so-tabs .so-tab.selected:not(:first-child)[b-cmwt0fyyuq] {
    background-color: #0877fa;
    border-color: #0877fa;
    color: #ffffff;
}

.service-orders .so-tabs .so-tab.selected .mud-icon-root[b-cmwt0fyyuq],
.service-orders .so-tabs .so-tab.selected .so-tab-count[b-cmwt0fyyuq] {
    color: #ffffff;
}

.service-orders .so-tabs .so-tab.selected .so-tab-count[b-cmwt0fyyuq] {
    background-color: rgba(255, 255, 255, .22);
}

.service-orders .so-tabs .so-tab:not(.selected):hover[b-cmwt0fyyuq] {
    background-color: rgba(8, 119, 250, .16);
    border-color: #0877fa;
}

:where(.mud-theme-dark, [data-theme="dark"]) .service-orders .so-tabs .so-tab:not(.selected)[b-cmwt0fyyuq] {
    background-color: rgba(8, 119, 250, .18);
    border-color: rgba(112, 176, 255, .4);
    color: #9acaff;
}

:where(.mud-theme-dark, [data-theme="dark"]) .service-orders .so-tabs .so-tab:not(.selected) .mud-icon-root[b-cmwt0fyyuq],
:where(.mud-theme-dark, [data-theme="dark"]) .service-orders .so-tabs .so-tab:not(.selected) .so-tab-count[b-cmwt0fyyuq] {
    color: #9acaff;
}

/* En móvil la acción principal utiliza el ancho disponible. */
@media (max-width: 650px) {
    .service-orders .so-new-order-button.mud-button-root[b-cmwt0fyyuq] {
        width: 100%;
    }
}

/* =========================================================
   CORRECCIÓN: MUD BUTTON RENDERIZADO EN CSS ISOLATION
   ::deep permite alcanzar el botón generado por MudBlazor.
   ========================================================= */
.service-orders[b-cmwt0fyyuq]  .so-new-order-button.mud-button-root {
    background: #0877fa !important;
    background-color: #0877fa !important;
    border: 1px solid #0877fa !important;
    color: #ffffff !important;
    min-height: 44px;
    padding: 0 20px;
    border-radius: 8px;
    font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
    font-weight: 700;
    text-transform: none;
    box-shadow: 0 4px 12px rgba(8,119,250,.24);
}
.service-orders[b-cmwt0fyyuq]  .so-new-order-button.mud-button-root:hover {
    background: #0067df !important;
    border-color: #0067df !important;
    color: #ffffff !important;
}
.service-orders[b-cmwt0fyyuq]  .so-new-order-button.mud-button-root .mud-icon-root,
.service-orders[b-cmwt0fyyuq]  .so-new-order-button.mud-button-root .mud-button-label {
    color: #ffffff !important;
}
@media (max-width: 650px) {
    .service-orders[b-cmwt0fyyuq]  .so-new-order-button.mud-button-root {
        width: 100%;
    }
}

/* Navegación aditiva: conserva el listado de órdenes sin alterar sus estilos. */
.so-main-switch[b-cmwt0fyyuq]{display:flex;gap:8px;border-bottom:1px solid var(--mud-palette-lines-default);padding:3px 0 7px}
.so-main-switch button[b-cmwt0fyyuq]{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--mud-palette-lines-default);border-radius:8px;padding:10px 16px;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);font-weight:700;cursor:pointer}
.so-main-switch button.active[b-cmwt0fyyuq]{background:var(--mud-palette-primary);border-color:var(--mud-palette-primary);color:var(--mud-palette-primary-text)}
@media(max-width:650px){.so-main-switch[b-cmwt0fyyuq]{flex-wrap:wrap}.so-main-switch button[b-cmwt0fyyuq]{flex:1;justify-content:center}}
/* /Pages/Shipments.razor.rz.scp.css */
/* Módulo Órdenes y envíos: estilos aislados; no modifica el layout compartido. */
.shipments-page[b-exg55uw4cb] { display:flex; flex-direction:column; gap:14px; padding:18px; color:var(--mud-palette-text-primary); }
.shipments-heading[b-exg55uw4cb],.shipments-title-group[b-exg55uw4cb],.shipments-heading-actions[b-exg55uw4cb],.shipment-list-header[b-exg55uw4cb],.shipment-footer[b-exg55uw4cb] { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.shipments-title-group[b-exg55uw4cb] { justify-content:flex-start; }
.shipments-title-icon[b-exg55uw4cb] { color:#0877fa; }
.shipments-heading h1[b-exg55uw4cb] { margin:0; font-size:1.8rem; font-weight:800; line-height:1.2; }
.shipments-heading p[b-exg55uw4cb] { margin:4px 0 0; color:var(--mud-palette-text-secondary); }
.shipment-metrics[b-exg55uw4cb] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.shipment-metric[b-exg55uw4cb] { display:flex; align-items:center; gap:12px; min-height:106px; padding:14px 12px; border:1px solid var(--mud-palette-lines-default); background:var(--mud-palette-surface); border-radius:10px; box-shadow:0 2px 12px rgba(20,50,100,.04); min-width:0; }
.metric-icon[b-exg55uw4cb] { flex:0 0 44px; height:44px; width:44px; border-radius:50%; display:grid; place-items:center; background:#0877fa; color:white; }
.shipment-metric.delivered .metric-icon[b-exg55uw4cb] { background:#06a85f; } .shipment-metric.transit .metric-icon[b-exg55uw4cb] { background:#0877fa; } .shipment-metric.collecting .metric-icon[b-exg55uw4cb] { background:#f4aa00; } .shipment-metric.issue .metric-icon[b-exg55uw4cb] { background:#fa3051; } .shipment-metric.pending .metric-icon[b-exg55uw4cb] { background:#718096; }
.metric-content[b-exg55uw4cb] { display:flex; flex-direction:column; gap:3px; min-width:0; } .metric-content span[b-exg55uw4cb] { font-size:.75rem; color:var(--mud-palette-text-secondary); line-height:1.25; } .metric-content strong[b-exg55uw4cb] { font-size:1.55rem; line-height:1.2; font-weight:800; } .metric-content small[b-exg55uw4cb] { font-size:.68rem; color:var(--mud-palette-text-secondary); }
.shipment-panel[b-exg55uw4cb] { background:var(--mud-palette-surface); border:1px solid var(--mud-palette-lines-default); border-radius:9px; padding:14px; box-shadow:0 2px 12px rgba(20,50,100,.035); min-width:0; }
.shipment-filters[b-exg55uw4cb] { display:grid; grid-template-columns:minmax(200px,2fr) repeat(3,minmax(130px,1fr)) auto auto; align-items:center; gap:10px; }
.shipment-list-header[b-exg55uw4cb] { margin-bottom:12px; } .shipment-list-header h2[b-exg55uw4cb] { margin:0; font-size:1.2rem; font-weight:800; }
.shipment-tabs[b-exg55uw4cb] { display:flex; gap:5px; overflow-x:auto; padding:0 0 12px; } .shipment-tabs button[b-exg55uw4cb] { flex-shrink:0; cursor:pointer; border:1px solid var(--mud-palette-lines-default); background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); padding:9px 12px; border-radius:6px; font-size:.79rem; } .shipment-tabs button.active[b-exg55uw4cb],.page-number.active[b-exg55uw4cb] { background:#0877fa; border-color:#0877fa; color:white; }
.shipment-table-scroll[b-exg55uw4cb] { overflow-x:auto; } .shipment-table[b-exg55uw4cb] { width:100%; border-collapse:collapse; white-space:nowrap; font-size:.81rem; } .shipment-table th[b-exg55uw4cb] { background:var(--mud-palette-background-gray); font-weight:750; } .shipment-table th[b-exg55uw4cb],.shipment-table td[b-exg55uw4cb] { text-align:left; padding:10px 12px; border-bottom:1px solid var(--mud-palette-lines-default); } .shipment-table tbody tr:hover[b-exg55uw4cb] { background:var(--mud-palette-action-default-hover); } .shipment-reference[b-exg55uw4cb] { font-weight:750; color:var(--mud-palette-primary); }
.shipment-type[b-exg55uw4cb] { background:var(--mud-palette-background-gray); border-radius:5px; padding:4px 8px; } .shipment-status[b-exg55uw4cb] { display:inline-block; border-radius:5px; padding:4px 10px; font-weight:650; background:#e7ebf1; color:#4a5568; } .shipment-status.delivered[b-exg55uw4cb] { background:#dcf8e8; color:#067c44; } .shipment-status.transit[b-exg55uw4cb] { background:#dcecff; color:#0967d3; } .shipment-status.collecting[b-exg55uw4cb] { background:#fff2c7; color:#a36b00; } .shipment-status.issue[b-exg55uw4cb] { background:#ffe1e7; color:#d51e40; } .shipment-status.pending[b-exg55uw4cb] { background:#e7ebf1; color:#526071; }
.shipment-footer[b-exg55uw4cb] { margin-top:12px; flex-wrap:wrap; color:var(--mud-palette-text-secondary); font-size:.8rem; } .shipment-pagination[b-exg55uw4cb] { display:flex; align-items:center; gap:5px; flex-wrap:wrap; } .page-number[b-exg55uw4cb] { border:1px solid var(--mud-palette-lines-default); border-radius:5px; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); padding:6px 10px; cursor:pointer; } .page-size-select[b-exg55uw4cb] { width:135px; }
.shipment-analytics[b-exg55uw4cb] { display:grid; grid-template-columns:1fr 1fr; gap:12px; } .analytics-panel h3[b-exg55uw4cb] { font-size:1rem; font-weight:750; margin:0 0 14px; } .analytics-body[b-exg55uw4cb] { display:flex; align-items:center; gap:20px; } .donut-chart[b-exg55uw4cb] { flex:0 0 145px; height:145px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(#06a85f 0 calc(var(--delivered) / var(--total) * 100%),#0877fa 0 calc((var(--delivered) + var(--transit)) / var(--total) * 100%),#f4aa00 0 calc((var(--delivered) + var(--transit) + var(--collected)) / var(--total) * 100%),#fa3051 0 calc((var(--delivered) + var(--transit) + var(--collected) + var(--issue)) / var(--total) * 100%),#8893a5 0); } .donut-chart>div[b-exg55uw4cb] { background:var(--mud-palette-surface); border-radius:50%; width:100px; height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; } .donut-chart strong[b-exg55uw4cb] { font-size:1.4rem; } .donut-chart span[b-exg55uw4cb] { color:var(--mud-palette-text-secondary); font-size:.75rem; }
.analytics-legend[b-exg55uw4cb] { flex:1; min-width:0; } .legend-row[b-exg55uw4cb] { display:grid; grid-template-columns:minmax(0,1fr) auto 40px; gap:10px; align-items:center; padding:5px 0; font-size:.78rem; } .legend-name[b-exg55uw4cb] { display:flex; align-items:center; gap:7px; overflow:hidden; text-overflow:ellipsis; } .legend-dot[b-exg55uw4cb] { display:inline-block; width:10px; height:10px; border-radius:50%; flex-shrink:0; background:#8893a5; } .legend-dot.delivered[b-exg55uw4cb] { background:#06a85f; } .legend-dot.transit[b-exg55uw4cb] { background:#0877fa; } .legend-dot.collecting[b-exg55uw4cb] { background:#f4aa00; } .legend-dot.issue[b-exg55uw4cb] { background:#fa3051; }
.analytics-bars[b-exg55uw4cb] { display:flex; flex-direction:column; gap:12px; } .analytics-bar-row[b-exg55uw4cb] { display:grid; grid-template-columns:110px minmax(0,1fr) 35px; gap:12px; align-items:center; font-size:.8rem; } .bar-track[b-exg55uw4cb] { height:11px; border-radius:5px; background:var(--mud-palette-background-gray); overflow:hidden; } .bar-fill[b-exg55uw4cb] { height:100%; border-radius:5px; background:linear-gradient(90deg,#0877fa,#50b7ff); } .analytics-bars small[b-exg55uw4cb] { color:var(--mud-palette-text-secondary); } .shipment-detail[b-exg55uw4cb] { overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:1400px) { .shipment-metrics[b-exg55uw4cb] { grid-template-columns:repeat(3,minmax(0,1fr)); } .shipment-filters[b-exg55uw4cb] { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:850px) { .shipment-metrics[b-exg55uw4cb] { grid-template-columns:repeat(2,minmax(0,1fr)); } .shipment-analytics[b-exg55uw4cb] { grid-template-columns:1fr; } .shipment-filters[b-exg55uw4cb] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:550px) { .shipments-page[b-exg55uw4cb] { padding:10px; } .shipments-heading[b-exg55uw4cb] { align-items:flex-start; flex-direction:column; } .shipment-metrics[b-exg55uw4cb],.shipment-filters[b-exg55uw4cb] { grid-template-columns:1fr; } .analytics-body[b-exg55uw4cb] { flex-direction:column; } }

/* Refinamiento visual de la pantalla, aislado del Dashboard compartido. */
.shipments-page[b-exg55uw4cb] { gap: 16px; }
.shipments-heading[b-exg55uw4cb] { padding: 4px 2px 2px; }
.shipment-metric[b-exg55uw4cb] { min-height: 112px; padding: 16px; transition: box-shadow .15s ease, transform .15s ease; }
.shipment-metric:hover[b-exg55uw4cb] { box-shadow: 0 7px 22px rgba(20,50,100,.10); transform: translateY(-1px); }
.metric-icon[b-exg55uw4cb] { flex-basis: 48px; width: 48px; height: 48px; }
.metric-content[b-exg55uw4cb] { gap: 5px; }
.metric-content strong[b-exg55uw4cb] { font-size: 1.7rem; }
.shipment-panel[b-exg55uw4cb] { padding: 16px; }
.orders-panel[b-exg55uw4cb] { overflow: hidden; }
.shipment-table[b-exg55uw4cb] { border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; }
.shipment-table th[b-exg55uw4cb] { padding: 13px 12px; }
.shipment-table tbody tr:nth-child(even)[b-exg55uw4cb] { background: var(--mud-palette-background-gray); }
.shipment-table tbody tr:hover[b-exg55uw4cb] { background: var(--mud-palette-action-default-hover); }
.shipment-table td[b-exg55uw4cb] { height: 45px; }
.shipment-status[b-exg55uw4cb] { min-width: 88px; text-align: center; }
.shipment-analytics[b-exg55uw4cb] { grid-template-columns: repeat(3, minmax(0,1fr)); }
.analytics-body[b-exg55uw4cb] { gap: 12px; }
.donut-chart[b-exg55uw4cb] { flex-basis: 120px; width: 120px; height: 120px; }
.donut-chart > div[b-exg55uw4cb] { width: 84px; height: 84px; }
.analytics-note[b-exg55uw4cb] { color: var(--mud-palette-text-secondary); font-size: .78rem; margin: 0 0 18px; }
.quality-stats[b-exg55uw4cb] { display: grid; gap: 12px; }
.quality-stat[b-exg55uw4cb] { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: .84rem; }
.quality-stat strong[b-exg55uw4cb] { font-size: 1rem; }
.quality-progress[b-exg55uw4cb] { height: 11px; margin-top: 20px; background: var(--mud-palette-background-gray); border-radius: 8px; overflow: hidden; }
.quality-progress > div[b-exg55uw4cb] { height: 100%; background: var(--mud-palette-primary); border-radius: 8px; }
@media (max-width: 1500px) { .shipment-analytics[b-exg55uw4cb] { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 850px) { .shipment-analytics[b-exg55uw4cb] { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .shipment-metric[b-exg55uw4cb] { transition: none; } .shipment-metric:hover[b-exg55uw4cb] { transform: none; } }

/* Reconstrucción visual: la maqueta conserva los datos y contratos existentes. */
.shipments-page[b-exg55uw4cb] { padding: 16px 14px 22px; gap: 12px; }
.shipments-heading[b-exg55uw4cb] { min-height: 64px; padding: 0 4px 4px; }
.shipments-title-icon[b-exg55uw4cb] { display:grid; place-items:center; width:46px; height:46px; color:#0877fa; }
.shipments-title-icon .mud-icon-root[b-exg55uw4cb] { font-size:40px; }
.shipments-heading h1[b-exg55uw4cb] { font-size:2rem; letter-spacing:-.035em; color:var(--mud-palette-text-primary); }
.shipments-heading p[b-exg55uw4cb] { font-size:.92rem; margin-top:2px; }
.shipment-metrics[b-exg55uw4cb] { grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.shipment-metric[b-exg55uw4cb] { position:relative; min-height:108px; padding:15px 12px; gap:12px; overflow:hidden; border-radius:9px; box-shadow:0 3px 15px rgba(30,75,130,.045); }
.metric-icon[b-exg55uw4cb] { flex:0 0 49px; width:49px; height:49px; box-shadow:inset 0 -7px 14px rgba(0,0,0,.07); }
.metric-icon .mud-icon-root[b-exg55uw4cb] { font-size:27px; }
.metric-content[b-exg55uw4cb] { z-index:1; gap:3px; }
.metric-content span[b-exg55uw4cb] { font-size:.74rem; }
.metric-content strong[b-exg55uw4cb] { font-size:1.72rem; line-height:1.12; }
.metric-content small[b-exg55uw4cb] { font-size:.69rem; }
.metric-decoration[b-exg55uw4cb] { position:absolute; right:9px; bottom:5px; font-size:39px; line-height:1; font-weight:700; color:#0877fa; opacity:.42; }
.shipment-metric.delivered .metric-decoration[b-exg55uw4cb] { color:#06a85f; }
.shipment-metric.collecting .metric-decoration[b-exg55uw4cb] { color:#f4aa00; }
.shipment-metric.issue .metric-decoration[b-exg55uw4cb] { color:#fa3051; }
.shipment-metric.pending .metric-decoration[b-exg55uw4cb] { color:#718096; }
.shipment-panel[b-exg55uw4cb] { border-radius:9px; padding:12px 14px; box-shadow:0 3px 16px rgba(30,75,130,.045); }
.filters-panel[b-exg55uw4cb] { padding:12px 14px; }
.shipment-list-header[b-exg55uw4cb] { margin-bottom:8px; }
.shipment-list-header h2[b-exg55uw4cb] { font-size:1.27rem; letter-spacing:-.025em; }
.shipment-tabs[b-exg55uw4cb] { gap:4px; padding-bottom:8px; }
.shipment-tabs button[b-exg55uw4cb] { padding:9px 13px; font-size:.76rem; }
.shipment-table[b-exg55uw4cb] { font-size:.79rem; border-collapse:separate; border-spacing:0; border:1px solid var(--mud-palette-lines-default); }
.shipment-table th[b-exg55uw4cb] { background:var(--mud-palette-background-gray); font-size:.74rem; height:34px; padding:7px 10px; }
.shipment-table td[b-exg55uw4cb] { height:37px; padding:5px 10px; }
.shipment-table th:not(:last-child)[b-exg55uw4cb],.shipment-table td:not(:last-child)[b-exg55uw4cb] { border-right:1px solid var(--mud-palette-lines-default); }
.shipment-table tbody tr:nth-child(even)[b-exg55uw4cb] { background:var(--mud-palette-surface); }
.shipment-table tbody tr:hover[b-exg55uw4cb] { background:var(--mud-palette-action-default-hover); }
.shipment-table .shipment-reference[b-exg55uw4cb] { position:relative; padding-left:18px; color:#0877fa; }
.shipment-row .shipment-reference[b-exg55uw4cb]::before { content:''; position:absolute; top:5px; bottom:5px; left:5px; width:4px; border-radius:4px; background:#718096; }
.shipment-row.delivered .shipment-reference[b-exg55uw4cb]::before { background:#06a85f; }
.shipment-row.transit .shipment-reference[b-exg55uw4cb]::before { background:#0877fa; }
.shipment-row.collecting .shipment-reference[b-exg55uw4cb]::before { background:#f4aa00; }
.shipment-row.issue .shipment-reference[b-exg55uw4cb]::before { background:#fa3051; }
.shipment-status[b-exg55uw4cb] { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:3px 8px; min-width:92px; font-size:.75rem; }
.status-indicator[b-exg55uw4cb] { font-size:.7rem; }
.shipment-footer[b-exg55uw4cb] { margin-top:8px; }
.shipment-analytics[b-exg55uw4cb] { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.analytics-panel[b-exg55uw4cb] { min-height:182px; }
.analytics-panel h3[b-exg55uw4cb] { font-size:.92rem; margin-bottom:9px; }
@media(max-width:1250px) { .shipment-metrics[b-exg55uw4cb] { grid-template-columns:repeat(3,minmax(0,1fr)); } .shipment-analytics[b-exg55uw4cb] { grid-template-columns:1fr 1fr; } }
@media(max-width:850px) { .shipment-metrics[b-exg55uw4cb] { grid-template-columns:repeat(2,minmax(0,1fr)); } .shipment-analytics[b-exg55uw4cb] { grid-template-columns:1fr; } }
@media(max-width:550px) { .shipment-metrics[b-exg55uw4cb] { grid-template-columns:1fr; } }


/* ================================================================
   SUPERFICIES DEL MÓDULO - TEMA CLARO / OSCURO
   Ajuste local: evita que tarjetas y controles se confundan
   con el fondo gris del Dashboard. No modifica el layout.
   ================================================================ */
.shipments-page[b-exg55uw4cb] {
    --shipments-panel-background: #ffffff;
    --shipments-field-background: #ffffff;
    --shipments-header-background: #edf4fc;
    --shipments-row-border: #e5edf6;
}

.shipments-page .shipment-metric[b-exg55uw4cb],
.shipments-page .shipment-panel[b-exg55uw4cb],
.shipments-page .shipment-tabs button:not(.active)[b-exg55uw4cb],
.shipments-page .page-number:not(.active)[b-exg55uw4cb],
.shipments-page .shipment-table[b-exg55uw4cb],
.shipments-page .shipment-table tbody tr[b-exg55uw4cb],
.shipments-page .shipment-table tbody tr:nth-child(even)[b-exg55uw4cb] {
    background-color: var(--shipments-panel-background);
}

.shipments-page .shipment-table th[b-exg55uw4cb] {
    background-color: var(--shipments-header-background);
}

.shipments-page .shipment-table td[b-exg55uw4cb],
.shipments-page .shipment-table th[b-exg55uw4cb] {
    border-bottom-color: var(--shipments-row-border);
}

/* MudBlazor dibuja los campos dentro de wrappers internos. */
.shipments-page .shipment-filters .mud-input-control[b-exg55uw4cb],
.shipments-page .shipment-filters .mud-input-control-input-container[b-exg55uw4cb],
.shipments-page .shipment-filters .mud-input[b-exg55uw4cb],
.shipments-page .shipment-filters .mud-input-slot[b-exg55uw4cb],
.shipments-page .shipment-filters input[b-exg55uw4cb],
.shipments-page .shipment-filters select[b-exg55uw4cb],
.shipments-page .page-size-select .mud-input[b-exg55uw4cb],
.shipments-page .page-size-select input[b-exg55uw4cb] {
    background-color: var(--shipments-field-background);
}

.shipments-page .shipment-filters .mud-input[b-exg55uw4cb] {
    border-radius: 5px;
}

.shipments-page .shipment-table tbody tr:hover[b-exg55uw4cb] {
    background-color: #f4f8ff;
}

/* Respeta el cambio manual de tema de MudBlazor. */
.mud-theme-dark .shipments-page[b-exg55uw4cb],
[data-theme="dark"] .shipments-page[b-exg55uw4cb] {
    --shipments-panel-background: var(--mud-palette-surface);
    --shipments-field-background: var(--mud-palette-surface);
    --shipments-header-background: var(--mud-palette-background-gray);
    --shipments-row-border: var(--mud-palette-lines-default);
}

.mud-theme-dark .shipments-page .shipment-table tbody tr:hover[b-exg55uw4cb],
[data-theme="dark"] .shipments-page .shipment-table tbody tr:hover[b-exg55uw4cb] {
    background-color: var(--mud-palette-action-default-hover);
}

/* Detalle de envío: modal independiente del listado y del layout principal. */
.shipment-modal-backdrop[b-exg55uw4cb] { position:fixed; inset:0; z-index:1400; display:flex; justify-content:center; align-items:center; padding:24px; background:rgba(9,27,58,.55); }
.shipment-modal[b-exg55uw4cb] { width:min(820px,100%); max-height:90vh; display:flex; flex-direction:column; overflow:hidden; border-radius:14px; background:var(--mud-palette-surface,#fff); color:var(--mud-palette-text-primary,#102b55); box-shadow:0 20px 65px rgba(0,0,0,.24); }
.shipment-modal-header[b-exg55uw4cb],.shipment-modal-footer[b-exg55uw4cb] { display:flex; align-items:center; justify-content:space-between; padding:18px 24px; border-bottom:1px solid var(--mud-palette-lines-default,#e4eaf2); }
.shipment-modal-header h2[b-exg55uw4cb] { margin:0; font-size:1.35rem; font-weight:750; }
.shipment-modal-header p[b-exg55uw4cb] { margin:3px 0 0; color:var(--mud-palette-text-secondary); font-size:.85rem; }
.shipment-modal-footer[b-exg55uw4cb] { justify-content:flex-end; border-bottom:0; border-top:1px solid var(--mud-palette-lines-default,#e4eaf2); }
.shipment-modal-content[b-exg55uw4cb] { overflow:auto; padding:20px 24px; }
.shipment-modal-content h3[b-exg55uw4cb] { font-size:1rem; font-weight:750; margin:22px 0 12px; }
.shipment-modal-reference[b-exg55uw4cb] { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:15px; border-radius:9px; background:var(--mud-palette-background-gray,#f2f6fb); }
.shipment-modal-reference span[b-exg55uw4cb],.shipment-detail-grid span[b-exg55uw4cb] { display:block; font-size:.76rem; color:var(--mud-palette-text-secondary); margin-bottom:5px; }
.shipment-modal-reference strong[b-exg55uw4cb] { color:var(--mud-palette-primary,#0877fa); }
.shipment-detail-grid[b-exg55uw4cb] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.shipment-detail-grid>div[b-exg55uw4cb] { padding:12px; border:1px solid var(--mud-palette-lines-default,#e4eaf2); border-radius:8px; min-width:0; overflow-wrap:anywhere; }
.shipment-detail-grid strong[b-exg55uw4cb] { font-size:.88rem; }
.shipment-detail-empty[b-exg55uw4cb] { padding:12px; border-radius:8px; background:var(--mud-palette-background-gray,#f2f6fb); color:var(--mud-palette-text-secondary); }
@media(max-width:600px) { .shipment-modal-backdrop[b-exg55uw4cb] {padding:8px;} .shipment-modal[b-exg55uw4cb] {max-height:96vh;} .shipment-detail-grid[b-exg55uw4cb] {grid-template-columns:1fr;} }


/* ================================================================
   MODAL DE DETALLE - TEMA MANUAL TRAYEKTO
   El proyecto aplica html[data-theme] desde trayekto-theme.js.
   Estos estilos solo afectan al modal del módulo Órdenes y envíos.
   ================================================================ */
html[data-theme="light"] .shipment-modal[b-exg55uw4cb] {
    --shipment-modal-surface: #ffffff;
    --shipment-modal-header: #ffffff;
    --shipment-modal-field: #ffffff;
    --shipment-modal-muted: #f0f5fb;
    --shipment-modal-border: #dce6f2;
    --shipment-modal-text: #102a56;
    --shipment-modal-secondary: #526785;
    --shipment-modal-accent: #0877fa;
}

html[data-theme="dark"] .shipment-modal[b-exg55uw4cb] {
    --shipment-modal-surface: #17263d;
    --shipment-modal-header: #1e304a;
    --shipment-modal-field: #233650;
    --shipment-modal-muted: #233650;
    --shipment-modal-border: #354b68;
    --shipment-modal-text: #f1f5fb;
    --shipment-modal-secondary: #b8c9df;
    --shipment-modal-accent: #69aeff;
    color-scheme: dark;
}

html[data-theme] .shipment-modal[b-exg55uw4cb] {
    background: var(--shipment-modal-surface);
    color: var(--shipment-modal-text);
    border: 1px solid var(--shipment-modal-border);
}

html[data-theme] .shipment-modal-header[b-exg55uw4cb],
html[data-theme] .shipment-modal-footer[b-exg55uw4cb] {
    background: var(--shipment-modal-header);
    border-color: var(--shipment-modal-border);
    color: var(--shipment-modal-text);
}

html[data-theme] .shipment-modal-header h2[b-exg55uw4cb],
html[data-theme] .shipment-modal-content h3[b-exg55uw4cb],
html[data-theme] .shipment-detail-grid strong[b-exg55uw4cb] {
    color: var(--shipment-modal-text);
}

html[data-theme] .shipment-modal-header p[b-exg55uw4cb],
html[data-theme] .shipment-modal-reference span[b-exg55uw4cb],
html[data-theme] .shipment-detail-grid span[b-exg55uw4cb] {
    color: var(--shipment-modal-secondary);
}

html[data-theme] .shipment-modal-reference[b-exg55uw4cb],
html[data-theme] .shipment-detail-empty[b-exg55uw4cb] {
    background: var(--shipment-modal-muted);
    color: var(--shipment-modal-text);
}

html[data-theme] .shipment-modal-reference strong[b-exg55uw4cb] {
    color: var(--shipment-modal-accent);
}

html[data-theme] .shipment-detail-grid > div[b-exg55uw4cb] {
    background: var(--shipment-modal-field);
    border-color: var(--shipment-modal-border);
    color: var(--shipment-modal-text);
}

html[data-theme] .shipment-modal .mud-icon-button[b-exg55uw4cb],
html[data-theme] .shipment-modal .mud-button-root[b-exg55uw4cb] {
    color: var(--shipment-modal-text);
}

html[data-theme="dark"] .shipment-modal .mud-alert[b-exg55uw4cb] {
    background: var(--shipment-modal-muted);
    color: var(--shipment-modal-text);
    border-color: var(--shipment-modal-border);
}

/* ================================================================
   REDISEÑO VISUAL DEL MODAL - componentes aislados del Dashboard.
   Utiliza las variables de tema existentes en el modal.
   ================================================================ */
html[data-theme] .shipment-modal[b-exg55uw4cb] { width:min(850px,100%); border-radius:16px; }
html[data-theme] .shipment-modal-header[b-exg55uw4cb] { padding:20px 26px; }
.shipment-modal-heading[b-exg55uw4cb] { display:flex; align-items:center; gap:16px; min-width:0; }
.shipment-modal-heading-icon[b-exg55uw4cb] { display:grid; place-items:center; width:50px; height:50px; flex-shrink:0; border-radius:12px; background:rgba(0,112,255,.09); color:#0877fa; }
.shipment-modal-heading-icon .mud-icon-root[b-exg55uw4cb] { font-size:31px; }
html[data-theme] .shipment-modal-header h2[b-exg55uw4cb] { font-size:1.65rem; letter-spacing:-.025em; }
html[data-theme] .shipment-modal-header p[b-exg55uw4cb] { font-size:.9rem; }
html[data-theme] .shipment-modal-content[b-exg55uw4cb] { padding:22px 26px 26px; }
html[data-theme] .shipment-modal-reference[b-exg55uw4cb] { padding:16px; border:1px solid var(--shipment-modal-border); border-radius:12px; }
.shipment-modal-reference-main[b-exg55uw4cb] { display:flex; align-items:center; gap:14px; min-width:0; }
.shipment-modal-reference-main strong[b-exg55uw4cb] { font-size:1.08rem; overflow-wrap:anywhere; }
.shipment-modal-reference-state[b-exg55uw4cb] { min-width:150px; padding-left:22px; border-left:1px solid var(--shipment-modal-border); display:flex; flex-direction:column; align-items:center; gap:6px; }
.shipment-modal-reference-state small[b-exg55uw4cb] { color:var(--shipment-modal-secondary); }
.shipment-detail-section-title[b-exg55uw4cb] { display:flex; align-items:center; gap:10px; }
.shipment-detail-section-title .mud-icon-root[b-exg55uw4cb] { color:var(--shipment-modal-accent); }
html[data-theme] .shipment-modal-content h3[b-exg55uw4cb] { margin:24px 0 12px; font-size:1.04rem; }
html[data-theme] .shipment-detail-grid[b-exg55uw4cb] { gap:10px; }
html[data-theme] .shipment-detail-grid>div[b-exg55uw4cb] { display:flex; align-items:center; gap:13px; padding:13px 14px; min-height:76px; border-radius:10px; }
.shipment-detail-grid>div>section[b-exg55uw4cb] { min-width:0; }
html[data-theme] .shipment-detail-grid span:not(.shipment-detail-icon)[b-exg55uw4cb] { margin-bottom:4px; font-size:.82rem; }
html[data-theme] .shipment-detail-grid strong[b-exg55uw4cb] { font-size:.94rem; line-height:1.35; }
.shipment-detail-icon[b-exg55uw4cb] { display:grid!important; place-items:center; width:44px; height:44px; flex-shrink:0; border-radius:50%; margin:0!important; }
.shipment-detail-icon .mud-icon-root[b-exg55uw4cb] { font-size:24px; }
.shipment-icon-blue[b-exg55uw4cb] { background:#e7f1ff; color:#0877fa!important; }
.shipment-icon-green[b-exg55uw4cb] { background:#e2f8ed; color:#00a761!important; }
.shipment-icon-violet[b-exg55uw4cb] { background:#f0eaff; color:#7144e9!important; }
.shipment-icon-orange[b-exg55uw4cb] { background:#fff1dd; color:#ed9200!important; }
.shipment-icon-red[b-exg55uw4cb] { background:#ffeaed; color:#e72f4b!important; }
html[data-theme] .shipment-detail-empty[b-exg55uw4cb] { display:flex; align-items:center; gap:14px; padding:15px 17px; border:1px solid var(--shipment-modal-border); border-radius:11px; margin:12px 0 0; }
.shipment-detail-empty>.mud-icon-root[b-exg55uw4cb] { flex-shrink:0; color:var(--shipment-modal-accent); font-size:30px; }
.shipment-detail-empty div[b-exg55uw4cb] { display:flex; flex-direction:column; gap:4px; }
.shipment-detail-empty strong[b-exg55uw4cb] { font-size:.88rem; color:var(--shipment-modal-text); }
.shipment-detail-empty span[b-exg55uw4cb] { font-size:.83rem; color:var(--shipment-modal-secondary); }
html[data-theme] .shipment-modal-footer[b-exg55uw4cb] { padding:15px 26px; }
html[data-theme] .shipment-modal-footer .mud-button-root[b-exg55uw4cb] { min-width:96px; border:1px solid var(--shipment-modal-border); border-radius:8px; }
html[data-theme="dark"] .shipment-modal-heading-icon[b-exg55uw4cb] { background:#233650; color:#69aeff; }
html[data-theme="dark"] .shipment-detail-icon[b-exg55uw4cb] { filter:brightness(.88); }
@media(max-width:600px) {
 html[data-theme] .shipment-modal-header[b-exg55uw4cb], html[data-theme] .shipment-modal-content[b-exg55uw4cb], html[data-theme] .shipment-modal-footer[b-exg55uw4cb] { padding-left:15px; padding-right:15px; }
 html[data-theme] .shipment-modal-header h2[b-exg55uw4cb] { font-size:1.25rem; }
 .shipment-modal-heading-icon[b-exg55uw4cb] { width:38px; height:38px; }
 .shipment-modal-reference-state[b-exg55uw4cb] { min-width:0; padding-left:12px; }
 .shipment-modal-reference-main[b-exg55uw4cb] { gap:8px; }
 .shipment-detail-icon[b-exg55uw4cb] { width:38px; height:38px; }
}
@media(max-width:380px) { .shipment-modal-reference[b-exg55uw4cb] { flex-direction:column; align-items:stretch; } .shipment-modal-reference-state[b-exg55uw4cb] { border-left:0; border-top:1px solid var(--shipment-modal-border); padding:10px 0 0; align-items:flex-start; } }

/* ================================================================
   RECONSTRUCCIÓN VISUAL 2026-10-13 — Órdenes y envíos
   Estilos exclusivamente del módulo; respeta el tema MudBlazor.
   No se inventan tendencias, ciudades ni métricas del servidor.
   ================================================================ */
.shipments-page[b-exg55uw4cb] { gap:12px; padding:16px 18px 24px; max-width:100%; }
.shipments-heading[b-exg55uw4cb] { min-height:64px; margin-bottom:2px; }
.shipments-title-group[b-exg55uw4cb] { gap:16px; }
.shipments-title-icon[b-exg55uw4cb] { width:43px; height:49px; display:grid; place-items:center; color:#0877fa; }
.shipments-title-icon .mud-icon-root[b-exg55uw4cb] { font-size:42px; }
.shipments-heading h1[b-exg55uw4cb] { font-size:clamp(1.55rem,2.1vw,2rem); font-weight:850; letter-spacing:-.035em; color:var(--mud-palette-text-primary); }
.shipments-heading p[b-exg55uw4cb] { font-size:.91rem; margin-top:3px; }
.shipments-heading-actions .mud-button-root[b-exg55uw4cb] { min-height:37px; border-radius:6px; background:var(--mud-palette-surface); }
.shipment-metrics[b-exg55uw4cb] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }
.shipment-metric[b-exg55uw4cb] { position:relative; min-height:102px; padding:13px 12px; gap:12px; background:var(--mud-palette-surface); border:1px solid var(--mud-palette-lines-default); border-radius:8px; box-shadow:0 4px 16px rgba(15,54,104,.045); overflow:hidden; }
.shipment-metric .metric-icon[b-exg55uw4cb] { width:49px; height:49px; flex-basis:49px; box-shadow:0 4px 10px rgba(0,83,180,.10); }
.shipment-metric .metric-icon .mud-icon-root[b-exg55uw4cb] { font-size:27px; }
.shipment-metric .metric-content[b-exg55uw4cb] { position:relative; z-index:1; gap:3px; }
.shipment-metric .metric-content span[b-exg55uw4cb] { font-size:.73rem; }
.shipment-metric .metric-content strong[b-exg55uw4cb] { font-size:1.65rem; letter-spacing:-.04em; }
.shipment-metric .metric-content small[b-exg55uw4cb] { font-size:.68rem; }
.shipment-metric .metric-sparkline[b-exg55uw4cb] { position:absolute; width:51px; height:26px; right:9px; bottom:12px; fill:none; stroke:#0877fa; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; opacity:.88; }
.shipment-metric.collecting .metric-sparkline[b-exg55uw4cb],.shipment-metric.delivered .metric-sparkline[b-exg55uw4cb] { stroke:#06a85f; }
.shipment-metric.issue .metric-sparkline[b-exg55uw4cb] { stroke:#fa3051; }
.shipment-metric.pending .metric-sparkline[b-exg55uw4cb] { stroke:#718096; }
.shipment-metric.transit .metric-sparkline[b-exg55uw4cb] { stroke:#0877fa; }
.shipment-panel[b-exg55uw4cb] { border-radius:8px; padding:13px 14px; background:var(--mud-palette-surface); box-shadow:0 3px 15px rgba(16,54,100,.04); }
.filters-panel[b-exg55uw4cb] { padding:12px 14px; }
.shipment-filters[b-exg55uw4cb] { grid-template-columns:minmax(230px,2fr) minmax(145px,1fr) minmax(150px,1fr) minmax(150px,1fr) auto auto; gap:10px; }
.shipment-filters .mud-input-control[b-exg55uw4cb] { margin:0 !important; min-width:0; }
.shipment-filters .mud-input-outlined[b-exg55uw4cb] { background:var(--mud-palette-surface) !important; border-radius:5px; }
.shipment-filters .mud-button-root[b-exg55uw4cb] { min-height:37px; border-radius:5px; }
.shipment-filters .mud-picker[b-exg55uw4cb] { min-width:0; }
.orders-panel[b-exg55uw4cb] { padding:12px 13px 10px; }
.shipment-list-header[b-exg55uw4cb] { margin-bottom:10px; }
.shipment-list-header h2[b-exg55uw4cb] { font-size:1.22rem; font-weight:850; letter-spacing:-.025em; }
.shipment-tabs[b-exg55uw4cb] { gap:4px; padding-bottom:9px; }
.shipment-tabs button[b-exg55uw4cb] { padding:9px 14px; font-size:.78rem; border-radius:5px; background:var(--mud-palette-surface); }
.shipment-tabs button.active[b-exg55uw4cb] { background:#0877fa; color:#fff; box-shadow:0 3px 9px rgba(8,119,250,.19); }
.shipment-table[b-exg55uw4cb] { width:100%; border:1px solid var(--mud-palette-lines-default); font-size:.78rem; }
.shipment-table th[b-exg55uw4cb] { height:33px; background:var(--mud-palette-background-gray); font-size:.73rem; }
.shipment-table td[b-exg55uw4cb] { height:36px; }
.shipment-table .shipment-reference[b-exg55uw4cb] { font-weight:800; }
.shipment-table .shipment-status[b-exg55uw4cb] { min-width:98px; text-align:center; font-size:.73rem; padding:4px 8px; }
.shipment-table .shipment-type[b-exg55uw4cb] { display:inline-block; min-width:75px; text-align:center; }
.shipment-footer[b-exg55uw4cb] { margin-top:9px; }
.shipment-analytics[b-exg55uw4cb] { grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); gap:10px; }
.analytics-panel[b-exg55uw4cb] { min-height:193px; }
.analytics-panel h3[b-exg55uw4cb] { font-size:.94rem; font-weight:800; margin-bottom:11px; }
.analytics-body[b-exg55uw4cb] { gap:14px; }
.donut-chart[b-exg55uw4cb] { flex-basis:128px; width:128px; height:128px; }
.donut-chart>div[b-exg55uw4cb] { width:89px; height:89px; }
.legend-row[b-exg55uw4cb] { font-size:.74rem; gap:6px; }
.analytics-bar-row[b-exg55uw4cb] { grid-template-columns:85px minmax(0,1fr) 26px; gap:8px; }
@media(max-width:1450px) { .shipment-metric[b-exg55uw4cb] { padding:10px 8px; gap:8px; } .shipment-metric .metric-icon[b-exg55uw4cb] { width:42px; height:42px; flex-basis:42px; } .shipment-metric .metric-sparkline[b-exg55uw4cb] { width:35px; opacity:.65; } .metric-content strong[b-exg55uw4cb] { font-size:1.4rem; } }
@media(max-width:1150px) { .shipment-metrics[b-exg55uw4cb] { grid-template-columns:repeat(3,minmax(0,1fr)); } .shipment-filters[b-exg55uw4cb] { grid-template-columns:repeat(2,minmax(0,1fr)); } .shipment-analytics[b-exg55uw4cb] { grid-template-columns:1fr 1fr; } }
@media(max-width:760px) { .shipment-metrics[b-exg55uw4cb] { grid-template-columns:repeat(2,minmax(0,1fr)); } .shipment-analytics[b-exg55uw4cb] { grid-template-columns:1fr; } .shipment-filters[b-exg55uw4cb] { grid-template-columns:1fr 1fr; } }
@media(max-width:540px) { .shipments-page[b-exg55uw4cb] { padding:10px; } .shipments-heading[b-exg55uw4cb] { align-items:flex-start; flex-direction:column; } .shipment-metrics[b-exg55uw4cb],.shipment-filters[b-exg55uw4cb] { grid-template-columns:1fr; } .shipment-metric[b-exg55uw4cb] { min-height:88px; } }

/* Mejora incremental: acciones y selección en tabla sin alterar el menú global. */
.shipments-heading-actions[b-exg55uw4cb],.shipment-list-actions[b-exg55uw4cb] { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.shipment-filters[b-exg55uw4cb] { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.shipment-filters > .mud-input-control[b-exg55uw4cb] { flex:1 1 190px; min-width:170px; }
.shipment-filters > .shipment-search-field[b-exg55uw4cb] { flex:2 1 260px; }
.shipment-filters .mud-input-outlined[b-exg55uw4cb] { background:var(--mud-palette-surface); }
.shipment-table input[type="checkbox"][b-exg55uw4cb] { accent-color:#0878f9; width:15px; height:15px; cursor:pointer; }
.shipment-table th:first-child[b-exg55uw4cb],.shipment-table td:first-child[b-exg55uw4cb] { width:36px; padding-inline:10px; }
.shipment-list-actions[b-exg55uw4cb] { justify-content:flex-end; }
@media(max-width:750px) { .shipments-heading-actions[b-exg55uw4cb] { width:100%; } .shipment-filters > .mud-input-control[b-exg55uw4cb] { flex-basis:100%; } }

/* Diseño definitivo del área de órdenes: composición basada en el mockup. */
.shipments-page[b-exg55uw4cb] { padding:14px 16px 26px; gap:11px; }
.shipments-heading[b-exg55uw4cb] { align-items:center; }
.shipments-heading-actions[b-exg55uw4cb] { gap:8px; }
.shipments-heading-actions .mud-button-root[b-exg55uw4cb] { background:var(--mud-palette-surface); min-height:39px; }
.shipments-heading-actions .mud-button-filled[b-exg55uw4cb] { background:#0878f9; color:#fff; }
.shipment-metrics[b-exg55uw4cb] { grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.shipment-metric[b-exg55uw4cb] { min-height:104px; padding:13px 11px; }
.shipment-metric.collecting .metric-icon[b-exg55uw4cb] { background:#00a65a; }
.shipment-metric.transit .metric-icon[b-exg55uw4cb] { background:#ffaa00; }
.shipment-metric.delivered .metric-icon[b-exg55uw4cb] { background:#0878f9; }
.shipment-filters[b-exg55uw4cb] { display:grid; grid-template-columns:minmax(160px,1.3fr) repeat(5,minmax(110px,1fr)) auto; align-items:end; gap:10px; }
.shipment-filters > .mud-input-control[b-exg55uw4cb],.shipment-filters > .shipment-search-field[b-exg55uw4cb] { min-width:0; width:100%; flex:auto; }
.shipment-filter-actions[b-exg55uw4cb] { display:flex; gap:10px; justify-content:flex-end; padding-top:8px; }
.shipment-advanced-filters[b-exg55uw4cb] { display:flex; gap:12px; padding:14px 0 3px; flex-wrap:wrap; }
.shipment-advanced-filters > *[b-exg55uw4cb] { width:240px; max-width:100%; }
.shipment-table[b-exg55uw4cb] { font-size:.78rem; min-width:1080px; }
.shipment-table th[b-exg55uw4cb] { background:#eaf2fc; color:#0c2355; }
.shipment-table td[b-exg55uw4cb] { height:35px; }
.shipment-table .shipment-type[b-exg55uw4cb] { display:inline-flex; align-items:center; gap:5px; }
.shipment-table .shipment-type .mud-icon-root[b-exg55uw4cb] { font-size:14px; }
.shipment-tabs button[b-exg55uw4cb] { border-radius:5px; }
.shipment-analytics[b-exg55uw4cb] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.analytics-bar-row[b-exg55uw4cb] { grid-template-columns:minmax(80px,1fr) minmax(70px,1.6fr) 32px 36px; gap:7px; }
.city-panel-heading[b-exg55uw4cb] { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.city-panel-heading h3[b-exg55uw4cb] { margin:0; }
.city-switch[b-exg55uw4cb] { display:flex; border:1px solid var(--mud-palette-lines-default); border-radius:6px; overflow:hidden; }
.city-switch button[b-exg55uw4cb] { border:0; padding:5px 13px; background:var(--mud-palette-surface); color:var(--mud-palette-text-primary); cursor:pointer; }
.city-switch button.active[b-exg55uw4cb] { background:#0878f9; color:white; }
.city-row > span:first-child[b-exg55uw4cb] { display:flex; align-items:center; gap:4px; min-width:0; }
.city-row .mud-icon-root[b-exg55uw4cb] { font-size:15px; flex-shrink:0; }
@media(max-width:1450px) { .shipment-filters[b-exg55uw4cb] { grid-template-columns:repeat(4,minmax(0,1fr)); } .shipment-analytics[b-exg55uw4cb] { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1100px) { .shipment-metrics[b-exg55uw4cb] { grid-template-columns:repeat(3,minmax(0,1fr)); } .shipment-analytics[b-exg55uw4cb] { grid-template-columns:1fr; } .shipment-filters[b-exg55uw4cb] { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:680px) { .shipment-metrics[b-exg55uw4cb],.shipment-filters[b-exg55uw4cb] { grid-template-columns:repeat(2,minmax(0,1fr)); } .shipment-heading-actions[b-exg55uw4cb] { width:100%; } }
@media(max-width:450px) { .shipment-metrics[b-exg55uw4cb],.shipment-filters[b-exg55uw4cb] { grid-template-columns:1fr; } }
.mud-theme-dark .shipments-page .shipment-table th[b-exg55uw4cb] { background:#26344b; color:#eef4ff; }

/* ================================================================
   TRAYEKTO - ESTÁNDAR DE BOTONES | ÓRDENES Y ENVÍOS
   Alcance local: no modifica el menú principal ni otros módulos.
   Las acciones, eventos y reglas de habilitación permanecen intactos.
   ================================================================ */
.shipments-page[b-exg55uw4cb] {
    --trayekto-btn-primary: #0878f9;
    --trayekto-btn-primary-hover: #075ec9;
    --trayekto-btn-border: var(--mud-palette-lines-default);
    --trayekto-btn-surface: var(--mud-palette-surface);
    --trayekto-btn-foreground: var(--mud-palette-text-primary);
}

.shipments-page .trayekto-btn[b-exg55uw4cb],
.shipments-page .trayekto-btn-menu .mud-button-root[b-exg55uw4cb],
.shipments-page .trayekto-icon-btn[b-exg55uw4cb] {
    min-height: 40px;
    border-radius: 7px;
    font-size: .84rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    transition: background-color .15s ease, border-color .15s ease,
                box-shadow .15s ease, transform .15s ease;
}

.shipments-page .trayekto-btn[b-exg55uw4cb] {
    padding-inline: 15px;
    white-space: nowrap;
}

/* Distancia fija entre el icono y el texto, incluso en menús MudBlazor. */
.shipments-page .trayekto-btn .mud-button-start-icon[b-exg55uw4cb],
.shipments-page .trayekto-btn-menu .mud-button-start-icon[b-exg55uw4cb] {
    margin-inline-end: 9px;
    margin-inline-start: 0;
}

.shipments-page .trayekto-btn .mud-icon-root[b-exg55uw4cb],
.shipments-page .trayekto-btn-menu .mud-icon-root[b-exg55uw4cb],
.shipments-page .trayekto-icon-btn .mud-icon-root[b-exg55uw4cb] {
    font-size: 19px;
}

.shipments-page .trayekto-btn-primary.mud-button-filled[b-exg55uw4cb] {
    background-color: var(--trayekto-btn-primary);
    color: #fff;
    box-shadow: 0 2px 6px rgba(8, 120, 249, .18);
}

.shipments-page .trayekto-btn-primary.mud-button-filled:not(.mud-disabled):hover[b-exg55uw4cb] {
    background-color: var(--trayekto-btn-primary-hover);
    box-shadow: 0 4px 12px rgba(8, 120, 249, .24);
}

.shipments-page .trayekto-btn-secondary.mud-button-outlined[b-exg55uw4cb],
.shipments-page .trayekto-btn-menu .mud-button-outlined[b-exg55uw4cb] {
    background-color: var(--trayekto-btn-surface);
    color: var(--trayekto-btn-foreground);
    border: 1px solid var(--trayekto-btn-border);
    box-shadow: 0 1px 3px rgba(15, 40, 80, .07);
}

.shipments-page .trayekto-btn-secondary.mud-button-outlined:not(.mud-disabled):hover[b-exg55uw4cb],
.shipments-page .trayekto-btn-menu .mud-button-outlined:not(.mud-disabled):hover[b-exg55uw4cb] {
    background-color: var(--mud-palette-action-default-hover);
    border-color: var(--mud-palette-primary);
}

.shipments-page .trayekto-btn-text.mud-button-text[b-exg55uw4cb] {
    background: transparent;
    color: var(--mud-palette-primary);
}

.shipments-page .trayekto-btn-text.mud-button-text:not(.mud-disabled):hover[b-exg55uw4cb] {
    background: var(--mud-palette-action-default-hover);
}

.shipments-page .trayekto-icon-btn[b-exg55uw4cb] {
    min-width: 40px;
    width: 40px;
    padding: 8px;
    border: 1px solid var(--trayekto-btn-border);
    background: var(--trayekto-btn-surface);
    color: var(--trayekto-btn-foreground);
}

.shipments-page .trayekto-icon-btn:not(.mud-disabled):hover[b-exg55uw4cb] {
    background: var(--mud-palette-action-default-hover);
    border-color: var(--mud-palette-primary);
}

.shipments-page .trayekto-btn:focus-visible[b-exg55uw4cb],
.shipments-page .trayekto-btn-menu .mud-button-root:focus-visible[b-exg55uw4cb],
.shipments-page .trayekto-icon-btn:focus-visible[b-exg55uw4cb] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.shipments-page .trayekto-btn.mud-disabled[b-exg55uw4cb],
.shipments-page .trayekto-btn-menu .mud-disabled[b-exg55uw4cb],
.shipments-page .trayekto-icon-btn.mud-disabled[b-exg55uw4cb] {
    opacity: .48;
    box-shadow: none;
}

.shipments-page .shipments-heading-actions[b-exg55uw4cb],
.shipments-page .shipment-list-actions[b-exg55uw4cb],
.shipments-page .shipment-filter-actions[b-exg55uw4cb] {
    gap: 10px;
}

@media (max-width: 750px) {
    .shipments-page .shipments-heading-actions[b-exg55uw4cb] {
        justify-content: flex-start;
        row-gap: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shipments-page .trayekto-btn[b-exg55uw4cb],
    .shipments-page .trayekto-btn-menu .mud-button-root[b-exg55uw4cb],
    .shipments-page .trayekto-icon-btn[b-exg55uw4cb] {
        transition: none;
    }
}

/* Botones de estado: iconografía semántica y espaciado consistente. */
.shipment-tabs button[b-exg55uw4cb] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; }
.shipment-tabs button .mud-icon-root[b-exg55uw4cb] { font-size: 18px; flex-shrink: 0; }
.shipment-tabs .shipment-tab-icon[b-exg55uw4cb] { display: inline-flex; align-items: center; color: #718096; }
.shipment-tabs .shipment-tab-icon.delivered[b-exg55uw4cb] { color: #06a85f; }
.shipment-tabs .shipment-tab-icon.transit[b-exg55uw4cb] { color: #f4aa00; }
.shipment-tabs .shipment-tab-icon.collecting[b-exg55uw4cb] { color: #0877fa; }
.shipment-tabs .shipment-tab-icon.issue[b-exg55uw4cb] { color: #fa3051; }
.shipment-tabs button.active .shipment-tab-icon[b-exg55uw4cb] { color: #ffffff; }

/* Vista móvil de órdenes: la tabla de escritorio permanece intacta. */
.shipment-mobile-list[b-exg55uw4cb] { display: none; }
@media (max-width: 767px) {
    .shipments-page .shipment-table-scroll[b-exg55uw4cb] { display: none; }
    .shipments-page .shipment-mobile-list[b-exg55uw4cb] { display: grid; gap: 12px; min-width: 0; }
    .shipments-page .shipment-mobile-card[b-exg55uw4cb] { min-width: 0; padding: 14px; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); box-shadow: 0 2px 8px rgba(0, 30, 65, .05); }
    .shipments-page .shipment-mobile-top[b-exg55uw4cb], .shipments-page .shipment-mobile-meta[b-exg55uw4cb] { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
    .shipments-page .shipment-mobile-reference[b-exg55uw4cb] { display: flex; align-items: center; gap: 9px; min-width: 0; font-size: 13px; font-weight: 700; color: var(--mud-palette-primary); overflow-wrap: anywhere; }
    .shipments-page .shipment-mobile-reference input[b-exg55uw4cb] { flex: 0 0 auto; }
    .shipments-page .shipment-mobile-meta[b-exg55uw4cb] { flex-wrap: wrap; margin: 8px 0 12px; }
    .shipments-page .shipment-mobile-date[b-exg55uw4cb] { font-size: 11px; color: var(--mud-palette-text-secondary); }
    .shipments-page .shipment-mobile-fields[b-exg55uw4cb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; padding: 12px 0; border-top: 1px solid var(--mud-palette-lines-default); border-bottom: 1px solid var(--mud-palette-lines-default); }
    .shipments-page .shipment-mobile-fields > div[b-exg55uw4cb] { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
    .shipments-page .shipment-mobile-fields small[b-exg55uw4cb] { color: var(--mud-palette-text-secondary); font-size: 11px; }
    .shipments-page .shipment-mobile-fields strong[b-exg55uw4cb] { font-size: 12px; font-weight: 600; overflow-wrap: anywhere; }
    .shipments-page .shipment-mobile-detail[b-exg55uw4cb] { display: flex; align-items: center; justify-content: flex-end; gap: 5px; width: 100%; padding: 10px 0 0; border: 0; background: transparent; color: var(--mud-palette-primary); font-weight: 700; cursor: pointer; }
    .shipments-page .shipment-mobile-detail:focus-visible[b-exg55uw4cb] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
    .shipments-page .shipment-footer[b-exg55uw4cb] { flex-wrap: wrap; gap: 12px; }
    .shipments-page .shipment-pagination[b-exg55uw4cb] { flex-wrap: wrap; justify-content: center; gap: 6px; }
    .shipments-page .shipment-list-header[b-exg55uw4cb] { flex-wrap: wrap; gap: 8px; }
}
/* /Pages/SitesWarehousesPage.razor.rz.scp.css */
/* El tema visual proviene exclusivamente de los tokens del CSS global. */
.sb-page[b-ofdxnjd2or]{font-family:'Roboto Condensed',sans-serif;color:var(--text-primary);padding:8px 0 25px;min-width:0}.sb-page *[b-ofdxnjd2or],.sb-overlay *[b-ofdxnjd2or]{box-sizing:border-box}.sb-hero[b-ofdxnjd2or],.sb-kpis article[b-ofdxnjd2or],.sb-panel[b-ofdxnjd2or],.sb-bottom article[b-ofdxnjd2or]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;box-shadow:0 3px 12px var(--shadow-color)}.sb-hero[b-ofdxnjd2or]{display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden}.sb-heading[b-ofdxnjd2or]{display:flex;align-items:center;gap:14px;padding:18px}.sb-heading[b-ofdxnjd2or]  .mud-icon-root{font-size:34px;color:var(--primary)}.sb-heading h1[b-ofdxnjd2or]{font-size:1.65rem;margin:0;font-weight:800}.sb-heading p[b-ofdxnjd2or]{margin:3px 0 0;color:var(--text-secondary)}.sb-banner[b-ofdxnjd2or]{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px 24px;color:white;background:linear-gradient(90deg,#061e37ed,#0829479c),url('/images/solutions/fleet.webp') center/cover}.sb-notice[b-ofdxnjd2or]{display:flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:.85rem;margin:9px 0}.sb-kpis[b-ofdxnjd2or]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:10px}.sb-kpis article[b-ofdxnjd2or]{display:flex;align-items:center;gap:9px;padding:12px 10px;min-width:0}.sb-kpis strong[b-ofdxnjd2or],.sb-kpis b[b-ofdxnjd2or],.sb-kpis small[b-ofdxnjd2or]{display:block}.sb-kpis strong[b-ofdxnjd2or]{font-size:1.5rem}.sb-kpis b[b-ofdxnjd2or]{font-size:.88rem}.sb-kpis small[b-ofdxnjd2or]{font-size:.78rem;color:var(--text-secondary)}.sb-kpi-icon[b-ofdxnjd2or]{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;color:white}.sb-kpi-icon.blue[b-ofdxnjd2or]{background:#087eff}.sb-kpi-icon.green[b-ofdxnjd2or]{background:#00a977}.sb-kpi-icon.purple[b-ofdxnjd2or]{background:#8746f5}.sb-kpi-icon.amber[b-ofdxnjd2or]{background:#f5a400}.sb-kpi-icon.red[b-ofdxnjd2or]{background:#fa4258}.sb-kpi-icon.slate[b-ofdxnjd2or]{background:#405b7b}.sb-toolbar[b-ofdxnjd2or]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--border-color)}.sb-tabs[b-ofdxnjd2or],.sb-actions[b-ofdxnjd2or]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sb-tabs button[b-ofdxnjd2or]{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-primary);padding:9px 6px;font:inherit;cursor:pointer}.sb-tabs button.active[b-ofdxnjd2or]{color:var(--primary);border-bottom-color:var(--primary);font-weight:800}.sb-primary[b-ofdxnjd2or],.sb-secondary[b-ofdxnjd2or],.sb-view[b-ofdxnjd2or],.sb-close[b-ofdxnjd2or],.sb-footer button[b-ofdxnjd2or]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;padding:9px 11px;font:inherit;cursor:pointer}.sb-primary[b-ofdxnjd2or]{background:var(--primary);color:white;border:1px solid var(--primary);font-weight:700}.sb-secondary[b-ofdxnjd2or],.sb-close[b-ofdxnjd2or],.sb-footer button[b-ofdxnjd2or]{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.sb-filters[b-ofdxnjd2or]{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,.7fr)) auto;gap:9px;align-items:end;padding:12px}.sb-filters label[b-ofdxnjd2or],.sb-form-grid label[b-ofdxnjd2or]{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:.85rem;min-width:0}.sb-filters input[b-ofdxnjd2or],.sb-filters select[b-ofdxnjd2or],.sb-form-grid input[b-ofdxnjd2or],.sb-form-grid select[b-ofdxnjd2or],.sb-footer select[b-ofdxnjd2or]{width:100%;min-width:0;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);border-radius:5px;padding:9px;min-height:38px;font:inherit}.sb-message[b-ofdxnjd2or]{margin:8px 12px;padding:10px;border:1px solid var(--border-color);background:var(--bg-subtle);border-radius:5px}.sb-records[b-ofdxnjd2or]{overflow-x:auto}.sb-records table[b-ofdxnjd2or]{border-collapse:collapse;width:100%;font-size:.85rem}.sb-records th[b-ofdxnjd2or]{background:var(--bg-subtle);text-align:left;padding:11px 9px;white-space:nowrap}.sb-records td[b-ofdxnjd2or]{padding:11px 9px;border-bottom:1px solid var(--border-color)}.sb-records tr:nth-child(even)[b-ofdxnjd2or]{background:var(--bg-subtle)}.sb-pill[b-ofdxnjd2or]{display:inline-block;border-radius:15px;padding:4px 8px;font-weight:700;white-space:nowrap}.sb-pill.good[b-ofdxnjd2or]{background:#d4f5e6;color:#08734b}.sb-pill.info[b-ofdxnjd2or]{background:#dceeff;color:#0763c4}.sb-pill.purple[b-ofdxnjd2or]{background:#ebdbff;color:#6924b4}.sb-pill.warning[b-ofdxnjd2or]{background:#fff0cc;color:#9d5900}.sb-pill.danger[b-ofdxnjd2or]{background:#ffdde0;color:#b41c37}.sb-view[b-ofdxnjd2or]{border:0;background:transparent;color:var(--text-primary)}.sb-footer[b-ofdxnjd2or]{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px}.sb-footer>div[b-ofdxnjd2or]{display:flex;align-items:center;gap:9px}.sb-footer select[b-ofdxnjd2or]{width:65px}.sb-footer button:disabled[b-ofdxnjd2or]{opacity:.4;cursor:default}.sb-empty[b-ofdxnjd2or]{padding:18px;text-align:center}.sb-bottom[b-ofdxnjd2or]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.sb-bottom article[b-ofdxnjd2or]{padding:14px;min-width:0}.sb-bottom h3[b-ofdxnjd2or]{font-size:1rem;margin:0 0 13px}.sb-bar[b-ofdxnjd2or]{display:grid;grid-template-columns:minmax(90px,1fr) 1fr 24px;gap:7px;align-items:center;margin:10px 0;font-size:.83rem}.sb-bar>div[b-ofdxnjd2or]{height:7px;background:var(--bg-subtle);border-radius:7px;overflow:hidden}.sb-bar i[b-ofdxnjd2or]{display:block;height:100%;background:var(--primary);border-radius:7px}.sb-upcoming[b-ofdxnjd2or]{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-color)}.sb-overlay[b-ofdxnjd2or]{position:fixed;inset:0;z-index:1500;background:#001329bd;display:flex;align-items:center;justify-content:center;padding:16px}.sb-modal[b-ofdxnjd2or]{width:min(760px,100%);max-height:92vh;overflow:auto;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 22px 65px #0007;font-family:'Roboto Condensed',sans-serif}.sb-modal>header[b-ofdxnjd2or],.sb-modal>footer[b-ofdxnjd2or]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--border-color)}.sb-modal>footer[b-ofdxnjd2or]{justify-content:flex-end;border-top:1px solid var(--border-color);border-bottom:0}.sb-modal h2[b-ofdxnjd2or]{font-size:1.35rem;margin:0;display:flex;align-items:center;gap:10px}.sb-modal h2[b-ofdxnjd2or]  .mud-icon-root{color:var(--primary)}.sb-modal p[b-ofdxnjd2or]{color:var(--text-secondary);margin:5px 0 0}.sb-modal-body[b-ofdxnjd2or]{padding:16px 20px}.sb-form-card[b-ofdxnjd2or]{padding:17px;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:8px}.sb-form-card h3[b-ofdxnjd2or]{font-size:1.05rem;margin:0 0 15px}.sb-form-grid[b-ofdxnjd2or]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sb-modal dl[b-ofdxnjd2or]{display:grid;grid-template-columns:1fr 2fr;gap:10px}.sb-modal dd[b-ofdxnjd2or]{margin:0}.sb-modal dt[b-ofdxnjd2or]{font-weight:700}.sb-page button:focus-visible[b-ofdxnjd2or],.sb-modal button:focus-visible[b-ofdxnjd2or]{outline:3px solid var(--primary);outline-offset:2px}@media(max-width:1200px){.sb-kpis[b-ofdxnjd2or]{grid-template-columns:repeat(3,minmax(0,1fr))}.sb-filters[b-ofdxnjd2or]{grid-template-columns:repeat(3,minmax(0,1fr))}.sb-bottom[b-ofdxnjd2or]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sb-hero[b-ofdxnjd2or]{grid-template-columns:1fr}.sb-banner[b-ofdxnjd2or]{display:none}.sb-heading[b-ofdxnjd2or]{padding:14px}.sb-heading h1[b-ofdxnjd2or]{font-size:1.4rem}.sb-kpis[b-ofdxnjd2or]{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-tabs[b-ofdxnjd2or]{flex-wrap:nowrap;overflow-x:auto;width:100%}.sb-tabs button[b-ofdxnjd2or]{white-space:nowrap;flex-shrink:0}.sb-actions[b-ofdxnjd2or]{width:100%}.sb-actions button[b-ofdxnjd2or]{flex:1 1 auto}.sb-filters[b-ofdxnjd2or]{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-filters label:first-child[b-ofdxnjd2or]{grid-column:1/-1}.sb-filters>button[b-ofdxnjd2or]{grid-column:1/-1}.sb-records[b-ofdxnjd2or]{overflow:visible;padding:10px}.sb-records table[b-ofdxnjd2or],.sb-records tbody[b-ofdxnjd2or]{display:block}.sb-records thead[b-ofdxnjd2or]{display:none}.sb-records tr[b-ofdxnjd2or]{display:block;border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-bottom:12px;background:var(--bg-card)!important}.sb-records td[b-ofdxnjd2or]{display:flex;justify-content:space-between;gap:12px;text-align:right;padding:7px 0;border:0}.sb-records td[b-ofdxnjd2or]::before{content:attr(data-label);font-weight:700;color:var(--text-secondary);text-align:left}.sb-records td:first-child[b-ofdxnjd2or]{border-bottom:1px solid var(--border-color);font-size:1rem}.sb-records td:last-child[b-ofdxnjd2or]{border-top:1px solid var(--border-color)}.sb-bottom[b-ofdxnjd2or]{grid-template-columns:1fr}.sb-form-grid[b-ofdxnjd2or]{grid-template-columns:1fr}.sb-modal-body[b-ofdxnjd2or],.sb-modal>header[b-ofdxnjd2or],.sb-modal>footer[b-ofdxnjd2or]{padding:14px}}

/* Elementos exclusivos del módulo: estructura, sin tema Light/Dark independiente. */
.sb-occupancy[b-ofdxnjd2or]{display:flex;align-items:center;gap:8px;min-width:100px}.sb-track[b-ofdxnjd2or]{display:block;flex:1;height:8px;min-width:48px;background:var(--bg-subtle);border-radius:9px;overflow:hidden}.sb-track i[b-ofdxnjd2or]{display:block;height:100%;background:var(--primary);border-radius:9px}.sb-note[b-ofdxnjd2or]{margin-top:12px;color:var(--text-secondary)}.sb-upcoming .sb-pill[b-ofdxnjd2or]{font-size:.72rem}.sb-bottom h3[b-ofdxnjd2or]{display:flex;align-items:center;gap:7px}
/* /Pages/Solutions.razor.rz.scp.css */
/* =========================================================
   TOKENS Y CONTENEDOR PRINCIPAL
   ========================================================= */

.solutions-page[b-ctafap1u4h] {
    --trayekto-navy: #031523;
    --trayekto-navy-deep: #00101c;
    --trayekto-panel: #05233a;
    --trayekto-panel-deep: #031a2c;
    --trayekto-blue: #0a94ff;
    --trayekto-blue-bright: #13a7ff;
    --trayekto-white: #f7fbff;
    --trayekto-muted: #c6d4de;
    --trayekto-border: rgba(38, 151, 220, 0.42);

    min-height: 100vh;
    color: var(--trayekto-white);
    background: var(--trayekto-navy);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
}

.solutions-page *[b-ctafap1u4h],
.solutions-page *[b-ctafap1u4h]::before,
.solutions-page *[b-ctafap1u4h]::after {
    box-sizing: border-box;
}

.page-shell[b-ctafap1u4h] {
    width: calc(100% - clamp(32px, 5vw, 80px));
    margin: 0 auto;
}

/* =========================================================
   BOTONES GENERALES
   ========================================================= */

.primary-button[b-ctafap1u4h],
.secondary-button[b-ctafap1u4h] {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 0 30px;
    border-radius: 28px;
    font-size: 16px;
    font-weight: 700;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.primary-button[b-ctafap1u4h] {
    border: 1px solid var(--trayekto-blue);
    color: white;
    background: linear-gradient(135deg, #087cff, #0ba4ff);
    box-shadow: 0 10px 26px rgba(0, 130, 255, 0.18);
}

.secondary-button[b-ctafap1u4h] {
    border: 1px solid var(--trayekto-blue-bright);
    color: white;
    background: rgba(0, 15, 25, 0.66);
}

.primary-button:hover[b-ctafap1u4h],
.secondary-button:hover[b-ctafap1u4h] {
    transform: translateY(-2px);
}

.play-icon[b-ctafap1u4h] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--trayekto-blue-bright);
    border-radius: 50%;
    font-size: 11px;
}

/* =========================================================
   HERO
   ========================================================= */

.solutions-hero[b-ctafap1u4h] {
    position: relative;
    min-height: clamp(430px, 31vw, 610px);
    overflow: hidden;
    border-bottom: 1px solid rgba(30, 141, 209, 0.28);
    background: #021321;
}

.hero-media[b-ctafap1u4h] {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.hero-media img[b-ctafap1u4h] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero-overlay[b-ctafap1u4h] {
    position: absolute;
    inset: 0;
    /* Protege la lectura sin ocultar el camión ni el panel derecho de la imagen. */
    background: linear-gradient(90deg,
        rgba(1, 17, 30, 0.90) 0%,
        rgba(1, 17, 30, 0.75) 25%,
        rgba(1, 17, 30, 0.28) 43%,
        transparent 62%);
    pointer-events: none;
}

.hero-content[b-ctafap1u4h] {
    position: relative;
    z-index: 2;
    min-height: clamp(430px, 31vw, 610px);
    display: flex;
    align-items: center;
}

.hero-copy[b-ctafap1u4h] {
    width: min(650px, 43%);
    padding: 28px 0;
}

.section-label[b-ctafap1u4h] {
    color: var(--trayekto-blue-bright);
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.hero-copy h1[b-ctafap1u4h] {
    margin: 10px 0 8px;
    font-size: clamp(42px, 4vw, 62px);
    line-height: 0.98;
    letter-spacing: -0.035em;
    font-weight: 800;
}

.hero-copy h1 span[b-ctafap1u4h] {
    color: var(--trayekto-blue);
}

.hero-copy p[b-ctafap1u4h] {
    max-width: 620px;
    margin: 0;
    color: #f0f5f8;
    font-size: clamp(17px, 1.3vw, 20px);
    line-height: 1.5;
}

.hero-actions[b-ctafap1u4h] {
    display: flex;
    gap: 18px;
    margin-top: 20px;
}

/* =========================================================
   ENCABEZADO DEL CATÁLOGO
   ========================================================= */

.solutions-catalog[b-ctafap1u4h] {
    padding: 14px 0 14px;
    background:
        radial-gradient(circle at 76% 0%, rgba(10, 119, 190, 0.12), transparent 30%),
        linear-gradient(180deg, #031827, #001523);
}

.catalog-heading[b-ctafap1u4h] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 12px;
}

.heading-copy[b-ctafap1u4h] {
    display: flex;
    align-items: center;
    gap: 22px;
    min-width: 0;
}

.heading-copy h2[b-ctafap1u4h] {
    margin: 0;
    font-size: 17px;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.heading-line[b-ctafap1u4h] {
    width: 50px;
    height: 1px;
    flex: 0 0 auto;
    background: var(--trayekto-blue-bright);
}

.heading-copy p[b-ctafap1u4h] {
    margin: 0;
    color: #c8d7e1;
    font-size: 14px;
    white-space: nowrap;
}

.solution-filters[b-ctafap1u4h] {
    display: flex;
    align-items: center;
    padding: 2px;
    border: 1px solid rgba(44, 139, 199, 0.42);
    border-radius: 20px;
    background: rgba(1, 24, 39, 0.74);
}

.filter-button[b-ctafap1u4h] {
    min-width: 70px;
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 17px;
    color: #e4edf4;
    background: transparent;
    font-size: 13px;
    white-space: nowrap;
}

.filter-button.active[b-ctafap1u4h] {
    color: white;
    background: linear-gradient(135deg, #087cff, #0ba4ff);
}

/* =========================================================
   TARJETAS DE SOLUCIONES
   ========================================================= */

.solution-grid[b-ctafap1u4h] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.solution-card[b-ctafap1u4h] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--trayekto-border);
    border-radius: 12px;
    background:
        linear-gradient(
            180deg,
            rgba(6, 42, 67, 0.98),
            rgba(2, 27, 45, 0.98)
        );
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.solution-card:hover[b-ctafap1u4h] {
    transform: translateY(-3px);
    border-color: rgba(29, 161, 245, 0.72);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
}

.solution-image[b-ctafap1u4h] {
    position: relative;
    height: 132px;
    overflow: hidden;
    background: #061b2b;
}

.solution-image[b-ctafap1u4h]::after {
    content: "";
    position: absolute;
    inset: 45% 0 0;
    background: linear-gradient(180deg, transparent, rgba(3, 26, 44, 0.96));
}

.solution-image img[b-ctafap1u4h] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.solution-icon[b-ctafap1u4h] {
    position: absolute;
    left: 18px;
    bottom: 8px;
    z-index: 2;
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #dff2ff;
    background: linear-gradient(145deg, #0759b6, #0b94ff);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
    font-size: 32px;
}

.solution-icon.green[b-ctafap1u4h] {
    background: linear-gradient(145deg, #067d72, #08c5a4);
}

.solution-icon.orange[b-ctafap1u4h] {
    background: linear-gradient(145deg, #bf6500, #ff9f18);
}

.solution-icon.purple[b-ctafap1u4h] {
    background: linear-gradient(145deg, #6723bb, #a946ff);
}

.solution-icon.cyan[b-ctafap1u4h] {
    background: linear-gradient(145deg, #0876c9, #1aafff);
}

.solution-body[b-ctafap1u4h] {
    padding: 8px 18px 14px;
}

.solution-body h3[b-ctafap1u4h] {
    min-height: 44px;
    margin: 0 0 5px;
    font-size: clamp(17px, 1.35vw, 21px);
    line-height: 1.08;
}

.solution-body > p[b-ctafap1u4h] {
    min-height: 62px;
    margin: 0;
    color: #d8e4eb;
    font-size: 14px;
    line-height: 1.35;
}

.solution-body ul[b-ctafap1u4h] {
    min-height: 100px;
    display: grid;
    align-content: start;
    gap: 5px;
    margin: 10px 0 12px;
    padding: 0;
    list-style: none;
}

.solution-body li[b-ctafap1u4h] {
    display: grid;
    grid-template-columns: 18px 1fr;
    align-items: start;
    gap: 6px;
    color: #dbe6ed;
    font-size: 13px;
    line-height: 1.25;
}

.check-icon[b-ctafap1u4h] {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    border: 1px solid #8dccff;
    border-radius: 50%;
    color: #8dccff;
    font-size: 10px;
    font-weight: 800;
}

.learn-more[b-ctafap1u4h] {
    padding: 0;
    border: 0;
    color: var(--trayekto-blue-bright);
    background: transparent;
    font-size: 14px;
    font-weight: 800;
}

/* =========================================================
   INDICADORES
   ========================================================= */

.solutions-stats[b-ctafap1u4h] {
    padding: 0 0 12px;
    background: #001523;
}

.stats-panel[b-ctafap1u4h] {
    min-height: 80px;
    display: grid;
    grid-template-columns: repeat(4, 1fr) 1.2fr;
    overflow: hidden;
    border: 1px solid rgba(37, 145, 211, 0.44);
    border-radius: 13px;
    background: rgba(2, 27, 45, 0.94);
}

.stat-item[b-ctafap1u4h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border-right: 1px solid rgba(72, 143, 185, 0.35);
}

.stat-icon[b-ctafap1u4h] {
    color: var(--trayekto-blue);
    font-size: 39px;
    line-height: 1;
}

.stat-item > div:last-child[b-ctafap1u4h] {
    display: flex;
    flex-direction: column;
}

.stat-item strong[b-ctafap1u4h] {
    font-size: 21px;
    line-height: 1.05;
}

.stat-item span[b-ctafap1u4h] {
    margin-top: 4px;
    color: #d7e2e9;
    font-size: 13px;
}

.stats-cta[b-ctafap1u4h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    padding: 0 20px;
}

.stats-cta strong[b-ctafap1u4h] {
    font-size: 15px;
    line-height: 1.25;
}

.stats-cta button[b-ctafap1u4h] {
    width: 48px;
    height: 48px;
    border: 2px solid var(--trayekto-blue);
    border-radius: 50%;
    color: white;
    background: rgba(2, 31, 50, 0.8);
    font-size: 27px;
}

/* =========================================================
   RESPONSIVE - ESCRITORIO / PORTÁTIL
   ========================================================= */

@media (max-width: 1280px) {
    .page-shell[b-ctafap1u4h] {
        width: calc(100% - 40px);
    }

    .solution-grid[b-ctafap1u4h] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .heading-copy p[b-ctafap1u4h] {
        white-space: normal;
    }

    .stats-panel[b-ctafap1u4h] {
        grid-template-columns: repeat(2, 1fr);
    }

    .stat-item[b-ctafap1u4h],
    .stats-cta[b-ctafap1u4h] {
        min-height: 76px;
        border-bottom: 1px solid rgba(72, 143, 185, 0.35);
    }

    .stat-item:nth-child(2)[b-ctafap1u4h],
    .stat-item:nth-child(4)[b-ctafap1u4h] {
        border-right: 0;
    }

    .stats-cta[b-ctafap1u4h] {
        grid-column: 1 / -1;
        border-bottom: 0;
    }
}

/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 980px) {
    .solutions-hero[b-ctafap1u4h] {
        min-height: 470px;
    }

    .hero-media[b-ctafap1u4h] {
        inset: 0;
        opacity: 1;
    }

    .hero-overlay[b-ctafap1u4h] {
        background:
            linear-gradient(
                90deg,
                rgba(1, 20, 33, 0.98),
                rgba(1, 20, 33, 0.72)
            );
    }

    .hero-content[b-ctafap1u4h] {
        min-height: 470px;
    }

    .hero-copy[b-ctafap1u4h] {
        width: min(680px, 82%);
    }

    .catalog-heading[b-ctafap1u4h] {
        align-items: flex-start;
        flex-direction: column;
    }

    .heading-copy[b-ctafap1u4h] {
        flex-wrap: wrap;
    }

    .solution-filters[b-ctafap1u4h] {
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
        scrollbar-width: thin;
    }

    .solution-grid[b-ctafap1u4h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================================
   RESPONSIVE - MÓVIL
   ========================================================= */

@media (max-width: 640px) {
    .page-shell[b-ctafap1u4h] {
        width: calc(100% - 24px);
    }

    .solutions-hero[b-ctafap1u4h] {
        min-height: 560px;
    }

    .hero-media[b-ctafap1u4h] {
        inset: 0;
        opacity: 1;
    }

    .hero-overlay[b-ctafap1u4h] {
        background:
            linear-gradient(
                180deg,
                #011421 0%,
                rgba(1, 20, 33, 0.98) 46%,
                rgba(1, 20, 33, 0.48) 100%
            );
    }

    .hero-content[b-ctafap1u4h] {
        min-height: 560px;
        align-items: flex-start;
    }

    .hero-copy[b-ctafap1u4h] {
        width: 100%;
        padding-top: 32px;
    }

    .section-label[b-ctafap1u4h] {
        font-size: 13px;
    }

    .hero-copy h1[b-ctafap1u4h] {
        font-size: clamp(38px, 11vw, 50px);
    }

    .hero-copy p[b-ctafap1u4h] {
        font-size: 16px;
    }

    .hero-actions[b-ctafap1u4h] {
        flex-direction: column;
        align-items: stretch;
    }

    .primary-button[b-ctafap1u4h],
    .secondary-button[b-ctafap1u4h] {
        width: 100%;
    }

    .heading-copy[b-ctafap1u4h] {
        gap: 10px;
    }

    .heading-copy h2[b-ctafap1u4h] {
        width: 100%;
    }

    .heading-line[b-ctafap1u4h] {
        width: 36px;
    }

    .heading-copy p[b-ctafap1u4h] {
        width: calc(100% - 50px);
        font-size: 13px;
    }

    .solution-grid[b-ctafap1u4h] {
        grid-template-columns: 1fr;
    }

    .solution-image[b-ctafap1u4h] {
        height: 170px;
    }

    .solution-body h3[b-ctafap1u4h],
    .solution-body > p[b-ctafap1u4h],
    .solution-body ul[b-ctafap1u4h] {
        min-height: 0;
    }

    .stats-panel[b-ctafap1u4h] {
        grid-template-columns: 1fr;
    }

    .stat-item[b-ctafap1u4h],
    .stat-item:nth-child(2)[b-ctafap1u4h],
    .stat-item:nth-child(4)[b-ctafap1u4h] {
        min-height: 74px;
        justify-content: flex-start;
        padding: 0 22px;
        border-right: 0;
        border-bottom: 1px solid rgba(72, 143, 185, 0.35);
    }

    .stats-cta[b-ctafap1u4h] {
        grid-column: auto;
        min-height: 84px;
        justify-content: space-between;
    }
}

/* =========================================================
   REDISEÑO CORPORATIVO SOLUCIONES — ESTILOS AISLADOS
   ========================================================= */
.solutions-page[b-ctafap1u4h] { background: #fff; color: #193448; }
.page-shell[b-ctafap1u4h] { width: min(1440px, calc(100% - clamp(32px, 6vw, 112px))); }
.solutions-hero[b-ctafap1u4h], .hero-content[b-ctafap1u4h] { min-height: clamp(400px, 34vw, 540px); }
.hero-media[b-ctafap1u4h] { inset: 0; }
.hero-overlay[b-ctafap1u4h] { background: linear-gradient(90deg,rgba(2,20,36,.97) 0%,rgba(2,20,36,.86) 31%,rgba(2,20,36,.36) 63%,rgba(2,20,36,.08) 100%); }
.hero-copy[b-ctafap1u4h] { max-width: 680px; }
.hero-copy p[b-ctafap1u4h] { max-width: 590px; }
.hero-actions .secondary-button[b-ctafap1u4h] { text-decoration: none; }
.solutions-catalog[b-ctafap1u4h] { padding: clamp(56px,6vw,88px) 0; background: #f5f7fa; }
.catalog-heading[b-ctafap1u4h] { align-items: flex-end; margin-bottom: 32px; gap: 24px; flex-wrap: wrap; }
.heading-copy[b-ctafap1u4h] { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.heading-copy .section-label[b-ctafap1u4h] { color: #168cf5; font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.heading-copy h2[b-ctafap1u4h] { max-width: 850px; font-size: clamp(26px,2.4vw,36px); line-height: 1.2; letter-spacing: -.025em; white-space: normal; color: #193448; }
.heading-copy p[b-ctafap1u4h] { color: #526477; font-size: 16px; white-space: normal; }
.solution-filters[b-ctafap1u4h] { background: #e9eff6; border: 0; border-radius: 24px; flex-wrap: wrap; gap: 3px; }
.filter-button[b-ctafap1u4h] { color: #31475b; min-height: 38px; }
.filter-button.active[b-ctafap1u4h] { background: #168cf5; }
.solution-grid[b-ctafap1u4h] { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.solution-card[b-ctafap1u4h] { display: flex; flex-direction: column; background: #fff; border: 1px solid #e3eaf0; box-shadow: 0 6px 20px rgba(24,52,72,.055); }
.solution-card:hover[b-ctafap1u4h] { border-color: #c3d7e8; box-shadow: 0 12px 28px rgba(24,52,72,.1); }
.solution-image[b-ctafap1u4h] { height: clamp(160px,14vw,205px); background: #e7eef4; }
.solution-image[b-ctafap1u4h]::after { background: linear-gradient(0deg,rgba(4,27,47,.22),transparent 65%); }
.solution-icon[b-ctafap1u4h] { width: 48px; height: 48px; bottom: 12px; left: 18px; font-size: 25px; }
.solution-body[b-ctafap1u4h] { flex: 1; display: flex; flex-direction: column; padding: 22px 24px 24px; }
.solution-body h3[b-ctafap1u4h] { min-height: 0; margin-bottom: 10px; font-size: 21px; line-height: 1.3; color: #193448; }
.solution-body > p[b-ctafap1u4h] { min-height: 0; font-size: 15px; line-height: 1.65; color: #526477; }
.solution-body ul[b-ctafap1u4h] { min-height: 0; margin: 18px 0 24px; gap: 10px; }
.solution-body li[b-ctafap1u4h] { color: #344b60; font-size: 14px; line-height: 1.45; }
.check-icon[b-ctafap1u4h] { border-color: #168cf5; color: #168cf5; }
.learn-more[b-ctafap1u4h] { align-self: flex-start; margin-top: auto; color: #087de0; font-size: 15px; }
.solutions-benefits[b-ctafap1u4h] { padding: clamp(64px,7vw,100px) 0; background: #fff; }
.benefits-layout[b-ctafap1u4h] { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(36px,6vw,100px); }
.solutions-benefits .section-label[b-ctafap1u4h], .solutions-closing .section-label[b-ctafap1u4h] { display: block; margin-bottom: 16px; color: #168cf5; font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.benefits-intro h2[b-ctafap1u4h] { font-size: clamp(30px,3vw,42px); line-height: 1.2; letter-spacing: -.03em; }
.benefits-intro h2 span[b-ctafap1u4h] { color: #168cf5; }
.benefits-intro p[b-ctafap1u4h] { margin-top: 20px; max-width: 610px; color: #526477; font-size: 16px; line-height: 1.75; }
.benefits-list[b-ctafap1u4h] { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
.benefits-list li[b-ctafap1u4h] { position: relative; padding-left: 34px; color: #273444; font-size: 16px; line-height: 1.5; }
.benefits-list li[b-ctafap1u4h]::before { content: '✓'; position: absolute; left: 0; top: 1px; display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #e6f3ff; color: #087de0; font-weight: 800; }
.solutions-advantages[b-ctafap1u4h] { padding: 30px 0; background: #eff5fa; }
.advantages-grid[b-ctafap1u4h] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.advantages-grid > div[b-ctafap1u4h] { display: flex; flex-direction: column; gap: 8px; padding: 12px 24px; border-right: 1px solid #d4e1ec; }
.advantages-grid > div:first-child[b-ctafap1u4h] { padding-left: 0; }
.advantages-grid > div:last-child[b-ctafap1u4h] { border: 0; }
.advantages-grid strong[b-ctafap1u4h] { color: #193448; font-size: 17px; }
.advantages-grid span[b-ctafap1u4h] { color: #526477; font-size: 14px; }
.solutions-closing[b-ctafap1u4h] { padding: clamp(58px,6vw,88px) 0; background: linear-gradient(105deg,#071f35,#193448); color: #fff; }
.closing-layout[b-ctafap1u4h] { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.closing-layout > div[b-ctafap1u4h] { max-width: 820px; }
.closing-layout h2[b-ctafap1u4h] { font-size: clamp(28px,2.7vw,38px); line-height: 1.25; }
.closing-layout p[b-ctafap1u4h] { margin: 16px 0 0; color: #e2eaf1; font-size: 16px; line-height: 1.65; }
.closing-layout .primary-button[b-ctafap1u4h] { flex-shrink: 0; }
@media (max-width: 1050px) {
 .solution-grid[b-ctafap1u4h] { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .advantages-grid[b-ctafap1u4h] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 0; }
 .advantages-grid > div:nth-child(2)[b-ctafap1u4h] { border: 0; }
 .closing-layout[b-ctafap1u4h] { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 700px) {
 .page-shell[b-ctafap1u4h] { width: calc(100% - 32px); }
 .solutions-hero[b-ctafap1u4h],.hero-content[b-ctafap1u4h] { min-height: 510px; }
 .hero-overlay[b-ctafap1u4h] { background: linear-gradient(90deg,rgba(2,20,36,.95),rgba(2,20,36,.65)); }
 .catalog-heading[b-ctafap1u4h] { align-items: flex-start; }
 .solution-filters[b-ctafap1u4h] { width: 100%; justify-content: center; }
 .solution-grid[b-ctafap1u4h] { grid-template-columns: minmax(0,1fr); }
 .solution-image[b-ctafap1u4h] { height: 190px; }
 .benefits-layout[b-ctafap1u4h] { grid-template-columns: 1fr; }
 .advantages-grid[b-ctafap1u4h] { grid-template-columns: 1fr; }
 .advantages-grid > div[b-ctafap1u4h] { border: 0; border-bottom: 1px solid #d4e1ec; padding: 14px 0; }
 .advantages-grid > div:last-child[b-ctafap1u4h] { border: 0; }
}
@media (prefers-reduced-motion: reduce) { .solution-card[b-ctafap1u4h], .primary-button[b-ctafap1u4h], .secondary-button[b-ctafap1u4h] { transition: none; } }

/* =========================================================
   AJUSTE DEFINITIVO: ANCHO FLUIDO Y ZOOM DEL NAVEGADOR
   El contenedor no tiene ancho máximo fijo: ocupa el viewport
   con márgenes proporcionales y límites mínimos/máximos.
   ========================================================= */
.solutions-page[b-ctafap1u4h] {
    width: 100%;
    max-width: none;
    min-width: 0;
    overflow-x: clip;
}

.solutions-page .page-shell[b-ctafap1u4h] {
    width: calc(100% - 2 * clamp(16px, 3.2vw, 72px));
    max-width: none;
    min-width: 0;
    margin-inline: auto;
}

.solutions-page .hero-copy[b-ctafap1u4h] {
    width: min(680px, 54%);
    min-width: 0;
}

.solutions-page .hero-copy h1[b-ctafap1u4h] {
    color: #ffffff;
}

.solutions-page .hero-copy h1 span[b-ctafap1u4h] {
    color: #168cf5;
}

.solutions-page .catalog-heading[b-ctafap1u4h],
.solutions-page .heading-copy[b-ctafap1u4h],
.solutions-page .solution-grid[b-ctafap1u4h],
.solutions-page .benefits-layout[b-ctafap1u4h],
.solutions-page .advantages-grid[b-ctafap1u4h],
.solutions-page .closing-layout[b-ctafap1u4h] {
    min-width: 0;
}

.solutions-page .solution-grid[b-ctafap1u4h] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1100px) {
    .solutions-page .solution-grid[b-ctafap1u4h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .solutions-page .hero-copy[b-ctafap1u4h] {
        width: min(680px, 82%);
    }
}

@media (max-width: 700px) {
    .solutions-page .page-shell[b-ctafap1u4h] {
        width: calc(100% - 32px);
    }

    .solutions-page .hero-copy[b-ctafap1u4h] {
        width: 100%;
    }

    .solutions-page .solution-grid[b-ctafap1u4h] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* =========================================================
   RADAR DE SEGUIMIENTO - HERO DE SOLUCIONES
   Animación exclusivamente visual; no altera el estado real.
   ========================================================= */
.hero-tracking-radar[b-ctafap1u4h] {
    position: absolute;
    z-index: 1;
    /* Indicador verde de "En tránsito" en la imagen panorámica. */
    left: 84.35%;
    top: 17.4%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.hero-tracking-radar[b-ctafap1u4h]::before,
.hero-tracking-radar[b-ctafap1u4h]::after {
    content: "";
    position: absolute;
    inset: -1px;
    border: 2px solid rgba(37, 255, 172, 0.85);
    border-radius: 50%;
    animation: solutions-tracking-pulse-b-ctafap1u4h 4.5s ease-out infinite;
}

.hero-tracking-radar[b-ctafap1u4h]::after {
    animation-delay: 2.25s;
}

@keyframes solutions-tracking-pulse-b-ctafap1u4h {
    0% { transform: scale(0.65); opacity: 0.85; }
    75% { opacity: 0.2; }
    100% { transform: scale(3); opacity: 0; }
}

/* En pantallas angostas, la composición de la imagen se recorta.
   Se oculta el radar para evitar que aparezca fuera del indicador. */
@media (max-width: 980px) {
    .hero-tracking-radar[b-ctafap1u4h] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-tracking-radar[b-ctafap1u4h]::before,
    .hero-tracking-radar[b-ctafap1u4h]::after { animation: none; opacity: 0; }
}


/* MODAL COMERCIAL: GESTIÓN DE ENVÍOS */
.solutions-page .shipping-modal-backdrop[b-ctafap1u4h] { position:fixed; inset:0; z-index:10000; display:flex; align-items:center; justify-content:center; padding:clamp(12px,3vh,32px) clamp(12px,3vw,32px); background:rgba(3,17,33,.76); backdrop-filter:blur(5px); }
.solutions-page .shipping-modal[b-ctafap1u4h] { position:relative; width:min(1100px,100%); max-height:94dvh; overflow:hidden; border:1px solid rgba(255,255,255,.45); border-radius:22px; background:#fff; box-shadow:0 28px 90px rgba(0,0,0,.35); }
.solutions-page .shipping-modal-scroll[b-ctafap1u4h] { max-height:94dvh; overflow-y:auto; overscroll-behavior:contain; }
.solutions-page .shipping-modal-close[b-ctafap1u4h] { position:absolute; top:17px; right:17px; z-index:5; display:grid; place-items:center; width:40px; height:40px; border:1px solid rgba(255,255,255,.35); border-radius:50%; color:white; background:rgba(4,23,40,.88); font-size:30px; cursor:pointer; }
.solutions-page .shipping-modal-close:focus-visible[b-ctafap1u4h] { outline:3px solid #54b9ff; outline-offset:3px; }
.solutions-page .shipping-modal-hero[b-ctafap1u4h] { position:relative; display:flex; align-items:center; min-height:290px; padding:clamp(32px,5vw,58px); overflow:hidden; background:#061b30; color:white; }
.solutions-page .shipping-modal-hero img[b-ctafap1u4h] { position:absolute; inset:0 0 0 auto; width:67%; height:100%; object-fit:cover; }
.solutions-page .shipping-modal-hero[b-ctafap1u4h]::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#061b30 0%,rgba(6,27,48,.96) 35%,rgba(6,27,48,.55) 68%,rgba(6,27,48,.05)); }
.solutions-page .shipping-modal-hero-copy[b-ctafap1u4h] { position:relative; z-index:1; width:min(560px,70%); }
.solutions-page .shipping-modal-eyebrow[b-ctafap1u4h] { color:#42adff; font-size:13px; font-weight:800; letter-spacing:.12em; }
.solutions-page .shipping-modal-hero h2[b-ctafap1u4h] { margin:12px 0 16px; color:#fff; font-size:clamp(32px,4vw,48px); line-height:1.12; }
.solutions-page .shipping-modal-hero p[b-ctafap1u4h] { margin:0; max-width:550px; color:#e7f1fa; font-size:clamp(15px,1.4vw,18px); line-height:1.6; }
.solutions-page .shipping-modal-content[b-ctafap1u4h] { padding:clamp(24px,3vw,38px); color:#193448; }
.solutions-page .shipping-modal-intro h3[b-ctafap1u4h],.solutions-page .shipping-modal-benefits h3[b-ctafap1u4h] { margin:8px 0; font-size:clamp(22px,2.3vw,29px); line-height:1.2; }
.solutions-page .shipping-modal-intro p[b-ctafap1u4h] { color:#526477; margin:0 0 22px; }
.solutions-page .shipping-feature-grid[b-ctafap1u4h] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.solutions-page .shipping-feature-grid article[b-ctafap1u4h] { padding:22px 18px; border:1px solid #e4edf6; border-radius:14px; background:#f9fbfe; }
.solutions-page .shipping-feature-symbol[b-ctafap1u4h] { display:grid; place-items:center; width:48px; height:48px; margin-bottom:15px; border-radius:13px; color:#087de0; background:#e1f1ff; font-size:26px; }
.solutions-page .shipping-feature-grid h4[b-ctafap1u4h] { margin:0 0 10px; font-size:17px; line-height:1.3; }
.solutions-page .shipping-feature-grid p[b-ctafap1u4h] { margin:0; color:#526477; font-size:14px; line-height:1.55; }
.solutions-page .shipping-modal-bottom[b-ctafap1u4h] { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:28px; margin-top:30px; }
.solutions-page .shipping-modal-benefits ul[b-ctafap1u4h] { display:grid; gap:13px; margin:20px 0 0; padding:0; list-style:none; }
.solutions-page .shipping-modal-benefits li[b-ctafap1u4h]::before { content:"✓"; display:inline-grid; place-items:center; width:24px; height:24px; margin-right:12px; border-radius:50%; color:white; background:#168cf5; font-weight:800; }
.solutions-page .shipping-process-panel[b-ctafap1u4h] { padding:24px; border:1px solid #dce8f3; border-radius:16px; background:linear-gradient(135deg,#f2f8ff,#fff); }
.solutions-page .shipping-process-heading[b-ctafap1u4h] { display:flex; justify-content:space-between; gap:12px; margin-bottom:18px; }
.solutions-page .shipping-process-heading span[b-ctafap1u4h] { color:#60768a; font-size:12px; }
.solutions-page .shipping-process-panel ol[b-ctafap1u4h] { display:grid; gap:12px; padding:0; margin:0; list-style:none; }
.solutions-page .shipping-process-panel li[b-ctafap1u4h] { display:flex; align-items:center; gap:14px; }
.solutions-page .shipping-process-panel li > span[b-ctafap1u4h] { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; color:#087de0; background:#dfefff; font-weight:800; }
.solutions-page .shipping-process-panel li div[b-ctafap1u4h] { display:grid; gap:3px; }
.solutions-page .shipping-process-panel small[b-ctafap1u4h] { color:#60768a; }
.solutions-page .learn-more:disabled[b-ctafap1u4h] { opacity:.5; cursor:not-allowed; }
@media (max-width:800px) { .solutions-page .shipping-feature-grid[b-ctafap1u4h] { grid-template-columns:repeat(2,minmax(0,1fr)); } .solutions-page .shipping-modal-bottom[b-ctafap1u4h] { grid-template-columns:1fr; } }
@media (max-width:520px) { .solutions-page .shipping-modal[b-ctafap1u4h] { border-radius:14px; } .solutions-page .shipping-modal-hero[b-ctafap1u4h] { min-height:320px; padding:62px 22px 30px; } .solutions-page .shipping-modal-hero img[b-ctafap1u4h] { width:100%; opacity:.35; } .solutions-page .shipping-modal-hero[b-ctafap1u4h]::after { background:rgba(6,27,48,.68); } .solutions-page .shipping-modal-hero-copy[b-ctafap1u4h] { width:100%; } .solutions-page .shipping-feature-grid[b-ctafap1u4h] { grid-template-columns:1fr; } }

/* =========================================================
   RUTAS INTELIGENTES — PERSONALIZACIÓN DEL MODAL COMPARTIDO
   Mantiene el comportamiento responsive y el cierre por X.
   ========================================================= */
.solutions-page .routes-modal-hero[b-ctafap1u4h] {
    background: #041b31;
}
.solutions-page .routes-modal-hero[b-ctafap1u4h]::after {
    background: linear-gradient(90deg, #041b31 0%, rgba(4, 27, 49, .97) 36%, rgba(4, 27, 49, .56) 69%, rgba(4, 27, 49, .12));
}
.solutions-page .routes-modal .shipping-feature-symbol[b-ctafap1u4h] {
    color: #087ed9;
    background: #e5f4ff;
}
@media (max-width: 520px) {
    .solutions-page .routes-modal-hero[b-ctafap1u4h]::after {
        background: rgba(4, 27, 49, .76);
    }
}
/* /Pages/TrackingPage.razor.rz.scp.css */
/* TRAYEKTO | Seguimiento y trazabilidad | Estilos aislados */
.tracking-page[b-j8b7dy94h9]{--t-card:var(--bg-card,#fff);--t-field:var(--input-bg,#fff);--t-border:var(--input-border,#d6e1ef);--t-text:var(--text-primary,#102a4c);--t-muted:var(--text-secondary,#526781);--t-blue:var(--primary,#087cfa);padding:24px;color:var(--t-text);min-width:0}.tracking-page *[b-j8b7dy94h9]{box-sizing:border-box}.tracking-header[b-j8b7dy94h9]{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.tracking-breadcrumb[b-j8b7dy94h9]{font-size:12px;color:var(--t-muted);margin-bottom:8px}.tracking-header h1[b-j8b7dy94h9]{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;margin:0 0 6px}.tracking-header h1[b-j8b7dy94h9]  .mud-icon-root{color:var(--t-blue)}.tracking-header p[b-j8b7dy94h9]{margin:0;color:var(--t-muted);font-size:13px}.tracking-filters[b-j8b7dy94h9]{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.tracking-page label[b-j8b7dy94h9]{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--t-muted)}.tracking-page input[b-j8b7dy94h9],.tracking-page select[b-j8b7dy94h9]{background:var(--t-field);color:var(--t-text);border:1px solid var(--t-border);border-radius:6px;padding:9px 10px;min-height:38px;max-width:100%}.tracking-filters label[b-j8b7dy94h9]{width:130px}.tracking-btn[b-j8b7dy94h9]{border:1px solid var(--t-border);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;font-weight:700;font-size:12px;cursor:pointer;background:var(--t-card);color:var(--t-blue)}.tracking-btn.primary[b-j8b7dy94h9]{background:#087cfa;color:#fff;border-color:#087cfa}.tracking-btn.full[b-j8b7dy94h9]{width:100%;margin-top:18px}.tracking-btn[b-j8b7dy94h9]  .mud-icon-root{font-size:18px}.tracking-demo[b-j8b7dy94h9]{display:flex;align-items:center;gap:7px;color:var(--t-muted);font-size:12px;margin:10px 0 14px}.tracking-demo[b-j8b7dy94h9]  .mud-icon-root{font-size:16px}.tracking-metrics[b-j8b7dy94h9]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.tracking-metrics article[b-j8b7dy94h9]{background:var(--t-card);border:1px solid var(--t-border);border-radius:9px;padding:16px;display:flex;align-items:center;gap:14px;min-width:0}.tracking-metrics article[b-j8b7dy94h9]  .mud-icon-root{font-size:32px;color:var(--t-blue)}.tracking-metrics strong[b-j8b7dy94h9]{font-size:25px;display:block;line-height:1.1}.tracking-metrics b[b-j8b7dy94h9]{display:block;font-size:12px}.tracking-metrics small[b-j8b7dy94h9]{display:block;color:var(--t-muted);font-size:11px}.tracking-toolbar[b-j8b7dy94h9]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.tracking-tabs[b-j8b7dy94h9]{display:flex;gap:5px;flex-wrap:wrap}.tracking-tabs button[b-j8b7dy94h9]{background:var(--t-card);color:var(--t-text);border:1px solid var(--t-border);border-radius:6px 6px 0 0;padding:10px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:12px}.tracking-tabs button.active[b-j8b7dy94h9]{color:var(--t-blue);border-bottom:3px solid var(--t-blue);background:color-mix(in srgb,var(--t-blue) 7%,var(--t-card))}.tracking-tabs[b-j8b7dy94h9]  .mud-icon-root{font-size:18px}.tracking-grid[b-j8b7dy94h9]{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.85fr) minmax(260px,.95fr);gap:12px}.tracking-card[b-j8b7dy94h9]{background:var(--t-card);border:1px solid var(--t-border);border-radius:9px;padding:15px;min-width:0;box-shadow:0 2px 8px #00000008}.tracking-card h2[b-j8b7dy94h9]{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 14px;font-weight:750}.tracking-card h2[b-j8b7dy94h9]  .mud-icon-root{font-size:20px;color:var(--t-blue)}.tracking-card h3[b-j8b7dy94h9]{font-size:20px;margin:8px 0}.tracking-search[b-j8b7dy94h9]{width:100%;margin-bottom:12px}.tracking-table-wrap[b-j8b7dy94h9]{overflow-x:auto;width:100%}.tracking-page table[b-j8b7dy94h9]{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.tracking-page th[b-j8b7dy94h9]{background:color-mix(in srgb,var(--t-blue) 5%,var(--t-card));text-align:left;font-weight:750;padding:10px 7px;border-bottom:1px solid var(--t-border)}.tracking-page td[b-j8b7dy94h9]{padding:9px 7px;border-bottom:1px solid var(--t-border)}.tracking-page tr.selected[b-j8b7dy94h9]{background:color-mix(in srgb,var(--t-blue) 8%,var(--t-card))}.tracking-page tbody tr[b-j8b7dy94h9]{cursor:pointer}.tracking-link[b-j8b7dy94h9]{border:0;background:transparent;color:var(--t-blue);font-weight:700;cursor:pointer;padding:0}.tracking-status[b-j8b7dy94h9]{display:inline-block;padding:5px 8px;background:color-mix(in srgb,var(--t-blue) 11%,var(--t-card));color:var(--t-text);border-radius:20px;font-size:11px;font-weight:650}.tracking-map-placeholder[b-j8b7dy94h9]{min-height:300px;border:1px dashed var(--t-border);background:color-mix(in srgb,var(--t-blue) 5%,var(--t-card));border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:12px}.tracking-map-placeholder[b-j8b7dy94h9]  .mud-icon-root{font-size:42px;color:var(--t-blue)}.tracking-map-placeholder span[b-j8b7dy94h9],.tracking-note[b-j8b7dy94h9]{color:var(--t-muted);font-size:12px;line-height:1.6}.tracking-footer[b-j8b7dy94h9]{font-size:11px;color:var(--t-muted);padding-top:14px}.tracking-fields[b-j8b7dy94h9]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.tracking-fields div[b-j8b7dy94h9]{border:1px solid var(--t-border);border-radius:6px;padding:10px;min-width:0}.tracking-fields small[b-j8b7dy94h9]{display:block;color:var(--t-muted);margin-bottom:6px}.tracking-fields strong[b-j8b7dy94h9]{font-size:12px;overflow-wrap:anywhere}.tracking-bottom[b-j8b7dy94h9]{display:grid;grid-template-columns:1.5fr .85fr .95fr;gap:12px;margin-top:12px}.tracking-bottom progress[b-j8b7dy94h9]{width:100%;accent-color:var(--t-blue)}@media(max-width:1300px){.tracking-metrics[b-j8b7dy94h9]{grid-template-columns:repeat(3,1fr)}.tracking-grid[b-j8b7dy94h9],.tracking-bottom[b-j8b7dy94h9]{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-list[b-j8b7dy94h9]{grid-column:1/-1}}@media(max-width:750px){.tracking-page[b-j8b7dy94h9]{padding:12px}.tracking-header h1[b-j8b7dy94h9]{font-size:21px}.tracking-filters[b-j8b7dy94h9]{width:100%}.tracking-filters label[b-j8b7dy94h9]{flex:1 1 140px}.tracking-metrics[b-j8b7dy94h9]{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-grid[b-j8b7dy94h9],.tracking-bottom[b-j8b7dy94h9]{grid-template-columns:1fr}.tracking-list[b-j8b7dy94h9]{grid-column:auto}.tracking-tabs button[b-j8b7dy94h9]{flex:1}.tracking-metrics article[b-j8b7dy94h9]{padding:12px}}


/* Tablas adaptativas para celulares: cada fila se presenta como una tarjeta
   con etiquetas visibles. En escritorio se conserva la tabla tradicional. */
@media (max-width: 750px) {
    .tracking-page .tracking-table-wrap[b-j8b7dy94h9] {
        overflow-x: visible;
        width: 100%;
        min-width: 0;
    }

    .tracking-page .tracking-table-wrap table[b-j8b7dy94h9],
    .tracking-page .tracking-table-wrap tbody[b-j8b7dy94h9],
    .tracking-page .tracking-table-wrap tr[b-j8b7dy94h9],
    .tracking-page .tracking-table-wrap td[b-j8b7dy94h9] {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .tracking-page .tracking-table-wrap thead[b-j8b7dy94h9] {
        display: none;
    }

    .tracking-page .tracking-table-wrap table[b-j8b7dy94h9] {
        white-space: normal;
        border-collapse: separate;
    }

    .tracking-page .tracking-table-wrap tbody[b-j8b7dy94h9] {
        display: grid;
        gap: 10px;
    }

    .tracking-page .tracking-table-wrap tbody tr[b-j8b7dy94h9] {
        border: 1px solid var(--t-border);
        border-radius: 9px;
        padding: 5px 11px;
        background: var(--t-card);
        overflow: hidden;
    }

    .tracking-page .tracking-table-wrap tbody tr.selected[b-j8b7dy94h9] {
        border-color: var(--t-blue);
        background: color-mix(in srgb, var(--t-blue) 8%, var(--t-card));
    }

    .tracking-page .tracking-table-wrap td[b-j8b7dy94h9] {
        display: grid;
        grid-template-columns: minmax(96px, 38%) minmax(0, 1fr);
        align-items: start;
        gap: 10px;
        padding: 9px 0;
        white-space: normal;
        overflow-wrap: anywhere;
        font-size: 12px;
        text-align: left;
    }

    .tracking-page .tracking-table-wrap td:last-child[b-j8b7dy94h9] {
        border-bottom: 0;
    }

    .tracking-page .tracking-table-wrap td[b-j8b7dy94h9]::before {
        content: attr(data-label);
        color: var(--t-muted);
        font-size: 11px;
        font-weight: 700;
        line-height: 1.5;
    }

    .tracking-page .tracking-table-wrap .tracking-link[b-j8b7dy94h9] {
        text-align: left;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}
/* /Pages/UsersPermissionsPage.razor.rz.scp.css */
/* Layout únicamente. Los colores y las superficies provienen del tema global. */
.up-page[b-x8qx3kpa6p]{font-family:'Roboto Condensed',sans-serif;color:var(--text-primary);padding:8px 0 24px;min-width:0}.up-page *[b-x8qx3kpa6p],.up-overlay *[b-x8qx3kpa6p]{box-sizing:border-box}.up-hero[b-x8qx3kpa6p],.up-kpis article[b-x8qx3kpa6p],.up-panel[b-x8qx3kpa6p],.up-summary article[b-x8qx3kpa6p],.up-mobile-card[b-x8qx3kpa6p],.up-dialog[b-x8qx3kpa6p]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;box-shadow:0 3px 12px var(--shadow-color)}.up-hero[b-x8qx3kpa6p]{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-bottom:9px}.up-heading[b-x8qx3kpa6p]{display:flex;gap:16px;align-items:center;padding:17px}.up-heading[b-x8qx3kpa6p]  .mud-icon-root{font-size:36px;color:var(--primary)}.up-heading h1[b-x8qx3kpa6p]{margin:0;font-size:1.6rem;font-weight:800}.up-heading p[b-x8qx3kpa6p]{margin:3px 0 0;color:var(--text-secondary)}.up-banner[b-x8qx3kpa6p]{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:16px 24px;background:linear-gradient(90deg,#061e37ee,#0829479c),url('/images/solutions/fleet.webp') center/cover;color:white}.up-notice[b-x8qx3kpa6p]{display:flex;align-items:center;gap:7px;font-size:.85rem;color:var(--text-secondary);margin:8px 0}.up-kpis[b-x8qx3kpa6p]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}.up-kpis article[b-x8qx3kpa6p]{display:flex;gap:10px;align-items:center;min-width:0;padding:12px 10px}.up-kpis article strong[b-x8qx3kpa6p],.up-kpis article b[b-x8qx3kpa6p],.up-kpis article small[b-x8qx3kpa6p]{display:block}.up-kpis article strong[b-x8qx3kpa6p]{font-size:1.4rem}.up-kpis article b[b-x8qx3kpa6p]{font-size:.86rem}.up-kpis article small[b-x8qx3kpa6p]{font-size:.74rem;color:var(--text-secondary)}.up-kpi-icon[b-x8qx3kpa6p]{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:white;flex-shrink:0}.up-kpi-icon.blue[b-x8qx3kpa6p]{background:#087eff}.up-kpi-icon.green[b-x8qx3kpa6p]{background:#00a977}.up-kpi-icon.purple[b-x8qx3kpa6p]{background:#8746f5}.up-kpi-icon.amber[b-x8qx3kpa6p]{background:#f5a400}.up-kpi-icon.red[b-x8qx3kpa6p]{background:#fa4258}.up-kpi-icon.slate[b-x8qx3kpa6p]{background:#405b7b}.up-toolbar[b-x8qx3kpa6p]{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--border-color)}.up-tabs[b-x8qx3kpa6p]{display:flex;gap:6px;flex-wrap:wrap}.up-tabs button[b-x8qx3kpa6p]{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-primary);font:inherit;padding:8px 7px;cursor:pointer}.up-tabs button.active[b-x8qx3kpa6p]{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.up-actions[b-x8qx3kpa6p]{display:flex;gap:7px}.up-page button[b-x8qx3kpa6p],.up-dialog button[b-x8qx3kpa6p]{font:inherit;cursor:pointer}.up-actions button[b-x8qx3kpa6p],.up-filters button[b-x8qx3kpa6p],.up-mobile-foot button[b-x8qx3kpa6p],.up-pagination button[b-x8qx3kpa6p],.up-dialog footer button[b-x8qx3kpa6p]{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--input-border);border-radius:5px;background:var(--bg-card);color:var(--text-primary);padding:8px 10px}.up-actions button.up-primary[b-x8qx3kpa6p],.up-dialog button.up-primary[b-x8qx3kpa6p]{background:var(--primary);color:white;border-color:var(--primary)}.up-filters[b-x8qx3kpa6p]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:end;gap:9px;padding:12px;border-bottom:1px solid var(--border-color)}.up-filters label[b-x8qx3kpa6p],.up-form-grid label[b-x8qx3kpa6p]{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:.82rem}.up-filters input[b-x8qx3kpa6p],.up-filters select[b-x8qx3kpa6p],.up-form-grid input[b-x8qx3kpa6p],.up-form-grid select[b-x8qx3kpa6p],.up-pagination select[b-x8qx3kpa6p]{width:100%;min-height:35px;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);border-radius:5px;padding:6px 9px}.up-table-wrap[b-x8qx3kpa6p]{overflow-x:auto}.up-table[b-x8qx3kpa6p]{width:100%;border-collapse:collapse;font-size:.84rem}.up-table th[b-x8qx3kpa6p]{text-align:left;background:var(--bg-subtle);padding:10px;border-bottom:1px solid var(--border-color)}.up-table td[b-x8qx3kpa6p]{padding:9px 10px;border-bottom:1px solid var(--border-soft)}.up-table tbody tr:nth-child(even)[b-x8qx3kpa6p]{background:var(--bg-subtle)}.up-table td button[b-x8qx3kpa6p]{border:0;background:transparent;color:var(--primary);padding:3px}.up-avatar[b-x8qx3kpa6p]{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--selected-bg);color:var(--primary);font-weight:700;margin-right:6px}.up-chip[b-x8qx3kpa6p],.up-status[b-x8qx3kpa6p]{display:inline-block;padding:4px 8px;border-radius:30px;font-size:.78rem;background:var(--selected-bg);color:var(--primary);font-weight:600}.up-status.enabled[b-x8qx3kpa6p]{color:#00845e;background:#d8f6e9}.up-status.disabled[b-x8qx3kpa6p]{color:#b71c38;background:#ffe3e8}.up-pagination[b-x8qx3kpa6p]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-size:.84rem}.up-pagination>div[b-x8qx3kpa6p]{display:flex;gap:8px;align-items:center}.up-pagination select[b-x8qx3kpa6p]{width:auto}.up-pagination button:disabled[b-x8qx3kpa6p]{opacity:.45;cursor:default}.up-summary[b-x8qx3kpa6p]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.up-summary article[b-x8qx3kpa6p]{padding:13px}.up-summary h3[b-x8qx3kpa6p]{font-size:1rem;margin:0 0 9px;display:flex;align-items:center;gap:8px}.up-summary-row[b-x8qx3kpa6p]{display:flex;justify-content:space-between;border-bottom:1px solid var(--border-soft);padding:7px 4px;font-size:.85rem}.up-feedback[b-x8qx3kpa6p]{padding:10px 12px;color:var(--text-secondary);background:var(--bg-subtle);margin:0}.up-empty[b-x8qx3kpa6p]{text-align:center;padding:30px;color:var(--text-secondary)}.up-mobile-list[b-x8qx3kpa6p]{display:none}.up-overlay[b-x8qx3kpa6p]{position:fixed;inset:0;z-index:1400;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:15px}.up-dialog[b-x8qx3kpa6p]{width:min(660px,100%);max-height:90vh;display:flex;flex-direction:column;color:var(--text-primary)}.up-dialog header[b-x8qx3kpa6p]{display:flex;justify-content:space-between;align-items:start;padding:17px;border-bottom:1px solid var(--border-color)}.up-dialog header>div[b-x8qx3kpa6p]{display:flex;gap:10px;align-items:center}.up-dialog header h2[b-x8qx3kpa6p]{margin:0;font-size:1.3rem}.up-dialog header p[b-x8qx3kpa6p]{margin:3px 0 0;color:var(--text-secondary)}.up-dialog header button[b-x8qx3kpa6p]{background:transparent;border:0;color:var(--text-primary)}.up-dialog-body[b-x8qx3kpa6p]{overflow-y:auto;padding:18px}.up-form-grid[b-x8qx3kpa6p]{display:grid;grid-template-columns:1fr 1fr;gap:14px}.up-dialog-note[b-x8qx3kpa6p]{color:var(--text-secondary);font-size:.83rem;margin:15px 0 0}.up-error[b-x8qx3kpa6p]{color:#df334e}.up-dialog footer[b-x8qx3kpa6p]{padding:12px 18px;border-top:1px solid var(--border-color);display:flex;justify-content:end}
@media(max-width:1200px){.up-kpis[b-x8qx3kpa6p]{grid-template-columns:repeat(3,minmax(0,1fr))}.up-filters[b-x8qx3kpa6p]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.up-hero[b-x8qx3kpa6p]{grid-template-columns:1fr}.up-banner[b-x8qx3kpa6p]{display:none}.up-kpis[b-x8qx3kpa6p]{grid-template-columns:repeat(2,minmax(0,1fr))}.up-kpis article[b-x8qx3kpa6p]{padding:10px 8px}.up-kpis article strong[b-x8qx3kpa6p]{font-size:1.1rem}.up-toolbar[b-x8qx3kpa6p]{align-items:stretch}.up-tabs[b-x8qx3kpa6p]{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:3px}.up-tabs button[b-x8qx3kpa6p]{white-space:nowrap}.up-actions[b-x8qx3kpa6p]{width:100%}.up-actions button:first-child[b-x8qx3kpa6p]{flex:1;justify-content:center}.up-filters[b-x8qx3kpa6p]{grid-template-columns:1fr 1fr}.up-filters label:first-child[b-x8qx3kpa6p]{grid-column:1/-1}.up-filters button[b-x8qx3kpa6p]{grid-column:1/-1;justify-content:center}.up-table-wrap[b-x8qx3kpa6p]{display:none}.up-mobile-list[b-x8qx3kpa6p]{display:grid;gap:10px;padding:10px}.up-mobile-card[b-x8qx3kpa6p]{padding:12px}.up-mobile-head[b-x8qx3kpa6p]{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.up-mobile-card p[b-x8qx3kpa6p]{margin:7px 0;color:var(--text-secondary);font-size:.86rem;overflow-wrap:anywhere}.up-mobile-foot[b-x8qx3kpa6p]{display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap;margin-top:10px}.up-pagination[b-x8qx3kpa6p]{flex-wrap:wrap}.up-summary[b-x8qx3kpa6p]{grid-template-columns:1fr}.up-form-grid[b-x8qx3kpa6p]{grid-template-columns:1fr}}